@fremtind/[email protected]

Minor Changes

• d2d539e: Legg til refaktorert Select som beta.

Patch Changes

• 8713b86: Nå vil radio- og checkboxpanel ha bedre støtte for extralabel ut av boksen, med enklere stiler.

@fremtind/[email protected]

Major Changes

• def9c2f: Oppdaterer Flex-komponenten med ny funksjonalitet for responsivitet og layout.

  • De fleste flex-egenskaper er eksponert via props
  • Mulighet for å styre hvordan komponenten vises ved hjelp av props
  • Støtte for forskjellige verdier på forskjellige breakpoints
  • Mulighet for å styre layout med kolonner
  • Stilene til flex blir ikke lenger satt inline slik at de kan overstyres

  BREAKING
  Avstander i Flex baserer seg nå på våre nye, semantiske spacing-tokens. Man må derfor oppdatere vardiene for gap og lignende props.

  - <Flex gap={16}>
  + <Flex gap="s">

  For mer informasjon om bruk av komponenten, og det nye APIet, se portalen og eksemplene i Storybook.

Patch Changes

• bc3e9f1: Annonserer toast-innhold for skjermlesere umiddelbart.
• 676f44e: ToggleSlider er markert som deprecated. Bruk heller SegmentedControl.
• 23152ee: Importerer stilarket for Checkbox i CheckboxPanel, slik at checkboxer i paneler får riktige stiler.

@fremtind/[email protected]

Patch Changes

• 833e995: Annonserer toast-innhold for skjermlesere umiddelbart.
• 6b22a77: ToggleSlider er markert som deprecated. Bruk heller SegmentedControl.
• 23152ee: Importerer stilarket for Checkbox i CheckboxPanel, slik at checkboxer i paneler får riktige stiler.

@fremtind/[email protected]

Patch Changes

• 62c9069: Annonserer toast-innhold for skjermlesere umiddelbart.

@fremtind/[email protected]

Patch Changes

• 1c5a1df: Importerer stilarket for Checkbox i CheckboxPanel, slik at checkboxer i paneler får riktige stiler.

@fremtind/[email protected]

Major Changes

• fcfa2c6: BREAKING: Cookie Consent krever nå en
  aboutPage-prop. Dette er en lenke til siden brukerne kan gå for å få informasjon om cookiene som settes i løsningen. Eksempelvis https://www.fremtind.no/informasjonskapsler.

  Dersom du mangler en sånn side må den lages for løsnignen, det er ikke tilstrekkelig å sende brukeren til
  Fremtind.no-siden.

  BREAKING: Cookie Consent tar ikke lenger inn
  marketing som en gyldig prop. Dette er fordi vi ikke bruker cookies til markedsføring. Den dagen vi begynner med det krever det et eget samtykke.

  Minor changes:

  • ModalenAction viser nå knappene i row-reverse istedenfor
    row for å støtte under høyrestilling av knappene på en bedre måte.

@fremtind/[email protected]

Minor Changes

• 98bdec6: Erstattet PenIcon med nytt ikon fra Material.
• 4598e1e: Legger til description-propen i input-felt.

@fremtind/[email protected]

Patch Changes

• 74e9d27: - Gjør Image-komponenten om til en forwardRef for å støtte refs fra parent-komponenter.
  • Setter img i Card til object-fit: cover som standard, slik at bilder dekker kortet uten å forvrenge proporsjonene.
• 1a60d17: Støtte for skalering av tekst på iOS-enheter
• 68b580f: Retter opp i en visuell inkonsistens mellom Tooltip og Help komponentene, som hadde ulik oppførsel for bakgrunnsfarge i light og dark mode. Begge bruker nå --jkl-color-background-container-inverted.
• 9eba724: La til css slik at tekstfargen på lenker i Help arver fargen til teksten og derfor følger tema.

@fremtind/[email protected]

Minor Changes

• 8152e24: Legg til regel for navngiving av CSS Layers som støtter vår foretrukne navngiving

