@navikt/ds-css 5.7.5 → 5.8.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 +12 -0
- package/chips.css +14 -1
- package/dist/component/chips.css +14 -1
- package/dist/component/chips.min.css +1 -1
- package/dist/component/index.css +15 -3
- package/dist/component/index.min.css +2 -2
- package/dist/component/modal.css +4 -1
- package/dist/component/modal.min.css +1 -1
- package/dist/components.css +18 -2
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +15 -3
- package/dist/index.min.css +2 -2
- package/modal.css +4 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @navikt/ds-css
|
|
2
2
|
|
|
3
|
+
## 5.8.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- :bug: Modal: Bedre støtte for Tooltip i Modal ([#2429](https://github.com/navikt/aksel/pull/2429))
|
|
8
|
+
|
|
9
|
+
## 5.7.6
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- :lipstick: Chips.Toggle: Ikon i uvalgt tilstand ([#2395](https://github.com/navikt/aksel/pull/2395))
|
|
14
|
+
|
|
3
15
|
## 5.7.5
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/chips.css
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
cursor: pointer;
|
|
21
21
|
align-items: center;
|
|
22
22
|
justify-content: center;
|
|
23
|
-
gap: var(--a-spacing-
|
|
23
|
+
gap: var(--a-spacing-05);
|
|
24
24
|
margin: 0;
|
|
25
25
|
padding: 0 var(--a-spacing-3);
|
|
26
26
|
text-decoration: none;
|
|
@@ -97,6 +97,19 @@
|
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
+
.navds-chips--medium .navds-chips__toggle--with-checkmark {
|
|
101
|
+
padding-left: var(--a-spacing-1-alt);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.navds-chips--small .navds-chips__toggle--with-checkmark {
|
|
105
|
+
padding-left: var(--a-spacing-1);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.navds-chips--small .navds-chips__toggle-icon {
|
|
109
|
+
width: 1rem;
|
|
110
|
+
height: 1rem;
|
|
111
|
+
}
|
|
112
|
+
|
|
100
113
|
.navds-chips__removable {
|
|
101
114
|
gap: 0;
|
|
102
115
|
}
|
package/dist/component/chips.css
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
cursor: pointer;
|
|
21
21
|
align-items: center;
|
|
22
22
|
justify-content: center;
|
|
23
|
-
gap: var(--a-spacing-
|
|
23
|
+
gap: var(--a-spacing-05);
|
|
24
24
|
margin: 0;
|
|
25
25
|
padding: 0 var(--a-spacing-3);
|
|
26
26
|
text-decoration: none;
|
|
@@ -98,6 +98,19 @@
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
.navds-chips--medium .navds-chips__toggle--with-checkmark {
|
|
102
|
+
padding-left: var(--a-spacing-1-alt);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.navds-chips--small .navds-chips__toggle--with-checkmark {
|
|
106
|
+
padding-left: var(--a-spacing-1);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.navds-chips--small .navds-chips__toggle-icon {
|
|
110
|
+
width: 1rem;
|
|
111
|
+
height: 1rem;
|
|
112
|
+
}
|
|
113
|
+
|
|
101
114
|
.navds-chips__removable {
|
|
102
115
|
gap: 0;
|
|
103
116
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-
|
|
1
|
+
.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-05);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips--medium .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1)}.navds-chips--small .navds-chips__toggle-icon{height:1rem;width:1rem}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left:var(--a-spacing-1-alt)}.navds-chips--icon-right{padding-right:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips--icon-right{padding-right:var(--a-spacing-05)}
|
package/dist/component/index.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Mon, 30 Oct 2023 09:59:59 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--a-spacing-1-alt: 0.375rem;
|
|
@@ -2266,7 +2266,7 @@ body,
|
|
|
2266
2266
|
cursor: pointer;
|
|
2267
2267
|
align-items: center;
|
|
2268
2268
|
justify-content: center;
|
|
2269
|
-
gap: var(--a-spacing-
|
|
2269
|
+
gap: var(--a-spacing-05);
|
|
2270
2270
|
margin: 0;
|
|
2271
2271
|
padding: 0 var(--a-spacing-3);
|
|
2272
2272
|
text-decoration: none;
|
|
@@ -2330,6 +2330,16 @@ body,
|
|
|
2330
2330
|
box-shadow: inset 0 0 0 1px var(--a-surface-default), 0 0 0 2px var(--ac-chip-toggle-focus, var(--a-border-focus));
|
|
2331
2331
|
}
|
|
2332
2332
|
}
|
|
2333
|
+
.navds-chips--medium .navds-chips__toggle--with-checkmark {
|
|
2334
|
+
padding-left: var(--a-spacing-1-alt);
|
|
2335
|
+
}
|
|
2336
|
+
.navds-chips--small .navds-chips__toggle--with-checkmark {
|
|
2337
|
+
padding-left: var(--a-spacing-1);
|
|
2338
|
+
}
|
|
2339
|
+
.navds-chips--small .navds-chips__toggle-icon {
|
|
2340
|
+
width: 1rem;
|
|
2341
|
+
height: 1rem;
|
|
2342
|
+
}
|
|
2333
2343
|
.navds-chips__removable {
|
|
2334
2344
|
gap: 0;
|
|
2335
2345
|
}
|
|
@@ -4433,7 +4443,6 @@ button.navds-internalheader__title:active,
|
|
|
4433
4443
|
.navds-modal--polyfilled {
|
|
4434
4444
|
top: 50%;
|
|
4435
4445
|
transform: translate(0, -50%);
|
|
4436
|
-
overflow: auto;
|
|
4437
4446
|
|
|
4438
4447
|
/* From polyfill (dialog-polyfill/dist/dialog-polyfill.css): */
|
|
4439
4448
|
left: 0;
|
|
@@ -4442,6 +4451,9 @@ button.navds-internalheader__title:active,
|
|
|
4442
4451
|
height: fit-content;
|
|
4443
4452
|
margin: auto;
|
|
4444
4453
|
}
|
|
4454
|
+
.navds-modal--polyfilled .navds-modal--polyfilled {
|
|
4455
|
+
overflow: auto;
|
|
4456
|
+
}
|
|
4445
4457
|
.navds-modal--polyfilled:not([open]) {
|
|
4446
4458
|
display: none; /* from polyfill */
|
|
4447
4459
|
}
|