diff --git a/.changeset/young-teachers-worry.md b/.changeset/young-teachers-worry.md deleted file mode 100644 index 5b86c813dc..0000000000 --- a/.changeset/young-teachers-worry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@navikt/ds-css": patch ---- - -Link: :bug: Use inside Alert got wrong text-color while focused or active. diff --git a/@navikt/aksel-icons/CHANGELOG.md b/@navikt/aksel-icons/CHANGELOG.md index 57b4e11a47..6f32cde363 100644 --- a/@navikt/aksel-icons/CHANGELOG.md +++ b/@navikt/aksel-icons/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/aksel-icons +## 7.9.1 + ## 7.9.0 ## 7.8.1 diff --git a/@navikt/aksel-icons/package.json b/@navikt/aksel-icons/package.json index d5184dde22..48b712ce01 100644 --- a/@navikt/aksel-icons/package.json +++ b/@navikt/aksel-icons/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel-icons", - "version": "7.9.0", + "version": "7.9.1", "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 aae8e8abd9..f19dee9726 100644 --- a/@navikt/aksel-stylelint/CHANGELOG.md +++ b/@navikt/aksel-stylelint/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/aksel-stylelint +## 7.9.1 + ## 7.9.0 ## 7.8.1 diff --git a/@navikt/aksel-stylelint/package.json b/@navikt/aksel-stylelint/package.json index 9e3402ce48..62028fe607 100644 --- a/@navikt/aksel-stylelint/package.json +++ b/@navikt/aksel-stylelint/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel-stylelint", - "version": "7.9.0", + "version": "7.9.1", "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.9.0", - "@navikt/ds-tokens": "^7.9.0", + "@navikt/ds-css": "^7.9.1", + "@navikt/ds-tokens": "^7.9.1", "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 e9672816ac..0e471b0e0d 100644 --- a/@navikt/aksel/CHANGELOG.md +++ b/@navikt/aksel/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/aksel +## 7.9.1 + +### Patch Changes + +- Updated dependencies [[`25305eb`](https://github.com/navikt/aksel/commit/25305ebba04a37e6315bc37bfabb39f04f83f146)]: + - @navikt/ds-css@7.9.1 + ## 7.9.0 ### Patch Changes diff --git a/@navikt/aksel/package.json b/@navikt/aksel/package.json index a9deb94338..33e3b5ae17 100644 --- a/@navikt/aksel/package.json +++ b/@navikt/aksel/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/aksel", - "version": "7.9.0", + "version": "7.9.1", "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.9.0", + "@navikt/ds-css": "7.9.1", "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 cd8c6fd815..5bf45cb7a8 100644 --- a/@navikt/core/css/CHANGELOG.md +++ b/@navikt/core/css/CHANGELOG.md @@ -1,5 +1,11 @@ # @navikt/ds-css +## 7.9.1 + +### Patch Changes + +- Link: :bug: Use inside Alert got wrong text-color while focused or active. ([#3489](https://github.com/navikt/aksel/pull/3489)) + ## 7.9.0 ### Minor Changes diff --git a/@navikt/core/css/package.json b/@navikt/core/css/package.json index 0b6f3d8f0b..043826e65f 100644 --- a/@navikt/core/css/package.json +++ b/@navikt/core/css/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-css", - "version": "7.9.0", + "version": "7.9.1", "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.9.0", + "@navikt/ds-tokens": "^7.9.1", "@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 e4f4d2f481..b4e77428cc 100644 --- a/@navikt/core/react/CHANGELOG.md +++ b/@navikt/core/react/CHANGELOG.md @@ -1,5 +1,13 @@ # @navikt/ds-react +## 7.9.1 + +### Patch Changes + +- Updated dependencies []: + - @navikt/ds-tokens@7.9.1 + - @navikt/aksel-icons@7.9.1 + ## 7.9.0 ### Minor Changes diff --git a/@navikt/core/react/package.json b/@navikt/core/react/package.json index 2f5dbe1bd4..56d961378b 100644 --- a/@navikt/core/react/package.json +++ b/@navikt/core/react/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-react", - "version": "7.9.0", + "version": "7.9.1", "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.9.0", - "@navikt/ds-tokens": "^7.9.0", + "@navikt/aksel-icons": "^7.9.1", + "@navikt/ds-tokens": "^7.9.1", "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 78f5842125..8f7ae51e50 100644 --- a/@navikt/core/tailwind/CHANGELOG.md +++ b/@navikt/core/tailwind/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/ds-tailwind +## 7.9.1 + ## 7.9.0 ## 7.8.1 diff --git a/@navikt/core/tailwind/package.json b/@navikt/core/tailwind/package.json index 13fe54f2fc..adf74ec5d9 100644 --- a/@navikt/core/tailwind/package.json +++ b/@navikt/core/tailwind/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-tailwind", - "version": "7.9.0", + "version": "7.9.1", "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.9.0", + "@navikt/ds-tokens": "^7.9.1", "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 bd1ec819bc..6cda8c8870 100644 --- a/@navikt/core/tokens/CHANGELOG.md +++ b/@navikt/core/tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @navikt/ds-tokens +## 7.9.1 + ## 7.9.0 ## 7.8.1 diff --git a/@navikt/core/tokens/package.json b/@navikt/core/tokens/package.json index 440acf456a..5975a533cc 100644 --- a/@navikt/core/tokens/package.json +++ b/@navikt/core/tokens/package.json @@ -1,6 +1,6 @@ { "name": "@navikt/ds-tokens", - "version": "7.9.0", + "version": "7.9.1", "description": "Design-tokens for Nav designsystem", "author": "Aksel | Nav designsystem team", "keywords": [ diff --git a/CHANGELOG.md b/CHANGELOG.md index d36ee3313b..46f7031acc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,33 +2,41 @@ ## 7.9 -### @navikt/ds-react +### @navikt/ds-css -- ErrorSummary: :sparkles: new prop to prefix error with a warning icon. ([#3445](https://github.com/navikt/aksel/pull/3445)) +- 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. -* Button: Fix edge-case where setting "loading={true}" in a Modal caused the button to get 0 width and not show spinner ([#3252](https://github.com/navikt/aksel/pull/3252)) +- Switch: Update switch to better reflect unchecked state. ([#3468](https://github.com/navikt/aksel/pull/3468)) -* 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: resize immediately upon receiving resize event (eg. inside modal opening). ([#3463](https://github.com/navikt/aksel/pull/3463)) +- Textarea: :bug: Focus-border no longer cancels out error-border. ([#3465](https://github.com/navikt/aksel/pull/3465)) -### @navikt/ds-css +### @navikt/ds-react - 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. -* Switch: Update switch to better reflect unchecked state. ([#3468](https://github.com/navikt/aksel/pull/3468)) +* Button: Fix edge-case where setting "loading={true}" in a Modal caused the button to get 0 width and not show spinner ([#3252](https://github.com/navikt/aksel/pull/3252)) -* Select: :bug: Focus-border no longer cancels out error-border. ([#3465](https://github.com/navikt/aksel/pull/3465)) +* Switch: Update switch to better reflect unchecked state. ([#3468](https://github.com/navikt/aksel/pull/3468)) -* Textarea: :bug: Focus-border no longer cancels out error-border. ([#3465](https://github.com/navikt/aksel/pull/3465)) +* Textarea: resize immediately upon receiving resize event (eg. inside modal opening). ([#3463](https://github.com/navikt/aksel/pull/3463)) ## 7.8 -### @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)) ### @navikt/ds-react @@ -54,15 +62,9 @@ - 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/ds-css - -- 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)) +### @navikt/aksel-stylelint -- CSS: Resolved regression where the complete stylesheet was included in scoped 'components.css' file. ([#3427](https://github.com/navikt/aksel/pull/3427)) +- Combobox: Removed clear button, removed tokens staring with `--ac-combobox-clear`, deprecated props `clearButton`/`clearButtonLabel`. ([#3433](https://github.com/navikt/aksel/pull/3433)) ## 7.7 @@ -80,20 +82,6 @@ ## 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)) @@ -108,15 +96,25 @@ * Combobox: Single-select now shows cursor closer to selected item. ([#3384](https://github.com/navikt/aksel/pull/3384)) -## 7.5 +### @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/aksel-icons -- Icons: 🎉 Added FileJpeg, FilePng and MedicalThermometer. ([#3332](https://github.com/navikt/aksel/pull/3332)) +- Icons: Added new icons 'TruckPercent' and 'ShieldCheckmark' 🎉. ([#3416](https://github.com/navikt/aksel/pull/3416)) -### @navikt/aksel +## 7.5 -- Chore: Manually bump version to sync npm and github-releases ([`aa7c2d9`](https://github.com/navikt/aksel/commit/aa7c2d9598434d6304432daa20e0a1eeedd03b1b)) +### @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)) ### @navikt/ds-react @@ -128,12 +126,22 @@ * 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/ds-css +### @navikt/aksel-icons -- 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/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: :bug: Fix scroll issue when using arrow keys to navigate list ([#3269](https://github.com/navikt/aksel/pull/3269)) + ### @navikt/ds-react - Pagination: More precise type for renderItem ([#3275](https://github.com/navikt/aksel/pull/3275)) @@ -160,13 +168,15 @@ - Checkbox: Remove redundant attribute aria-checked ([#3274](https://github.com/navikt/aksel/pull/3274)) +## 7.3 + ### @navikt/ds-css -- Table.ColumnHeader: Inherit text alignment in button ([#3319](https://github.com/navikt/aksel/pull/3319)) +- Updated to Selectors Level 4 syntax. ([#3250](https://github.com/navikt/aksel/pull/3250)) -* Combobox: :bug: Fix scroll issue when using arrow keys to navigate list ([#3269](https://github.com/navikt/aksel/pull/3269)) +* 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)) -## 7.3 +- List.Item: Center icon horizontally inside it's container ([#3253](https://github.com/navikt/aksel/pull/3253)) ### @navikt/ds-react @@ -178,15 +188,11 @@ - 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)) -### @navikt/ds-css - -- 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)) +## 7.2 -- List.Item: Center icon horizontally inside it's container ([#3253](https://github.com/navikt/aksel/pull/3253)) +### @navikt/ds-css -## 7.2 +- Combobox: Support PageUp/PageDown in dropdown list. ([#3158](https://github.com/navikt/aksel/pull/3158)) ### @navikt/ds-react @@ -200,17 +206,19 @@ - Performance: :zap: Optimized memoization for rerendring in some components. ([#3197](https://github.com/navikt/aksel/pull/3197)) +## 7.1 + ### @navikt/ds-css -- Combobox: Support PageUp/PageDown in dropdown list. ([#3158](https://github.com/navikt/aksel/pull/3158)) +- List: Explicitly set list-style on ol to override reset-CSS ([#3202](https://github.com/navikt/aksel/pull/3202)) -## 7.1 +* List: Add indentation and remove overly verbose aria attributes ([#3184](https://github.com/navikt/aksel/pull/3184)) -### @navikt/aksel-stylelint +* Datepicker/Select: :lipstick: dim non-interactable icons when readonly is set. ([#3187](https://github.com/navikt/aksel/pull/3187)) -- List: :boom: Removed class names "navds-list--nested" and "navds-list\_\_item-content" ([#3184](https://github.com/navikt/aksel/pull/3184)) +* Combobox: :bug: implement missing readonly and disabled ([#3180](https://github.com/navikt/aksel/pull/3180)) -* Pagination: :boom: Added some classNames to list of deprecated (removed) classes. ([#3164](https://github.com/navikt/aksel/pull/3164)) +- 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-react @@ -224,28 +232,24 @@ - ErrorSummary: Remove aria-attributes. ([#3171](https://github.com/navikt/aksel/pull/3171)) -### @navikt/ds-css - -- List: Explicitly set list-style on ol to override reset-CSS ([#3202](https://github.com/navikt/aksel/pull/3202)) - -* List: Add indentation and remove overly verbose aria attributes ([#3184](https://github.com/navikt/aksel/pull/3184)) - -* 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)) ## 7.0 -### @navikt/aksel-icons - -- 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-tailwind - 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)) +### @navikt/ds-css + +- List: :lipstick: make icons 24x24px large ([#3148](https://github.com/navikt/aksel/pull/3148)) + +* ErrorSummary: Focus heading instead of container for improved experience with screen reader. ([#3139](https://github.com/navikt/aksel/pull/3139)) + ### @navikt/ds-react - Combobox: Fix issue with whitespace in the ID of options with multiple spaces ([#3162](https://github.com/navikt/aksel/pull/3162)) @@ -256,35 +260,35 @@ - ErrorSummary: Focus heading instead of container for improved experience with screen reader. ([#3139](https://github.com/navikt/aksel/pull/3139)) -### @navikt/ds-css - -- 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)) ## 6.17 -### @navikt/aksel-icons - -- Icons: New 'face' icons for 'Engagement'-category. ([#3134](https://github.com/navikt/aksel/pull/3134)) - ### @navikt/ds-react - Combobox: Add support for `onBlur`, and omit props that have no effect. ([#3125](https://github.com/navikt/aksel/pull/3125)) +### @navikt/aksel-icons + +- Icons: New 'face' icons for 'Engagement'-category. ([#3134](https://github.com/navikt/aksel/pull/3134)) + ## 6.16 -### @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)) -### @navikt/ds-tokens +* Primitives: Added `gridColumn`-prop for more grid alignment control. ([#3082](https://github.com/navikt/aksel/pull/3082)) -- Tokens: Adjusted Green 400 to comply with AA 3.00 contrast. ([#3091](https://github.com/navikt/aksel/pull/3091)) +- FormSummary: Added background color ([#3093](https://github.com/navikt/aksel/pull/3093)) + +- Modal: Added scroll shadows ([#3083](https://github.com/navikt/aksel/pull/3083)) ### @navikt/ds-react @@ -304,35 +308,33 @@ - Primitives: Added `gridColumn`-prop for more grid alignment control. ([#3082](https://github.com/navikt/aksel/pull/3082)) -### @navikt/ds-css - -- Combobox: :lipstick: hide caret on select ([#3071](https://github.com/navikt/aksel/pull/3071)) +### @navikt/ds-tokens -* 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)) +- Tokens: Adjusted Green 400 to comply with AA 3.00 contrast. ([#3091](https://github.com/navikt/aksel/pull/3091)) -- Table: Fixed background-clipping when using ExpandableRow. ([#3095](https://github.com/navikt/aksel/pull/3095)) +### @navikt/aksel-icons -* Primitives: Added `gridColumn`-prop for more grid alignment control. ([#3082](https://github.com/navikt/aksel/pull/3082)) +- Icons: Updated Clipboard icons. ([#3113](https://github.com/navikt/aksel/pull/3113)) -- FormSummary: Added background color ([#3093](https://github.com/navikt/aksel/pull/3093)) +### @navikt/aksel -- Modal: Added scroll shadows ([#3083](https://github.com/navikt/aksel/pull/3083)) +- Aksel-CLI: Bump jscodeshift-add-imports to 1.0.11. ([#3099](https://github.com/navikt/aksel/pull/3099)) ## 6.15 -### @navikt/aksel-icons - -- Icons: New icon-series for 'SplitHorizontal' and 'SplitVertical' ([#3072](https://github.com/navikt/aksel/pull/3072)) - ### @navikt/ds-react - Combobox: Can no longer remove options with backspace when shouldShowSelectedOptions is false ([#3076](https://github.com/navikt/aksel/pull/3076)) - Refactored Combobox FilteredOptions ([#3073](https://github.com/navikt/aksel/pull/3073)) +### @navikt/aksel-icons + +- Icons: New icon-series for 'SplitHorizontal' and 'SplitVertical' ([#3072](https://github.com/navikt/aksel/pull/3072)) + ## 6.14 -### @navikt/ds-tokens +### @navikt/ds-css - Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext ([#3044](https://github.com/navikt/aksel/pull/3044)) @@ -352,27 +354,27 @@ * Prevent Escape in open Combobox from closing Modals ([#3053](https://github.com/navikt/aksel/pull/3053)) -### @navikt/ds-css +### @navikt/ds-tokens - Fonts: Added built-in support for cyrillic, cyrillic-ext and latin-ext ([#3044](https://github.com/navikt/aksel/pull/3044)) ## 6.13 -### @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)) -### @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)) ## 6.12 -### @navikt/aksel-icons +### @navikt/ds-css -- Icons: New icon ChildHairEyes ([#3020](https://github.com/navikt/aksel/pull/3020)) +- 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: FigureCombination icon adjusted ([#3031](https://github.com/navikt/aksel/pull/3031)) +* 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-react @@ -382,14 +384,22 @@ * 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 +### @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)) ## 6.11 +### @navikt/ds-css + +- CopyButton: Icon is now 20px for size small and xsmall. ([#2977](https://github.com/navikt/aksel/pull/2977)) + +- 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)) + ### @navikt/ds-react - FileUpload: Added description-prop for Item. ([#2975](https://github.com/navikt/aksel/pull/2975)) @@ -402,35 +412,29 @@ * Page: Removed surface-subtle from background-prop ([#2987](https://github.com/navikt/aksel/pull/2987)) +## 6.10 + ### @navikt/ds-css -- CopyButton: Icon is now 20px for size small and xsmall. ([#2977](https://github.com/navikt/aksel/pull/2977)) +- :lipstick: Remove bottom margin on last item in Stepper and adjust FormProgress accordingly ([#2971](https://github.com/navikt/aksel/pull/2971)) -- Button: Updated icon size for size="small" to 1.25rem. ([#2984](https://github.com/navikt/aksel/pull/2984)) +* ✹ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) -- List: Changed List.Item to BodyLong, changed Item spacing from 1rem to 0.5rem. ([#2979](https://github.com/navikt/aksel/pull/2979)) +### @navikt/ds-react -## 6.10 +- ✹ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) ### @navikt/aksel-icons - Icons: Added back support for sourcemapping. ([#2978](https://github.com/navikt/aksel/pull/2978)) -### @navikt/ds-react - -- ✹ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) +## 6.9 ### @navikt/ds-css -- :lipstick: Remove bottom margin on last item in Stepper and adjust FormProgress accordingly ([#2971](https://github.com/navikt/aksel/pull/2971)) - -* ✹ Modal: add small version ([#2909](https://github.com/navikt/aksel/pull/2909)) - -## 6.9 - -### @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: New icons for geometric shapes ([#2927](https://github.com/navikt/aksel/pull/2927)) +- Fixed Combobox small sizing to align with other form fields ([#2801](https://github.com/navikt/aksel/pull/2801)) ### @navikt/ds-react @@ -442,37 +446,25 @@ - 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/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)) +### @navikt/aksel-icons -- Fixed Combobox small sizing to align with other form fields ([#2801](https://github.com/navikt/aksel/pull/2801)) +- Icons: New icons for geometric shapes ([#2927](https://github.com/navikt/aksel/pull/2927)) ## 6.8 -### @navikt/ds-react - -- :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)) - ### @navikt/ds-css - :sparkles: Ny komponent: FormProgress ([#2855](https://github.com/navikt/aksel/pull/2855)) * HGrid: forenklet CSS. ([#2917](https://github.com/navikt/aksel/pull/2917)) -## 6.7 - ### @navikt/ds-react -- 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: FormProgress ([#2855](https://github.com/navikt/aksel/pull/2855)) -- 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)) +* Stepper.Step: Set aria-current to "step" instead of true ([#2920](https://github.com/navikt/aksel/pull/2920)) -* :sparkles: Ny komponent: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) +## 6.7 ### @navikt/ds-css @@ -484,11 +476,21 @@ - :lipstick: tweak CSS for timeline pins. ([#2889](https://github.com/navikt/aksel/pull/2889)) -## 6.6 +### @navikt/ds-react -### @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)) +- Combobox: Remove 'Ingen sĂžketreff' when custom options allowed ([#2895](https://github.com/navikt/aksel/pull/2895)) + +- 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)) + +* :sparkles: Ny komponent: ProgressBar ([#2845](https://github.com/navikt/aksel/pull/2845)) + +## 6.6 + +### @navikt/ds-css + +- :sparkles: Ny komponent FormSummary ([#2802](https://github.com/navikt/aksel/pull/2802)) ### @navikt/ds-react @@ -498,9 +500,9 @@ - Combobox: Prevents "Enter" while Combobox is focused from submitting form. ([#2861](https://github.com/navikt/aksel/pull/2861)) -### @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)) ## 6.5 @@ -522,15 +524,21 @@ ## 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 -- FileUpload: Item-illustrasjon er nĂ„ radius-full ([#2834](https://github.com/navikt/aksel/pull/2834)) +- ReadMore: Padding-right pĂ„ button er bumpet noen px ([#2806](https://github.com/navikt/aksel/pull/2806)) -## 6.3 +* FileUpload: Ny komponent `FileUpload` for Ă„ hĂ„ndtere opplasting av filer, Dropzone og fil-visning ([#2504](https://github.com/navikt/aksel/pull/2504)) ### @navikt/ds-react @@ -554,13 +562,11 @@ - 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)) +## 6.2 -* FileUpload: Ny komponent `FileUpload` for Ă„ hĂ„ndtere opplasting av filer, Dropzone og fil-visning ([#2504](https://github.com/navikt/aksel/pull/2504)) +### @navikt/ds-react -## 6.2 +- Select: Fjern 'multiple' fra SelectProps ([#2782](https://github.com/navikt/aksel/pull/2782)) ### @navikt/aksel-icons @@ -568,11 +574,13 @@ - Ikoner: Nytt ikon `opensource` ([#2787](https://github.com/navikt/aksel/pull/2787)) -### @navikt/ds-react +## 6.1 -- Select: Fjern 'multiple' fra SelectProps ([#2782](https://github.com/navikt/aksel/pull/2782)) +### @navikt/ds-css -## 6.1 +- 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 @@ -586,37 +594,23 @@ - Modal: Ikke opphev scroll lock ved lukking av nesta modal (DatePicker) ([#2743](https://github.com/navikt/aksel/pull/2743)) -### @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)) - ## 6.0 -### @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)) - -### @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)) -### @navikt/ds-tokens +### @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)) -- Tokens: Fjernet token `--a-z-index-modal` da den ikke lengre blir konsumert i systemet. ([#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/ds-tailwind +- 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: 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)) +- 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/ds-react @@ -640,18 +634,26 @@ * 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-css +### @navikt/ds-tokens - 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)) +- Tokens: Fjernet token `--a-z-index-modal` da den ikke lengre blir konsumert i systemet. ([#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-icons -- Tokens: Nye tokens `--a-text-action-hover`,`--a-icon-action-hover` og `--a-border-action-hover` ([#2623](https://github.com/navikt/aksel/pull/2623)) +- 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)) +### @navikt/aksel + +- Chat: Fjernet deprecated props `backgroundColor` og `avatarBgColor`. Bruk prop `variant` som erstatning. ([#2623](https://github.com/navikt/aksel/pull/2623)) + ## 5.18 ### @navikt/ds-react @@ -666,6 +668,14 @@ ## 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)) @@ -682,44 +692,42 @@ - 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/aksel-icons - -- Ikoner: Nytt ikon `LocationPin` ✹ ([#2672](https://github.com/navikt/aksel/pull/2672)) - ### @navikt/ds-tailwind - Tailwind: La til ny `maxWidth` for text ([#2652](https://github.com/navikt/aksel/pull/2652)) -### @navikt/ds-react +### @navikt/ds-css - :sparkles: Combobox: Mulighet for Ă„ begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) -### @navikt/ds-css +### @navikt/ds-react - :sparkles: Combobox: Mulighet for Ă„ begrense hvor mange valg bruker kan ta ([#2260](https://github.com/navikt/aksel/pull/2260)) -## 5.15 - ### @navikt/aksel-icons -- Ikoner: Synket ikoner med Figma. Lagt til nytt ikon `FigureChild` ([#2629](https://github.com/navikt/aksel/pull/2629)) +- Ikoner: Nytt ikon `LocationPin` ✹ ([#2672](https://github.com/navikt/aksel/pull/2672)) + +## 5.15 ### @navikt/ds-react - HelpText: HelpText-state ble ikke riktig oppdatert ved klikk ([#2643](https://github.com/navikt/aksel/pull/2643)) +### @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 + +- 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)) @@ -732,17 +740,11 @@ * Intern-API: Erstattet `mergeRefs` i `useMemo` med lokal `useMergeRefs`-hook ([#2609](https://github.com/navikt/aksel/pull/2609)) -### @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)) - ## 5.13 -### @navikt/ds-tokens +### @navikt/ds-css -- Tokens: Ny token `--a-text-width-max: 576px` ([#2572](https://github.com/navikt/aksel/pull/2572)) +- Page: Lagt til ny bakgrunnsfarge `surface-subtle` og ny maksbredde pĂ„ Page.Block `text` ([#2572](https://github.com/navikt/aksel/pull/2572)) ### @navikt/ds-react @@ -752,19 +754,15 @@ * Page: Lagt til ny bakgrunnsfarge `surface-subtle` og ny maksbredde pĂ„ Page.Block `text` ([#2572](https://github.com/navikt/aksel/pull/2572)) -### @navikt/ds-css +### @navikt/ds-tokens -- Page: Lagt til ny bakgrunnsfarge `surface-subtle` og ny maksbredde pĂ„ Page.Block `text` ([#2572](https://github.com/navikt/aksel/pull/2572)) +- Tokens: Ny token `--a-text-width-max: 576px` ([#2572](https://github.com/navikt/aksel/pull/2572)) ## 5.12 -### @navikt/aksel-icons - -- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke ([#2538](https://github.com/navikt/aksel/pull/2538)) - -### @navikt/aksel-stylelint +### @navikt/ds-css -- Stylelint: StĂžtter nĂ„ stylelint v16 ([#2591](https://github.com/navikt/aksel/pull/2591)) +- ExpansionCard: Divider mellom header og innhold ([#2566](https://github.com/navikt/aksel/pull/2566)) ### @navikt/ds-react @@ -778,15 +776,33 @@ * Datepicker: Lukk-knapp i modal har nĂ„ type button for Ă„ unngĂ„ form-submition ([#2568](https://github.com/navikt/aksel/pull/2568)) -### @navikt/ds-css +### @navikt/aksel-icons -- ExpansionCard: Divider mellom header og innhold ([#2566](https://github.com/navikt/aksel/pull/2566)) +- 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/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)) + +* :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/ds-react @@ -810,29 +826,23 @@ - :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)) +### @navikt/aksel-icons -- Page: La til `md`-bredde (768px) ([#2510](https://github.com/navikt/aksel/pull/2510)) +- Ikoner: Nytt ikon `PushPin` ([#2503](https://github.com/navikt/aksel/pull/2503)) -* Switch: Byttet success-farger med action npr checked ([#2511](https://github.com/navikt/aksel/pull/2511)) +## 5.10 -- :sparkles: Textarea: Mulighet for Ă„ sette resize-retning ([#2494](https://github.com/navikt/aksel/pull/2494)) +### @navikt/ds-tailwind -- :sparkles: Textarea: Eksperimentell stĂžtte for automatisk scrollbar ([#2457](https://github.com/navikt/aksel/pull/2457)) +- typescript types for tailwind preset ([#2486](https://github.com/navikt/aksel/pull/2486)) -* :wheelchair: Textarea: Forsinkelse ved live-opplesning av gjenstĂ„ende tegn ([#2502](https://github.com/navikt/aksel/pull/2502)) +### @navikt/ds-css -## 5.10 +- :bug: Textarea: Teller flyttet ut av tekstfeltet for Ă„ unngĂ„ overlapp og misforstĂ„elser ([#2483](https://github.com/navikt/aksel/pull/2483)) -### @navikt/ds-tailwind +* Primtives: CSS-import for primitives er nĂ„ mer spesifikk ([#2469](https://github.com/navikt/aksel/pull/2469)) -- typescript types for tailwind preset ([#2486](https://github.com/navikt/aksel/pull/2486)) +- Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) ### @navikt/ds-react @@ -850,19 +860,11 @@ - Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) -### @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)) - -- Primitives: Ny komponent `Page` og `Page.Block` ([#2456](https://github.com/navikt/aksel/pull/2456)) - ## 5.9 -### @navikt/ds-react +### @navikt/ds-css -- :bug: Datepicker lukker ikke lenger modalen den er i ([#2451](https://github.com/navikt/aksel/pull/2451)) +- :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)) @@ -872,11 +874,9 @@ * 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)) - -### @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)) @@ -886,8 +886,14 @@ * 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)) @@ -898,19 +904,23 @@ * :bug: Modal: Bedre stĂžtte for Tooltip i Modal ([#2429](https://github.com/navikt/aksel/pull/2429)) +## 5.7 + ### @navikt/ds-css -- :bug: Modal: Bedre stĂžtte for Tooltip i Modal ([#2429](https://github.com/navikt/aksel/pull/2429)) +- :lipstick: Chips.Toggle: Ikon i uvalgt tilstand ([#2395](https://github.com/navikt/aksel/pull/2395)) -## 5.7 +* Checkbox, Radio: Transparent-border fungerer nĂ„ bedre pĂ„ mĂžrkere bakgrunner ([#2388](https://github.com/navikt/aksel/pull/2388)) -### @navikt/aksel-icons +- Ny spacing token pĂ„ 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) -- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365)) +- Select: TokenstĂžtte for Ă„ endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383)) -### @navikt/ds-tokens +- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376)) -- Ny spacing token pĂ„ 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) +* Radio: readonly hĂ„ndterer nĂ„ hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363)) + +- :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) ### @navikt/ds-react @@ -932,35 +942,35 @@ - :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) -### @navikt/ds-css +### @navikt/ds-tokens -- :lipstick: Chips.Toggle: Ikon i uvalgt tilstand ([#2395](https://github.com/navikt/aksel/pull/2395)) +- Ny spacing token pĂ„ 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) -* Checkbox, Radio: Transparent-border fungerer nĂ„ bedre pĂ„ mĂžrkere bakgrunner ([#2388](https://github.com/navikt/aksel/pull/2388)) +### @navikt/aksel-icons -- Ny spacing token pĂ„ 0.375rem ([#2370](https://github.com/navikt/aksel/pull/2370)) +- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365)) -- Select: TokenstĂžtte for Ă„ endre chevronfarge sammen med tekst ([#2383](https://github.com/navikt/aksel/pull/2383)) +## 5.6 -- HelpText: Knapp er visuelt mindre. Klikkflate er fortsatt 24px ([#2376](https://github.com/navikt/aksel/pull/2376)) +### @navikt/ds-css -* Radio: readonly hĂ„ndterer nĂ„ hover-state bedre ([#2363](https://github.com/navikt/aksel/pull/2363)) +- :bug: Modal: Sett riktig tekstfarge ([#2340](https://github.com/navikt/aksel/pull/2340)) -- :lipstick: CopyButton: Justert padding, gap og animasjon ([#2355](https://github.com/navikt/aksel/pull/2355)) +* Primitives: ny komponent Bleed ([#2278](https://github.com/navikt/aksel/pull/2278)) -## 5.6 +- :recycle: Box: Forenkling av CSS-variabler ([#2279](https://github.com/navikt/aksel/pull/2279)) -### @navikt/aksel-icons +- Accordion: Har nĂ„ 0.25rem padding-top mellom innhold og heading. ([#2310](https://github.com/navikt/aksel/pull/2310)) -- Ikoner: SVG export setter nĂ„ `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300)) +- Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293)) -- Ikoner: Nye ikoner `book` og `books` ([#2313](https://github.com/navikt/aksel/pull/2313)) +- :bug: Box: sett border-radius riktig ([#2329](https://github.com/navikt/aksel/pull/2329)) -* Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307)) +- 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)) -### @navikt/ds-tokens +- Datepicker: Tilpasset padding og sizing pĂ„ mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) -- Tokens: Tilbyr nĂ„ token literals for typer, tidligere string literals ([#2342](https://github.com/navikt/aksel/pull/2342)) +- MonthPicker: Tilpasset padding og sizing pĂ„ mobil. ([#2311](https://github.com/navikt/aksel/pull/2311)) ### @navikt/ds-react @@ -988,49 +998,43 @@ - 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)) +### @navikt/ds-tokens -- Added cursor:pointer to Select component ([#2293](https://github.com/navikt/aksel/pull/2293)) +- Tokens: Tilbyr nĂ„ token literals for typer, tidligere string literals ([#2342](https://github.com/navikt/aksel/pull/2342)) -- :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)) ## 5.5 -### @navikt/ds-tokens +### @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-react - 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-css +### @navikt/ds-tokens - 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)) - ## 5.4 -### @navikt/ds-tokens +### @navikt/ds-css -- Tokens: `data-theme="light"` vil nĂ„ tilbakestille theming ([#2238](https://github.com/navikt/aksel/pull/2238)) +- Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222)) + +* ErrorSummary: Har nĂ„ 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256)) ### @navikt/ds-react @@ -1040,17 +1044,25 @@ - Search: KjĂžrer nĂ„ bare preventDefault ved Escape nĂ„r `input` inneholder tekst ([#2245](https://github.com/navikt/aksel/pull/2245)) +### @navikt/ds-tokens + +- Tokens: `data-theme="light"` vil nĂ„ tilbakestille theming ([#2238](https://github.com/navikt/aksel/pull/2238)) + +## 5.3 + ### @navikt/ds-css -- Primitives: Nye komponenter `Show` og `Hide` er lagt til. ([#2222](https://github.com/navikt/aksel/pull/2222)) +- Alert: 12px -> 8px gap mellom tekst og ikon ved `size="small"` ([#2240](https://github.com/navikt/aksel/pull/2240)) -* ErrorSummary: Har nĂ„ 8px border-radius ([#2256](https://github.com/navikt/aksel/pull/2256)) +* HGrid: Har nĂ„ `align`-prop for bedre kontroll over child-elementer ([#2242](https://github.com/navikt/aksel/pull/2242)) -## 5.3 +- Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239)) -### @navikt/aksel-icons +* :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229)) -- :bug: SVG import map er nĂ„ riktig path ([#2250](https://github.com/navikt/aksel/pull/2250)) +* :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227)) + +- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211)) ### @navikt/ds-react @@ -1074,25 +1086,19 @@ * :wheelchair: Textarea: Skjermleser-spesifikk tekst leses opp sammenhengende ([#2216](https://github.com/navikt/aksel/pull/2216)) -### @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)) +### @navikt/aksel-icons -* :bug: fix missing accordion bottom box-shadow on last element (when opened) ([#2229](https://github.com/navikt/aksel/pull/2229)) +- :bug: SVG import map er nĂ„ riktig path ([#2250](https://github.com/navikt/aksel/pull/2250)) -* :lipstick: GuidePanel: justert design ([#2227](https://github.com/navikt/aksel/pull/2227)) +## 5.2 -- Typography: Oppdatert med typo-klasser for `textColor`, `weight`, `align`, `visuallyHidden` og `truncated`. ([#2211](https://github.com/navikt/aksel/pull/2211)) +### @navikt/ds-css -## 5.2 +- Font: Fikset henting av italic-font ([#2220](https://github.com/navikt/aksel/pull/2220)) -### @navikt/aksel-icons +* CSS: Popover har nĂ„ 8px border-radius. Fikset padding-bug i Select-small. ([#2219](https://github.com/navikt/aksel/pull/2219)) -- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197)) +* 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/ds-react @@ -1102,15 +1108,17 @@ - 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/ds-css +### @navikt/aksel-icons -- Font: Fikset henting av italic-font ([#2220](https://github.com/navikt/aksel/pull/2220)) +- Ikoner: Oppdatert ikonpakke ([#2197](https://github.com/navikt/aksel/pull/2197)) -* CSS: Popover har nĂ„ 8px border-radius. Fikset padding-bug i Select-small. ([#2219](https://github.com/navikt/aksel/pull/2219)) +## 5.1 -* 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/ds-css -## 5.1 +- :lipstick: Modal: fjern kantlinje ([#2210](https://github.com/navikt/aksel/pull/2210)) + +- Tokens: Fikset table-token ([#2204](https://github.com/navikt/aksel/pull/2204)) ### @navikt/ds-react @@ -1120,23 +1128,24 @@ * Datepicker: Input setter ikke nĂ„ aria-controls fĂžr popover Ă„pnes ([#2213](https://github.com/navikt/aksel/pull/2213)) -### @navikt/ds-css +## 5.0 -- :lipstick: Modal: fjern kantlinje ([#2210](https://github.com/navikt/aksel/pull/2210)) +### @navikt/ds-css -- Tokens: Fikset table-token ([#2204](https://github.com/navikt/aksel/pull/2204)) +- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199)) -## 5.0 +- Checkbox: Fikset checkbox-alignment ved bruk av tailwindcss ([#2199](https://github.com/navikt/aksel/pull/2199)) -### @navikt/ds-tokens +* Checkbox: Hotfix da checkmark ikke var sentrert hvis man brukte tailwind ([`90db7dd0c`](https://github.com/navikt/aksel/commit/90db7dd0c120c16a387d3169c05c1f33dc694323)) -- ConfirmationPanel: Fikset opplesing av feilmelding ([#2199](https://github.com/navikt/aksel/pull/2199)) +- Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135)) -- Tokens: `--a-icon-alt-3` er nĂ„ i synk med figma ([#2199](https://github.com/navikt/aksel/pull/2199)) + - :sparkles: StĂžtte for header og footer + - :boom: Bruker nĂ„ native dialog i stedet for react-modal (med polyfill for eldre nettlesere) -* Gray: GrĂ„farger er nĂ„ mindre varme ([#2092](https://github.com/navikt/aksel/pull/2092)) +* Table: ExpandableRow har oppdatert knapp for Ă„ matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178)) -* Action: Selected-varianter av action er nĂ„ 'blue' ('deepblue' fĂžr) ([#2092](https://github.com/navikt/aksel/pull/2092)) +* 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)) ### @navikt/ds-react @@ -1154,24 +1163,29 @@ * Table: Har lagt til ny size: 'large'. ([#2178](https://github.com/navikt/aksel/pull/2178)) -### @navikt/ds-css +### @navikt/ds-tokens - 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)) +- Tokens: `--a-icon-alt-3` er nĂ„ i synk med figma ([#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)) +* Gray: GrĂ„farger er nĂ„ mindre varme ([#2092](https://github.com/navikt/aksel/pull/2092)) -- Oppdatert Modal - Se [Migrering](https://aksel.nav.no/grunnleggende/kode/migrering) ([#2135](https://github.com/navikt/aksel/pull/2135)) +* Action: Selected-varianter av action er nĂ„ 'blue' ('deepblue' fĂžr) ([#2092](https://github.com/navikt/aksel/pull/2092)) - - :sparkles: StĂžtte for header og footer - - :boom: Bruker nĂ„ native dialog i stedet for react-modal (med polyfill for eldre nettlesere) +## 4.12 -* Table: ExpandableRow har oppdatert knapp for Ă„ matche Accordion og ExpansionCard ([#2178](https://github.com/navikt/aksel/pull/2178)) +### @navikt/ds-css -* 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)) +- Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184)) -## 4.12 +* CopyButton: Har nĂ„ prop 'iconPosition' for Ă„ hĂžyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173)) + +- List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168)) + +- Checkbox: Checkmark er nĂ„ SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171)) + +- Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179)) ### @navikt/ds-react @@ -1193,19 +1207,19 @@ - Combobox: Lukker nĂ„ nedtrekksmeny hvis man legger til ny option i singleselect ([#2177](https://github.com/navikt/aksel/pull/2177)) -### @navikt/ds-css +## 4.11 -- Added red border to Combobox in error state ([#2184](https://github.com/navikt/aksel/pull/2184)) +### @navikt/ds-css -* CopyButton: Har nĂ„ prop 'iconPosition' for Ă„ hĂžyre/venstre aligne ikon ([#2173](https://github.com/navikt/aksel/pull/2173)) +- :lipstick: ToggleGroup: fjern semibold fra selected button ([#2167](https://github.com/navikt/aksel/pull/2167)) -- List: Fikset sentrering, margins ([#2168](https://github.com/navikt/aksel/pull/2168)) +* Border-radius: Fikset hardkodet border-radius i Datepicker, ToggleGroup og Combobox. ([#2159](https://github.com/navikt/aksel/pull/2159)) -- Checkbox: Checkmark er nĂ„ SVG-ikon og ikke Base64 ([#2171](https://github.com/navikt/aksel/pull/2171)) +- HGrid: Ny komponent 'HGrid' er ute i Beta: [Dokumentasjon](https://aksel.nav.no/komponenter/primitives/hgrid) ([#1838](https://github.com/navikt/aksel/pull/1838)) -- Alert: Fikset alignment av status-ikon mot tekst ([#2179](https://github.com/navikt/aksel/pull/2179)) +* List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149)) -## 4.11 +* Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150)) ### @navikt/ds-react @@ -1215,31 +1229,25 @@ * Grid: Markert som deprecated. Bruk nye 'HGrid' ([#2153](https://github.com/navikt/aksel/pull/2153)) -### @navikt/ds-css - -- :lipstick: ToggleGroup: fjern semibold fra selected button ([#2167](https://github.com/navikt/aksel/pull/2167)) - -* 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)) +## 4.10 -* List: Fikset alignment av ikoner ([#2149](https://github.com/navikt/aksel/pull/2149)) +### @navikt/ds-css -* Font: La til egen font for semibold italic for bedre skalering cross-browser ([#2150](https://github.com/navikt/aksel/pull/2150)) +- Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind -## 4.10 +* Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093)) ### @navikt/ds-react - Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093)) -### @navikt/ds-css +## 4.9 -- Link: Fikset visited farger og inline SVG-reset ved bruk av tailwind +### @navikt/ds-css -* Link: La til 'variant', 'underline' og 'inlineText'-prop ([#2093](https://github.com/navikt/aksel/pull/2093)) +- 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)) -## 4.9 +* Table: ExpandableRow kan nĂ„ Ă„pnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127)) ### @navikt/ds-react @@ -1249,23 +1257,25 @@ * Table: ExpandableRow kan nĂ„ Ă„pnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127)) -### @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)) +## 4.8 -* Table: ExpandableRow kan nĂ„ Ă„pnes med 'expandOnRowClick'-prop ([#2127](https://github.com/navikt/aksel/pull/2127)) +### @navikt/ds-css -## 4.8 +- Nye komponenter `VStack`, `HStack` og `Spacer` for Ă„ enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040)) ### @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 -- Nye komponenter `VStack`, `HStack` og `Spacer` for Ă„ enklere kunne lage layout med flexbox og spacing-variabler. ([#2040](https://github.com/navikt/aksel/pull/2040)) +- Oppdatert bruk av REM i komponenter for forbedret utrykk ved font-scaling i browser ([#2126](https://github.com/navikt/aksel/pull/2126)) -## 4.7 +* 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)) ### @navikt/ds-react @@ -1283,51 +1293,45 @@ * Combobox post-release tweaks ([#2112](https://github.com/navikt/aksel/pull/2112)) -### @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)) - -- Ny komponent Combobox! ([#1868](https://github.com/navikt/aksel/pull/1868)) - ## 4.6 -### @navikt/ds-react +### @navikt/ds-css - Skjema: Labels og Legends bruker nĂ„ inline-flex nĂ„r readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089)) -* Skjema: De fleste skjemakomponenter stĂžtter nĂ„ `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080)) +* Skjema: De fleste skjemakomponenter har nĂ„ styling for `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080)) -### @navikt/ds-css +### @navikt/ds-react - Skjema: Labels og Legends bruker nĂ„ inline-flex nĂ„r readOnly er satt ([#2089](https://github.com/navikt/aksel/pull/2089)) -* Skjema: De fleste skjemakomponenter har nĂ„ styling for `readOnly`-state ([#2080](https://github.com/navikt/aksel/pull/2080)) +* Skjema: De fleste skjemakomponenter stĂžtter nĂ„ `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-react -### @navikt/ds-tokens +- - Alert: La til `closeButton`-prop ([#2079](https://github.com/navikt/aksel/pull/2079)) -- Shadow-tokens er oppdatert til mer tydeligere varianter ([PR](https://github.com/navikt/aksel/pull/2041)) +## 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)) +- 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)) + +* 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-react @@ -1335,53 +1339,47 @@ * Fikset klassenavn brukt for popover i Datepicker og Monthpicker ([PR](https://github.com/navikt/aksel/pull/2041)) -### @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)) +### @navikt/ds-tokens -* 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)) +- Shadow-tokens er oppdatert til mer tydeligere varianter ([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)) -## 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)) +- 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)) -## 4.1 +### @navikt/ds-react -### @navikt/aksel-icons +- Oppdatert Chat: `size` og `variant`-prop, optional `avatar`, uu og ui-forbedringer ([PR](https://github.com/navikt/aksel/pull/2048)) -- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054)) +## 4.1 -### @navikt/aksel-stylelint +### @navikt/ds-tailwind -- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035)) +- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032)) -### @navikt/ds-tokens +### @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)) -- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036)) +* :bug: Fikset cursor-markering av tekst i skeleton. -### @navikt/ds-tailwind +- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035)) -- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032)) +- Alle description-felter pĂ„ fieldsets har nĂ„ `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036)) ### @navikt/ds-react @@ -1407,23 +1405,31 @@ - Accordion: La til `indent`-prop ([PR](https://github.com/navikt/aksel/pull/2027)) -### @navikt/ds-css +### @navikt/ds-tokens -- Readmore: setter nĂ„ eksplisitt color for Ă„ ikke arve text-subtle fra parent. ([PR](https://github.com/navikt/aksel/pull/2049)) +- :tada: Fargetokens for datavisualisering. ([PR](https://github.com/navikt/aksel/pull/2032)) -* :bug: Fikset cursor-markering av tekst i skeleton. +- Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600). ([PR](https://github.com/navikt/aksel/pull/2036)) -- 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/aksel-stylelint + +- Deprecated klassenavn `navds-chips--icon-left` ([PR](https://github.com/navikt/aksel/pull/2035)) ## 4.0 -### @navikt/aksel +### @navikt/ds-css -- Codemod for migrering av Datepicker/Monthpicker ut av Beta. `npx @navikt/aksel codemod v4-date` ([PR](https://github.com/navikt/aksel/pull/2026)) +- All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. ([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)) +- classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter. + +- Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre pĂ„virket av import-rekkefĂžlge av popover. + +- Styling for flyttede komponenter finnes nĂ„ pĂ„ CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import) ### @navikt/ds-react @@ -1431,17 +1437,21 @@ - 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 +### @navikt/aksel -- All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. ([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)) -- classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter. +- 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)) -- Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre pĂ„virket av import-rekkefĂžlge av popover. +## 3.4 -- Styling for flyttede komponenter finnes nĂ„ pĂ„ CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import) +### @navikt/ds-css -## 3.4 +- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010)) + +### @navikt/ds-react + +- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010)) ### @navikt/aksel-stylelint @@ -1451,14 +1461,6 @@ - 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 @@ -1469,9 +1471,11 @@ ## 3.2 -### @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)) ### @navikt/ds-react @@ -1485,18 +1489,12 @@ * 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)) +### @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)) ## 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)) @@ -1505,8 +1503,16 @@ - 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 @@ -1517,11 +1523,15 @@ * Bruker nĂ„ nĂ„ `@navikt/aksel-icons` for interne ikoner ([PR](https://github.com/navikt/aksel/pull/1964)) +## 2.9 + ### @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)) +- CSS nĂ„ tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig ([PR](https://github.com/navikt/aksel/pull/1941)) -## 2.9 +### @navikt/ds-react + +- ExpansionCard: StĂžtter nĂ„ `aria-labelledby` i tillegg til `aria-label` ([PR](https://github.com/navikt/aksel/pull/1944)) ### @navikt/aksel-icons @@ -1537,27 +1547,21 @@ - :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 - -- ExpansionCard: StĂžtter nĂ„ `aria-labelledby` i tillegg til `aria-label` ([PR](https://github.com/navikt/aksel/pull/1944)) +## 2.8 ### @navikt/ds-css -- CSS nĂ„ tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig ([PR](https://github.com/navikt/aksel/pull/1941)) - -## 2.8 - -### @navikt/aksel-icons +- Button: Padding/border-radius tokens ([PR](https://github.com/navikt/aksel/pull/1905)) -- :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928)) +* Button: token for tertiary -* Oppdatert `InformationSquare`-ikon ([PR](https://github.com/navikt/aksel/pull/1921)) +- Alert, Chips og ErrorSummary har nĂ„ bedre utvalg av tokens -- Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner ([PR](https://github.com/navikt/aksel/pull/1909)) +* Accordion: tokens for header-bakgrunn -* Nye ikoner `VideoSlash` og `VideoSlashFill` +* Select: Fikset tekstfarge pĂ„ iphone ([PR](https://github.com/navikt/aksel/pull/1879)) -- Fikset Sourcemap-bug +- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870)) ### @navikt/ds-react @@ -1579,22 +1583,26 @@ * 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)) +### @navikt/aksel-icons -* Button: token for tertiary +- :tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928)) -- Alert, Chips og ErrorSummary har nĂ„ bedre utvalg av tokens +* Oppdatert `InformationSquare`-ikon ([PR](https://github.com/navikt/aksel/pull/1921)) -* Accordion: tokens for header-bakgrunn +- Oppdatert `VideoSlack`, `Questionmark` og `Information`-ikoner ([PR](https://github.com/navikt/aksel/pull/1909)) -* Select: Fikset tekstfarge pĂ„ iphone ([PR](https://github.com/navikt/aksel/pull/1879)) +* Nye ikoner `VideoSlash` og `VideoSlashFill` -- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870)) +- Fikset Sourcemap-bug ## 2.7 +### @navikt/ds-css + +- Tabs: La til focus-markering for Tabs.Panel ([PR](https://github.com/navikt/aksel/pull/1863)) + +* ToggleGroup: Fikset token-bug + ### @navikt/aksel-icons - Nye ikoner `CaretUpDownFilledDown`, `CaretUpDownFilledUp`, `CloudDown`, `CloudDownFill`, `CloudUp`, `CloudUpFill`, `HddDown`, `HddDownFill`, `HddUp`, `HddUpFill`, `Inbox`, `InboxDown`, `InboxDownFill`, `InboxFill`, `InboxUp`, `InboxUpFill`, `ShoppingBasket`, `ShoppingBasketFill` @@ -1603,12 +1611,6 @@ - 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 @@ -1619,10 +1621,6 @@ ## 2.5 -### @navikt/ds-tokens - -- Breakpoint-tokens lagt til ([PR](https://github.com/navikt/aksel/pull/1832)) - ### @navikt/ds-tailwind - Breakpoint-tokens er lagt til. Overskriver native tailwind-breakpoints ([PR](https://github.com/navikt/aksel/pull/1832)) @@ -1631,8 +1629,18 @@ - List: Refaktorert nestede lister +### @navikt/ds-tokens + +- Breakpoint-tokens lagt til ([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)) @@ -1641,12 +1649,6 @@ - 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 @@ -1659,11 +1661,11 @@ ## 2.2 -### @navikt/ds-tokens +### @navikt/ds-css -- Justeringer av semantiske fargetokens, statusfarger nĂ„ mer tydelig ([PR](https://github.com/navikt/aksel/pull/1787)) +- ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789)) -- Oppdatert neutral-tokens ([PR](https://github.com/navikt/aksel/pull/1789)) +- Button: `Neutral`-variant. ### @navikt/ds-react @@ -1671,17 +1673,17 @@ - Button: `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1789)) -### @navikt/ds-css +### @navikt/ds-tokens -- ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789)) +- Justeringer av semantiske fargetokens, statusfarger nĂ„ mer tydelig ([PR](https://github.com/navikt/aksel/pull/1787)) -- Button: `Neutral`-variant. +- Oppdatert neutral-tokens ([PR](https://github.com/navikt/aksel/pull/1789)) ## 2.1 -### @navikt/ds-tokens +### @navikt/ds-css -- Fikset feil danger-hover token ([PR](https://github.com/navikt/aksel/pull/1665)) +- TextField: `small`-variant har nĂ„ 8px horisontal padding (fĂžr 4px) ### @navikt/ds-react @@ -1699,19 +1701,27 @@ - Datepicker/Monthpicker: Ă„r med 2 siffer i input fungerer nĂ„ -### @navikt/ds-css +### @navikt/ds-tokens -- TextField: `small`-variant har nĂ„ 8px horisontal padding (fĂžr 4px) +- Fikset feil danger-hover token ([PR](https://github.com/navikt/aksel/pull/1665)) ## 2.0 -### @navikt/ds-tokens +### @navikt/ds-tailwind - Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) -### @navikt/ds-tailwind +### @navikt/ds-css -- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) +- 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 + +* Tokens: Alle komponenter bruker nĂ„ semantiske tokens for som standard, med innebygd stĂžtte for komponent-spesifikke tokens. ### @navikt/ds-react @@ -1731,19 +1741,21 @@ * Fonter blir bruk i all typografi blir nĂ„ lastet fra CDN -### @navikt/ds-css +### @navikt/ds-tokens -- Radio: Fikset default visuell error-state ([PR](https://github.com/navikt/aksel/pull/1737)) +- Alle token er oppdatert til nytt format. ([Guide](https://aksel.nav.no/grunnleggende/kode/migrering#h76f47744d112)) -* Button: Reverserte border-width endrinder (var 1.5px, nĂ„ 2px) +## 1.5 -- Bugfixer ved bruk av tokens oppdatert i v2.0.0 +### @navikt/ds-css -* Fontlasting: Fonter lastes nĂ„ fra NAV-CDN +- Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle -* Tokens: Alle komponenter bruker nĂ„ semantiske tokens for som standard, med innebygd stĂžtte for komponent-spesifikke tokens. +* Tokens: Byttet om pĂ„ rekkefĂžlge av alt-farger -## 1.5 +- Chips. Bruker nĂ„ standard flex-wrap + +* Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684)) ### @navikt/ds-react @@ -1759,16 +1771,6 @@ - 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 @@ -1783,6 +1785,12 @@ ## 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 @@ -1805,12 +1813,6 @@ - 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 e77c96f9b4..b2aaa20c47 100644 --- a/aksel.nav.no/package.json +++ b/aksel.nav.no/package.json @@ -15,10 +15,10 @@ "playroom" ], "dependencies": { - "@navikt/aksel-icons": "^7.9.0", - "@navikt/ds-css": "^7.9.0", - "@navikt/ds-react": "^7.9.0", - "@navikt/ds-tailwind": "^7.9.0", - "@navikt/ds-tokens": "^7.9.0" + "@navikt/aksel-icons": "^7.9.1", + "@navikt/ds-css": "^7.9.1", + "@navikt/ds-react": "^7.9.1", + "@navikt/ds-tailwind": "^7.9.1", + "@navikt/ds-tokens": "^7.9.1" } } diff --git a/yarn.lock b/yarn.lock index 5f5ce33606..8cf74f2ea4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3677,7 +3677,7 @@ __metadata: languageName: node linkType: hard -"@navikt/aksel-icons@npm:^7.9.0, @navikt/aksel-icons@workspace:@navikt/aksel-icons": +"@navikt/aksel-icons@npm:^7.9.1, @navikt/aksel-icons@workspace:@navikt/aksel-icons": version: 0.0.0-use.local resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons" dependencies: @@ -3708,8 +3708,8 @@ __metadata: version: 0.0.0-use.local resolution: "@navikt/aksel-stylelint@workspace:@navikt/aksel-stylelint" dependencies: - "@navikt/ds-css": "npm:^7.9.0" - "@navikt/ds-tokens": "npm:^7.9.0" + "@navikt/ds-css": "npm:^7.9.1" + "@navikt/ds-tokens": "npm:^7.9.1" concurrently: "npm:9.0.1" postcss-selector-parser: "npm:^6.0.13" postcss-value-parser: "npm:^4.2.0" @@ -3724,7 +3724,7 @@ __metadata: version: 0.0.0-use.local resolution: "@navikt/aksel@workspace:@navikt/aksel" dependencies: - "@navikt/ds-css": "npm:7.9.0" + "@navikt/ds-css": "npm:7.9.1" axios: "npm:1.7.4" chalk: "npm:4.1.0" clipboardy: "npm:^2.3.0" @@ -3745,11 +3745,11 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-css@npm:*, @navikt/ds-css@npm:7.9.0, @navikt/ds-css@npm:^7.9.0, @navikt/ds-css@workspace:@navikt/core/css": +"@navikt/ds-css@npm:*, @navikt/ds-css@npm:7.9.1, @navikt/ds-css@npm:^7.9.1, @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.9.0" + "@navikt/ds-tokens": "npm:^7.9.1" "@types/clean-css": "npm:4.2.11" autoprefixer: "npm:^10.4.20" browserslist: "npm:^4.24.2" @@ -3769,14 +3769,14 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^7.9.0, @navikt/ds-react@workspace:@navikt/core/react": +"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^7.9.1, @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.9.0" - "@navikt/ds-tokens": "npm:^7.9.0" + "@navikt/aksel-icons": "npm:^7.9.1" + "@navikt/ds-tokens": "npm:^7.9.1" "@testing-library/dom": "npm:10.4.0" "@testing-library/jest-dom": "npm:^6.6.3" "@testing-library/react": "npm:^16.1.0" @@ -3807,11 +3807,11 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-tailwind@npm:^7.9.0, @navikt/ds-tailwind@workspace:@navikt/core/tailwind": +"@navikt/ds-tailwind@npm:^7.9.1, @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.9.0" + "@navikt/ds-tokens": "npm:^7.9.1" color: "npm:4.2.3" lodash: "npm:^4.17.21" tailwindcss: "npm:^3.3.3" @@ -3821,7 +3821,7 @@ __metadata: languageName: unknown linkType: soft -"@navikt/ds-tokens@npm:^7.9.0, @navikt/ds-tokens@workspace:@navikt/core/tokens": +"@navikt/ds-tokens@npm:^7.9.1, @navikt/ds-tokens@workspace:@navikt/core/tokens": version: 0.0.0-use.local resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens" dependencies: @@ -7616,11 +7616,11 @@ __metadata: version: 0.0.0-use.local resolution: "aksel.nav.no@workspace:aksel.nav.no" dependencies: - "@navikt/aksel-icons": "npm:^7.9.0" - "@navikt/ds-css": "npm:^7.9.0" - "@navikt/ds-react": "npm:^7.9.0" - "@navikt/ds-tailwind": "npm:^7.9.0" - "@navikt/ds-tokens": "npm:^7.9.0" + "@navikt/aksel-icons": "npm:^7.9.1" + "@navikt/ds-css": "npm:^7.9.1" + "@navikt/ds-react": "npm:^7.9.1" + "@navikt/ds-tailwind": "npm:^7.9.1" + "@navikt/ds-tokens": "npm:^7.9.1" languageName: unknown linkType: soft