Installer Jøkul-komponenter og styles
Grunnoppsett for Jøkul via monopakka `@fremtind/jokul`.
Pakker: @fremtind/jokul
Jøkul
Fremtinds designsystem med React-komponenter, formattere, hooks, mixins, tokens og øvrige byggeklosser.
Den lokale Jøkul-dokumentasjonen dekker nå flere komponentoppslag, en bredere ikonseksjon og en første token-gruppe. Målet er å gjøre det lettere å sammenligne konkrete byggeklosser og hva de faktisk inneholder.
Oppsettet skiller mellom installasjonsguider, seksjonsoversikter og detaljerte asset-sider. Det gjør det mulig å skalere uten at alt havner i én gigantisk komponent- eller datafil.
Primærpakke: @fremtind/jokul
Pakker i fokus
-
@fremtind/jokul: Monopakke for Jøkul-komponenter, styles, hooks, utilities og tokens.
Installasjon
-
-
Bruk hooks, utilities og styling
Jøkul eksponerer hooks, utilities og styling via egne subpaths i samme monopakke.
Pakker:
@fremtind/jokul
Dokumenterte seksjoner
-
Komponenter
React-komponenter, props, migrering og relasjoner mellom assets.
Innhold i piloten:
-
Designtokens
Farger, spacing, typografi og bevegelse bør få egne seksjoner som kan brukes på tvers av komponenter og mønstre.
Innhold i piloten:
-
Ikoner
Lokale oppslag for Jøkul sine statiske ikoner som brukes i komponenter, statusmeldinger, menyer og navigasjon.
Innhold i piloten:
- ArrowDownIcon
- ArrowLeftIcon
- ArrowNorthEastIcon
- ArrowRightIcon
- ArrowUpIcon
- CalendarIcon
- CheckIcon
- ChevronDownIcon
- ChevronLeftIcon
- ChevronRightIcon
- ChevronUpIcon
- CloseIcon
- CopyIcon
- DotsIcon
- DragIcon
- ErrorIcon
- HamburgerIcon
- InfoIcon
- LinkIcon
- MinusIcon
- OpenInNewIcon
- PenIcon
- PlusIcon
- QuestionIcon
- SearchIcon
- SuccessIcon
- ThumbDownIcon
- ThumbUpIcon
- TrashCanIcon
- WarningIcon
Planlagt videre
- Formattere: Formattere trenger egne oppslagssider med input/output-eksempler, ikke bare omtale i komponentdocs.
- Hooks: Hooks skal dokumenteres som selvstendige assets med installasjon, API og bruksmønstre.
- Mixins: SCSS-mixins og stilverktøy må kunne dokumenteres uten å trekkes inn i komponentartiklene.
- Tooling: Repo-oppsett, CSS-importer, fonter og andre avhengigheter bør dokumenteres eksplisitt.
Neste steg
- Utvid komponentseksjonen med flere faktiske Jøkul-komponenter og fullere API-tabeller.
- Legg til formattere, hooks og mixins som egne lokale seksjoner med samme routemodell.
- Bygg ut flere token-grupper slik at mønsterartiklene kan lenke til dem direkte.