@navikt/ds-css 5.0.3 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/README.md +1 -1
- package/dist/component/form.css +5 -5
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +15 -11
- package/dist/component/index.min.css +3 -3
- package/dist/component/list.css +7 -2
- package/dist/component/list.min.css +1 -1
- package/dist/component/modal.css +1 -1
- package/dist/component/modal.min.css +1 -1
- package/dist/component/popover.css +1 -1
- package/dist/component/popover.min.css +1 -1
- package/dist/component/table.css +1 -1
- package/dist/component/table.min.css +1 -1
- package/dist/components.css +14 -10
- package/dist/components.min.css +3 -3
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +15 -11
- package/dist/index.min.css +3 -3
- package/form/combobox.css +4 -4
- package/form/select.css +1 -1
- package/list.css +7 -2
- package/modal.css +1 -1
- package/package.json +2 -2
- package/popover.css +1 -1
- package/table.css +1 -1
- package/tokens.json +0 -1
package/form/combobox.css
CHANGED
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
.navds-combobox__list-item--focus,
|
|
259
|
-
.navds-combobox__list-item:hover {
|
|
259
|
+
.navds-combobox__list--with-hover .navds-combobox__list-item:hover {
|
|
260
260
|
background-color: var(--ac-combobox-list-item-hover-bg, var(--a-surface-hover));
|
|
261
261
|
cursor: pointer;
|
|
262
262
|
border-left: 4px solid var(--ac-combobox-list-item-hover-border-left, var(--a-border-strong));
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
.navds-form-field--small .navds-combobox__list-item--focus,
|
|
267
|
-
.navds-form-field--small .navds-combobox__list-item:hover {
|
|
267
|
+
.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover {
|
|
268
268
|
padding-left: calc(var(--a-spacing-2) - 4px);
|
|
269
269
|
}
|
|
270
270
|
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
}
|
|
278
278
|
|
|
279
279
|
.navds-combobox__list-item--selected.navds-combobox__list-item--focus,
|
|
280
|
-
.navds-combobox__list-item--selected:hover {
|
|
280
|
+
.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover {
|
|
281
281
|
background-color: var(--ac-combobox-list-item-selected-hover-bg, var(--a-surface-action-subtle-hover));
|
|
282
282
|
border-left: 4px solid var(--ac-combobox-list-item-selected-hover-border-left, var(--a-border-focus));
|
|
283
283
|
padding-left: calc(var(--a-spacing-3) - 4px);
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
gap: 0.25rem;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
.navds-combobox__list-item__new-option:hover {
|
|
294
|
+
.navds-combobox__list--with-hover .navds-combobox__list-item__new-option:hover {
|
|
295
295
|
border-bottom: 1px solid var(--a-border-divider);
|
|
296
296
|
background: var(--a-surface-neutral-subtle-hover);
|
|
297
297
|
}
|
package/form/select.css
CHANGED
package/list.css
CHANGED
|
@@ -9,12 +9,17 @@
|
|
|
9
9
|
margin-block: var(--a-spacing-2);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
+
.navds-list--small ul,
|
|
13
|
+
.navds-list--small ol {
|
|
14
|
+
margin-block: var(--a-spacing-3);
|
|
15
|
+
}
|
|
16
|
+
|
|
12
17
|
.navds-list li {
|
|
13
|
-
margin-block-end: var(--a-spacing-
|
|
18
|
+
margin-block-end: var(--a-spacing-4);
|
|
14
19
|
}
|
|
15
20
|
|
|
16
21
|
.navds-list--small li {
|
|
17
|
-
margin-block-end: var(--a-spacing-
|
|
22
|
+
margin-block-end: var(--a-spacing-3);
|
|
18
23
|
}
|
|
19
24
|
|
|
20
25
|
.navds-list--nested li {
|
package/modal.css
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
.navds-modal {
|
|
6
6
|
background-color: var(--ac-modal-bg, var(--a-surface-default));
|
|
7
|
-
border:
|
|
7
|
+
border: none;
|
|
8
8
|
border-radius: var(--a-border-radius-large);
|
|
9
9
|
box-shadow: var(--a-shadow-xlarge);
|
|
10
10
|
padding: 0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-css",
|
|
3
|
-
"version": "5.0
|
|
3
|
+
"version": "5.2.0",
|
|
4
4
|
"description": "CSS for NAV Designsystem",
|
|
5
5
|
"author": "Aksel | NAV designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"css:get-version": "node config/get-version.js"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@navikt/ds-tokens": "^5.0
|
|
30
|
+
"@navikt/ds-tokens": "^5.2.0",
|
|
31
31
|
"cssnano": "6.0.0",
|
|
32
32
|
"fast-glob": "3.2.11",
|
|
33
33
|
"lodash": "4.17.21",
|
package/popover.css
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
box-shadow: var(--a-shadow-medium);
|
|
5
5
|
border: 1px solid;
|
|
6
6
|
border-color: var(--ac-popover-border, var(--a-border-default));
|
|
7
|
-
border-radius: var(--a-border-radius-
|
|
7
|
+
border-radius: var(--a-border-radius-large);
|
|
8
8
|
max-width: calc(100vw - var(--a-spacing-6));
|
|
9
9
|
}
|
|
10
10
|
|
package/table.css
CHANGED
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
|
|
140
140
|
.navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
|
|
141
141
|
background-color: var(--ac-table-sort-button-sorted-bg, var(--a-surface-selected));
|
|
142
|
-
color: var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle));
|
|
142
|
+
color: var(--ac-table-sort-button-sorted-text, var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle)));
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
.navds-table__header-cell--align-right .navds-table__sort-button {
|
package/tokens.json
CHANGED