BreadcrumbNav CSS/React Componenten Opslitsen

[NeslihanUTUK]

TLDR
Splits de css en react tot individuele packages

Oplossingsrichting

Aangezien dit de eerste van de reeks is moet enige uitzoekwerk plaatsvinden rondom de structuur van de package.

Actiepunten

De genomen stappen die niet in de parent issue staan moeten ook gedocumenteerd worden daar zodat de volgende stories deze meekrijgen, zie hieronder.

Eén keer:

• component-react / component-css dir toegevoegd
• build-css-package gekopieerd van utrecht

Voor elk css component:

• index.scss en _mixin.scss verplaatst
• lege tokens.json gemaakt
• package.json gekopieerd
• export verwijderen uit components-css/index.scss

Voor elk react component:

• .tsx en .test.tsx files verplaatst
• index.ts file toegevoegd
• package.json,
  rollup.config.js,
  vite.config.ts
  tsconfig.json/tsconfig.dev.json/tsconfig.test.json toegevoegd
• build script toegevoegd aan package.json
• test script toegevoegd aan package.json
• export verwijderen uit components-react/src/index.ts
• een verwijzing naar @rijkshuisstijl-community/[componentnaam-react] in components-react/package.json toevoegen
• een verwijzing naar @rijkshuisstijl-community/[componentnaam-react] i in storybook/package.json toevoegen
• andere componenten die het huidige component importeren: nu van nieuwe package importeren
• imports van andere componenten in unit tests zoveel mogelijk verwijderen
• we moesten nog heel wat dingen gelijktrekken tussen:
  • exports in package.json
  • baseUrl in tsconfig.json
  • include in tsconfig.json (in het geval van icon, icon-sets mappen toevoegen)
• README.md files aangemaakt
• pull request gemaakt

Acceptatie criteria

• een losse css package voor de component
• een losse react package voor de component