Jøkul
Artikler

Monopakka er ute i versjon 1.0

Følgende er basert på release notes i Github

Oppdatert

Major Changes

3406c20: Import av komponenter fra roten av @fremtind/jokul er ikke lenger mulig

For å fikse dette må alle importer oppdateres til å peke direkte på den spesifikke modulen. ScreenReaderOnly-komponenten er også flyttet og må nå importeres fra @fremtind/jokul/screen-reader-only.

// FØR:
import { Card } from "@fremtind/jokul";

// ETTER
import { Card } from "@fremtind/jokul/card";

4ac8c73: BREAKING CHANGE: Fjerner flere komponenter so har vært merket som deprecated lenge

Samt spacing-variabler basert på t-skjortestørrelser og tallbaserte typografivariabler.

  • Fjerner komponentene Accordion og AccordionItem, som har vært merket som deprecated ganske lenge. I stedet for disse komponentene kan man bruke ExpandablePanel.
  • Fjerner komponentene NavCard, InfoCard og TaskCard, som har vært merket som deprecated ganske lenge. I stedet for disse komponentene kan man bygge opp tilsvarende kort ved hjelp av den generelle Card-komponenten, CardImage-komponenten, og andre Jøkul-komponenter. Se eksemplene i portalen/Storybook for hvordan dette kan gjøres.
  • Fjerner den utgåtte versjonen av Expander, samt ExpandButton-komponenten. Nye Expander kan brukes i stedet.
  • Spacingvariabler og hjelpeklasser basert på t-skjortestørrelser (f.eks. spacing-xl) er fjernet. Bruk heller variablene på formen spacing-40 eller den nye unit-skalaen.

4ac8c73: BREAKING CHANGE: Gamle, nummererte typografivariabler for størrelse og linjehøyde er også fjernet

Disse bør ikke ha vært i direkte bruk ute i løsningene deres. Erstatt det med tilsvarende mixins for font-stilen du ønsker deg. Vi kommer tilbake med en fullstendig oversikt over tokens på et senere tidspunkt, men et eksempel er å gå fra jkl.$typography-font-size-3 til @include jkl.text-style('body').

3cace7e: BREAKING CHANGE: Fjernet Vind utility-klassesystem

  • Fjernet Vind utility-klasser (margin, padding, typografi, flex utilities)
  • Erstattet Vind-klasserefaranser med Jøkul spacing-klasser i utviklingseksempler
  • Migrasjon: Bruk Tailwind utilities eller eksisterende Jøkul spacing-klasser i stedet for Vind-klasser

Patch Changes

  • e37cecd: Fikset en feil som forårsaket advarsler i React 19 og typefeil i React 18 relatert til inert-attributten.
  • 01e2b18: - fiks overlapp mellom chips og actions
    • bedre aria-label på actions
    • endre cursors for å vise intent bedre
    • chips kan nå wrappe (for å unngå at comboboxen overflower)
  • c3bad0f: makes sure menu has a visible border in forced colors mode
  • e4967c9: La til sys-color-toksen som json. De er ikke generert med style dictionary enda, da vi skal vente med å publisere.
  • 0fc189c: Gjorde om system colors til å peke på ref-colors og ikke brand-colors. Flyttet også sys-colors til egen fil, slik at allerede eksisterende tokens fortsat kan bygges uten problem. Sys-colors er ikke blitt generert enda.
  • a726267: Fikser en feil der knappene i kalenderen ikke fungerte når man klikket seg til første eller siste mulige måned i datovelgeren.
  • e6a6d55: Invert colors for selected filter-chip in forced colors mode
  • 2610a20: Rettet en feil med type-resolution for brukere av pnpm workspaces.Brukere i pnpm workspaces, spesielt de som håndterer flere React-versjoner (f.eks. v18 og v19), opplevde at props for Jøkul-komponenter ble feilaktig resolvet til any.For å løse dette har vi lagt til @types/react i vår peerDependencies. Dette følger den offisielle anbefalingen fra pnpm-dokumentasjonen.
  • 73f2e61: Remove extra underline and add hover in forced colors mode
Monopakka er ute i versjon 1.0