diff --git a/.changeset/bright-cycles-leave.md b/.changeset/bright-cycles-leave.md deleted file mode 100644 index 0754de6424..0000000000 --- a/.changeset/bright-cycles-leave.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@navikt/aksel-icons": patch ---- - -Icons: FigureCombination icon adjusted diff --git a/.changeset/famous-squids-deliver.md b/.changeset/famous-squids-deliver.md deleted file mode 100644 index e4efbd199c..0000000000 --- a/.changeset/famous-squids-deliver.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@navikt/aksel-icons": minor ---- - -Icons: New icon ChildHairEyes diff --git a/.changeset/ninety-toys-hope.md b/.changeset/ninety-toys-hope.md deleted file mode 100644 index b698b3badc..0000000000 --- a/.changeset/ninety-toys-hope.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@navikt/ds-react": patch ---- - -ToggleGroup: Selecting already selected value now avoids sending extra event diff --git a/.changeset/perfect-dolphins-breathe.md b/.changeset/perfect-dolphins-breathe.md deleted file mode 100644 index 4eef3c5fdd..0000000000 --- a/.changeset/perfect-dolphins-breathe.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@navikt/ds-react": patch -"@navikt/ds-css": patch ---- - -Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. diff --git a/.changeset/silly-shrimps-peel.md b/.changeset/silly-shrimps-peel.md deleted file mode 100644 index fd6ff38a5b..0000000000 --- a/.changeset/silly-shrimps-peel.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@navikt/ds-react": minor -"@navikt/ds-css": minor ---- - -Primitives: Added support for padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink to Box, HGrid and Stack. diff --git a/@navikt/aksel-icons/CHANGELOG.md b/@navikt/aksel-icons/CHANGELOG.md index e6bcec4a70..bd219e741a 100644 --- a/@navikt/aksel-icons/CHANGELOG.md +++ b/@navikt/aksel-icons/CHANGELOG.md @@ -1,5 +1,15 @@ # @navikt/aksel-icons +## 6.12.0 + +### Minor Changes + +- Icons: New icon ChildHairEyes ([#3020](https://github.com/navikt/aksel/pull/3020)) + +### Patch Changes + +- Icons: FigureCombination icon adjusted ([#3031](https://github.com/navikt/aksel/pull/3031)) + ## 6.11.0 ## 6.10.1 diff --git a/@navikt/aksel-icons/package.json b/@navikt/aksel-icons/package.json index 1715fc8ebd..ab54ed10ec 100644 --- a/@navikt/aksel-icons/package.json +++ b/@navikt/aksel-icons/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel-icons", - "version": "6.11.0", + "version": "6.12.0", "author": "Aksel | NAV", "homepage": "https://aksel.nav.no/ikoner", "repository": { diff --git a/@navikt/aksel-stylelint/CHANGELOG.md b/@navikt/aksel-stylelint/CHANGELOG.md index a5835e9c3f..ea3b2f6e12 100644 --- a/@navikt/aksel-stylelint/CHANGELOG.md +++ b/@navikt/aksel-stylelint/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/aksel-stylelint +## 6.12.0 + ## 6.11.0 ## 6.10.1 diff --git a/@navikt/aksel-stylelint/package.json b/@navikt/aksel-stylelint/package.json index 39d2dabf5b..929278e41a 100644 --- a/@navikt/aksel-stylelint/package.json +++ b/@navikt/aksel-stylelint/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel-stylelint", - "version": "6.11.0", + "version": "6.12.0", "author": "Aksel | NAV", "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint", "repository": { @@ -35,8 +35,8 @@ "dev": "yarn watch:lint" }, "devDependencies": { - "@navikt/ds-css": "^6.11.0", - "@navikt/ds-tokens": "^6.11.0", + "@navikt/ds-css": "^6.12.0", + "@navikt/ds-tokens": "^6.12.0", "concurrently": "7.2.1", "postcss-selector-parser": "^6.0.13", "postcss-value-parser": "^4.2.0", diff --git a/@navikt/aksel/CHANGELOG.md b/@navikt/aksel/CHANGELOG.md index 116efda887..e537d78924 100644 --- a/@navikt/aksel/CHANGELOG.md +++ b/@navikt/aksel/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/aksel +## 6.12.0 + +### Patch Changes + +- Updated dependencies [[`23ea3232f`](https://github.com/navikt/aksel/commit/23ea3232fab71fdca29d2f97f279fa4962c440c0), [`b38789b98`](https://github.com/navikt/aksel/commit/b38789b98d7e60eaf79a73433c6378f8644ee825)]: + - @navikt/ds-css@6.12.0 + ## 6.11.0 ### Patch Changes diff --git a/@navikt/aksel/package.json b/@navikt/aksel/package.json index 30e9f92976..8b2e0a8fcf 100644 --- a/@navikt/aksel/package.json +++ b/@navikt/aksel/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel", - "version": "6.11.0", + "version": "6.12.0", "description": "Aksel command line interface. Handles css-imports, codemods and more", "author": "Aksel | NAV designsystem team", "license": "MIT", @@ -29,7 +29,7 @@ }, "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje", "dependencies": { - "@navikt/ds-css": "6.11.0", + "@navikt/ds-css": "6.12.0", "axios": "1.6.0", "chalk": "4.1.0", "clipboardy": "^2.3.0", diff --git a/@navikt/core/css/CHANGELOG.md b/@navikt/core/css/CHANGELOG.md index 5f02819716..6af594fd65 100644 --- a/@navikt/core/css/CHANGELOG.md +++ b/@navikt/core/css/CHANGELOG.md @@ -1,5 +1,15 @@ # @navikt/ds-css +## 6.12.0 + +### Minor Changes + +- Primitives: Added support for padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink to Box, HGrid and Stack. ([#3003](https://github.com/navikt/aksel/pull/3003)) + +### Patch Changes + +- Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. ([#3007](https://github.com/navikt/aksel/pull/3007)) + ## 6.11.0 ### Patch Changes diff --git a/@navikt/core/css/package.json b/@navikt/core/css/package.json index db2b535983..6cc0c4d93b 100644 --- a/@navikt/core/css/package.json +++ b/@navikt/core/css/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-css", - "version": "6.11.0", + "version": "6.12.0", "description": "CSS for NAV Designsystem", "author": "Aksel | NAV designsystem team", "keywords": [ @@ -27,7 +27,7 @@ "css:get-version": "node config/get-version.js" }, "devDependencies": { - "@navikt/ds-tokens": "^6.11.0", + "@navikt/ds-tokens": "^6.12.0", "cssnano": "6.0.0", "fast-glob": "3.2.11", "lodash": "4.17.21", diff --git a/@navikt/core/react/CHANGELOG.md b/@navikt/core/react/CHANGELOG.md index 297bc1d841..39ebd242ee 100644 --- a/@navikt/core/react/CHANGELOG.md +++ b/@navikt/core/react/CHANGELOG.md @@ -1,5 +1,21 @@ # @navikt/ds-react +## 6.12.0 + +### Minor Changes + +- Primitives: Added support for padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink to Box, HGrid and Stack. ([#3003](https://github.com/navikt/aksel/pull/3003)) + +### Patch Changes + +- ToggleGroup: Selecting already selected value now avoids sending extra event ([#3012](https://github.com/navikt/aksel/pull/3012)) + +- Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. ([#3007](https://github.com/navikt/aksel/pull/3007)) + +- Updated dependencies [[`ff8072e35`](https://github.com/navikt/aksel/commit/ff8072e352f4f84f802a6427e1692ff223af722c), [`f1d8e9c4d`](https://github.com/navikt/aksel/commit/f1d8e9c4d357226893da4fdc3feb8063d7d830bb)]: + - @navikt/aksel-icons@6.12.0 + - @navikt/ds-tokens@6.12.0 + ## 6.11.0 ### Minor Changes diff --git a/@navikt/core/react/package.json b/@navikt/core/react/package.json index 96045387b2..c86e5f3295 100644 --- a/@navikt/core/react/package.json +++ b/@navikt/core/react/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-react", - "version": "6.11.0", + "version": "6.12.0", "description": "React components from the Norwegian Labour and Welfare Administration.", "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.", "license": "MIT", @@ -594,8 +594,8 @@ "dependencies": { "@floating-ui/react": "0.25.4", "@floating-ui/react-dom": "^2.0.9", - "@navikt/aksel-icons": "^6.11.0", - "@navikt/ds-tokens": "^6.11.0", + "@navikt/aksel-icons": "^6.12.0", + "@navikt/ds-tokens": "^6.12.0", "clsx": "^2.1.0", "date-fns": "^3.0.0", "react-day-picker": "8.10.0" diff --git a/@navikt/core/tailwind/CHANGELOG.md b/@navikt/core/tailwind/CHANGELOG.md index 0440dd4c61..e7f1d82184 100644 --- a/@navikt/core/tailwind/CHANGELOG.md +++ b/@navikt/core/tailwind/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/ds-tailwind +## 6.12.0 + ## 6.11.0 ## 6.10.1 diff --git a/@navikt/core/tailwind/package.json b/@navikt/core/tailwind/package.json index 30e4b950b1..fea712e222 100644 --- a/@navikt/core/tailwind/package.json +++ b/@navikt/core/tailwind/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-tailwind", - "version": "6.11.0", + "version": "6.12.0", "description": "Tailwind config based on @navikt/ds-tokens", "author": "Aksel | NAV designsystem team", "keywords": [ @@ -25,7 +25,7 @@ "directory": "@navikt/core/tailwind" }, "devDependencies": { - "@navikt/ds-tokens": "^6.11.0", + "@navikt/ds-tokens": "^6.12.0", "color": "4.2.3", "lodash": "^4.17.21", "tailwindcss": "^3.3.3", diff --git a/@navikt/core/tokens/CHANGELOG.md b/@navikt/core/tokens/CHANGELOG.md index 58c5fa9d94..bb36ee06ce 100644 --- a/@navikt/core/tokens/CHANGELOG.md +++ b/@navikt/core/tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/ds-tokens +## 6.12.0 + ## 6.11.0 ## 6.10.1 diff --git a/@navikt/core/tokens/package.json b/@navikt/core/tokens/package.json index c73a3e6188..419ff537cf 100644 --- a/@navikt/core/tokens/package.json +++ b/@navikt/core/tokens/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-tokens", - "version": "6.11.0", + "version": "6.12.0", "description": "Design-tokens for NAV designsystem", "author": "Aksel | NAV designsystem team", "keywords": [ diff --git a/CHANGELOG.md b/CHANGELOG.md index c75d35264e..faced4f25a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,14 +1,28 @@ # Changelog -## 6.11 +## 6.12 + +### @navikt/ds-react + +- Primitives: Added support for padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink to Box, HGrid and Stack. ([#3003](https://github.com/navikt/aksel/pull/3003)) + +* ToggleGroup: Selecting already selected value now avoids sending extra event ([#3012](https://github.com/navikt/aksel/pull/3012)) + +* Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. ([#3007](https://github.com/navikt/aksel/pull/3007)) ### @navikt/ds-css -- CopyButton: Icon is now 20px for size small and xsmall. ([#2977](https://github.com/navikt/aksel/pull/2977)) +- Primitives: Added support for padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink to Box, HGrid and Stack. ([#3003](https://github.com/navikt/aksel/pull/3003)) -- Button: Updated icon size for size="small" to 1.25rem. ([#2984](https://github.com/navikt/aksel/pull/2984)) +* Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. ([#3007](https://github.com/navikt/aksel/pull/3007)) -- List: Changed List.Item to BodyLong, changed Item spacing from 1rem to 0.5rem. ([#2979](https://github.com/navikt/aksel/pull/2979)) +### @navikt/aksel-icons + +- Icons: New icon ChildHairEyes ([#3020](https://github.com/navikt/aksel/pull/3020)) + +* Icons: FigureCombination icon adjusted ([#3031](https://github.com/navikt/aksel/pull/3031)) + +## 6.11 ### @navikt/ds-react @@ -22,29 +36,31 @@ * Page: Removed surface-subtle from background-prop ([#2987](https://github.com/navikt/aksel/pull/2987)) -## 6.10 - ### @navikt/ds-css -- :lipstick: Remove bottom margin on last item in Stepper and adjust FormProgress accordingly ([#2971](https://github.com/navikt/aksel/pull/2971)) +- CopyButton: Icon is now 20px for size small and xsmall. ([#2977](https://github.com/navikt/aksel/pull/2977)) -* ✨ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) +- Button: Updated icon size for size="small" to 1.25rem. ([#2984](https://github.com/navikt/aksel/pull/2984)) + +- List: Changed List.Item to BodyLong, changed Item spacing from 1rem to 0.5rem. ([#2979](https://github.com/navikt/aksel/pull/2979)) + +## 6.10 ### @navikt/ds-react - ✨ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) -### @navikt/aksel-icons +### @navikt/ds-css -- Icons: Added back support for sourcemapping. ([#2978](https://github.com/navikt/aksel/pull/2978)) +- :lipstick: Remove bottom margin on last item in Stepper and adjust FormProgress accordingly ([#2971](https://github.com/navikt/aksel/pull/2971)) -## 6.9 +* ✨ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) -### @navikt/ds-css +### @navikt/aksel-icons -- Increased padding size for contentBlockPadding on the Page primitive to 4 rem to reflect docs/Figma ([#2876](https://github.com/navikt/aksel/pull/2876)) +- Icons: Added back support for sourcemapping. ([#2978](https://github.com/navikt/aksel/pull/2978)) -- Fixed Combobox small sizing to align with other form fields ([#2801](https://github.com/navikt/aksel/pull/2801)) +## 6.9 ### @navikt/ds-react @@ -56,17 +72,17 @@ - Added options row-reverse and column-reverse to direction prop on Stack. Should only be used with caution. ([#2876](https://github.com/navikt/aksel/pull/2876)) -### @navikt/aksel-icons +### @navikt/ds-css -- Icons: New icons for geometric shapes ([#2927](https://github.com/navikt/aksel/pull/2927)) +- Increased padding size for contentBlockPadding on the Page primitive to 4 rem to reflect docs/Figma ([#2876](https://github.com/navikt/aksel/pull/2876)) -## 6.8 +- Fixed Combobox small sizing to align with other form fields ([#2801](https://github.com/navikt/aksel/pull/2801)) -### @navikt/ds-css +### @navikt/aksel-icons -- :sparkles: Ny komponent: FormProgress ([#2855](https://github.com/navikt/aksel/pull/2855)) +- Icons: New icons for geometric shapes ([#2927](https://github.com/navikt/aksel/pull/2927)) -* HGrid: forenklet CSS. ([#2917](https://github.com/navikt/aksel/pull/2917)) +## 6.8 ### @navikt/ds-react @@ -74,17 +90,13 @@ * Stepper.Step: Set aria-current to "step" instead of true ([#2920](https://github.com/navikt/aksel/pull/2920)) -## 6.7 - ### @navikt/ds-css -- Progressbar: Tweak API, examples, stories and css ([#2892](https://github.com/navikt/aksel/pull/2892)) - -* :sparkles: Ny komponent: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) +- :sparkles: Ny komponent: FormProgress ([#2855](https://github.com/navikt/aksel/pull/2855)) -- Checkbox, Radio: Erstatter `:focus-visible` med `:focus` for bedre UX brukt sammen med ErrorSummary. ([#2893](https://github.com/navikt/aksel/pull/2893)) +* HGrid: forenklet CSS. ([#2917](https://github.com/navikt/aksel/pull/2917)) -- :lipstick: tweak CSS for timeline pins. ([#2889](https://github.com/navikt/aksel/pull/2889)) +## 6.7 ### @navikt/ds-react @@ -96,15 +108,17 @@ * :sparkles: Ny komponent: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) -## 6.6 +### @navikt/ds-css -### @navikt/aksel +- Progressbar: Tweak API, examples, stories and css ([#2892](https://github.com/navikt/aksel/pull/2892)) -- Aksel CLI: Fjernet deprecated komponenter fra css oversikt. ([#2860](https://github.com/navikt/aksel/pull/2860)) +* :sparkles: Ny komponent: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) -### @navikt/ds-css +- Checkbox, Radio: Erstatter `:focus-visible` med `:focus` for bedre UX brukt sammen med ErrorSummary. ([#2893](https://github.com/navikt/aksel/pull/2893)) -- :sparkles: Ny komponent FormSummary ([#2802](https://github.com/navikt/aksel/pull/2802)) +- :lipstick: tweak CSS for timeline pins. ([#2889](https://github.com/navikt/aksel/pull/2889)) + +## 6.6 ### @navikt/ds-react @@ -114,6 +128,14 @@ - Combobox: Prevents "Enter" while Combobox is focused from submitting form. ([#2861](https://github.com/navikt/aksel/pull/2861)) +### @navikt/ds-css + +- :sparkles: Ny komponent FormSummary ([#2802](https://github.com/navikt/aksel/pull/2802)) + +### @navikt/aksel + +- Aksel CLI: Fjernet deprecated komponenter fra css oversikt. ([#2860](https://github.com/navikt/aksel/pull/2860)) + ## 6.5 ### @navikt/ds-react @@ -134,21 +156,15 @@ ## 6.4 -### @navikt/ds-css - -- FileUpload: Item-illustrasjon er nå radius-full ([#2834](https://github.com/navikt/aksel/pull/2834)) - ### @navikt/ds-react - FileUpload.Item: :boom: Endret API og støtte for å sette ID på knappen ([#2824](https://github.com/navikt/aksel/pull/2824)) -## 6.3 - ### @navikt/ds-css -- ReadMore: Padding-right på button er bumpet noen px ([#2806](https://github.com/navikt/aksel/pull/2806)) +- FileUpload: Item-illustrasjon er nå radius-full ([#2834](https://github.com/navikt/aksel/pull/2834)) -* FileUpload: Ny komponent `FileUpload` for å håndtere opplasting av filer, Dropzone og fil-visning ([#2504](https://github.com/navikt/aksel/pull/2504)) +## 6.3 ### @navikt/ds-react @@ -172,6 +188,12 @@ - FileUpload: Ny komponent `FileUpload` for å håndtere opplasting av filer, Dropzone og fil-visning ([#2504](https://github.com/navikt/aksel/pull/2504)) +### @navikt/ds-css + +- ReadMore: Padding-right på button er bumpet noen px ([#2806](https://github.com/navikt/aksel/pull/2806)) + +* FileUpload: Ny komponent `FileUpload` for å håndtere opplasting av filer, Dropzone og fil-visning ([#2504](https://github.com/navikt/aksel/pull/2504)) + ## 6.2 ### @navikt/ds-react @@ -186,12 +208,6 @@ ## 6.1 -### @navikt/ds-css - -- Link: Fjern hover-farge ([#2767](https://github.com/navikt/aksel/pull/2767)) - -- Modal: Får nå fokus når åpnes i Safari ([#2688](https://github.com/navikt/aksel/pull/2688)) - ### @navikt/ds-react - Modal: Fikser uønsket lukking ved klikk-og-dra mellom backdrop og modal (f.eks. ved markering av tekst) dersom `closeOnBackdropClick` er `true`. ([#2752](https://github.com/navikt/aksel/pull/2752)) @@ -204,27 +220,17 @@ - Modal: Ikke opphev scroll lock ved lukking av nesta modal (DatePicker) ([#2743](https://github.com/navikt/aksel/pull/2743)) -## 6.0 - -### @navikt/aksel - -- Chat: Fjernet deprecated props `backgroundColor` og `avatarBgColor`. Bruk prop `variant` som erstatning. ([#2623](https://github.com/navikt/aksel/pull/2623)) - -### @navikt/aksel-stylelint - -- Textarea: Fjernet div med klassen navds-textarea\_\_wrapper ([#2623](https://github.com/navikt/aksel/pull/2623)) - ### @navikt/ds-css -- Tokens: La til nytt brekkpunkt `2xl` for `1440px`. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av `screen: "2xl"` ikke brekker app. ([#2623](https://github.com/navikt/aksel/pull/2623)) +- Link: Fjern hover-farge ([#2767](https://github.com/navikt/aksel/pull/2767)) -- Grid, ContentContainer: Komponenter er fjernet fra systemet. [Se migreringsguide](https://aksel.nav.no/grunnleggende/kode/migrering#dd2cfa9fb1d1). ([#2623](https://github.com/navikt/aksel/pull/2623)) +- Modal: Får nå fokus når åpnes i Safari ([#2688](https://github.com/navikt/aksel/pull/2688)) -- CSS: Oppdatert bruk av action-farger i systemet. Dette påvirker komponentene: Button, CopyButton, Dropdown, Combobox, ConfirmationPanel, Radio, Checkbox, Search, Select, TextField, Textarea, Helptext, LinkPanel, Link, ReadMore, Stepper og Tabs. Endringen skal ikke brekke noe så lenge man ikke har overskrevet farger manuelt. ([#2623](https://github.com/navikt/aksel/pull/2623)) +## 6.0 -- Tokens: Nye tokens `--a-text-action-hover`,`--a-icon-action-hover` og `--a-border-action-hover` ([#2623](https://github.com/navikt/aksel/pull/2623)) +### @navikt/ds-tailwind -- Textarea: Fjernet div med klassen navds-textarea\_\_wrapper ([#2623](https://github.com/navikt/aksel/pull/2623)) +- Tokens: La til nytt brekkpunkt `2xl` for `1440px`. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av `screen: "2xl"` ikke brekker app. ([#2623](https://github.com/navikt/aksel/pull/2623)) ### @navikt/ds-tokens @@ -254,16 +260,32 @@ * SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623)) -### @navikt/ds-tailwind +### @navikt/ds-css - Tokens: La til nytt brekkpunkt `2xl` for `1440px`. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av `screen: "2xl"` ikke brekker app. ([#2623](https://github.com/navikt/aksel/pull/2623)) +- Grid, ContentContainer: Komponenter er fjernet fra systemet. [Se migreringsguide](https://aksel.nav.no/grunnleggende/kode/migrering#dd2cfa9fb1d1). ([#2623](https://github.com/navikt/aksel/pull/2623)) + +- CSS: Oppdatert bruk av action-farger i systemet. Dette påvirker komponentene: Button, CopyButton, Dropdown, Combobox, ConfirmationPanel, Radio, Checkbox, Search, Select, TextField, Textarea, Helptext, LinkPanel, Link, ReadMore, Stepper og Tabs. Endringen skal ikke brekke noe så lenge man ikke har overskrevet farger manuelt. ([#2623](https://github.com/navikt/aksel/pull/2623)) + +- Tokens: Nye tokens `--a-text-action-hover`,`--a-icon-action-hover` og `--a-border-action-hover` ([#2623](https://github.com/navikt/aksel/pull/2623)) + +- Textarea: Fjernet div med klassen navds-textarea\_\_wrapper ([#2623](https://github.com/navikt/aksel/pull/2623)) + +### @navikt/aksel + +- Chat: Fjernet deprecated props `backgroundColor` og `avatarBgColor`. Bruk prop `variant` som erstatning. ([#2623](https://github.com/navikt/aksel/pull/2623)) + ### @navikt/aksel-icons - ESM: ds-react og aksel-icons støtter nå native ESM 🎉 ([#2623](https://github.com/navikt/aksel/pull/2623)) * SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623)) +### @navikt/aksel-stylelint + +- Textarea: Fjernet div med klassen navds-textarea\_\_wrapper ([#2623](https://github.com/navikt/aksel/pull/2623)) + ## 5.18 ### @navikt/ds-react @@ -278,14 +300,6 @@ ## 5.17 -### @navikt/ds-css - -- ExpansionCard: Padding-top for Content er justert opp 8px (medium) og 4px (small) ([#2699](https://github.com/navikt/aksel/pull/2699)) - -* Checkbox: I noen edgecaser ved bruk av shadow-dom ble ikke checkmark sentert i Checkbox ([#2682](https://github.com/navikt/aksel/pull/2682)) - -- Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows ([#2680](https://github.com/navikt/aksel/pull/2680)) - ### @navikt/ds-react - Bleed: `marginInline='full'` og `reflectivePadding` kan nå brukes sammen. ([#2695](https://github.com/navikt/aksel/pull/2695)) @@ -302,19 +316,27 @@ - Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows ([#2680](https://github.com/navikt/aksel/pull/2680)) +### @navikt/ds-css + +- ExpansionCard: Padding-top for Content er justert opp 8px (medium) og 4px (small) ([#2699](https://github.com/navikt/aksel/pull/2699)) + +* Checkbox: I noen edgecaser ved bruk av shadow-dom ble ikke checkmark sentert i Checkbox ([#2682](https://github.com/navikt/aksel/pull/2682)) + +- Høykontrast: Komponenter støtter nå standard høykontrast-modus på Windows ([#2680](https://github.com/navikt/aksel/pull/2680)) + ## 5.16 -### @navikt/ds-css +### @navikt/ds-tailwind -- :sparkles: Combobox: Mulighet for å begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) +- Tailwind: La til ny `maxWidth` for text ([#2652](https://github.com/navikt/aksel/pull/2652)) ### @navikt/ds-react - :sparkles: Combobox: Mulighet for å begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) -### @navikt/ds-tailwind +### @navikt/ds-css -- Tailwind: La til ny `maxWidth` for text ([#2652](https://github.com/navikt/aksel/pull/2652)) +- :sparkles: Combobox: Mulighet for å begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) ### @navikt/aksel-icons @@ -332,12 +354,6 @@ ## 5.14 -### @navikt/ds-css - -- Tag: Har nå innebygd støtte for ikoner ([#2611](https://github.com/navikt/aksel/pull/2611)) - -* Table: Checkbox nested i CheckboxGroup mister nå ikke padding ([#2612](https://github.com/navikt/aksel/pull/2612)) - ### @navikt/ds-react - Intern state: Komponenter respekterer nå `e.preventDefault()` bedre når event overskrives internt i komponent. ([#2610](https://github.com/navikt/aksel/pull/2610)) @@ -350,11 +366,13 @@ * Intern-API: Erstattet `mergeRefs` i `useMemo` med lokal `useMergeRefs`-hook ([#2609](https://github.com/navikt/aksel/pull/2609)) -## 5.13 - ### @navikt/ds-css -- Page: Lagt til ny bakgrunnsfarge `surface-subtle` og ny maksbredde på Page.Block `text` ([#2572](https://github.com/navikt/aksel/pull/2572)) +- Tag: Har nå innebygd støtte for ikoner ([#2611](https://github.com/navikt/aksel/pull/2611)) + +* Table: Checkbox nested i CheckboxGroup mister nå ikke padding ([#2612](https://github.com/navikt/aksel/pull/2612)) + +## 5.13 ### @navikt/ds-tokens @@ -368,15 +386,11 @@ * Page: Lagt til ny bakgrunnsfarge `surface-subtle` og ny maksbredde på Page.Block `text` ([#2572](https://github.com/navikt/aksel/pull/2572)) -## 5.12 - -### @navikt/aksel-stylelint - -- Stylelint: Støtter nå stylelint v16 ([#2591](https://github.com/navikt/aksel/pull/2591)) - ### @navikt/ds-css -- ExpansionCard: Divider mellom header og innhold ([#2566](https://github.com/navikt/aksel/pull/2566)) +- Page: Lagt til ny bakgrunnsfarge `surface-subtle` og ny maksbredde på Page.Block `text` ([#2572](https://github.com/navikt/aksel/pull/2572)) + +## 5.12 ### @navikt/ds-react @@ -390,29 +404,19 @@ * Datepicker: Lukk-knapp i modal har nå type button for å unngå form-submition ([#2568](https://github.com/navikt/aksel/pull/2568)) -### @navikt/aksel-icons - -- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke ([#2538](https://github.com/navikt/aksel/pull/2538)) - -## 5.11 - ### @navikt/ds-css -- Chips: La til token for checkmark-circle ([#2558](https://github.com/navikt/aksel/pull/2558)) - -* :bug: Modal: Hindre at elementer med sr-only posisjoneres feil ([#2541](https://github.com/navikt/aksel/pull/2541)) - -- :bug: Textarea: Skru av autosize ved manuell resize ([#2518](https://github.com/navikt/aksel/pull/2518)) +- ExpansionCard: Divider mellom header og innhold ([#2566](https://github.com/navikt/aksel/pull/2566)) -- Page: La til `md`-bredde (768px) ([#2510](https://github.com/navikt/aksel/pull/2510)) +### @navikt/aksel-icons -* Switch: Byttet success-farger med action npr checked ([#2511](https://github.com/navikt/aksel/pull/2511)) +- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke ([#2538](https://github.com/navikt/aksel/pull/2538)) -- :sparkles: Textarea: Mulighet for å sette resize-retning ([#2494](https://github.com/navikt/aksel/pull/2494)) +### @navikt/aksel-stylelint -- :sparkles: Textarea: Eksperimentell støtte for automatisk scrollbar ([#2457](https://github.com/navikt/aksel/pull/2457)) +- Stylelint: Støtter nå stylelint v16 ([#2591](https://github.com/navikt/aksel/pull/2591)) -* :wheelchair: Textarea: Forsinkelse ved live-opplesning av gjenstående tegn ([#2502](https://github.com/navikt/aksel/pull/2502)) +## 5.11 ### @navikt/ds-react @@ -436,19 +440,33 @@ - :wheelchair: Textarea: Forsinkelse ved live-opplesning av gjenstående tegn ([#2502](https://github.com/navikt/aksel/pull/2502)) +### @navikt/ds-css + +- Chips: La til token for checkmark-circle ([#2558](https://github.com/navikt/aksel/pull/2558)) + +* :bug: Modal: Hindre at elementer med sr-only posisjoneres feil ([#2541](https://github.com/navikt/aksel/pull/2541)) + +- :bug: Textarea: Skru av autosize ved manuell resize ([#2518](https://github.com/navikt/aksel/pull/2518)) + +- Page: La til `md`-bredde (768px) ([#2510](https://github.com/navikt/aksel/pull/2510)) + +* Switch: Byttet success-farger med action npr checked ([#2511](https://github.com/navikt/aksel/pull/2511)) + +- :sparkles: Textarea: Mulighet for å sette resize-retning ([#2494](https://github.com/navikt/aksel/pull/2494)) + +- :sparkles: Textarea: Eksperimentell støtte for automatisk scrollbar ([#2457](https://github.com/navikt/aksel/pull/2457)) + +* :wheelchair: Textarea: Forsinkelse ved live-opplesning av gjenstående tegn ([#2502](https://github.com/navikt/aksel/pull/2502)) + ### @navikt/aksel-icons - Ikoner: Nytt ikon `PushPin` ([#2503](https://github.com/navikt/aksel/pull/2503)) ## 5.10 -### @navikt/ds-css - -- :bug: Textarea: Teller flyttet ut av tekstfeltet for å unngå overlapp og misforståelser ([#2483](https://github.com/navikt/aksel/pull/2483)) - -* Primtives: CSS-import for primitives er nå mer spesifikk ([#2469](https://github.com/navikt/aksel/pull/2469)) +### @navikt/ds-tailwind -- Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) +- typescript types for tailwind preset ([#2486](https://github.com/navikt/aksel/pull/2486)) ### @navikt/ds-react @@ -466,15 +484,19 @@ - Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) -### @navikt/ds-tailwind +### @navikt/ds-css -- typescript types for tailwind preset ([#2486](https://github.com/navikt/aksel/pull/2486)) +- :bug: Textarea: Teller flyttet ut av tekstfeltet for å unngå overlapp og misforståelser ([#2483](https://github.com/navikt/aksel/pull/2483)) + +* Primtives: CSS-import for primitives er nå mer spesifikk ([#2469](https://github.com/navikt/aksel/pull/2469)) + +- Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) ## 5.9 -### @navikt/ds-css +### @navikt/ds-react -- :lipstick: Modal: Bedre håndtering av mobiler i landskapsmodus ([#2444](https://github.com/navikt/aksel/pull/2444)) +- :bug: Datepicker lukker ikke lenger modalen den er i ([#2451](https://github.com/navikt/aksel/pull/2451)) * Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. ([#2419](https://github.com/navikt/aksel/pull/2419)) @@ -484,9 +506,11 @@ * Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. ([#2419](https://github.com/navikt/aksel/pull/2419)) -### @navikt/ds-react +- Added useVirtualFocus hook - used in Combobox for now ([#2394](https://github.com/navikt/aksel/pull/2394)) -- :bug: Datepicker lukker ikke lenger modalen den er i ([#2451](https://github.com/navikt/aksel/pull/2451)) +### @navikt/ds-css + +- :lipstick: Modal: Bedre håndtering av mobiler i landskapsmodus ([#2444](https://github.com/navikt/aksel/pull/2444)) * Datepicker/Monthpicker: Hvis man bruker komponentene i Modal vil Popover bli erstattet med Modal uansett om man er på desktop eller mobil. ([#2419](https://github.com/navikt/aksel/pull/2419)) @@ -496,14 +520,8 @@ * Datepicker/Monthpicker: Bytter nå automatisk til Modalvisning på mobil. ([#2419](https://github.com/navikt/aksel/pull/2419)) -- Added useVirtualFocus hook - used in Combobox for now ([#2394](https://github.com/navikt/aksel/pull/2394)) - ## 5.8 -### @navikt/ds-css - -- :bug: Modal: Bedre støtte for Tooltip i Modal ([#2429](https://github.com/navikt/aksel/pull/2429)) - ### @navikt/ds-react - :sparkles: Modal: Støtte for å lukke ved klikk utenfor ([#2386](https://github.com/navikt/aksel/pull/2386)) @@ -514,23 +532,11 @@ * :bug: Modal: Bedre støtte for Tooltip i Modal ([#2429](https://github.com/navikt/aksel/pull/2429)) -## 5.7 - ### @navikt/ds-css -- :lipstick: Chips.Toggle: Ikon i uvalgt tilstand ([#2395](https://github.com/navikt/aksel/pull/2395)) - -* Checkbox, Radio: Transparent-border fungerer nå bedre på mørkere bakgrunner ([#2388](https://github.com/navikt/aksel/pull/2388)) - -- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) - -- Select: Tokenstøtte for å endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383)) - -- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376)) - -* Radio: readonly håndterer nå hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363)) +- :bug: Modal: Bedre støtte for Tooltip i Modal ([#2429](https://github.com/navikt/aksel/pull/2429)) -- :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) +## 5.7 ### @navikt/ds-tokens @@ -556,31 +562,27 @@ - :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) -### @navikt/aksel-icons - -- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365)) - -## 5.6 - ### @navikt/ds-css -- :bug: Modal: Sett riktig tekstfarge ([#2340](https://github.com/navikt/aksel/pull/2340)) +- :lipstick: Chips.Toggle: Ikon i uvalgt tilstand ([#2395](https://github.com/navikt/aksel/pull/2395)) -* Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278)) +* Checkbox, Radio: Transparent-border fungerer nå bedre på mørkere bakgrunner ([#2388](https://github.com/navikt/aksel/pull/2388)) -- :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279)) +- Ny spacing token på 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) -- Accordion: Har nå 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310)) +- Select: Tokenstøtte for å endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383)) -- Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293)) +- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376)) -- :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329)) +* Radio: readonly håndterer nå hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363)) -- Stack: Kan nå endre direction, justify og align ved brekkpunkt. `Stack` er også nå en egen komponent sammen med `HStack` og `VStack`. ([#2286](https://github.com/navikt/aksel/pull/2286)) +- :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) -- Datepicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) +### @navikt/aksel-icons -- MonthPicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) +- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365)) + +## 5.6 ### @navikt/ds-tokens @@ -612,6 +614,26 @@ - Remove tabIndex="-1" on Popover to fix VoiceOver navigation issue inside Popover ([#2303](https://github.com/navikt/aksel/pull/2303)) +### @navikt/ds-css + +- :bug: Modal: Sett riktig tekstfarge ([#2340](https://github.com/navikt/aksel/pull/2340)) + +* Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278)) + +- :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279)) + +- Accordion: Har nå 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310)) + +- Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293)) + +- :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329)) + +- Stack: Kan nå endre direction, justify og align ved brekkpunkt. `Stack` er også nå en egen komponent sammen med `HStack` og `VStack`. ([#2286](https://github.com/navikt/aksel/pull/2286)) + +- Datepicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) + +- MonthPicker: Tilpasset padding og sizing på mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) + ### @navikt/aksel-icons - Ikoner: SVG export setter nå `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300)) @@ -622,12 +644,6 @@ ## 5.5 -### @navikt/ds-css - -- Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195)) - -* Skeleton: Width fungerer nå med inline-variant av Skeleton ([#2273](https://github.com/navikt/aksel/pull/2273)) - ### @navikt/ds-tokens - Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195)) @@ -638,13 +654,13 @@ * Skeleton: Width fungerer nå med inline-variant av Skeleton ([#2273](https://github.com/navikt/aksel/pull/2273)) -## 5.4 - ### @navikt/ds-css -- Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222)) +- Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195)) -* ErrorSummary: Har nå 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256)) +* Skeleton: Width fungerer nå med inline-variant av Skeleton ([#2273](https://github.com/navikt/aksel/pull/2273)) + +## 5.4 ### @navikt/ds-tokens @@ -658,21 +674,13 @@ - Search: Kjører nå bare preventDefault ved Escape når `input` inneholder tekst ([#2245](https://github.com/navikt/aksel/pull/2245)) -## 5.3 - ### @navikt/ds-css -- Alert: 12px -> 8px gap mellom tekst og ikon ved `size="small"` ([#2240](https://github.com/navikt/aksel/pull/2240)) - -* HGrid: Har nå `align`-prop for bedre kontroll over child-elementer ([#2242](https://github.com/navikt/aksel/pull/2242)) - -- Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239)) - -* :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229)) +- Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222)) -* :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227)) +* ErrorSummary: Har nå 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256)) -- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211)) +## 5.3 ### @navikt/ds-react @@ -696,19 +704,25 @@ * :wheelchair: Textarea: Skjermleser-spesifikk tekst leses opp sammenhengende ([#2216](https://github.com/navikt/aksel/pull/2216)) -### @navikt/aksel-icons +### @navikt/ds-css -- :bug: SVG import map er nå riktig path ([#2250](https://github.com/navikt/aksel/pull/2250)) +- Alert: 12px -> 8px gap mellom tekst og ikon ved `size="small"` ([#2240](https://github.com/navikt/aksel/pull/2240)) -## 5.2 +* HGrid: Har nå `align`-prop for bedre kontroll over child-elementer ([#2242](https://github.com/navikt/aksel/pull/2242)) -### @navikt/ds-css +- Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239)) -- Font: Fikset henting av italic-font ([#2220](https://github.com/navikt/aksel/pull/2220)) +* :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229)) -* CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. ([#2219](https://github.com/navikt/aksel/pull/2219)) +* :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227)) -* Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering ([#2193](https://github.com/navikt/aksel/pull/2193)) +- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211)) + +### @navikt/aksel-icons + +- :bug: SVG import map er nå riktig path ([#2250](https://github.com/navikt/aksel/pull/2250)) + +## 5.2 ### @navikt/ds-react @@ -718,17 +732,19 @@ - Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering ([#2193](https://github.com/navikt/aksel/pull/2193)) -### @navikt/aksel-icons +### @navikt/ds-css -- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197)) +- Font: Fikset henting av italic-font ([#2220](https://github.com/navikt/aksel/pull/2220)) -## 5.1 +* CSS: Popover har nå 8px border-radius. Fikset padding-bug i Select-small. ([#2219](https://github.com/navikt/aksel/pull/2219)) -### @navikt/ds-css +* Hovering over combobox dropdown will move selection/focus in the list, so we don't end up with a split focus, and reversely when moving focus while hovering ([#2193](https://github.com/navikt/aksel/pull/2193)) -- :lipstick: Modal: fjern kantlinje ([#2210](https://github.com/navikt/aksel/pull/2210)) +### @navikt/aksel-icons -- Tokens: Fikset table-token ([#2204](https://github.com/navikt/aksel/pull/2204)) +- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197)) + +## 5.1 ### @navikt/ds-react @@ -738,24 +754,13 @@ * Datepicker: Input setter ikke nå aria-controls før popover åpnes ([#2213](https://github.com/navikt/aksel/pull/2213)) -## 5.0 - ### @navikt/ds-css -- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199)) - -- Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss ([#2199](https://github.com/navikt/aksel/pull/2199)) - -* Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind ([`90db7dd0c`](https://github.com/navikt/aksel/commit/90db7dd0c120c16a387d3169c05c1f33dc694323)) - -- Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135)) - - - :sparkles: Støtte for header og footer - - :boom: Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere) +- :lipstick: Modal: fjern kantlinje ([#2210](https://github.com/navikt/aksel/pull/2210)) -* Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178)) +- Tokens: Fikset table-token ([#2204](https://github.com/navikt/aksel/pull/2204)) -* Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). ([#2178](https://github.com/navikt/aksel/pull/2178)) +## 5.0 ### @navikt/ds-tokens @@ -783,19 +788,24 @@ * Table: Har lagt til ny size: 'large'. ([#2178](https://github.com/navikt/aksel/pull/2178)) -## 4.12 - ### @navikt/ds-css -- Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184)) +- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199)) -* CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173)) +- Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss ([#2199](https://github.com/navikt/aksel/pull/2199)) -- List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168)) +* Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind ([`90db7dd0c`](https://github.com/navikt/aksel/commit/90db7dd0c120c16a387d3169c05c1f33dc694323)) -- Checkbox: Checkmark er nå SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171)) +- Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135)) -- Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179)) + - :sparkles: Støtte for header og footer + - :boom: Bruker nå native dialog i stedet for react-modal (med polyfill for eldre nettlesere) + +* Table: ExpandableRow har oppdatert knapp for å matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178)) + +* Table: Alle størrelser har justert padding. Small-size table bruker nå også standard typografi-størrelse (18px). ([#2178](https://github.com/navikt/aksel/pull/2178)) + +## 4.12 ### @navikt/ds-react @@ -817,19 +827,19 @@ - Combobox: Lukker nå nedtrekksmeny hvis man legger til ny option i singleselect ([#2177](https://github.com/navikt/aksel/pull/2177)) -## 4.11 - ### @navikt/ds-css -- :lipstick: ToggleGroup: fjern semibold fra selected button ([#2167](https://github.com/navikt/aksel/pull/2167)) +- Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184)) -* Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. ([#2159](https://github.com/navikt/aksel/pull/2159)) +* CopyButton: Har nå prop 'iconPosition' for å høyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173)) -- HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/primitives/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838)) +- List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168)) -* List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149)) +- Checkbox: Checkmark er nå SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171)) -* Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150)) +- Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179)) + +## 4.11 ### @navikt/ds-react @@ -839,25 +849,31 @@ * Grid: Markert som deprecated. Bruk nye 'HGrid' ([#2153](https://github.com/navikt/aksel/pull/2153)) -## 4.10 - ### @navikt/ds-css -- Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind +- :lipstick: ToggleGroup: fjern semibold fra selected button ([#2167](https://github.com/navikt/aksel/pull/2167)) -* Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093)) +* Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. ([#2159](https://github.com/navikt/aksel/pull/2159)) + +- HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/primitives/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838)) + +* List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149)) + +* Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150)) + +## 4.10 ### @navikt/ds-react - Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093)) -## 4.9 - ### @navikt/ds-css -- Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected ([#2144](https://github.com/navikt/aksel/pull/2144)) +- Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind -* Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127)) +* Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093)) + +## 4.9 ### @navikt/ds-react @@ -867,25 +883,23 @@ * Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127)) -## 4.8 - ### @navikt/ds-css -- Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040)) +- Tweaks to combobox - updated example, small bugfixes, better affordance for selected options and added flag for "isAddedByUser" to onToggleSelected ([#2144](https://github.com/navikt/aksel/pull/2144)) + +* Table: ExpandableRow kan nå åpnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127)) + +## 4.8 ### @navikt/ds-react - Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040)) -## 4.7 - ### @navikt/ds-css -- Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser ([#2126](https://github.com/navikt/aksel/pull/2126)) - -* Stepper: Fikset `hotizontal`-bug når step var `completed` ([#2116](https://github.com/navikt/aksel/pull/2116)) +- Nye komponenter `VStack`, `HStack` og `Spacer` for å enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040)) -- Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868)) +## 4.7 ### @navikt/ds-react @@ -903,13 +917,15 @@ * Combobox post-release tweaks ([#2112](https://github.com/navikt/aksel/pull/2112)) -## 4.6 - ### @navikt/ds-css -- Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089)) +- Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser ([#2126](https://github.com/navikt/aksel/pull/2126)) -* Skjema: De fleste skjemakomponenter har nå styling for `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080)) +* Stepper: Fikset `hotizontal`-bug når step var `completed` ([#2116](https://github.com/navikt/aksel/pull/2116)) + +- Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868)) + +## 4.6 ### @navikt/ds-react @@ -917,25 +933,31 @@ * Skjema: De fleste skjemakomponenter støtter nå `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080)) -## 4.5 - ### @navikt/ds-css -- - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079)) +- Skjema: Labels og Legends bruker nå inline-flex når readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089)) -* - Button: Fikset outline-bug i tertiary-variant ved `:active`-state ([#2079](https://github.com/navikt/aksel/pull/2079)) +* Skjema: De fleste skjemakomponenter har nå styling for `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080)) + +## 4.5 ### @navikt/ds-react - - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079)) +### @navikt/ds-css + +- - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079)) + +* - Button: Fikset outline-bug i tertiary-variant ved `:active`-state ([#2079](https://github.com/navikt/aksel/pull/2079)) + ## 4.4 -### @navikt/ds-css +### @navikt/ds-tailwind -- :lipstick: Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" ([#2077](https://github.com/navikt/aksel/pull/2077)) +- Shadow-tokens er oppdatert ([PR](https://github.com/navikt/aksel/pull/2041)) -* Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall ([PR](https://github.com/navikt/aksel/pull/2041)) +- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036)) ### @navikt/ds-tokens @@ -947,49 +969,39 @@ * Fikset klassenavn brukt for popover i Datepicker og Monthpicker ([PR](https://github.com/navikt/aksel/pull/2041)) -### @navikt/ds-tailwind +### @navikt/ds-css -- Shadow-tokens er oppdatert ([PR](https://github.com/navikt/aksel/pull/2041)) +- :lipstick: Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" ([#2077](https://github.com/navikt/aksel/pull/2077)) -- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036)) +* Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall ([PR](https://github.com/navikt/aksel/pull/2041)) ## 4.3 +### @navikt/ds-react + +- Popover og Helptext har nå luft mot siden av skjerm på mindre flater ([PR](https://github.com/navikt/aksel/pull/2069)) + ### @navikt/ds-css - Popover/Helptext: Maksbredde på 100vw - 1.5rem. Treffer ikke lengre kanten på skjermen. ([PR](https://github.com/navikt/aksel/pull/2069)) * ExpansionCard: Ved nesting av komponetene fikk man styling fra parent ([PR](https://github.com/navikt/aksel/pull/2067)) -### @navikt/ds-react - -- Popover og Helptext har nå luft mot siden av skjerm på mindre flater ([PR](https://github.com/navikt/aksel/pull/2069)) - ## 4.2 -### @navikt/ds-css - -- Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048)) - ### @navikt/ds-react - Oppdatert Chat: `size` og `variant`-prop, optional `avatar`, uu og ui-forbedringer ([PR](https://github.com/navikt/aksel/pull/2048)) -## 4.1 - -### @navikt/aksel-stylelint - -- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035)) - ### @navikt/ds-css -- Readmore: setter nå eksplisitt color for å ikke arve text-subtle fra parent. ([PR](https://github.com/navikt/aksel/pull/2049)) +- Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048)) -* :bug: Fikset cursor-markering av tekst i skeleton. +## 4.1 -- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035)) +### @navikt/ds-tailwind -- Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036)) +- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032)) ### @navikt/ds-tokens @@ -1021,21 +1033,31 @@ - Accordion: La til `indent`-prop ([PR](https://github.com/navikt/aksel/pull/2027)) -### @navikt/ds-tailwind +### @navikt/ds-css -- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032)) +- Readmore: setter nå eksplisitt color for å ikke arve text-subtle fra parent. ([PR](https://github.com/navikt/aksel/pull/2049)) + +* :bug: Fikset cursor-markering av tekst i skeleton. + +- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035)) + +- Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036)) ### @navikt/aksel-icons - Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054)) +### @navikt/aksel-stylelint + +- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035)) + ## 4.0 -### @navikt/aksel +### @navikt/ds-react -- Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` ([PR](https://github.com/navikt/aksel/pull/2026)) +- Datepicker og Monthpicker er ute av beta. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h4ef68ae743b0) ([PR](https://github.com/navikt/aksel/pull/2026)) -- Codemods for migrering fra `@navikt/ds-react-internal` til `@navikt/ds-react` [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026)) +- Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026)) ### @navikt/ds-css @@ -1047,29 +1069,29 @@ - Styling for flyttede komponenter finnes nå på CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import) -### @navikt/ds-react +### @navikt/aksel -- Datepicker og Monthpicker er ute av beta. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h4ef68ae743b0) ([PR](https://github.com/navikt/aksel/pull/2026)) +- Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` ([PR](https://github.com/navikt/aksel/pull/2026)) -- Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`. [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026)) +- Codemods for migrering fra `@navikt/ds-react-internal` til `@navikt/ds-react` [Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h3b8538e1981d) ([PR](https://github.com/navikt/aksel/pull/2026)) ## 3.4 -### @navikt/aksel-stylelint - -- La til riktige dependencies ([PR](https://github.com/navikt/aksel/pull/2017)) - -* Inkluderer nå dist-mappe i release +### @navikt/ds-react -- Stylelint-pakke for Aksel ([PR](https://github.com/navikt/aksel/pull/1973)) +- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010)) ### @navikt/ds-css - Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010)) -### @navikt/ds-react +### @navikt/aksel-stylelint -- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010)) +- La til riktige dependencies ([PR](https://github.com/navikt/aksel/pull/2017)) + +* Inkluderer nå dist-mappe i release + +- Stylelint-pakke for Aksel ([PR](https://github.com/navikt/aksel/pull/1973)) ## 3.3 @@ -1081,12 +1103,6 @@ ## 3.2 -### @navikt/ds-css - -- Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993)) - -- CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994)) - ### @navikt/ds-react - Search: Støtter nå htmlSize-prop ([PR](https://github.com/navikt/aksel/pull/2000)) @@ -1099,12 +1115,22 @@ * Ny komponent CopyButton! Erstatter `CopyToClipboard` som nå er tagget som deprecated ([PR](https://github.com/navikt/aksel/pull/1982)) +### @navikt/ds-css + +- Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993)) + +- CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994)) + ### @navikt/aksel-icons - Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998)) ## 3.1 +### @navikt/ds-react + +- Oppdatert Label og Description spacing for alle skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967)) + ### @navikt/ds-css - :lipstick: Oppdatert utseende for ToggleGroup. `Medium` og `Small`-size er begge 10px lavere, mindre border-radius ([PR](https://github.com/navikt/aksel/pull/1976)) @@ -1113,16 +1139,8 @@ - Oppdatert Label og Description spacing for skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967)) -### @navikt/ds-react - -- Oppdatert Label og Description spacing for alle skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967)) - ## 3.0 -### @navikt/ds-css - -- Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964)) - ### @navikt/ds-react - Fjernet `@navikt/ds-icons` fra dependencies @@ -1133,19 +1151,23 @@ * Bruker nå nå `@navikt/aksel-icons` for interne ikoner ([PR](https://github.com/navikt/aksel/pull/1964)) +### @navikt/ds-css + +- Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964)) + ## 2.9 -### @navikt/aksel +### @navikt/ds-react -- :truck: Flyttet Codemods fra `@navikt/ds-codemods` -> `@navikt/aksel`. `@navikt/ds-codemods` regnes nå som deprecated ([PR](https://github.com/navikt/aksel/pull/1952)) +- ExpansionCard: Støtter nå `aria-labelledby` i tillegg til `aria-label` ([PR](https://github.com/navikt/aksel/pull/1944)) ### @navikt/ds-css - CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig ([PR](https://github.com/navikt/aksel/pull/1941)) -### @navikt/ds-react +### @navikt/aksel -- ExpansionCard: Støtter nå `aria-labelledby` i tillegg til `aria-label` ([PR](https://github.com/navikt/aksel/pull/1944)) +- :truck: Flyttet Codemods fra `@navikt/ds-codemods` -> `@navikt/aksel`. `@navikt/ds-codemods` regnes nå som deprecated ([PR](https://github.com/navikt/aksel/pull/1952)) ### @navikt/aksel-icons @@ -1159,20 +1181,6 @@ ## 2.8 -### @navikt/ds-css - -- Button: Padding/border-radius tokens ([PR](https://github.com/navikt/aksel/pull/1905)) - -* Button: token for tertiary - -- Alert, Chips og ErrorSummary har nå bedre utvalg av tokens - -* Accordion: tokens for header-bakgrunn - -* Select: Fikset tekstfarge på iphone ([PR](https://github.com/navikt/aksel/pull/1879)) - -- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870)) - ### @navikt/ds-react - ExpansionCard: ExpansionCard.Content sendte ikke `className` videre @@ -1193,6 +1201,20 @@ * Ny komponent ExpansionCard! ([PR](https://github.com/navikt/aksel/pull/1820)) +### @navikt/ds-css + +- Button: Padding/border-radius tokens ([PR](https://github.com/navikt/aksel/pull/1905)) + +* Button: token for tertiary + +- Alert, Chips og ErrorSummary har nå bedre utvalg av tokens + +* Accordion: tokens for header-bakgrunn + +* Select: Fikset tekstfarge på iphone ([PR](https://github.com/navikt/aksel/pull/1879)) + +- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870)) + ### @navikt/aksel-icons - :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928)) @@ -1231,6 +1253,10 @@ ## 2.5 +### @navikt/ds-tailwind + +- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints ([PR](https://github.com/navikt/aksel/pull/1832)) + ### @navikt/ds-tokens - Breakpoint-tokens lagt til ([PR](https://github.com/navikt/aksel/pull/1832)) @@ -1239,18 +1265,8 @@ - List: Refaktorert nestede lister -### @navikt/ds-tailwind - -- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints ([PR](https://github.com/navikt/aksel/pull/1832)) - ## 2.4 -### @navikt/ds-css - -- Select: Fikset disabled + opacity bug for Chrome - -* List: La til støtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823)) - ### @navikt/ds-react - List: la til støtte for nestede lister ([PR](https://github.com/navikt/aksel/pull/1823)) @@ -1259,6 +1275,12 @@ - Ny komponent List! ([PR](https://github.com/navikt/aksel/pull/1807)) +### @navikt/ds-css + +- Select: Fikset disabled + opacity bug for Chrome + +* List: La til støtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823)) + ## 2.3 ### @navikt/ds-css @@ -1271,12 +1293,6 @@ ## 2.2 -### @navikt/ds-css - -- ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789)) - -- Button: `Neutral`-variant. - ### @navikt/ds-tokens - Justeringer av semantiske fargetokens, statusfarger nå mer tydelig ([PR](https://github.com/navikt/aksel/pull/1787)) @@ -1289,11 +1305,13 @@ - Button: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789)) -## 2.1 - ### @navikt/ds-css -- TextField: `small`-variant har nå 8px horisontal padding (før 4px) +- ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789)) + +- Button: `Neutral`-variant. + +## 2.1 ### @navikt/ds-tokens @@ -1315,19 +1333,15 @@ - Datepicker/Monthpicker: år med 2 siffer i input fungerer nå -## 2.0 - ### @navikt/ds-css -- Radio: Fikset default visuell error-state ([PR](https://github.com/navikt/aksel/pull/1737)) - -* Button: Reverserte border-width endrinder (var 1.5px, nå 2px) +- TextField: `small`-variant har nå 8px horisontal padding (før 4px) -- Bugfixer ved bruk av tokens oppdatert i v2.0.0 +## 2.0 -* Fontlasting: Fonter lastes nå fra NAV-CDN +### @navikt/ds-tailwind -* Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens. +- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) ### @navikt/ds-tokens @@ -1351,21 +1365,19 @@ * Fonter blir bruk i all typografi blir nå lastet fra CDN -### @navikt/ds-tailwind - -- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) +### @navikt/ds-css -## 1.5 +- Radio: Fikset default visuell error-state ([PR](https://github.com/navikt/aksel/pull/1737)) -### @navikt/ds-css +* Button: Reverserte border-width endrinder (var 1.5px, nå 2px) -- Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle +- Bugfixer ved bruk av tokens oppdatert i v2.0.0 -* Tokens: Byttet om på rekkefølge av alt-farger +* Fontlasting: Fonter lastes nå fra NAV-CDN -- Chips. Bruker nå standard flex-wrap +* Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens. -* Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684)) +## 1.5 ### @navikt/ds-react @@ -1381,6 +1393,16 @@ - Ny komponent Chips! ([PR](https://github.com/navikt/aksel/pull/1668)) +### @navikt/ds-css + +- Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle + +* Tokens: Byttet om på rekkefølge av alt-farger + +- Chips. Bruker nå standard flex-wrap + +* Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684)) + ## 1.4 ### @navikt/ds-react @@ -1395,12 +1417,6 @@ ## 1.3 -### @navikt/ds-css - -- Fikset bruk av `:watch` for diverse parsere (less, parcel) - -* Tokens tilgjengeligjøres nå også på `:host`. Dette lar shadow-dom brukere konsumere tokens direkte. - ### @navikt/ds-react - useId-bug fikset ved bruk i både react 17 og 18 @@ -1423,6 +1439,12 @@ - Stepper: `interactive` og `completed`-props for wizard-løsninger +### @navikt/ds-css + +- Fikset bruk av `:watch` for diverse parsere (less, parcel) + +* Tokens tilgjengeligjøres nå også på `:host`. Dette lar shadow-dom brukere konsumere tokens direkte. + ## 1.2 ### @navikt/ds-react diff --git a/aksel.nav.no/package.json b/aksel.nav.no/package.json index 571d567c90..561993e718 100644 --- a/aksel.nav.no/package.json +++ b/aksel.nav.no/package.json @@ -15,10 +15,10 @@ "playroom" ], "dependencies": { - "@navikt/aksel-icons": "^6.11.0", - "@navikt/ds-css": "^6.11.0", - "@navikt/ds-react": "^6.11.0", - "@navikt/ds-tailwind": "^6.11.0", - "@navikt/ds-tokens": "^6.11.0" + "@navikt/aksel-icons": "^6.12.0", + "@navikt/ds-css": "^6.12.0", + "@navikt/ds-react": "^6.12.0", + "@navikt/ds-tailwind": "^6.12.0", + "@navikt/ds-tokens": "^6.12.0" } }