@navikt/ds-css - npm Package Compare versions

Comparing version 5.18.3 to 6.0.0

CHANGELOG.md

		# @navikt/ds-css

		## 6.0.0

		### Major Changes

		- Tokens: La til nytt brekkpunkt `2xl` for `1440px`. Alle primitives er oppdatert for å reflektere oppdateringen. Brukere av Tailwind vil måtte sjekke at overskriving av `screen: "2xl"` ikke brekker app. ([#2623](https://github.com/navikt/aksel/pull/2623))

		- Grid, ContentContainer: Komponenter er fjernet fra systemet. [Se migreringsguide](https://aksel.nav.no/grunnleggende/kode/migrering#dd2cfa9fb1d1). ([#2623](https://github.com/navikt/aksel/pull/2623))

		- CSS: Oppdatert bruk av action-farger i systemet. Dette påvirker komponentene: Button, CopyButton, Dropdown, Combobox, ConfirmationPanel, Radio, Checkbox, Search, Select, TextField, Textarea, Helptext, LinkPanel, Link, ReadMore, Stepper og Tabs. Endringen skal ikke brekke noe så lenge man ikke har overskrevet farger manuelt. ([#2623](https://github.com/navikt/aksel/pull/2623))

		- Tokens: Nye tokens `--a-text-action-hover`,`--a-icon-action-hover` og `--a-border-action-hover` ([#2623](https://github.com/navikt/aksel/pull/2623))

		- Textarea: Fjernet div med klassen navds-textarea\_\_wrapper ([#2623](https://github.com/navikt/aksel/pull/2623))

		## 5.18.3
		@@ -4,0 +18,0 @@

package.json

		{
		"name": "@navikt/ds-css",
		"version": "5.18.3",
		"version": "6.0.0",
		"description": "CSS for NAV Designsystem",
		@@ -30,3 +30,3 @@ "author": "Aksel \| NAV designsystem team",
		"devDependencies": {
		"@navikt/ds-tokens": "^5.18.3",
		"@navikt/ds-tokens": "^6.0.0",
		"cssnano": "6.0.0",
		@@ -33,0 +33,0 @@ "fast-glob": "3.2.11",

tokens.json

		@@ -43,2 +43,3 @@ {
		"--ac-button-secondary-hover-bg": "--a-surface-action-subtle-hover",
		"--ac-button-secondary-hover-border": "--a-border-action-hover",
		"--ac-button-secondary-focus-border": "--a-border-action",
		@@ -121,3 +122,3 @@ "--ac-button-secondary-active-text": "--a-text-on-action",
		"--ac-copybutton-action-bg": "--a-surface-transparent",
		"--ac-copybutton-action-hover-text": "--a-text-action",
		"--ac-copybutton-action-hover-text": "--a-text-action-hover",
		"--ac-copybutton-action-hover-bg": "--a-surface-hover",
		@@ -166,12 +167,15 @@ "--ac-copybutton-action-active-text": "--a-icon-success",
		"helptext": {
		"--ac-help-text-popover-bg": "--a-surface-info-subtle",
		"--ac-help-text-button-color": "--a-surface-action",
		"--ac-help-text-popover-bg": "--a-surface-info-subtle"
		"--ac-help-text-button-hover-color": "--a-surface-action-hover",
		"--ac-help-text-button-active-color": "--a-surface-action-active"
		},
		"linkpanel": {
		"--ac-link-panel-text": "--a-text-default",
		"--ac-link-panel-hover-text": "--a-text-action",
		"--ac-link-panel-hover-border": "--a-border-action"
		"--ac-link-panel-hover-text": "--a-text-action-hover",
		"--ac-link-panel-hover-border": "--a-border-action-hover"
		},
		"link": {
		"--ac-link-text": "--a-text-action",
		"--ac-link-hover-text": "--a-text-action-hover",
		"--ac-link-focus-text": "--a-text-on-action",
		@@ -223,2 +227,3 @@ "--ac-link-focus-bg": "--a-border-focus",
		"--ac-read-more-hover-bg": "--a-surface-hover",
		"--ac-read-more-hover-text": "--a-text-action-hover",
		"--ac-read-more-active-bg": "--a-surface-active",
		@@ -239,2 +244,3 @@ "--ac-read-more-line": "--a-border-divider"
		"--ac-stepper-active-text": "--a-text-on-action",
		"--ac-stepper-hover-active": "--a-text-action-hover",
		"--ac-stepper-hover-bg": "--a-surface-action-subtle-hover",
		@@ -266,3 +272,3 @@ "--ac-stepper-non-interactive-completed-bg": "--a-surface-subtle",
		"--ac-tabs-hover-border": "--a-border-subtle-hover",
		"--ac-tabs-selected-border": "--a-border-action",
		"--ac-tabs-selected-border": "--a-border-action-selected",
		"--ac-tabs-selected-text": "--a-text-default",
		@@ -370,3 +376,3 @@ "--ac-tabs-focus-text": "--a-text-default"
		"--ac-radio-checkbox-border": "--a-border-default",
		"--ac-radio-checkbox-action": "--a-surface-action",
		"--ac-radio-checkbox-action": "--a-surface-action-selected",
		"--ac-radio-checkbox-action-hover-bg": "--a-surface-action-subtle",
		@@ -382,5 +388,5 @@ "--ac-radio-checkbox-error-border": "--a-border-danger",
		"--ac-search-button-border": "--a-border-default",
		"--ac-search-button-border-hover": "--a-border-action",
		"--ac-search-button-border-hover": "--a-border-action-hover",
		"--ac-search-clear-icon": "--a-text-default",
		"--ac-search-clear-icon-hover": "--a-text-action",
		"--ac-search-clear-icon-hover": "--a-text-action-hover",
		"--ac-search-button-focus-active-border": "--a-surface-default",
		@@ -411,3 +417,4 @@ "--ac-search-error-border": "--a-border-danger"
		"--ac-select-border": "--a-border-default",
		"--ac-select-hover-bg": "--a-border-action",
		"--ac-select-hover-border": "--a-border-action-hover",
		"--ac-select-active-border": "--a-border-action-selected",
		"--ac-select-error-border": "--a-surface-danger"
		@@ -430,3 +437,4 @@ },
		"--ac-textfield-placeholder": "--a-text-subtle",
		"--ac-textfield-hover-border": "--a-border-action",
		"--ac-textfield-hover-border": "--a-border-action-hover",
		"--ac-textfield-active-border": "--a-border-action-selected",
		"--ac-textfield-error-border": "--a-border-danger"
		@@ -439,3 +447,4 @@ },
		"--ac-textarea-placeholder": "--a-text-subtle",
		"--ac-textarea-hover-border": "--a-border-action",
		"--ac-textarea-hover-border": "--a-border-action-hover",
		"--ac-textarea-active-border": "--a-border-action-selected",
		"--ac-textarea-counter-text": "--a-text-subtle",
		@@ -449,2 +458,3 @@ "--ac-textarea-counter-error-text": "--a-text-danger",
		"--ac-dropdown-item-hover-bg": "--a-surface-action-subtle-hover",
		"--ac-dropdown-item-hover-text": "--a-text-action-hover",
		"--ac-dropdown-item-active-bg": "--a-surface-action-active",
		@@ -451,0 +461,0 @@ "--ac-dropdown-item-active-text": "--a-text-on-active"

content-container.css

dist/component/contentcontainer.css

dist/component/contentcontainer.min.css

dist/component/grid.css

dist/component/grid.min.css

grid.css

button.css