All notable changes to this project will be documented in this file.
See Conventional Commits for commit guidelines.

@fremtind/[email protected]

Minor Changes

• 6c47b7a: Legger til CSS layers for Jøkul sine grunnleggende stiler for å unngå konflikt både innad i Jøkul, og mellom dine egne stilark og stilene fra Jøkul.

  Stilene til Jøkul ligger inne i laget jokul, som igjen har fem under-lag. Disse er, i rekkefølge fra minst til mest prioritert:

  1. resets: Normalisering og reset av nettleser-stiler. Disse ønsker vi på sikt å bli kvitt, eller få trimmet ned kraftig.
  2. theme: Her ligger variablene som legger grunnlag for designsystemet; spacing, farger, typografi, etc.
  3. global: Foreløpig er dette laget tomt, men her kan det komme overordnede stiler som gjelder uten å sette klasser, slik som automatiske stiler for typografi basert på HTML-element.
  4. components: Her bor alle stilene til komponentene våre (vil bli lagt inn i fremtidig(e) pull request(s)).
  5. utility: Dette laget inneholder nytteklassene våre. De er høyest prioritert slik at de får effekt selv om de styrer egenskaper som også er satt gjennom f.eks. komponent-stilark.

  Når du skriver dine egne stiler vil de som standard ha høyere prioritet enn alle disse lagene, slik at du kan være sikker på at stilarkene du skriver har effekt. Dersom du bruker dine egne lag i stilarkene dine kan du spesifisere at Jøkul sine stiler skal ha lavere prioritet:

  @layer jokul, dine-komponenter, dine-nytteklasser;

OBS: Tailwind-preflight kan overskrive en del stiler. Skru den av for å unngå krasj.

• d306833: - Introduserer et nytt sett med semantiske spacing-variabler for mer konsistent bruk av avstand i design og kode.

  • Restrukturerer og forbedrer byggesystemet for tokens for å gjøre vedlikehold og utvidelser enklere.

  Nye spacing-variabler

  --jkl-spacing-xs
  --jkl-spacing-s
  --jkl-spacing-m
  --jkl-spacing-l
  --jkl-spacing-xl
  --jkl-spacing-2xl

• 656db36: Flytter knappene i modalen til høyre side på store skjermer. Oppdaterer også eksemplene for å vise at hovedhandlingen bør stå til høyre når vi følger dette mønstret.

• 6852e3e: Core-stilarket @fremtind/jokul/styles/core.css er refaktorert for å sørge for at CSS-lagene alltid opptrer i riktig rekkefølge. For å opprettholde dette i din egen kodebase bør du importere core-stilarket før du importerer komponentstilarkene du bruker.

• 8705b2f: CardImage har fått muligheten til å blø ut i alle kanter av kortet det er plassert i, dersom det ikke er annet innhold i kortet. Sett placement til full for å bruke komponenten på denne måten.

Patch Changes

• ed30758: Plasser stilene til alle komponenter som ikke er avhengige av andre komponenters stiler inne i CSS-laget jokul.components.

• 3b2293c: Legger til globale stiler for elementer som bruker popover-APIet, som sørger for at popovers animeres inn og ut med en enkel overtoning dersom ikke noe annet er spesifisert i selve komponenten. Siden disse stilene ligger i jokul.global-laget er de enkle å overstyre.

• de25ed3: Endret border z-index slik at hover-tilstand vises over checked input.

• 9f552db: Legger til en minimumsbredde for knapper med tekstinnhold, slik at det ikke ser rart ut når valgene er korte ord som "Ja" eller "Nei".

• f084272: Sørg for at alle tokens og variabler bygges

  Etter refaktoreringen av tokens-byggsteget falt en del variabler som
  fortsatt ble brukt ut av de resulterende filene. Her sørger vi for at
  alle tokens og variabler som trengs i systemet er tilgjengelige som før,
  i tillegg til de nye verdiene vi vil ha ut.