diff --git a/.changeset/gentle-points-greet-2.md b/.changeset/gentle-points-greet-2.md deleted file mode 100644 index b00739fc24..0000000000 --- a/.changeset/gentle-points-greet-2.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@navikt/ds-css": patch ---- - -ExpansionCard: Removed dynamic padding on button-element. diff --git a/.changeset/gentle-points-greet.md b/.changeset/gentle-points-greet.md deleted file mode 100644 index 8584840579..0000000000 --- a/.changeset/gentle-points-greet.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@navikt/ds-css": patch ---- - -Modal: Defaults to `margin: auto` for tailwind 4 support. diff --git a/.changeset/late-hotels-try.md b/.changeset/late-hotels-try.md deleted file mode 100644 index fd83b5cd83..0000000000 --- a/.changeset/late-hotels-try.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@navikt/aksel-icons": minor ---- - -Icons: Added new icons 'SortUp' and 'SortDown' 🎉. diff --git a/@navikt/aksel-icons/CHANGELOG.md b/@navikt/aksel-icons/CHANGELOG.md index 0383c21782..f3e162cbbf 100644 --- a/@navikt/aksel-icons/CHANGELOG.md +++ b/@navikt/aksel-icons/CHANGELOG.md @@ -1,5 +1,11 @@ # @navikt/aksel-icons +## 7.11.0 + +### Minor Changes + +- Icons: Added new icons 'SortUp' and 'SortDown' 🎉. ([#3528](https://github.com/navikt/aksel/pull/3528)) + ## 7.10.0 ## 7.9.2 diff --git a/@navikt/aksel-icons/package.json b/@navikt/aksel-icons/package.json index a7f3169f40..7c04a978d8 100644 --- a/@navikt/aksel-icons/package.json +++ b/@navikt/aksel-icons/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel-icons", - "version": "7.10.0", + "version": "7.11.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 291b22b696..d1d222edd6 100644 --- a/@navikt/aksel-stylelint/CHANGELOG.md +++ b/@navikt/aksel-stylelint/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/aksel-stylelint +## 7.11.0 + ## 7.10.0 ## 7.9.2 diff --git a/@navikt/aksel-stylelint/package.json b/@navikt/aksel-stylelint/package.json index 404cf70960..d2b4173014 100644 --- a/@navikt/aksel-stylelint/package.json +++ b/@navikt/aksel-stylelint/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel-stylelint", - "version": "7.10.0", + "version": "7.11.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": "^7.10.0", - "@navikt/ds-tokens": "^7.10.0", + "@navikt/ds-css": "^7.11.0", + "@navikt/ds-tokens": "^7.11.0", "concurrently": "9.0.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 32bd12c334..771c61a082 100644 --- a/@navikt/aksel/CHANGELOG.md +++ b/@navikt/aksel/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/aksel +## 7.11.0 + +### Patch Changes + +- Updated dependencies [[`c73db43`](https://github.com/navikt/aksel/commit/c73db43c9638b922388ef6684c016663a0a29873), [`c73db43`](https://github.com/navikt/aksel/commit/c73db43c9638b922388ef6684c016663a0a29873)]: + - @navikt/ds-css@7.11.0 + ## 7.10.0 ### Patch Changes diff --git a/@navikt/aksel/package.json b/@navikt/aksel/package.json index 22a2457787..1b17c69e32 100644 --- a/@navikt/aksel/package.json +++ b/@navikt/aksel/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel", - "version": "7.10.0", + "version": "7.11.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": "^7.10.0", + "@navikt/ds-css": "^7.11.0", "axios": "1.7.4", "chalk": "4.1.0", "clipboardy": "^2.3.0", diff --git a/@navikt/core/css/CHANGELOG.md b/@navikt/core/css/CHANGELOG.md index c175be6a61..b3379533e6 100644 --- a/@navikt/core/css/CHANGELOG.md +++ b/@navikt/core/css/CHANGELOG.md @@ -1,5 +1,13 @@ # @navikt/ds-css +## 7.11.0 + +### Patch Changes + +- ExpansionCard: Removed dynamic padding on button-element. ([#3532](https://github.com/navikt/aksel/pull/3532)) + +- Modal: Defaults to `margin: auto` for tailwind 4 support. ([#3532](https://github.com/navikt/aksel/pull/3532)) + ## 7.10.0 ### Minor Changes diff --git a/@navikt/core/css/package.json b/@navikt/core/css/package.json index 0fbf8e9ac2..b69b23b35e 100644 --- a/@navikt/core/css/package.json +++ b/@navikt/core/css/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-css", - "version": "7.10.0", + "version": "7.11.0", "description": "CSS for Nav Designsystem", "author": "Aksel | Nav designsystem team", "keywords": [ @@ -28,7 +28,7 @@ "test": "yarn build && vitest run" }, "devDependencies": { - "@navikt/ds-tokens": "^7.10.0", + "@navikt/ds-tokens": "^7.11.0", "@types/clean-css": "4.2.11", "autoprefixer": "^10.4.20", "browserslist": "^4.24.2", diff --git a/@navikt/core/react/CHANGELOG.md b/@navikt/core/react/CHANGELOG.md index c73225717c..4719f2db7b 100644 --- a/@navikt/core/react/CHANGELOG.md +++ b/@navikt/core/react/CHANGELOG.md @@ -1,5 +1,13 @@ # @navikt/ds-react +## 7.11.0 + +### Patch Changes + +- Updated dependencies [[`6c81fc0`](https://github.com/navikt/aksel/commit/6c81fc0b239a02499412d350af65389833d59b26)]: + - @navikt/aksel-icons@7.11.0 + - @navikt/ds-tokens@7.11.0 + ## 7.10.0 ### Minor Changes diff --git a/@navikt/core/react/package.json b/@navikt/core/react/package.json index bccd24bda7..569cb61cf9 100644 --- a/@navikt/core/react/package.json +++ b/@navikt/core/react/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-react", - "version": "7.10.0", + "version": "7.11.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", @@ -615,8 +615,8 @@ "dependencies": { "@floating-ui/react": "0.25.4", "@floating-ui/react-dom": "^2.0.9", - "@navikt/aksel-icons": "^7.10.0", - "@navikt/ds-tokens": "^7.10.0", + "@navikt/aksel-icons": "^7.11.0", + "@navikt/ds-tokens": "^7.11.0", "clsx": "^2.1.0", "date-fns": "^3.0.0", "react-day-picker": "8.10.1" diff --git a/@navikt/core/tailwind/CHANGELOG.md b/@navikt/core/tailwind/CHANGELOG.md index 57f331a774..3bb5a4b315 100644 --- a/@navikt/core/tailwind/CHANGELOG.md +++ b/@navikt/core/tailwind/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/ds-tailwind +## 7.11.0 + ## 7.10.0 ## 7.9.2 diff --git a/@navikt/core/tailwind/package.json b/@navikt/core/tailwind/package.json index ec60eaeca7..e8676703ef 100644 --- a/@navikt/core/tailwind/package.json +++ b/@navikt/core/tailwind/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-tailwind", - "version": "7.10.0", + "version": "7.11.0", "description": "Tailwind config based on @navikt/ds-tokens", "author": "Aksel | Nav designsystem team", "keywords": [ @@ -24,7 +24,7 @@ "directory": "@navikt/core/tailwind" }, "devDependencies": { - "@navikt/ds-tokens": "^7.10.0", + "@navikt/ds-tokens": "^7.11.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 9cc371b1f4..780f8880ac 100644 --- a/@navikt/core/tokens/CHANGELOG.md +++ b/@navikt/core/tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/ds-tokens +## 7.11.0 + ## 7.10.0 ## 7.9.2 diff --git a/@navikt/core/tokens/package.json b/@navikt/core/tokens/package.json index 246c7fd3bc..1e943e3598 100644 --- a/@navikt/core/tokens/package.json +++ b/@navikt/core/tokens/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-tokens", - "version": "7.10.0", + "version": "7.11.0", "description": "Design-tokens for Nav designsystem", "author": "Aksel | Nav designsystem team", "keywords": [ diff --git a/CHANGELOG.md b/CHANGELOG.md index 49ab1f949e..c4e8ec0393 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,14 +1,18 @@ # Changelog -## 7.10 +## 7.11 + +### @navikt/aksel-icons + +- Icons: Added new icons 'SortUp' and 'SortDown' 🎉. ([#3528](https://github.com/navikt/aksel/pull/3528)) ### @navikt/ds-css -- Table: New prop `contentGutter` added to `ExpandableRow`-component. This allows user more control for content layout inside expandable element. ([#3507](https://github.com/navikt/aksel/pull/3507)) +- ExpansionCard: Removed dynamic padding on button-element. ([#3532](https://github.com/navikt/aksel/pull/3532)) -* Button: Using `` within `icon`-prop now supported. ([#3515](https://github.com/navikt/aksel/pull/3515)) +- Modal: Defaults to `margin: auto` for tailwind 4 support. ([#3532](https://github.com/navikt/aksel/pull/3532)) -* Combobox: Always render `maxSelected` message when `isMultiSelect` is set. ([#3506](https://github.com/navikt/aksel/pull/3506)) +## 7.10 ### @navikt/ds-react @@ -16,22 +20,15 @@ * Combobox: Always render `maxSelected` message when `isMultiSelect` is set. ([#3506](https://github.com/navikt/aksel/pull/3506)) -## 7.9 - ### @navikt/ds-css -- Table: Removed border-bottom for HeaderCell used in ExpandableRow. ([#3503](https://github.com/navikt/aksel/pull/3503)) - -* Link: :bug: Use inside Alert got wrong text-color while focused or active. ([#3489](https://github.com/navikt/aksel/pull/3489)) - -- ErrorSummary: :sparkles: new prop to prefix error with a warning icon. ([#3445](https://github.com/navikt/aksel/pull/3445)) - All form components: replace dot with warning icon in error message. +- Table: New prop `contentGutter` added to `ExpandableRow`-component. This allows user more control for content layout inside expandable element. ([#3507](https://github.com/navikt/aksel/pull/3507)) -* Switch: Update switch to better reflect unchecked state. ([#3468](https://github.com/navikt/aksel/pull/3468)) +* Button: Using `` within `icon`-prop now supported. ([#3515](https://github.com/navikt/aksel/pull/3515)) -* Select: :bug: Focus-border no longer cancels out error-border. ([#3465](https://github.com/navikt/aksel/pull/3465)) +* Combobox: Always render `maxSelected` message when `isMultiSelect` is set. ([#3506](https://github.com/navikt/aksel/pull/3506)) -* Textarea: :bug: Focus-border no longer cancels out error-border. ([#3465](https://github.com/navikt/aksel/pull/3465)) +## 7.9 ### @navikt/ds-react @@ -44,17 +41,26 @@ * Textarea: resize immediately upon receiving resize event (eg. inside modal opening). ([#3463](https://github.com/navikt/aksel/pull/3463)) -## 7.8 - ### @navikt/ds-css -- Alert: Link-components used within Alert variant='inline' now preserves default coloring ([#3461](https://github.com/navikt/aksel/pull/3461)) +- Table: Removed border-bottom for HeaderCell used in ExpandableRow. ([#3503](https://github.com/navikt/aksel/pull/3503)) -- Table: :fire: Removed cursor 'pointer' when 'ExpandableRow' is disabled. ([#3462](https://github.com/navikt/aksel/pull/3462)) +* Link: :bug: Use inside Alert got wrong text-color while focused or active. ([#3489](https://github.com/navikt/aksel/pull/3489)) -* Combobox: Removed clear button, removed tokens staring with `--ac-combobox-clear`, deprecated props `clearButton`/`clearButtonLabel`. ([#3433](https://github.com/navikt/aksel/pull/3433)) +- ErrorSummary: :sparkles: new prop to prefix error with a warning icon. ([#3445](https://github.com/navikt/aksel/pull/3445)) + All form components: replace dot with warning icon in error message. -- CSS: Resolved regression where the complete stylesheet was included in scoped 'components.css' file. ([#3427](https://github.com/navikt/aksel/pull/3427)) +* Switch: Update switch to better reflect unchecked state. ([#3468](https://github.com/navikt/aksel/pull/3468)) + +* Select: :bug: Focus-border no longer cancels out error-border. ([#3465](https://github.com/navikt/aksel/pull/3465)) + +* Textarea: :bug: Focus-border no longer cancels out error-border. ([#3465](https://github.com/navikt/aksel/pull/3465)) + +## 7.8 + +### @navikt/aksel-stylelint + +- Combobox: Removed clear button, removed tokens staring with `--ac-combobox-clear`, deprecated props `clearButton`/`clearButtonLabel`. ([#3433](https://github.com/navikt/aksel/pull/3433)) ### @navikt/ds-react @@ -80,9 +86,15 @@ - Textarea: Deprecated prop `i18n`. Use [Provider](https://aksel.nav.no/komponenter/core/provider#84d7ea5ec517) if you still need to change these texts. ([#3429](https://github.com/navikt/aksel/pull/3429)) -### @navikt/aksel-stylelint +### @navikt/ds-css -- Combobox: Removed clear button, removed tokens staring with `--ac-combobox-clear`, deprecated props `clearButton`/`clearButtonLabel`. ([#3433](https://github.com/navikt/aksel/pull/3433)) +- Alert: Link-components used within Alert variant='inline' now preserves default coloring ([#3461](https://github.com/navikt/aksel/pull/3461)) + +- Table: :fire: Removed cursor 'pointer' when 'ExpandableRow' is disabled. ([#3462](https://github.com/navikt/aksel/pull/3462)) + +* Combobox: Removed clear button, removed tokens staring with `--ac-combobox-clear`, deprecated props `clearButton`/`clearButtonLabel`. ([#3433](https://github.com/navikt/aksel/pull/3433)) + +- CSS: Resolved regression where the complete stylesheet was included in scoped 'components.css' file. ([#3427](https://github.com/navikt/aksel/pull/3427)) ## 7.7 @@ -100,6 +112,20 @@ ## 7.6 +### @navikt/aksel-icons + +- Icons: Added new icons 'TruckPercent' and 'ShieldCheckmark' 🎉. ([#3416](https://github.com/navikt/aksel/pull/3416)) + +### @navikt/ds-react + +- ActionMenu: Added 'align'-prop to 'ActionMenu.Content'. This allows menu to 'start' or 'end' align in reference to anchor. ([#3414](https://github.com/navikt/aksel/pull/3414)) + +- ReadMore: Added size 'large'. ([#3372](https://github.com/navikt/aksel/pull/3372)) + +* DatePicker/MonthPicker: Remove pointerEvents=none on CalendarIcon so that the title shows up as tooltip on hover ([#3390](https://github.com/navikt/aksel/pull/3390)) + +* Combobox: Single-select now shows cursor closer to selected item. ([#3384](https://github.com/navikt/aksel/pull/3384)) + ### @navikt/ds-css - ReadMore: Added size 'large'. ([#3372](https://github.com/navikt/aksel/pull/3372)) @@ -114,25 +140,15 @@ * Combobox: Single-select now shows cursor closer to selected item. ([#3384](https://github.com/navikt/aksel/pull/3384)) -### @navikt/ds-react - -- ActionMenu: Added 'align'-prop to 'ActionMenu.Content'. This allows menu to 'start' or 'end' align in reference to anchor. ([#3414](https://github.com/navikt/aksel/pull/3414)) - -- ReadMore: Added size 'large'. ([#3372](https://github.com/navikt/aksel/pull/3372)) +## 7.5 -* DatePicker/MonthPicker: Remove pointerEvents=none on CalendarIcon so that the title shows up as tooltip on hover ([#3390](https://github.com/navikt/aksel/pull/3390)) +### @navikt/aksel -* Combobox: Single-select now shows cursor closer to selected item. ([#3384](https://github.com/navikt/aksel/pull/3384)) +- Chore: Manually bump version to sync npm and github-releases ([`aa7c2d9`](https://github.com/navikt/aksel/commit/aa7c2d9598434d6304432daa20e0a1eeedd03b1b)) ### @navikt/aksel-icons -- Icons: Added new icons 'TruckPercent' and 'ShieldCheckmark' 🎉. ([#3416](https://github.com/navikt/aksel/pull/3416)) - -## 7.5 - -### @navikt/ds-css - -- Combobox: Fix issue where using arrow keys in list would make the entire page scroll ([#3364](https://github.com/navikt/aksel/pull/3364)) +- Icons: 🎉 Added FileJpeg, FilePng and MedicalThermometer. ([#3332](https://github.com/navikt/aksel/pull/3332)) ### @navikt/ds-react @@ -144,21 +160,11 @@ * Datepicker: Use of 'open'-prop set to 'true' on first render could lead to the dialog not opening. ([#3333](https://github.com/navikt/aksel/pull/3333)) -### @navikt/aksel-icons - -- Icons: 🎉 Added FileJpeg, FilePng and MedicalThermometer. ([#3332](https://github.com/navikt/aksel/pull/3332)) - -### @navikt/aksel - -- Chore: Manually bump version to sync npm and github-releases ([`aa7c2d9`](https://github.com/navikt/aksel/commit/aa7c2d9598434d6304432daa20e0a1eeedd03b1b)) - -## 7.4 - ### @navikt/ds-css -- Table.ColumnHeader: Inherit text alignment in button ([#3319](https://github.com/navikt/aksel/pull/3319)) +- Combobox: Fix issue where using arrow keys in list would make the entire page scroll ([#3364](https://github.com/navikt/aksel/pull/3364)) -* Combobox: :bug: Fix scroll issue when using arrow keys to navigate list ([#3269](https://github.com/navikt/aksel/pull/3269)) +## 7.4 ### @navikt/ds-react @@ -186,15 +192,13 @@ - Checkbox: Remove redundant attribute aria-checked ([#3274](https://github.com/navikt/aksel/pull/3274)) -## 7.3 - ### @navikt/ds-css -- Updated to Selectors Level 4 syntax. ([#3250](https://github.com/navikt/aksel/pull/3250)) +- Table.ColumnHeader: Inherit text alignment in button ([#3319](https://github.com/navikt/aksel/pull/3319)) -* ActionMenu: :tada: New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the [documentation](https://aksel.nav.no/komponenter/core/actionmenu). ([#3081](https://github.com/navikt/aksel/pull/3081)) +* Combobox: :bug: Fix scroll issue when using arrow keys to navigate list ([#3269](https://github.com/navikt/aksel/pull/3269)) -- List.Item: Center icon horizontally inside it's container ([#3253](https://github.com/navikt/aksel/pull/3253)) +## 7.3 ### @navikt/ds-react @@ -206,11 +210,15 @@ - Modal: Close button now avoids triggering when repeated keystrokes are detected. This helps stop accidental closing of Modal when 'Enter'-key is held down. ([#3081](https://github.com/navikt/aksel/pull/3081)) -## 7.2 - ### @navikt/ds-css -- Combobox: Support PageUp/PageDown in dropdown list. ([#3158](https://github.com/navikt/aksel/pull/3158)) +- Updated to Selectors Level 4 syntax. ([#3250](https://github.com/navikt/aksel/pull/3250)) + +* ActionMenu: :tada: New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the [documentation](https://aksel.nav.no/komponenter/core/actionmenu). ([#3081](https://github.com/navikt/aksel/pull/3081)) + +- List.Item: Center icon horizontally inside it's container ([#3253](https://github.com/navikt/aksel/pull/3253)) + +## 7.2 ### @navikt/ds-react @@ -224,19 +232,17 @@ - Performance: :zap: Optimized memoization for rerendring in some components. ([#3197](https://github.com/navikt/aksel/pull/3197)) -## 7.1 - ### @navikt/ds-css -- List: Explicitly set list-style on ol to override reset-CSS ([#3202](https://github.com/navikt/aksel/pull/3202)) +- Combobox: Support PageUp/PageDown in dropdown list. ([#3158](https://github.com/navikt/aksel/pull/3158)) -* List: Add indentation and remove overly verbose aria attributes ([#3184](https://github.com/navikt/aksel/pull/3184)) +## 7.1 -* Datepicker/Select: :lipstick: dim non-interactable icons when readonly is set. ([#3187](https://github.com/navikt/aksel/pull/3187)) +### @navikt/aksel-stylelint -* Combobox: :bug: implement missing readonly and disabled ([#3180](https://github.com/navikt/aksel/pull/3180)) +- List: :boom: Removed class names "navds-list--nested" and "navds-list\_\_item-content" ([#3184](https://github.com/navikt/aksel/pull/3184)) -- Accordion: Remove 'relative' positioning when focused. This resolves some issues where floating elements like popover ended up clipping. ([`9c1eba445`](https://github.com/navikt/aksel/commit/9c1eba44508f295cc6261ff96822b18557bd7ddc)) +* Pagination: :boom: Added some classNames to list of deprecated (removed) classes. ([#3164](https://github.com/navikt/aksel/pull/3164)) ### @navikt/ds-react @@ -250,23 +256,23 @@ - ErrorSummary: Remove aria-attributes. ([#3171](https://github.com/navikt/aksel/pull/3171)) -### @navikt/aksel-stylelint +### @navikt/ds-css -- List: :boom: Removed class names "navds-list--nested" and "navds-list\_\_item-content" ([#3184](https://github.com/navikt/aksel/pull/3184)) +- List: Explicitly set list-style on ol to override reset-CSS ([#3202](https://github.com/navikt/aksel/pull/3202)) -* Pagination: :boom: Added some classNames to list of deprecated (removed) classes. ([#3164](https://github.com/navikt/aksel/pull/3164)) +* List: Add indentation and remove overly verbose aria attributes ([#3184](https://github.com/navikt/aksel/pull/3184)) -## 7.0 +* Datepicker/Select: :lipstick: dim non-interactable icons when readonly is set. ([#3187](https://github.com/navikt/aksel/pull/3187)) -### @navikt/ds-tailwind +* Combobox: :bug: implement missing readonly and disabled ([#3180](https://github.com/navikt/aksel/pull/3180)) -- Tailwind: Extended 'screens'-config in theme to match Aksel breakpoints. Tailwind and Primitives can now be used side by side with matching dynamic breakpoints. [See migration guide for potential issues when adopting](https://aksel.nav.no/grunnleggende/kode/migrering#3a2340f6f69b). ([#3139](https://github.com/navikt/aksel/pull/3139)) +- Accordion: Remove 'relative' positioning when focused. This resolves some issues where floating elements like popover ended up clipping. ([`9c1eba445`](https://github.com/navikt/aksel/commit/9c1eba44508f295cc6261ff96822b18557bd7ddc)) -### @navikt/ds-css +## 7.0 -- List: :lipstick: make icons 24x24px large ([#3148](https://github.com/navikt/aksel/pull/3148)) +### @navikt/aksel-icons -* ErrorSummary: Focus heading instead of container for improved experience with screen reader. ([#3139](https://github.com/navikt/aksel/pull/3139)) +- Icons: Removed renamed icons. [See migration guide for changes](https://aksel.nav.no/grunnleggende/kode/migrering#194b60833d9e). ([#3139](https://github.com/navikt/aksel/pull/3139)) ### @navikt/ds-react @@ -278,35 +284,35 @@ - ErrorSummary: Focus heading instead of container for improved experience with screen reader. ([#3139](https://github.com/navikt/aksel/pull/3139)) -### @navikt/aksel-icons +### @navikt/ds-css -- Icons: Removed renamed icons. [See migration guide for changes](https://aksel.nav.no/grunnleggende/kode/migrering#194b60833d9e). ([#3139](https://github.com/navikt/aksel/pull/3139)) +- List: :lipstick: make icons 24x24px large ([#3148](https://github.com/navikt/aksel/pull/3148)) -## 6.17 +* ErrorSummary: Focus heading instead of container for improved experience with screen reader. ([#3139](https://github.com/navikt/aksel/pull/3139)) -### @navikt/ds-react +### @navikt/ds-tailwind -- Combobox: Add support for `onBlur`, and omit props that have no effect. ([#3125](https://github.com/navikt/aksel/pull/3125)) +- Tailwind: Extended 'screens'-config in theme to match Aksel breakpoints. Tailwind and Primitives can now be used side by side with matching dynamic breakpoints. [See migration guide for potential issues when adopting](https://aksel.nav.no/grunnleggende/kode/migrering#3a2340f6f69b). ([#3139](https://github.com/navikt/aksel/pull/3139)) + +## 6.17 ### @navikt/aksel-icons - Icons: New 'face' icons for 'Engagement'-category. ([#3134](https://github.com/navikt/aksel/pull/3134)) -## 6.16 - -### @navikt/ds-css +### @navikt/ds-react -- Combobox: :lipstick: hide caret on select ([#3071](https://github.com/navikt/aksel/pull/3071)) +- Combobox: Add support for `onBlur`, and omit props that have no effect. ([#3125](https://github.com/navikt/aksel/pull/3125)) -* Font: Reverted change introduced in v6.14 where font locations were changed. This caused a regression where every preload-instance to old font locations no longer worked. ([#3114](https://github.com/navikt/aksel/pull/3114)) +## 6.16 -- Table: Fixed background-clipping when using ExpandableRow. ([#3095](https://github.com/navikt/aksel/pull/3095)) +### @navikt/aksel -* Primitives: Added `gridColumn`-prop for more grid alignment control. ([#3082](https://github.com/navikt/aksel/pull/3082)) +- Aksel-CLI: Bump jscodeshift-add-imports to 1.0.11. ([#3099](https://github.com/navikt/aksel/pull/3099)) -- FormSummary: Added background color ([#3093](https://github.com/navikt/aksel/pull/3093)) +### @navikt/aksel-icons -- Modal: Added scroll shadows ([#3083](https://github.com/navikt/aksel/pull/3083)) +- Icons: Updated Clipboard icons. ([#3113](https://github.com/navikt/aksel/pull/3113)) ### @navikt/ds-react @@ -330,31 +336,33 @@ - Tokens: Adjusted Green 400 to comply with AA 3.00 contrast. ([#3091](https://github.com/navikt/aksel/pull/3091)) -### @navikt/aksel-icons +### @navikt/ds-css -- Icons: Updated Clipboard icons. ([#3113](https://github.com/navikt/aksel/pull/3113)) +- Combobox: :lipstick: hide caret on select ([#3071](https://github.com/navikt/aksel/pull/3071)) -### @navikt/aksel +* Font: Reverted change introduced in v6.14 where font locations were changed. This caused a regression where every preload-instance to old font locations no longer worked. ([#3114](https://github.com/navikt/aksel/pull/3114)) -- Aksel-CLI: Bump jscodeshift-add-imports to 1.0.11. ([#3099](https://github.com/navikt/aksel/pull/3099)) +- Table: Fixed background-clipping when using ExpandableRow. ([#3095](https://github.com/navikt/aksel/pull/3095)) -## 6.15 +* Primitives: Added `gridColumn`-prop for more grid alignment control. ([#3082](https://github.com/navikt/aksel/pull/3082)) -### @navikt/ds-react +- FormSummary: Added background color ([#3093](https://github.com/navikt/aksel/pull/3093)) -- Combobox: Can no longer remove options with backspace when shouldShowSelectedOptions is false ([#3076](https://github.com/navikt/aksel/pull/3076)) +- Modal: Added scroll shadows ([#3083](https://github.com/navikt/aksel/pull/3083)) -- Refactored Combobox FilteredOptions ([#3073](https://github.com/navikt/aksel/pull/3073)) +## 6.15 ### @navikt/aksel-icons - Icons: New icon-series for 'SplitHorizontal' and 'SplitVertical' ([#3072](https://github.com/navikt/aksel/pull/3072)) -## 6.14 +### @navikt/ds-react -### @navikt/ds-css +- Combobox: Can no longer remove options with backspace when shouldShowSelectedOptions is false ([#3076](https://github.com/navikt/aksel/pull/3076)) -- Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext ([#3044](https://github.com/navikt/aksel/pull/3044)) +- Refactored Combobox FilteredOptions ([#3073](https://github.com/navikt/aksel/pull/3073)) + +## 6.14 ### @navikt/ds-react @@ -376,23 +384,27 @@ - Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext ([#3044](https://github.com/navikt/aksel/pull/3044)) +### @navikt/ds-css + +- Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext ([#3044](https://github.com/navikt/aksel/pull/3044)) + ## 6.13 -### @navikt/ds-css +### @navikt/ds-react - Modal: New prop `placement` for anchoring the modal to the top of the viewport. ([#3033](https://github.com/navikt/aksel/pull/3033)) -### @navikt/ds-react +### @navikt/ds-css - Modal: New prop `placement` for anchoring the modal to the top of the viewport. ([#3033](https://github.com/navikt/aksel/pull/3033)) ## 6.12 -### @navikt/ds-css +### @navikt/aksel-icons -- 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)) +- Icons: New icon ChildHairEyes ([#3020](https://github.com/navikt/aksel/pull/3020)) -* Alert: Fix alignment, add prop for toggling content max-width, and adjust title on close icon. ([#3007](https://github.com/navikt/aksel/pull/3007)) +* Icons: FigureCombination icon adjusted ([#3031](https://github.com/navikt/aksel/pull/3031)) ### @navikt/ds-react @@ -402,21 +414,13 @@ * 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/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-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)) +## 6.11 ### @navikt/ds-react @@ -430,29 +434,35 @@ * 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)) -### @navikt/ds-react +- List: Changed List.Item to BodyLong, changed Item spacing from 1rem to 0.5rem. ([#2979](https://github.com/navikt/aksel/pull/2979)) -- ✹ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) +## 6.10 ### @navikt/aksel-icons - Icons: Added back support for sourcemapping. ([#2978](https://github.com/navikt/aksel/pull/2978)) -## 6.9 +### @navikt/ds-react + +- ✹ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) ### @navikt/ds-css -- Increased padding size for contentBlockPadding on the Page primitive to 4 rem to reflect docs/Figma ([#2876](https://github.com/navikt/aksel/pull/2876)) +- :lipstick: Remove bottom margin on last item in Stepper and adjust FormProgress accordingly ([#2971](https://github.com/navikt/aksel/pull/2971)) -- Fixed Combobox small sizing to align with other form fields ([#2801](https://github.com/navikt/aksel/pull/2801)) +* ✹ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) + +## 6.9 + +### @navikt/aksel-icons + +- Icons: New icons for geometric shapes ([#2927](https://github.com/navikt/aksel/pull/2927)) ### @navikt/ds-react @@ -464,51 +474,53 @@ - 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)) + +- Fixed Combobox small sizing to align with other form fields ([#2801](https://github.com/navikt/aksel/pull/2801)) ## 6.8 -### @navikt/ds-css +### @navikt/ds-react - :sparkles: Ny komponent: FormProgress ([#2855](https://github.com/navikt/aksel/pull/2855)) -* HGrid: forenklet CSS. ([#2917](https://github.com/navikt/aksel/pull/2917)) +* Stepper.Step: Set aria-current to "step" instead of true ([#2920](https://github.com/navikt/aksel/pull/2920)) -### @navikt/ds-react +### @navikt/ds-css - :sparkles: Ny komponent: FormProgress ([#2855](https://github.com/navikt/aksel/pull/2855)) -* Stepper.Step: Set aria-current to "step" instead of true ([#2920](https://github.com/navikt/aksel/pull/2920)) +* HGrid: forenklet CSS. ([#2917](https://github.com/navikt/aksel/pull/2917)) ## 6.7 -### @navikt/ds-css +### @navikt/ds-react - 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)) +- Combobox: Remove 'Ingen sĂžketreff' when custom options allowed ([#2895](https://github.com/navikt/aksel/pull/2895)) -- Checkbox, Radio: Erstatter `:focus-visible` med `:focus` for bedre UX brukt sammen med ErrorSummary. ([#2893](https://github.com/navikt/aksel/pull/2893)) +- Datepicker, MonthPicker: RekkefĂžlgen pĂ„ Ă„rstall i Select er reversert slik at siste Ă„r er Ăžverst. Dette er endret for Ă„ vĂŠre bedre tilpasset ekspertsystemer der de mest relevante Ă„rene ble vist lengst unna musepeker ved klikk. ([#2882](https://github.com/navikt/aksel/pull/2882)) -- :lipstick: tweak CSS for timeline pins. ([#2889](https://github.com/navikt/aksel/pull/2889)) +* :sparkles: Ny komponent: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) -### @navikt/ds-react +### @navikt/ds-css - Progressbar: Tweak API, examples, stories and css ([#2892](https://github.com/navikt/aksel/pull/2892)) -- Combobox: Remove 'Ingen sĂžketreff' when custom options allowed ([#2895](https://github.com/navikt/aksel/pull/2895)) +* :sparkles: Ny komponent: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) -- Datepicker, MonthPicker: RekkefĂžlgen pĂ„ Ă„rstall i Select er reversert slik at siste Ă„r er Ăžverst. Dette er endret for Ă„ vĂŠre bedre tilpasset ekspertsystemer der de mest relevante Ă„rene ble vist lengst unna musepeker ved klikk. ([#2882](https://github.com/navikt/aksel/pull/2882)) +- 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: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) +- :lipstick: tweak CSS for timeline pins. ([#2889](https://github.com/navikt/aksel/pull/2889)) ## 6.6 -### @navikt/ds-css +### @navikt/aksel -- :sparkles: Ny komponent FormSummary ([#2802](https://github.com/navikt/aksel/pull/2802)) +- Aksel CLI: Fjernet deprecated komponenter fra css oversikt. ([#2860](https://github.com/navikt/aksel/pull/2860)) ### @navikt/ds-react @@ -518,9 +530,9 @@ - Combobox: Prevents "Enter" while Combobox is focused from submitting form. ([#2861](https://github.com/navikt/aksel/pull/2861)) -### @navikt/aksel +### @navikt/ds-css -- Aksel CLI: Fjernet deprecated komponenter fra css oversikt. ([#2860](https://github.com/navikt/aksel/pull/2860)) +- :sparkles: Ny komponent FormSummary ([#2802](https://github.com/navikt/aksel/pull/2802)) ## 6.5 @@ -542,21 +554,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 @@ -580,11 +586,13 @@ - 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-css -### @navikt/ds-react +- ReadMore: Padding-right pĂ„ button er bumpet noen px ([#2806](https://github.com/navikt/aksel/pull/2806)) -- Select: Fjern 'multiple' fra SelectProps ([#2782](https://github.com/navikt/aksel/pull/2782)) +* 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/aksel-icons @@ -592,13 +600,11 @@ - Ikoner: Nytt ikon `opensource` ([#2787](https://github.com/navikt/aksel/pull/2787)) -## 6.1 - -### @navikt/ds-css +### @navikt/ds-react -- Link: Fjern hover-farge ([#2767](https://github.com/navikt/aksel/pull/2767)) +- Select: Fjern 'multiple' fra SelectProps ([#2782](https://github.com/navikt/aksel/pull/2782)) -- Modal: FĂ„r nĂ„ fokus nĂ„r Ă„pnes i Safari ([#2688](https://github.com/navikt/aksel/pull/2688)) +## 6.1 ### @navikt/ds-react @@ -612,23 +618,27 @@ - Modal: Ikke opphev scroll lock ved lukking av nesta modal (DatePicker) ([#2743](https://github.com/navikt/aksel/pull/2743)) -## 6.0 +### @navikt/ds-css -### @navikt/ds-tailwind +- Link: Fjern hover-farge ([#2767](https://github.com/navikt/aksel/pull/2767)) -- 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)) +- Modal: FĂ„r nĂ„ fokus nĂ„r Ă„pnes i Safari ([#2688](https://github.com/navikt/aksel/pull/2688)) -### @navikt/ds-css +## 6.0 -- 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/aksel-stylelint -- 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)) +- Textarea: Fjernet div med klassen navds-textarea\_\_wrapper ([#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)) +### @navikt/aksel -- Tokens: Nye tokens `--a-text-action-hover`,`--a-icon-action-hover` og `--a-border-action-hover` ([#2623](https://github.com/navikt/aksel/pull/2623)) +- Chat: Fjernet deprecated props `backgroundColor` og `avatarBgColor`. Bruk prop `variant` som erstatning. ([#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-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/ds-react @@ -658,19 +668,21 @@ - Tokens: Fjernet token `--a-z-index-modal` da den ikke lengre blir konsumert i systemet. ([#2623](https://github.com/navikt/aksel/pull/2623)) -### @navikt/aksel-icons +### @navikt/ds-css -- ESM: ds-react og aksel-icons stĂžtter nĂ„ native ESM 🎉 ([#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)) -* 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)) +- 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)) -### @navikt/aksel-stylelint +- 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 +### @navikt/ds-tailwind -- Chat: Fjernet deprecated props `backgroundColor` og `avatarBgColor`. Bruk prop `variant` som erstatning. ([#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)) ## 5.18 @@ -686,14 +698,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)) @@ -710,41 +714,43 @@ - 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 +- ExpansionCard: Padding-top for Content er justert opp 8px (medium) og 4px (small) ([#2699](https://github.com/navikt/aksel/pull/2699)) -- Tailwind: La til ny `maxWidth` for text ([#2652](https://github.com/navikt/aksel/pull/2652)) +* Checkbox: I noen edgecaser ved bruk av shadow-dom ble ikke checkmark sentert i Checkbox ([#2682](https://github.com/navikt/aksel/pull/2682)) -### @navikt/ds-css +- HĂžykontrast: Komponenter stĂžtter nĂ„ standard hĂžykontrast-modus pĂ„ Windows ([#2680](https://github.com/navikt/aksel/pull/2680)) -- :sparkles: Combobox: Mulighet for Ă„ begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) +## 5.16 + +### @navikt/aksel-icons + +- Ikoner: Nytt ikon `LocationPin` ✹ ([#2672](https://github.com/navikt/aksel/pull/2672)) ### @navikt/ds-react - :sparkles: Combobox: Mulighet for Ă„ begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) -### @navikt/aksel-icons +### @navikt/ds-css -- Ikoner: Nytt ikon `LocationPin` ✹ ([#2672](https://github.com/navikt/aksel/pull/2672)) +- :sparkles: Combobox: Mulighet for Ă„ begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) -## 5.15 +### @navikt/ds-tailwind -### @navikt/ds-react +- Tailwind: La til ny `maxWidth` for text ([#2652](https://github.com/navikt/aksel/pull/2652)) -- HelpText: HelpText-state ble ikke riktig oppdatert ved klikk ([#2643](https://github.com/navikt/aksel/pull/2643)) +## 5.15 ### @navikt/aksel-icons - Ikoner: Synket ikoner med Figma. Lagt til nytt ikon `FigureChild` ([#2629](https://github.com/navikt/aksel/pull/2629)) -## 5.14 - -### @navikt/ds-css +### @navikt/ds-react -- Tag: Har nĂ„ innebygd stĂžtte for ikoner ([#2611](https://github.com/navikt/aksel/pull/2611)) +- HelpText: HelpText-state ble ikke riktig oppdatert ved klikk ([#2643](https://github.com/navikt/aksel/pull/2643)) -* Table: Checkbox nested i CheckboxGroup mister nĂ„ ikke padding ([#2612](https://github.com/navikt/aksel/pull/2612)) +## 5.14 ### @navikt/ds-react @@ -758,11 +764,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-react @@ -776,11 +784,19 @@ - Tokens: Ny token `--a-text-width-max: 576px` ([#2572](https://github.com/navikt/aksel/pull/2572)) +### @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)) + ## 5.12 -### @navikt/ds-css +### @navikt/aksel-stylelint -- ExpansionCard: Divider mellom header og innhold ([#2566](https://github.com/navikt/aksel/pull/2566)) +- Stylelint: StĂžtter nĂ„ stylelint v16 ([#2591](https://github.com/navikt/aksel/pull/2591)) + +### @navikt/aksel-icons + +- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke ([#2538](https://github.com/navikt/aksel/pull/2538)) ### @navikt/ds-react @@ -794,33 +810,15 @@ * 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)) - -### @navikt/aksel-stylelint - -- Stylelint: StĂžtter nĂ„ stylelint v16 ([#2591](https://github.com/navikt/aksel/pull/2591)) - -## 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)) - -- 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)) +- ExpansionCard: Divider mellom header og innhold ([#2566](https://github.com/navikt/aksel/pull/2566)) -- :sparkles: Textarea: Mulighet for Ă„ sette resize-retning ([#2494](https://github.com/navikt/aksel/pull/2494)) +## 5.11 -- :sparkles: Textarea: Eksperimentell stĂžtte for automatisk scrollbar ([#2457](https://github.com/navikt/aksel/pull/2457)) +### @navikt/aksel-icons -* :wheelchair: Textarea: Forsinkelse ved live-opplesning av gjenstĂ„ende tegn ([#2502](https://github.com/navikt/aksel/pull/2502)) +- Ikoner: Nytt ikon `PushPin` ([#2503](https://github.com/navikt/aksel/pull/2503)) ### @navikt/ds-react @@ -844,23 +842,25 @@ - :wheelchair: Textarea: Forsinkelse ved live-opplesning av gjenstĂ„ende tegn ([#2502](https://github.com/navikt/aksel/pull/2502)) -### @navikt/aksel-icons +### @navikt/ds-css -- Ikoner: Nytt ikon `PushPin` ([#2503](https://github.com/navikt/aksel/pull/2503)) +- Chips: La til token for checkmark-circle ([#2558](https://github.com/navikt/aksel/pull/2558)) -## 5.10 +* :bug: Modal: Hindre at elementer med sr-only posisjoneres feil ([#2541](https://github.com/navikt/aksel/pull/2541)) -### @navikt/ds-tailwind +- :bug: Textarea: Skru av autosize ved manuell resize ([#2518](https://github.com/navikt/aksel/pull/2518)) -- typescript types for tailwind preset ([#2486](https://github.com/navikt/aksel/pull/2486)) +- Page: La til `md`-bredde (768px) ([#2510](https://github.com/navikt/aksel/pull/2510)) -### @navikt/ds-css +* Switch: Byttet success-farger med action npr checked ([#2511](https://github.com/navikt/aksel/pull/2511)) -- :bug: Textarea: Teller flyttet ut av tekstfeltet for Ă„ unngĂ„ overlapp og misforstĂ„elser ([#2483](https://github.com/navikt/aksel/pull/2483)) +- :sparkles: Textarea: Mulighet for Ă„ sette resize-retning ([#2494](https://github.com/navikt/aksel/pull/2494)) -* Primtives: CSS-import for primitives er nĂ„ mer spesifikk ([#2469](https://github.com/navikt/aksel/pull/2469)) +- :sparkles: Textarea: Eksperimentell stĂžtte for automatisk scrollbar ([#2457](https://github.com/navikt/aksel/pull/2457)) -- Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) +* :wheelchair: Textarea: Forsinkelse ved live-opplesning av gjenstĂ„ende tegn ([#2502](https://github.com/navikt/aksel/pull/2502)) + +## 5.10 ### @navikt/ds-react @@ -878,19 +878,19 @@ - Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) -## 5.9 - ### @navikt/ds-css -- :lipstick: Modal: Bedre hĂ„ndtering av mobiler i landskapsmodus ([#2444](https://github.com/navikt/aksel/pull/2444)) +- :bug: Textarea: Teller flyttet ut av tekstfeltet for Ă„ unngĂ„ overlapp og misforstĂ„elser ([#2483](https://github.com/navikt/aksel/pull/2483)) -* 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)) +* Primtives: CSS-import for primitives er nĂ„ mer spesifikk ([#2469](https://github.com/navikt/aksel/pull/2469)) -* Datepicker/Monthpicker/Popover: Fjernet `bubbleEscape`-prop. ([#2419](https://github.com/navikt/aksel/pull/2419)) +- Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) -* useDatepicker/useMonthPicker/useRangedpicker: Fjernet `openOnFocus`-prop, kan nĂ„ bare Ă„pnes ved klikk pĂ„ date-knapp i input. ([#2419](https://github.com/navikt/aksel/pull/2419)) +### @navikt/ds-tailwind -* Datepicker/Monthpicker: Bytter nĂ„ automatisk til Modalvisning pĂ„ mobil. ([#2419](https://github.com/navikt/aksel/pull/2419)) +- typescript types for tailwind preset ([#2486](https://github.com/navikt/aksel/pull/2486)) + +## 5.9 ### @navikt/ds-react @@ -906,11 +906,19 @@ - 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)) +- :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)) + +* Datepicker/Monthpicker/Popover: Fjernet `bubbleEscape`-prop. ([#2419](https://github.com/navikt/aksel/pull/2419)) + +* useDatepicker/useMonthPicker/useRangedpicker: Fjernet `openOnFocus`-prop, kan nĂ„ bare Ă„pnes ved klikk pĂ„ date-knapp i input. ([#2419](https://github.com/navikt/aksel/pull/2419)) + +* Datepicker/Monthpicker: Bytter nĂ„ automatisk til Modalvisning pĂ„ mobil. ([#2419](https://github.com/navikt/aksel/pull/2419)) + +## 5.8 ### @navikt/ds-react @@ -922,23 +930,15 @@ * :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)) +- :bug: Modal: Bedre stĂžtte for Tooltip i Modal ([#2429](https://github.com/navikt/aksel/pull/2429)) -- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376)) +## 5.7 -* Radio: readonly hĂ„ndterer nĂ„ hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363)) +### @navikt/aksel-icons -- :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) +- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365)) ### @navikt/ds-react @@ -964,31 +964,31 @@ - Ny spacing token pĂ„ 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) -### @navikt/aksel-icons +### @navikt/ds-css -- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365)) +- :lipstick: Chips.Toggle: Ikon i uvalgt tilstand ([#2395](https://github.com/navikt/aksel/pull/2395)) -## 5.6 +* Checkbox, Radio: Transparent-border fungerer nĂ„ bedre pĂ„ mĂžrkere bakgrunner ([#2388](https://github.com/navikt/aksel/pull/2388)) -### @navikt/ds-css +- Ny spacing token pĂ„ 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) -- :bug: Modal: Sett riktig tekstfarge ([#2340](https://github.com/navikt/aksel/pull/2340)) +- Select: TokenstĂžtte for Ă„ endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383)) -* Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278)) +- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376)) -- :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279)) +* Radio: readonly hĂ„ndterer nĂ„ hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363)) -- Accordion: Har nĂ„ 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310)) +- :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) -- Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293)) +## 5.6 -- :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329)) +### @navikt/aksel-icons -- 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)) +- Ikoner: SVG export setter nĂ„ `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300)) -- Datepicker: Tilpasset padding og sizing pĂ„ mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) +- Ikoner: Nye ikoner `book` og `books` ([#2313](https://github.com/navikt/aksel/pull/2313)) -- MonthPicker: Tilpasset padding og sizing pĂ„ mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) +* Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307)) ### @navikt/ds-react @@ -1020,21 +1020,27 @@ - Tokens: Tilbyr nĂ„ token literals for typer, tidligere string literals ([#2342](https://github.com/navikt/aksel/pull/2342)) -### @navikt/aksel-icons +### @navikt/ds-css -- Ikoner: SVG export setter nĂ„ `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300)) +- :bug: Modal: Sett riktig tekstfarge ([#2340](https://github.com/navikt/aksel/pull/2340)) -- Ikoner: Nye ikoner `book` og `books` ([#2313](https://github.com/navikt/aksel/pull/2313)) +* Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278)) -* Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307)) +- :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279)) -## 5.5 +- Accordion: Har nĂ„ 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310)) -### @navikt/ds-css +- Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293)) -- Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195)) +- :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329)) -* Skeleton: Width fungerer nĂ„ med inline-variant av Skeleton ([#2273](https://github.com/navikt/aksel/pull/2273)) +- 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)) + +## 5.5 ### @navikt/ds-react @@ -1046,13 +1052,13 @@ - Box: Ny primitive, erstatter dagens `Panel` ([#2195](https://github.com/navikt/aksel/pull/2195)) -## 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-react @@ -1066,21 +1072,17 @@ - Tokens: `data-theme="light"` vil nĂ„ tilbakestille theming ([#2238](https://github.com/navikt/aksel/pull/2238)) -## 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)) +- Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222)) -- Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239)) +* ErrorSummary: Har nĂ„ 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256)) -* :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229)) +## 5.3 -* :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227)) +### @navikt/aksel-icons -- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211)) +- :bug: SVG import map er nĂ„ riktig path ([#2250](https://github.com/navikt/aksel/pull/2250)) ### @navikt/ds-react @@ -1104,19 +1106,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)) + +## 5.2 + +### @navikt/aksel-icons + +- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197)) ### @navikt/ds-react @@ -1126,17 +1134,15 @@ - 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 - -- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197)) +### @navikt/ds-css -## 5.1 +- Font: Fikset henting av italic-font ([#2220](https://github.com/navikt/aksel/pull/2220)) -### @navikt/ds-css +* CSS: Popover har nĂ„ 8px border-radius. Fikset padding-bug i Select-small. ([#2219](https://github.com/navikt/aksel/pull/2219)) -- :lipstick: Modal: fjern kantlinje ([#2210](https://github.com/navikt/aksel/pull/2210)) +* 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)) -- Tokens: Fikset table-token ([#2204](https://github.com/navikt/aksel/pull/2204)) +## 5.1 ### @navikt/ds-react @@ -1146,24 +1152,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-react @@ -1191,19 +1186,24 @@ * Action: Selected-varianter av action er nĂ„ 'blue' ('deepblue' fĂžr) ([#2092](https://github.com/navikt/aksel/pull/2092)) -## 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 @@ -1225,19 +1225,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 @@ -1247,25 +1247,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 @@ -1275,25 +1281,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 @@ -1311,13 +1315,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 @@ -1325,31 +1331,25 @@ * 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)) -## 4.4 - -### @navikt/ds-tailwind - -- Shadow-tokens er oppdatert ([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-css -- :lipstick: Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" ([#2077](https://github.com/navikt/aksel/pull/2077)) +- - 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)) -* 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.4 ### @navikt/ds-react @@ -1361,43 +1361,49 @@ - Shadow-tokens er oppdatert til mer tydeligere varianter ([PR](https://github.com/navikt/aksel/pull/2041)) -## 4.3 - ### @navikt/ds-css -- Popover/Helptext: Maksbredde pĂ„ 100vw - 1.5rem. Treffer ikke lengre kanten pĂ„ skjermen. ([PR](https://github.com/navikt/aksel/pull/2069)) +- :lipstick: Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" ([#2077](https://github.com/navikt/aksel/pull/2077)) -* ExpansionCard: Ved nesting av komponetene fikk man styling fra parent ([PR](https://github.com/navikt/aksel/pull/2067)) +* 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)) + +### @navikt/ds-tailwind + +- Shadow-tokens er oppdatert ([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)) + +## 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)) -## 4.2 - ### @navikt/ds-css -- Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048)) +- 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)) + +## 4.2 ### @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/ds-tailwind +### @navikt/ds-css -- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032)) +- Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048)) -### @navikt/ds-css +## 4.1 -- Readmore: setter nĂ„ eksplisitt color for Ă„ ikke arve text-subtle fra parent. ([PR](https://github.com/navikt/aksel/pull/2049)) +### @navikt/aksel-stylelint -* :bug: Fikset cursor-markering av tekst i skeleton. +- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035)) -- 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/aksel-icons -- Alle description-felter pĂ„ fieldsets har nĂ„ `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036)) +- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054)) ### @navikt/ds-react @@ -1429,25 +1435,27 @@ - Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036)) -### @navikt/aksel-icons +### @navikt/ds-css -- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054)) +- Readmore: setter nĂ„ eksplisitt color for Ă„ ikke arve text-subtle fra parent. ([PR](https://github.com/navikt/aksel/pull/2049)) -### @navikt/aksel-stylelint +* :bug: Fikset cursor-markering av tekst i skeleton. -- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035)) +- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035)) -## 4.0 +- Alle description-felter pĂ„ fieldsets har nĂ„ `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036)) -### @navikt/ds-css +### @navikt/ds-tailwind -- All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. ([PR](https://github.com/navikt/aksel/pull/2026)) +- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032)) -- classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter. +## 4.0 -- Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre pĂ„virket av import-rekkefĂžlge av popover. +### @navikt/aksel -- Styling for flyttede komponenter finnes nĂ„ pĂ„ CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import) +- Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` ([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)) ### @navikt/ds-react @@ -1455,21 +1463,17 @@ - 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/aksel - -- Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` ([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)) +### @navikt/ds-css -## 3.4 +- All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. ([PR](https://github.com/navikt/aksel/pull/2026)) -### @navikt/ds-css +- classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter. -- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010)) +- Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre pĂ„virket av import-rekkefĂžlge av popover. -### @navikt/ds-react +- Styling for flyttede komponenter finnes nĂ„ pĂ„ CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import) -- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010)) +## 3.4 ### @navikt/aksel-stylelint @@ -1479,6 +1483,14 @@ - Stylelint-pakke for Aksel ([PR](https://github.com/navikt/aksel/pull/1973)) +### @navikt/ds-react + +- 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)) + ## 3.3 ### @navikt/ds-react @@ -1489,11 +1501,9 @@ ## 3.2 -### @navikt/ds-css - -- Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993)) +### @navikt/aksel-icons -- CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994)) +- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998)) ### @navikt/ds-react @@ -1507,12 +1517,18 @@ * Ny komponent CopyButton! Erstatter `CopyToClipboard` som nĂ„ er tagget som deprecated ([PR](https://github.com/navikt/aksel/pull/1982)) -### @navikt/aksel-icons +### @navikt/ds-css -- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998)) +- 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)) ## 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)) @@ -1521,16 +1537,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 @@ -1541,15 +1549,15 @@ * Bruker nĂ„ nĂ„ `@navikt/aksel-icons` for interne ikoner ([PR](https://github.com/navikt/aksel/pull/1964)) -## 2.9 - ### @navikt/ds-css -- CSS nĂ„ tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig ([PR](https://github.com/navikt/aksel/pull/1941)) +- 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 +## 2.9 -- ExpansionCard: StĂžtter nĂ„ `aria-labelledby` i tillegg til `aria-label` ([PR](https://github.com/navikt/aksel/pull/1944)) +### @navikt/aksel + +- :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 @@ -1561,25 +1569,27 @@ * Nye ikoner `BulletList` og `NumberList` ([PR](https://github.com/navikt/aksel/pull/1950)) -### @navikt/aksel - -- :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/ds-react -## 2.8 +- ExpansionCard: StĂžtter nĂ„ `aria-labelledby` i tillegg til `aria-label` ([PR](https://github.com/navikt/aksel/pull/1944)) ### @navikt/ds-css -- Button: Padding/border-radius tokens ([PR](https://github.com/navikt/aksel/pull/1905)) +- CSS nĂ„ tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig ([PR](https://github.com/navikt/aksel/pull/1941)) -* Button: token for tertiary +## 2.8 -- Alert, Chips og ErrorSummary har nĂ„ bedre utvalg av tokens +### @navikt/aksel-icons -* Accordion: tokens for header-bakgrunn +- :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928)) -* Select: Fikset tekstfarge pĂ„ iphone ([PR](https://github.com/navikt/aksel/pull/1879)) +* Oppdatert `InformationSquare`-ikon ([PR](https://github.com/navikt/aksel/pull/1921)) -- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870)) +- Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner ([PR](https://github.com/navikt/aksel/pull/1909)) + +* Nye ikoner `VideoSlash` og `VideoSlashFill` + +- Fikset Sourcemap-bug ### @navikt/ds-react @@ -1601,25 +1611,21 @@ * Ny komponent ExpansionCard! ([PR](https://github.com/navikt/aksel/pull/1820)) -### @navikt/aksel-icons - -- :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928)) - -* Oppdatert `InformationSquare`-ikon ([PR](https://github.com/navikt/aksel/pull/1921)) +### @navikt/ds-css -- Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner ([PR](https://github.com/navikt/aksel/pull/1909)) +- Button: Padding/border-radius tokens ([PR](https://github.com/navikt/aksel/pull/1905)) -* Nye ikoner `VideoSlash` og `VideoSlashFill` +* Button: token for tertiary -- Fikset Sourcemap-bug +- Alert, Chips og ErrorSummary har nĂ„ bedre utvalg av tokens -## 2.7 +* Accordion: tokens for header-bakgrunn -### @navikt/ds-css +* Select: Fikset tekstfarge pĂ„ iphone ([PR](https://github.com/navikt/aksel/pull/1879)) -- Tabs: La til focus-markering for Tabs.Panel ([PR](https://github.com/navikt/aksel/pull/1863)) +- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870)) -* ToggleGroup: Fikset token-bug +## 2.7 ### @navikt/aksel-icons @@ -1629,6 +1635,12 @@ - Ny ikonpakke med for core icons 3! `@navikt/aksel-icons` ([PR](https://github.com/navikt/aksel/pull/1847)) +### @navikt/ds-css + +- Tabs: La til focus-markering for Tabs.Panel ([PR](https://github.com/navikt/aksel/pull/1863)) + +* ToggleGroup: Fikset token-bug + ## 2.6 ### @navikt/ds-react @@ -1639,10 +1651,6 @@ ## 2.5 -### @navikt/ds-tailwind - -- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints ([PR](https://github.com/navikt/aksel/pull/1832)) - ### @navikt/ds-react - List: Refaktorert nestede lister @@ -1651,13 +1659,11 @@ - Breakpoint-tokens lagt til ([PR](https://github.com/navikt/aksel/pull/1832)) -## 2.4 - -### @navikt/ds-css +### @navikt/ds-tailwind -- Select: Fikset disabled + opacity bug for Chrome +- Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints ([PR](https://github.com/navikt/aksel/pull/1832)) -* List: La til stĂžtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823)) +## 2.4 ### @navikt/ds-react @@ -1667,6 +1673,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 @@ -1679,12 +1691,6 @@ ## 2.2 -### @navikt/ds-css - -- ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789)) - -- Button: `Neutral`-variant. - ### @navikt/ds-react - ToggleGroup: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789)) @@ -1697,11 +1703,13 @@ - Oppdatert neutral-tokens ([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-react @@ -1723,23 +1731,11 @@ - Fikset feil danger-hover token ([PR](https://github.com/navikt/aksel/pull/1665)) -## 2.0 - -### @navikt/ds-tailwind - -- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) - ### @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) - -- Bugfixer ved bruk av tokens oppdatert i v2.0.0 - -* Fontlasting: Fonter lastes nĂ„ fra NAV-CDN +- TextField: `small`-variant har nĂ„ 8px horisontal padding (fĂžr 4px) -* Tokens: Alle komponenter bruker nĂ„ semantiske tokens for som standard, med innebygd stĂžtte for komponent-spesifikke tokens. +## 2.0 ### @navikt/ds-react @@ -1763,17 +1759,23 @@ - Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) -## 1.5 - ### @navikt/ds-css -- Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle +- Radio: Fikset default visuell error-state ([PR](https://github.com/navikt/aksel/pull/1737)) -* Tokens: Byttet om pĂ„ rekkefĂžlge av alt-farger +* Button: Reverserte border-width endrinder (var 1.5px, nĂ„ 2px) -- Chips. Bruker nĂ„ standard flex-wrap +- Bugfixer ved bruk av tokens oppdatert i v2.0.0 -* Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684)) +* Fontlasting: Fonter lastes nĂ„ fra NAV-CDN + +* Tokens: Alle komponenter bruker nĂ„ semantiske tokens for som standard, med innebygd stĂžtte for komponent-spesifikke tokens. + +### @navikt/ds-tailwind + +- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) + +## 1.5 ### @navikt/ds-react @@ -1789,6 +1791,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 @@ -1803,12 +1815,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 @@ -1831,6 +1837,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 19b1303c93..df744b36f0 100644 --- a/aksel.nav.no/package.json +++ b/aksel.nav.no/package.json @@ -15,10 +15,10 @@ "playroom" ], "dependencies": { - "@navikt/aksel-icons": "^7.10.0", - "@navikt/ds-css": "^7.10.0", - "@navikt/ds-react": "^7.10.0", - "@navikt/ds-tailwind": "^7.10.0", - "@navikt/ds-tokens": "^7.10.0" + "@navikt/aksel-icons": "^7.11.0", + "@navikt/ds-css": "^7.11.0", + "@navikt/ds-react": "^7.11.0", + "@navikt/ds-tailwind": "^7.11.0", + "@navikt/ds-tokens": "^7.11.0" } } diff --git a/yarn.lock b/yarn.lock index 43f8ba6abd..825597a129 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3712,7 +3712,7 @@ __metadata: languageName: node linkType: hard -"@navikt/aksel-icons@npm:^7.10.0, @navikt/aksel-icons@workspace:@navikt/aksel-icons": +"@navikt/aksel-icons@npm:^7.11.0, @navikt/aksel-icons@workspace:@navikt/aksel-icons": version: 0.0.0-use.local resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons" dependencies: @@ -3743,8 +3743,8 @@ __metadata: version: 0.0.0-use.local resolution: "@navikt/aksel-stylelint@workspace:@navikt/aksel-stylelint" dependencies: - "@navikt/ds-css": "npm:^7.10.0" - "@navikt/ds-tokens": "npm:^7.10.0" + "@navikt/ds-css": "npm:^7.11.0" + "@navikt/ds-tokens": "npm:^7.11.0" concurrently: "npm:9.0.1" postcss-selector-parser: "npm:^6.0.13" postcss-value-parser: "npm:^4.2.0" @@ -3759,7 +3759,7 @@ __metadata: version: 0.0.0-use.local resolution: "@navikt/aksel@workspace:@navikt/aksel" dependencies: - "@navikt/ds-css": "npm:^7.10.0" + "@navikt/ds-css": "npm:^7.11.0" axios: "npm:1.7.4" chalk: "npm:4.1.0" clipboardy: "npm:^2.3.0" @@ -3780,11 +3780,11 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-css@npm:*, @navikt/ds-css@npm:^7.10.0, @navikt/ds-css@workspace:@navikt/core/css": +"@navikt/ds-css@npm:*, @navikt/ds-css@npm:^7.11.0, @navikt/ds-css@workspace:@navikt/core/css": version: 0.0.0-use.local resolution: "@navikt/ds-css@workspace:@navikt/core/css" dependencies: - "@navikt/ds-tokens": "npm:^7.10.0" + "@navikt/ds-tokens": "npm:^7.11.0" "@types/clean-css": "npm:4.2.11" autoprefixer: "npm:^10.4.20" browserslist: "npm:^4.24.2" @@ -3804,14 +3804,14 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^7.10.0, @navikt/ds-react@workspace:@navikt/core/react": +"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^7.11.0, @navikt/ds-react@workspace:@navikt/core/react": version: 0.0.0-use.local resolution: "@navikt/ds-react@workspace:@navikt/core/react" dependencies: "@floating-ui/react": "npm:0.25.4" "@floating-ui/react-dom": "npm:^2.0.9" - "@navikt/aksel-icons": "npm:^7.10.0" - "@navikt/ds-tokens": "npm:^7.10.0" + "@navikt/aksel-icons": "npm:^7.11.0" + "@navikt/ds-tokens": "npm:^7.11.0" "@testing-library/dom": "npm:10.4.0" "@testing-library/jest-dom": "npm:^6.6.3" "@testing-library/react": "npm:^16.1.0" @@ -3842,11 +3842,11 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-tailwind@npm:^7.10.0, @navikt/ds-tailwind@workspace:@navikt/core/tailwind": +"@navikt/ds-tailwind@npm:^7.11.0, @navikt/ds-tailwind@workspace:@navikt/core/tailwind": version: 0.0.0-use.local resolution: "@navikt/ds-tailwind@workspace:@navikt/core/tailwind" dependencies: - "@navikt/ds-tokens": "npm:^7.10.0" + "@navikt/ds-tokens": "npm:^7.11.0" color: "npm:4.2.3" lodash: "npm:^4.17.21" tailwindcss: "npm:^3.3.3" @@ -3856,7 +3856,7 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-tokens@npm:^7.10.0, @navikt/ds-tokens@workspace:@navikt/core/tokens": +"@navikt/ds-tokens@npm:^7.11.0, @navikt/ds-tokens@workspace:@navikt/core/tokens": version: 0.0.0-use.local resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens" dependencies: @@ -7620,11 +7620,11 @@ __metadata: version: 0.0.0-use.local resolution: "aksel.nav.no@workspace:aksel.nav.no" dependencies: - "@navikt/aksel-icons": "npm:^7.10.0" - "@navikt/ds-css": "npm:^7.10.0" - "@navikt/ds-react": "npm:^7.10.0" - "@navikt/ds-tailwind": "npm:^7.10.0" - "@navikt/ds-tokens": "npm:^7.10.0" + "@navikt/aksel-icons": "npm:^7.11.0" + "@navikt/ds-css": "npm:^7.11.0" + "@navikt/ds-react": "npm:^7.11.0" + "@navikt/ds-tailwind": "npm:^7.11.0" + "@navikt/ds-tokens": "npm:^7.11.0" languageName: unknown linkType: soft