Conversation
There was a problem hiding this comment.
Pull request overview
Note
Copilot was unable to run its full agentic suite in this review.
Denne PR-en utvider Jøkul med distributør-/brand-spesifikke fonter (styrt av data-brand) og refaktorerer tokens-/stilgenerering og importstier slik at tema (farge, størrelse, typografi) bygges fra én felles tokenkilde.
Changes:
- La til brand-scopede font-face + CSS-variabel-overstyringer for DNB/Eika/SpareBank 1.
- Ny Style Dictionary-pipeline for tokens (inkl. brand-scopet fargeoutput) og oppdaterte tokens/struktur.
- Oppdatert importstier internt (fra
core/*tilstyles/*ogutilities/*), oppdatert Storybook globals og release-workflow.
Reviewed changes
Copilot reviewed 249 out of 357 changed files in this pull request and generated 8 comments.
Show a summary per file
| File | Description |
|---|---|
| .github/copilot-instructions.md | Oppdaterer docs til nye stil-/type-importstier |
| .github/workflows/prerelease.yml | Fjerner separat prerelease-workflow |
| .github/workflows/release.yml | Slår sammen release/prerelease og endrer publisering |
| .storybook/global.scss | Bytter til nye base/components stilimports |
| .storybook/globals/brand.tsx | Ny toolbar-global for brand (data-brand) |
| .storybook/globals/variant.tsx | Ny toolbar-global for variant (data-variant) |
| .storybook/preview.tsx | Knytter nye globals/decorators inn i Storybook |
| .changeset/cool-pigs-fry.md | Changeset: patch-notat |
| .changeset/lovely-ravens-draw.md | Changeset: codemod patch-notat |
| .changeset/pre.json | Setter prerelease state/tag for changesets |
| .changeset/tokens-refactor.md | Changeset: major (tokens-/importrefaktor) |
| packages/jokul/.gitignore | Oppdaterer ignorerte autogenererte token-/style-filer |
| packages/jokul/README.md | Dokumenterer codemod + nye importstier |
| packages/jokul/build-styles.mjs | Oppdaterer intern SCSS path-rewrite (core→styles) |
| packages/jokul/codemods/tests/import-paths.test.mjs | Nye tester for import-path codemod |
| packages/jokul/src/index.ts | Fjerner root re-exports (tidligere core/hooks/utilities) |
| packages/jokul/src/tailwind/colors.ts | Legger til autogenerert Tailwind fargekart |
| packages/jokul/src/tailwind/tailwindPreset.ts | Preset leser nå farger/typografi fra nye tokens |
| packages/jokul/src/tailwind/plugins/jokulTypographyPlugin.ts | Typografi-plugin basert på nye textStyle tokens |
| packages/jokul/src/tokens/dimension.tokens.json | Ny tokenfil for dimensjoner/spacing/border/breakpoints |
| packages/jokul/src/tokens/motion.tokens.json | Ny tokenfil for motion |
| packages/jokul/src/tokens/style-dictionary/build.ts | Ny build-runner for tokens + brand-output |
| packages/jokul/src/tokens/style-dictionary/config.ts | Ny SD-config + createBrandConfig |
| packages/jokul/src/tokens/style-dictionary/filters.ts | Nye filtre for color-scheme / size / static tokens |
| packages/jokul/src/tokens/style-dictionary/formats/css-color-scheme-brand.ts | Ny formatter for brand-scopede fargetokens |
| packages/jokul/src/styles/components.scss | Oppdaterer beta importstier til components/beta/* |
| packages/jokul/src/styles/global/_base-class.scss | Justerer base .jkl variabler + font-weight tokens |
| packages/jokul/src/styles/global/_top-layer.scss | Flytter @use til ny styles/jkl lokasjon |
| packages/jokul/src/styles/jkl/_forced-colors.scss | Fjerner (flytter ut) light/dark/data-size mixins |
| packages/jokul/src/styles/jkl/_index.scss | Endrer exports (fjerner legacy/theme, legger forced-colors) |
| packages/jokul/src/styles/jkl/_motion.scss | Leser easing/timing fra tokens i stedet for hardkodede maps |
| packages/jokul/src/styles/jkl/_ornaments.scss | Endrer fokus-outline til nytt semantisk border-token |
| packages/jokul/src/styles/jkl/_reset.scss | Bruker forced-colors-mixin direkte |
| packages/jokul/src/styles/jkl/_spacing.scss | Fjerner legacy spacing map |
| packages/jokul/src/styles/jkl/_typography.scss | Bytter text styles til token-map og forenkler mixins |
| packages/jokul/src/styles/theme/_dynamic-spacing.scss | Oppdaterer dynamisk spacing til nye token-oppslag |
| packages/jokul/src/styles/theme/_fonts.scss | Flytter webfonts inn i theme-lag (tidligere egen fonts entry) |
| packages/jokul/src/styles/theme/_index.scss | Ny forwarding-rekkefølge inkl. brand colors + brand fonts |
| packages/jokul/src/styles/theme/brands/dnb/_fonts.scss | DNB font-face og CSS-variabel-overstyringer |
| packages/jokul/src/styles/theme/brands/eika/_fonts.scss | Eika font-face og CSS-variabel-overstyringer |
| packages/jokul/src/styles/theme/brands/sparebank1/_fonts.scss | SB1 font-face og CSS-variabel-overstyringer |
| packages/jokul/src/styles/theme/brands/dnb/_color-scheme.scss | Autogenerert brand-scopet color-scheme |
| packages/jokul/src/styles/utility/_headings.scss | Flytter @use til ny styles/jkl lokasjon |
| packages/jokul/src/styles/utility/_paragraphs.scss | Ny utility for text styles via CSS font-vars/tokens |
| packages/jokul/src/styles/utility/_screen-reader.scss | Flytter @use til ny styles/jkl lokasjon |
| packages/jokul/src/styles/utility/_spacing.scss | Henter spacing direkte fra $tokens map |
| packages/jokul/src/fonts/styles/_index.scss | Fjerner gammel fonts entrypoint |
| packages/jokul/src/fonts/styles/webfonts.scss | Flytter/erstatter i styles/theme/_fonts.scss |
| packages/jokul/src/hooks/useScreen/useScreen.ts | Bytter token-import til src/tokens.js |
| packages/jokul/src/hooks/useBrowserPreferences/useBrowserPreferences.tsx | Flytter ColorScheme type til utilities/types |
| packages/jokul/src/hooks/useAnimatedHeight/useAnimatedHeight.ts | Bytter token-import til src/tokens.js |
| packages/jokul/src/hooks/useAnimatedHeight/useAnimatedHeightBetween.ts | Bytter token-import til src/tokens.js |
| packages/jokul/src/hooks/useAnimatedHeight/useAutoAnimateHeight.ts | Bytter token-import og type-import til utilities/types |
| packages/jokul/src/hooks/useAnimatedHeight/types.ts | Flytter easing/timing types til utilities/types |
| packages/jokul/src/hooks/stories/styles.scss | Oppdaterer stilimport og bakgrunnsvariabel |
| packages/jokul/src/shared/input/styles/shared-input-styles.scss | Semantiske farge-/border tokens for inputs + ny jkl import |
| packages/jokul/src/shared/track/styles/track.scss | Semantiske border tokens + ny jkl import |
| packages/jokul/src/components/autosuggest/styles/autosuggest.scss | Semantiske tokens + ny jkl import |
| packages/jokul/src/components/breadcrumb/styles/breadcrumb.scss | Ny jkl import |
| packages/jokul/src/components/button/styles/button.scss | Oppdaterer font-weight token + ny jkl import |
| packages/jokul/src/components/card/Card.tsx | Default variant endres til filled |
| packages/jokul/src/components/card/Card.figma.tsx | Oppdaterer variant enum (filled/outlined) |
| packages/jokul/src/components/card/Card.test.tsx | Oppdaterer test til ny variantverdi |
| packages/jokul/src/components/card/stories/Card.stories.tsx | Fjerner gamle variantverdier i stories |
| packages/jokul/src/components/card/types.ts | Endrer CARD_VARIANTS og default docs |
| packages/jokul/src/components/card/styles/card.scss | Endrer bakgrunn/border tokens + ny variantklasse |
| packages/jokul/src/components/card/development/examples/StatuskortExample.tsx | Justerer border token i eksempel |
| packages/jokul/src/components/checkbox/styles/checkbox.scss | Semantiske tokens + light-dark fallback, ny jkl import |
| packages/jokul/src/components/checkbox/types.ts | Flytter DataTestAutoId type til utilities/types |
| packages/jokul/src/components/checkbox-panel/styles/checkbox-panel.scss | Ny jkl import |
| packages/jokul/src/components/checkbox-panel/integration/checkbox-panel.spec.ts | Formatterer querySelector/expect for lesbarhet |
| packages/jokul/src/components/checkbox-panel/development/styles.scss | Ny jkl import |
| packages/jokul/src/components/chip/styles/chip.scss | Semantisk border token + font-weight token |
| packages/jokul/src/components/combobox/styles/combobox.scss | Semantiske tokens + ny jkl import |
| packages/jokul/src/components/cookie-consent/styles/cookie-consent.scss | Ny jkl import |
| packages/jokul/src/components/cookie-consent/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/cookie-consent/CookieConsent.test.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/cookie-consent/CookieConsentContext.test.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/datepicker/types.ts | Flytter DataTestAutoId type til utilities/types |
| packages/jokul/src/components/datepicker/styles/datepicker.scss | Ny jkl import |
| packages/jokul/src/components/datepicker/styles/_calendar.scss | Bakgrunns-token justert |
| packages/jokul/src/components/datepicker/styles/_calendar-date-button.scss | Selected-state tokens oppdatert |
| packages/jokul/src/components/datepicker/styles/_calendar-navigation.scss | Ny jkl import |
| packages/jokul/src/components/datepicker/styles/_calendar-navigation-dropdown.scss | Semantiske tokens + font-weight token |
| packages/jokul/src/components/datepicker/styles/_calendar-table.scss | Ny jkl import |
| packages/jokul/src/components/description-list/styles/description-list.scss | Semantiske tokens + font-weight token |
| packages/jokul/src/components/description-list/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/description-list/index.ts | Rewiring av BETA-exports til ny mappe |
| packages/jokul/src/components/expander/styles/expandable.scss | Semantiske bakgrunn/border tokens |
| packages/jokul/src/components/feedback/styles/feedback.scss | Ny jkl import + små formatteringsendringer |
| packages/jokul/src/components/feedback/feedbackContext.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/feedback/questions/smileyUtils.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/feedback/main-question/mainQuestionContext.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/feedback/followup/followupContext.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/file/styles/file.scss | Semantiske tokens + ny jkl import |
| packages/jokul/src/components/file-input/styles/file-input.scss | Semantiske border/background tokens + ny jkl import |
| packages/jokul/src/components/file-input/internal/Dropzone.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/file-input/internal/fileInputContext.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/help/styles/help.scss | Background/text tokens oppdatert |
| packages/jokul/src/components/icon/styles/_base-styles.scss | Forenkler Material Symbols base styles |
| packages/jokul/src/components/icon/styles/icon.scss | Semantiske action/success/error tokens |
| packages/jokul/src/components/icon/development/internal/IconsExampleGrid.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/icon-button/styles/icon-button.scss | Ny jkl import |
| packages/jokul/src/components/image/styles/image.scss | Ny jkl import |
| packages/jokul/src/components/input-group/styles/input-group.scss | Ny jkl import |
| packages/jokul/src/components/input-group/styles/_field-group.scss | Ny jkl import |
| packages/jokul/src/components/input-group/styles/_labels.scss | Ny jkl import |
| packages/jokul/src/components/input-group/types.ts | Flytter typer til utilities/types |
| packages/jokul/src/components/input-panel/styles/input-panel.scss | Semantiske tokens + font-weight token |
| packages/jokul/src/components/link/styles/link.scss | Ny jkl import + fjerner --jkl-icon-opsz |
| packages/jokul/src/components/link-list/styles/link-list.scss | Semantiske tokens + focus-outline call |
| packages/jokul/src/components/list/styles/list.scss | Bruker light-dark() fallback for data-uri markører |
| packages/jokul/src/components/list/ListItem.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/loader/styles/loader.scss | Ny jkl import |
| packages/jokul/src/components/loader/styles/skeleton-loader.scss | Bakgrunns-token justert |
| packages/jokul/src/components/logo/styles/logo.scss | Ny jkl import |
| packages/jokul/src/components/logo/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/menu/styles/menu.scss | Light-dark fallback for border farge + ny jkl import |
| packages/jokul/src/components/menu/styles/_menu-divider.scss | Semantisk separator-token |
| packages/jokul/src/components/menu/styles/_menu-item.scss | Ny jkl import |
| packages/jokul/src/components/menu/types.ts | Flytter types til utilities/types |
| packages/jokul/src/components/menu/development/MenuToggleSwitchExample.tsx | Flytter ColorScheme type til utilities/types |
| packages/jokul/src/components/message/styles/message.scss | Semantiske tokens + border |
| packages/jokul/src/components/modal/styles/_layout.scss | Ny jkl import |
| packages/jokul/src/components/modal/styles/_modal-base.scss | Bakgrunns-token justert |
| packages/jokul/src/components/modal/styles/_motion.scss | Ny jkl import |
| packages/jokul/src/components/modal/styles/_overlay.scss | Ny jkl import |
| packages/jokul/src/components/modal/styles/_parts.scss | Ny jkl import |
| packages/jokul/src/components/modal/styles/_placement.scss | Ny jkl import |
| packages/jokul/src/components/modal/types.ts | Flytter WithOptionalChildren type til utilities/types |
| packages/jokul/src/components/nav-link/styles/nav-link.scss | Font-weight CSS var oppdatert |
| packages/jokul/src/components/nav-link/index.ts | Rewiring av BETA-exports til ny mappe |
| packages/jokul/src/components/pagination/styles/pagination.scss | Ny jkl import |
| packages/jokul/src/components/pagination/development/styles.scss | Ny jkl import |
| packages/jokul/src/components/popover/styles/popover.scss | Light-dark fallback for shadow + bakgrunns-token |
| packages/jokul/src/components/progress-bar/styles/progress-bar.scss | Ny jkl import |
| packages/jokul/src/components/progress-bar/stories/ProgressBar.stories.tsx | Oppdaterer importsti til beta select stories |
| packages/jokul/src/components/radio-button/styles/radio-button.scss | Light-dark error-color + icon weight variabel |
| packages/jokul/src/components/radio-button/radioGroupContext.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/radio-panel/styles/radio-panel.scss | Ny jkl import |
| packages/jokul/src/components/radio-panel/integration/input-panel.spec.ts | Formatterer querySelector/expect for lesbarhet |
| packages/jokul/src/components/radio-panel/development/styles.scss | Ny jkl import |
| packages/jokul/src/components/screen-reader-only/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/search/styles/search.scss | Semantiske border tokens + ny jkl import |
| packages/jokul/src/components/search/styles/search-with-submit-button.scss | Semantisk separator-token + ny jkl import |
| packages/jokul/src/components/search/stories/search.stories.tsx | Bytter container-background token i examples |
| packages/jokul/src/components/select/styles/select.scss | Semantiske tokens + ny jkl import |
| packages/jokul/src/components/select/types.ts | Flytter types til utilities/types |
| packages/jokul/src/components/select/index.ts | Rewiring til ny beta select plassering |
| packages/jokul/src/components/segmented-control/styles/segmented-control.scss | Semantiske border/background tokens |
| packages/jokul/src/components/summary-table/styles/summary-table.scss | Semantiske border + font-weight tokens |
| packages/jokul/src/components/summary-table/development/summary-table-example.scss | Ny jkl import |
| packages/jokul/src/components/system-message/styles/system-message.scss | Semantiske tokens + border |
| packages/jokul/src/components/system-message/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/table/styles/table.scss | Ny jkl import |
| packages/jokul/src/components/table/styles/_table-caption.scss | Ny jkl import |
| packages/jokul/src/components/table/styles/_table-cell.scss | Ny jkl import |
| packages/jokul/src/components/table/styles/_table-head.scss | Sticky head bruker fallback-var + border-token |
| packages/jokul/src/components/table/styles/_table-header.scss | Font-weight var oppdatert |
| packages/jokul/src/components/table/styles/_table-pagination.scss | Ny jkl import |
| packages/jokul/src/components/table/styles/_table-row.scss | Semantiske border tokens |
| packages/jokul/src/components/table/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/table-of-contents/styles/table-of-contents.scss | Semantisk border token |
| packages/jokul/src/components/tabs/styles/tabs.scss | Semantiske border tokens |
| packages/jokul/src/components/tabs/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/tag/styles/tag.scss | Semantiske tokens + border |
| packages/jokul/src/components/text-area/styles/text-area.scss | Ny jkl import |
| packages/jokul/src/components/text-input/styles/text-input.scss | Ny jkl import |
| packages/jokul/src/components/toast/styles/toast.scss | Semantiske tokens + border |
| packages/jokul/src/components/toast/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/toggle-switch/styles/toggle-switch.scss | Semantiske tokens + ny jkl import |
| packages/jokul/src/components/toggle-switch/styles/_toggle-slider.scss | Semantiske tokens + ny jkl import |
| packages/jokul/src/components/toggle-switch/types.ts | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/tooltip/styles/tooltip.scss | Semantiske action tokens + ny jkl import |
| packages/jokul/src/components/tooltip/stories/Tooltip.stories.tsx | Oppdaterer border/background tokens i example |
| packages/jokul/src/components/tooltip/Tooltip.tsx | Flytter WithChildren type til utilities/types |
| packages/jokul/src/components/beta/select/index.ts | Ny BETA-select entrypoint |
| packages/jokul/src/components/beta/select/Select.tsx | Oppdaterer interne importstier |
| packages/jokul/src/components/beta/select/types.ts | Oppdaterer InputGroupProps importsti |
| packages/jokul/src/components/beta/select/styles/select.scss | Semantiske tokens + ny jkl import |
| packages/jokul/src/components/beta/select/styles/_index.scss | Ny style index (forward + avhengigheter) |
| packages/jokul/src/components/beta/select/stories/select.stories.tsx | Oppdaterer import til Select |
| packages/jokul/src/components/beta/nav-link/index.ts | Ny beta nav-link entrypoint |
| packages/jokul/src/components/beta/nav-link/NavLink.tsx | Oppdaterer polymorphic type-import |
| packages/jokul/src/components/beta/nav-link/types.ts | Oppdaterer polymorphic type-import |
| packages/jokul/src/components/beta/nav-link/styles/navlink.scss | Semantiske tokens + ny jkl/icon import |
| packages/jokul/src/components/beta/nav-link/stories/NavLink.stories.tsx | Oppdaterer button styles importsti |
| packages/jokul/src/components/beta/description-list/index.ts | Oppdaterer exports til .jsx imports |
| packages/jokul/src/components/beta/description-list/DescriptionList.tsx | Oppdaterer import til DescriptionListItem |
| packages/jokul/src/components/beta/description-list/styles/description-list.scss | Semantiske border tokens + ny jkl import |
| packages/jokul/src/components/beta/description-list/stories/DescriptionList.stories.tsx | Oppdaterer formatNumber importsti og component import |
| packages/jokul/src/components/beta/description-list/stories/DescriptionListItem.stories.tsx | Oppdaterer formatNumber importsti |
| packages/jokul/src/components-beta/select/index.ts | Fjerner gammel beta select entrypoint (legacy path) |
| packages/jokul/src/components-beta/select/styles/_index.scss | Fjerner gammel beta styles index (legacy path) |
| packages/jokul/src/components-beta/nav-link/index.ts | Fjerner gammel beta nav-link entrypoint (legacy path) |
| packages/jokul/src/core/index.ts | Fjerner legacy core exports (types/tokens) |
| packages/jokul/src/core/jkl/_colors.scss | Fjerner legacy fargefunksjoner |
| packages/jokul/src/core/jkl/_helpers.scss | Fjerner legacy helpers mixins |
| packages/jokul/src/core/jkl/_tokens.scss | Ny autogenerert tokenfil (scss vars) |
| packages/jokul/src/core/jkl/legacy/_index.scss | Fjerner legacy forwards |
| packages/jokul/src/core/jkl/legacy/_dynamic-colors.scss | Ny autogenerert dynamic colors vars |
| packages/jokul/src/core/styles/theme/_color-tokens.scss | Ny autogenerert semantisk color output |
| packages/jokul/src/core/styles/theme/_legacy-color-tokens.scss | Ny autogenerert legacy color output |
| packages/jokul/src/core/styles/theme/_tokens.scss | Ny autogenerert token output |
| packages/jokul/src/core/styles/theme/_spacing-tokens.scss | Oppdaterer autogenerert spacing output |
| packages/jokul/src/core/styles/theme/_index.scss | Fjerner gammel core theme index |
| packages/jokul/src/core/styles/theme/_old-vars.scss | Fjerner legacy old-vars |
| packages/jokul/src/core/styles/theme/_shape.scss | Fjerner legacy shape output |
| packages/jokul/src/core/styles/theme/_typography.scss | Fjerner legacy typography output |
| packages/jokul/src/core/styles/utility/_paragraphs.scss | Flytter paragraphs utility til ny plassering |
| packages/jokul/src/core/tokens/build-tailwind-4.ts | Fjerner gammel Tailwind v4 theme generator |
| packages/jokul/src/core/tokens/reference/unit.tokens.json | Fjerner legacy tokenfil |
| packages/jokul/src/core/tokens/reference/typography.tokens.json | Fjerner legacy tokenfil |
| packages/jokul/src/core/tokens/system/color.tokens.json | Fjerner legacy tokenfil |
| packages/jokul/src/core/tokens/system/spacing.tokens.json | Fjerner legacy tokenfil |
| packages/jokul/src/core/tokens/legacy/*.json | Fjerner legacy tokenfiler |
| packages/jokul/src/core/tokens/style-dictionary/* | Fjerner gammel SD-pipeline (register/config/formats/transforms) |
| packages/jokul/src/core/tokens/style-dictionary/build.ts | Fjerner gammel build-runner |
Comments suppressed due to low confidence (1)
packages/jokul/src/styles/jkl/_typography.scss:29
$text-styleser fjernet i denne diffen, men brukes fortsatt i@error-meldingen. Dette vil feile ved kompilering når en ukjent stil blir bedt om. Bytt til å liste keys fra token-mappen dere faktisk bruker nå (f.eks. keys framap.get($tokens, \"textStyle\")).
@if map.has-key($tokens, "textStyle", $style) {
font: map.get($tokens, "textStyle", $style);
@content;
} @else {
@error "No text style with the name #{$style} was found. Try one of these: #{map.keys($text-styles)}";
}
|
Du må endre scss-funksjonen som faktisk endrer fontene også, for å kunne se endringene i komponenter i Storybook (og i løsningene da seff). Da får vi sjekka om det fungerer som tenkt 😸 |
|
Hei, @zenabii! Takk for at du bidrar til Jøkul! 🙌
Hvis du lurer på hvordan du kommer i gang med noe av dette, er det bare å spørre oss i Jøkul-teamet om hjelp! Tagg oss i en kommentar her, eller spør oss på Teams. |
|
✅ Forhåndsvisning: https://jokul.fremtind.no/preview/feat--legg-til-bank-fontfiler/ Forhåndsvisningen blir tilgjengelig innen et par minutter. Den fjernes automatisk når pull requesten lukkes. |
ccb4864 to
d54d7f3
Compare
Legger til støtte for brand-spesifikke fonter (DNB, Eika og SpareBank1) via tokens og genererte theme-filer. Oppdaterer typografi til å bruke font-family-variabler og sikrer font-serving i Storybook.
d54d7f3 to
e0b3fbf
Compare
There was a problem hiding this comment.
Endre filnavn til å hete typography.brand.tokens.json
💬 Endringer
Denne PR-en legger til støtte for distributørspesifikke fonter i Jøkul, på samme måte som vi allerede gjør for fargetema per distributør.
La til brand-spesifikke fontoppsett for DNB, Eika og SpareBank 1 med @font-face og overstyring av:
--jkl-font-family-regular
--jkl-font-family-display
--jkl-font-family-mono
Knyttet font-overstyringene til eksisterende data-brand-mekanisme slik at valg i Storybook sin Distributør-switch påvirker fontfamilier.
Oppdaterte fontfilreferanser og font-family-navn til å peke på de faktiske fontfilene som er lagt inn lokalt i brand-mappene.
Justerte lastrekkefølge i temaindeksen slik at brand-spesifikke fontvariabler ikke blir overskrevet av base tokens.
Hopefullyyyyyyy: distribusjonsvalg kan nå styre både fargeprofil og fontprofil.