@navikt/ds-css 3.2.2 → 3.2.4
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 +18 -0
- package/copybutton.css +22 -0
- package/date.css +35 -8
- package/dist/component/copybutton.css +22 -0
- package/dist/component/copybutton.min.css +1 -1
- package/dist/component/date.css +35 -8
- package/dist/component/date.min.css +1 -1
- package/dist/component/form.css +3 -0
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +54 -9
- package/dist/component/index.min.css +2 -2
- package/dist/components.css +53 -8
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +54 -9
- package/dist/index.min.css +2 -2
- package/form/search.css +4 -0
- package/package.json +2 -2
- package/tokens.json +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @navikt/ds-css
|
|
2
2
|
|
|
3
|
+
## 3.2.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#2000](https://github.com/navikt/aksel/pull/2000) [`30eee0dac`](https://github.com/navikt/aksel/commit/30eee0dac4e3e5a1379033283a6885e646e80458) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Search støtter nå htmlSize-prop
|
|
8
|
+
|
|
9
|
+
## 3.2.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#1993](https://github.com/navikt/aksel/pull/1993) [`475e994f4`](https://github.com/navikt/aksel/commit/475e994f494b2080ffc05eb1684b6a244e3e2969) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Fikset small-variant av datepicker-input
|
|
14
|
+
|
|
15
|
+
- :recycle: Refactored Datepicker.Input-button for bugfix
|
|
16
|
+
|
|
17
|
+
- [#1994](https://github.com/navikt/aksel/pull/1994) [`444e905e0`](https://github.com/navikt/aksel/commit/444e905e01965fd5cac40ff20c5225b072e67221) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: CopyButton har nå en `xsmall`-variant
|
|
18
|
+
|
|
19
|
+
- Kan nå lettere brukes i tabeller
|
|
20
|
+
|
|
3
21
|
## 3.2.2
|
|
4
22
|
|
|
5
23
|
## 3.2.1
|
package/copybutton.css
CHANGED
|
@@ -27,6 +27,12 @@
|
|
|
27
27
|
min-height: 2rem;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
.navds-copybutton--xsmall {
|
|
31
|
+
--__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2);
|
|
32
|
+
|
|
33
|
+
min-height: 1.5rem;
|
|
34
|
+
}
|
|
35
|
+
|
|
30
36
|
.navds-copybutton--icon-only {
|
|
31
37
|
--__ac-copybutton-padding: var(--a-spacing-3);
|
|
32
38
|
}
|
|
@@ -35,6 +41,14 @@
|
|
|
35
41
|
--__ac-copybutton-padding: var(--a-spacing-1);
|
|
36
42
|
}
|
|
37
43
|
|
|
44
|
+
.navds-copybutton--xsmall.navds-copybutton--icon-only {
|
|
45
|
+
--__ac-copybutton-padding: var(--a-spacing-05);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.navds-copybutton--xsmall .navds-copybutton__icon {
|
|
49
|
+
font-size: 1.25rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
38
52
|
.navds-copybutton__icon {
|
|
39
53
|
font-size: 1.5rem;
|
|
40
54
|
display: flex;
|
|
@@ -45,6 +59,10 @@
|
|
|
45
59
|
margin: 0;
|
|
46
60
|
}
|
|
47
61
|
|
|
62
|
+
:where(.navds-copybutton--small, .navds-copybutton--xsmall):where(:not(:only-child)) {
|
|
63
|
+
margin: -2px;
|
|
64
|
+
}
|
|
65
|
+
|
|
48
66
|
.navds-copybutton:focus-visible {
|
|
49
67
|
outline: none;
|
|
50
68
|
box-shadow: var(--a-shadow-focus);
|
|
@@ -108,6 +126,10 @@
|
|
|
108
126
|
gap: var(--a-spacing-2);
|
|
109
127
|
}
|
|
110
128
|
|
|
129
|
+
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
130
|
+
gap: var(--a-spacing-1);
|
|
131
|
+
}
|
|
132
|
+
|
|
111
133
|
.navds-copybutton--active > .navds-copybutton__content {
|
|
112
134
|
animation: var(--ac-copybutton-animation, akselCopyButtonAnimation 0.4s linear);
|
|
113
135
|
}
|
package/date.css
CHANGED
|
@@ -198,11 +198,11 @@
|
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
.navds-date__field-input {
|
|
201
|
-
padding-right: var(--a-spacing-
|
|
201
|
+
padding-right: var(--a-spacing-14);
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
.navds-form-field--small .navds-date__field-input {
|
|
205
|
-
padding-right: var(--a-spacing-
|
|
205
|
+
padding-right: var(--a-spacing-10);
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
/* Error-handling */
|
|
@@ -223,24 +223,51 @@
|
|
|
223
223
|
|
|
224
224
|
.navds-date__field-button {
|
|
225
225
|
position: absolute;
|
|
226
|
-
right:
|
|
226
|
+
right: 1px;
|
|
227
227
|
top: 50%;
|
|
228
228
|
transform: translateY(-50%);
|
|
229
229
|
color: var(--ac-date-input-button-text, var(--a-text-default));
|
|
230
|
+
display: inline-flex;
|
|
231
|
+
cursor: pointer;
|
|
232
|
+
margin: 0;
|
|
233
|
+
text-decoration: none;
|
|
234
|
+
border: none;
|
|
235
|
+
background: none;
|
|
236
|
+
border-radius: 3px;
|
|
237
|
+
padding: var(--a-spacing-3);
|
|
238
|
+
align-items: center;
|
|
239
|
+
justify-content: center;
|
|
240
|
+
font-size: 1.5rem;
|
|
241
|
+
height: calc(100% - 2px);
|
|
242
|
+
border-start-start-radius: 0;
|
|
243
|
+
border-end-start-radius: 0;
|
|
230
244
|
}
|
|
231
245
|
|
|
232
246
|
.navds-form-field--small .navds-date__field-button {
|
|
233
|
-
|
|
234
|
-
height: 1.5rem;
|
|
235
|
-
width: 1.5rem;
|
|
247
|
+
padding: var(--a-spacing-1);
|
|
236
248
|
}
|
|
237
249
|
|
|
238
|
-
.navds-
|
|
239
|
-
|
|
250
|
+
.navds-date__field-button:hover:where(:not([disabled])) {
|
|
251
|
+
color: var(--ac-date-input-button-hover-text, var(--a-text-action-on-action-subtle));
|
|
252
|
+
background-color: var(--ac-date-input-button-hover-bg, var(--a-surface-action-subtle-hover));
|
|
240
253
|
}
|
|
241
254
|
|
|
242
255
|
.navds-form-field--disabled .navds-date__field-button {
|
|
243
256
|
opacity: 1;
|
|
257
|
+
cursor: not-allowed;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.navds-date__field-button:focus-visible {
|
|
261
|
+
outline: none;
|
|
262
|
+
box-shadow: var(--a-shadow-focus);
|
|
263
|
+
border-radius: var(--a-border-radius-medium);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
@supports not selector(:focus-visible) {
|
|
267
|
+
.navds-date__field-button:focus {
|
|
268
|
+
outline: none;
|
|
269
|
+
box-shadow: var(--a-shadow-focus);
|
|
270
|
+
}
|
|
244
271
|
}
|
|
245
272
|
|
|
246
273
|
.navds-date__caption__year {
|
|
@@ -27,6 +27,12 @@
|
|
|
27
27
|
min-height: 2rem;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
.navds-copybutton--xsmall {
|
|
31
|
+
--__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2);
|
|
32
|
+
|
|
33
|
+
min-height: 1.5rem;
|
|
34
|
+
}
|
|
35
|
+
|
|
30
36
|
.navds-copybutton--icon-only {
|
|
31
37
|
--__ac-copybutton-padding: var(--a-spacing-3);
|
|
32
38
|
}
|
|
@@ -35,6 +41,14 @@
|
|
|
35
41
|
--__ac-copybutton-padding: var(--a-spacing-1);
|
|
36
42
|
}
|
|
37
43
|
|
|
44
|
+
.navds-copybutton--xsmall.navds-copybutton--icon-only {
|
|
45
|
+
--__ac-copybutton-padding: var(--a-spacing-05);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.navds-copybutton--xsmall .navds-copybutton__icon {
|
|
49
|
+
font-size: 1.25rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
38
52
|
.navds-copybutton__icon {
|
|
39
53
|
font-size: 1.5rem;
|
|
40
54
|
display: flex;
|
|
@@ -45,6 +59,10 @@
|
|
|
45
59
|
margin: 0;
|
|
46
60
|
}
|
|
47
61
|
|
|
62
|
+
:where(.navds-copybutton--small, .navds-copybutton--xsmall):where(:not(:only-child)) {
|
|
63
|
+
margin: -2px;
|
|
64
|
+
}
|
|
65
|
+
|
|
48
66
|
.navds-copybutton:focus-visible {
|
|
49
67
|
outline: none;
|
|
50
68
|
box-shadow: var(--a-shadow-focus);
|
|
@@ -110,6 +128,10 @@
|
|
|
110
128
|
gap: var(--a-spacing-2);
|
|
111
129
|
}
|
|
112
130
|
|
|
131
|
+
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
132
|
+
gap: var(--a-spacing-1);
|
|
133
|
+
}
|
|
134
|
+
|
|
113
135
|
.navds-copybutton--active > .navds-copybutton__content {
|
|
114
136
|
animation: var(--ac-copybutton-animation, akselCopyButtonAnimation 0.4s linear);
|
|
115
137
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-theme=dark] .navds-copybutton,[data-theme=dark].navds-copybutton{--a-text-action:var(--a-blue-300);--a-surface-hover:rgba(214,231,255,.13);--a-icon-success:#33aa5f;--a-text-subtle:rgba(231,240,254,.69);--a-text-default:rgba(251,252,254,.96)}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3);min-height:2rem}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton__icon{display:flex;font-size:1.5rem;margin-left:-4px}.navds-copybutton__icon:only-child{margin:0}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--a-text-action))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--a-surface-hover));color:var(--ac-copybutton-action-hover-text,var(--a-text-action))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--a-text-action))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--a-icon-success))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--a-text-subtle))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--a-surface-hover));color:var(--ac-copybutton-neutral-hover-text,var(--a-text-default))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--a-text-default))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--a-text-default))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--active>.navds-copybutton__content{-webkit-animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear);animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear)}@-webkit-keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}@keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}.navds-copybutton:where(:disabled){cursor:not-allowed;opacity:.3}
|
|
1
|
+
[data-theme=dark] .navds-copybutton,[data-theme=dark].navds-copybutton{--a-text-action:var(--a-blue-300);--a-surface-hover:rgba(214,231,255,.13);--a-icon-success:#33aa5f;--a-text-subtle:rgba(231,240,254,.69);--a-text-default:rgba(251,252,254,.96)}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3);min-height:2rem}.navds-copybutton--xsmall{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-2);min-height:1.5rem}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-05)}.navds-copybutton--xsmall .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton__icon{display:flex;font-size:1.5rem;margin-left:-4px}.navds-copybutton__icon:only-child{margin:0}:where(.navds-copybutton--small,.navds-copybutton--xsmall):where(:not(:only-child)){margin:-2px}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--a-text-action))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--a-surface-hover));color:var(--ac-copybutton-action-hover-text,var(--a-text-action))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--a-text-action))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--a-icon-success))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--a-text-subtle))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--a-surface-hover));color:var(--ac-copybutton-neutral-hover-text,var(--a-text-default))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--a-text-default))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--a-text-default))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--xsmall>.navds-copybutton__content{gap:var(--a-spacing-1)}.navds-copybutton--active>.navds-copybutton__content{-webkit-animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear);animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear)}@-webkit-keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}@keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}.navds-copybutton:where(:disabled){cursor:not-allowed;opacity:.3}
|
package/dist/component/date.css
CHANGED
|
@@ -200,11 +200,11 @@
|
|
|
200
200
|
}
|
|
201
201
|
|
|
202
202
|
.navds-date__field-input {
|
|
203
|
-
padding-right: var(--a-spacing-
|
|
203
|
+
padding-right: var(--a-spacing-14);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
.navds-form-field--small .navds-date__field-input {
|
|
207
|
-
padding-right: var(--a-spacing-
|
|
207
|
+
padding-right: var(--a-spacing-10);
|
|
208
208
|
}
|
|
209
209
|
|
|
210
210
|
/* Error-handling */
|
|
@@ -226,24 +226,51 @@
|
|
|
226
226
|
|
|
227
227
|
.navds-date__field-button {
|
|
228
228
|
position: absolute;
|
|
229
|
-
right:
|
|
229
|
+
right: 1px;
|
|
230
230
|
top: 50%;
|
|
231
231
|
transform: translateY(-50%);
|
|
232
232
|
color: var(--ac-date-input-button-text, var(--a-text-default));
|
|
233
|
+
display: inline-flex;
|
|
234
|
+
cursor: pointer;
|
|
235
|
+
margin: 0;
|
|
236
|
+
text-decoration: none;
|
|
237
|
+
border: none;
|
|
238
|
+
background: none;
|
|
239
|
+
border-radius: 3px;
|
|
240
|
+
padding: var(--a-spacing-3);
|
|
241
|
+
align-items: center;
|
|
242
|
+
justify-content: center;
|
|
243
|
+
font-size: 1.5rem;
|
|
244
|
+
height: calc(100% - 2px);
|
|
245
|
+
border-start-start-radius: 0;
|
|
246
|
+
border-end-start-radius: 0;
|
|
233
247
|
}
|
|
234
248
|
|
|
235
249
|
.navds-form-field--small .navds-date__field-button {
|
|
236
|
-
|
|
237
|
-
height: 1.5rem;
|
|
238
|
-
width: 1.5rem;
|
|
250
|
+
padding: var(--a-spacing-1);
|
|
239
251
|
}
|
|
240
252
|
|
|
241
|
-
.navds-
|
|
242
|
-
|
|
253
|
+
.navds-date__field-button:hover:where(:not([disabled])) {
|
|
254
|
+
color: var(--ac-date-input-button-hover-text, var(--a-text-action-on-action-subtle));
|
|
255
|
+
background-color: var(--ac-date-input-button-hover-bg, var(--a-surface-action-subtle-hover));
|
|
243
256
|
}
|
|
244
257
|
|
|
245
258
|
.navds-form-field--disabled .navds-date__field-button {
|
|
246
259
|
opacity: 1;
|
|
260
|
+
cursor: not-allowed;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.navds-date__field-button:focus-visible {
|
|
264
|
+
outline: none;
|
|
265
|
+
box-shadow: var(--a-shadow-focus);
|
|
266
|
+
border-radius: var(--a-border-radius-medium);
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
@supports not selector(:focus-visible) {
|
|
270
|
+
.navds-date__field-button:focus {
|
|
271
|
+
outline: none;
|
|
272
|
+
box-shadow: var(--a-shadow-focus);
|
|
273
|
+
}
|
|
247
274
|
}
|
|
248
275
|
|
|
249
276
|
.navds-date__caption__year {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-date{padding:var(--a-spacing-3)}.navds-date .rdp-day_range_middle.rdp-day_disabled{background:var(--ac-date-middle-bg,var(--a-surface-action-selected));color:var(--ac-date-middle-text,var(--a-text-on-action))}.navds-date .rdp-month,.navds-date.rdp-month{display:grid;gap:var(--a-spacing-5)}.navds-date__caption-label{text-transform:capitalize}.navds-date .rdp-head_cell{font-size:var(--a-font-size-small);text-transform:capitalize}.navds-date .rdp-weeknumber{align-items:center;background:var(--ac-date-week-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-small);color:var(--ac-date-week-text,var(--a-text-on-neutral));display:flex;font-size:var(--a-font-size-small);justify-content:center;padding:var(--a-spacing-05) var(--a-spacing-1)}.navds-date__caption-dropdown{align-items:center;display:flex;gap:var(--a-spacing-2);justify-content:space-between}.navds-date__caption__month-wrapper{align-items:center;display:flex;gap:var(--a-spacing-2);justify-content:center}.navds-date__caption__month .navds-select__container select{text-transform:capitalize}.navds-date .rdp-button{all:unset;border-radius:var(--a-border-radius-medium);height:2.5rem;text-align:center;width:2.5rem}.navds-date .rdp-day_range_start{border-radius:var(--a-border-radius-xlarge) var(--a-border-radius-small) var(--a-border-radius-small) var(--a-border-radius-xlarge)}.navds-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--a-border-radius-small) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge) var(--a-border-radius-small)}.navds-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--a-border-radius-xlarge)}.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus-visible,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus-visible{box-shadow:var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus{box-shadow:var(--a-shadow-focus)}}.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus-visible,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-date__month-button{all:unset;border-radius:var(--a-border-radius-medium);cursor:pointer;height:2.75rem;text-align:center;text-transform:capitalize;width:3rem}.navds-date__month-button:focus-visible,.navds-monthpicker__caption-button:focus-visible{box-shadow:var(--a-shadow-focus);z-index:1}@supports not selector(:focus-visible){.navds-date__month-button:focus,.navds-monthpicker__caption-button:focus{box-shadow:var(--a-shadow-focus);z-index:1}}.navds-date__year-label{align-items:center;display:flex}.navds-date__standalone-wrapper,.navds-date__wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date .navds-date__field{display:flex;flex-direction:column;position:relative;width:100%}.navds-date__field-wrapper{align-items:center;display:inline-flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date__field-button,.navds-date__field-input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-date__field-input:focus{z-index:1}}.navds-date .rdp-day_selected,.navds-monthpicker__month--selected{background:var(--ac-date-selected-bg,var(--a-surface-action-selected));color:var(--ac-date-selected-text,var(--a-text-on-action));cursor:pointer}.navds-date .rdp-day_disabled{background-color:var(--ac-date-disabled-bg,var(--a-surface-neutral-subtle));color:var(--ac-date-disabled-text,var(--a-text-subtle));cursor:not-allowed;text-decoration:line-through}.navds-date .rdp-button:where(:not(.rdp-day_selected):not([disabled])):hover,.navds-date__month-button:where(:not(.rdp-day_selected):not([disabled])):hover{background:var(--ac-date-hover-bg,var(--a-surface-action-subtle-hover));cursor:pointer}.navds-date .rdp-day_today{box-shadow:0 0 0 1px var(--ac-date-today-border,var(--a-border-action-selected));text-decoration:underline}.navds-date__caption{align-items:center;display:flex;gap:var(--a-spacing-2);justify-content:space-between}.navds-date__caption-button,.navds-date__caption-button:disabled,.navds-date__caption-button:disabled:hover{color:var(--ac-date-caption-text,var(--a-text-default))}.navds-date__field-input{padding-right:var(--a-spacing-
|
|
1
|
+
.navds-date{padding:var(--a-spacing-3)}.navds-date .rdp-day_range_middle.rdp-day_disabled{background:var(--ac-date-middle-bg,var(--a-surface-action-selected));color:var(--ac-date-middle-text,var(--a-text-on-action))}.navds-date .rdp-month,.navds-date.rdp-month{display:grid;gap:var(--a-spacing-5)}.navds-date__caption-label{text-transform:capitalize}.navds-date .rdp-head_cell{font-size:var(--a-font-size-small);text-transform:capitalize}.navds-date .rdp-weeknumber{align-items:center;background:var(--ac-date-week-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-small);color:var(--ac-date-week-text,var(--a-text-on-neutral));display:flex;font-size:var(--a-font-size-small);justify-content:center;padding:var(--a-spacing-05) var(--a-spacing-1)}.navds-date__caption-dropdown{align-items:center;display:flex;gap:var(--a-spacing-2);justify-content:space-between}.navds-date__caption__month-wrapper{align-items:center;display:flex;gap:var(--a-spacing-2);justify-content:center}.navds-date__caption__month .navds-select__container select{text-transform:capitalize}.navds-date .rdp-button{all:unset;border-radius:var(--a-border-radius-medium);height:2.5rem;text-align:center;width:2.5rem}.navds-date .rdp-day_range_start{border-radius:var(--a-border-radius-xlarge) var(--a-border-radius-small) var(--a-border-radius-small) var(--a-border-radius-xlarge)}.navds-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--a-border-radius-small) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge) var(--a-border-radius-small)}.navds-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--a-border-radius-xlarge)}.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus-visible,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus-visible{box-shadow:var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus,.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus{box-shadow:var(--a-shadow-focus)}}.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus-visible,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-date__month-button{all:unset;border-radius:var(--a-border-radius-medium);cursor:pointer;height:2.75rem;text-align:center;text-transform:capitalize;width:3rem}.navds-date__month-button:focus-visible,.navds-monthpicker__caption-button:focus-visible{box-shadow:var(--a-shadow-focus);z-index:1}@supports not selector(:focus-visible){.navds-date__month-button:focus,.navds-monthpicker__caption-button:focus{box-shadow:var(--a-shadow-focus);z-index:1}}.navds-date__year-label{align-items:center;display:flex}.navds-date__standalone-wrapper,.navds-date__wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date .navds-date__field{display:flex;flex-direction:column;position:relative;width:100%}.navds-date__field-wrapper{align-items:center;display:inline-flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-date__field-button,.navds-date__field-input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-date__field-input:focus{z-index:1}}.navds-date .rdp-day_selected,.navds-monthpicker__month--selected{background:var(--ac-date-selected-bg,var(--a-surface-action-selected));color:var(--ac-date-selected-text,var(--a-text-on-action));cursor:pointer}.navds-date .rdp-day_disabled{background-color:var(--ac-date-disabled-bg,var(--a-surface-neutral-subtle));color:var(--ac-date-disabled-text,var(--a-text-subtle));cursor:not-allowed;text-decoration:line-through}.navds-date .rdp-button:where(:not(.rdp-day_selected):not([disabled])):hover,.navds-date__month-button:where(:not(.rdp-day_selected):not([disabled])):hover{background:var(--ac-date-hover-bg,var(--a-surface-action-subtle-hover));cursor:pointer}.navds-date .rdp-day_today{box-shadow:0 0 0 1px var(--ac-date-today-border,var(--a-border-action-selected));text-decoration:underline}.navds-date__caption{align-items:center;display:flex;gap:var(--a-spacing-2);justify-content:space-between}.navds-date__caption-button,.navds-date__caption-button:disabled,.navds-date__caption-button:disabled:hover{color:var(--ac-date-caption-text,var(--a-text-default))}.navds-date__field-input{padding-right:var(--a-spacing-14)}.navds-form-field--small .navds-date__field-input{padding-right:var(--a-spacing-10)}.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled){border-color:var(--ac-date-input-error-border,var(--a-border-danger));box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger))}.navds-date__field--error .navds-date__field-input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date__field--error .navds-date__field-input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-date__field-button{align-items:center;background:none;border:none;border-end-start-radius:0;border-radius:3px;border-start-start-radius:0;color:var(--ac-date-input-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-size:1.5rem;height:calc(100% - 2px);justify-content:center;margin:0;padding:var(--a-spacing-3);position:absolute;right:1px;text-decoration:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navds-form-field--small .navds-date__field-button{padding:var(--a-spacing-1)}.navds-date__field-button:hover:where(:not([disabled])){background-color:var(--ac-date-input-button-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-date-input-button-hover-text,var(--a-text-action-on-action-subtle))}.navds-form-field--disabled .navds-date__field-button{cursor:not-allowed;opacity:1}.navds-date__field-button:focus-visible{border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-date__field-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-date__caption__year{width:5rem}.navds-date .rdp-day_outside{pointer-events:none;visibility:hidden}
|
package/dist/component/form.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-fieldset{border:0;margin:0;min-width:0;padding:0}.navds-fieldset>:not(:first-child):not(:empty){margin-top:var(--a-spacing-2)}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child):not(:empty){margin-top:0}.navds-fieldset__legend{padding:0}.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:.3}.navds-form-field{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-form-field__description{margin-top:-6px}.navds-fieldset .navds-error-message,.navds-form-field .navds-error-message{display:flex;gap:var(--a-spacing-2)}.navds-fieldset .navds-error-message:before,.navds-form-field .navds-error-message:before{content:"•"}.navds-form-field--disabled{cursor:not-allowed;opacity:.3}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ac-form-subdescription,var(--a-text-subtle))}.navds-error-summary{background-color:var(--ac-error-summary-bg,var(--a-surface-default));border:4px solid var(--ac-error-summary-border,var(--a-border-danger));padding:var(--a-spacing-5)}.navds-error-summary--small{padding:var(--a-spacing-3)}.navds-error-summary:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-error-summary:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-error-summary__list{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:inherit;margin:var(--a-spacing-3) 0;padding-left:var(--a-spacing-6)}.navds-error-summary__list>*{color:var(--ac-error-summary-list-dot,var(--a-text-action))}.navds-error-summary--small>.navds-error-summary__list{gap:var(--a-spacing-2);margin:var(--a-spacing-2) 0;padding-left:var(--a-spacing-5)}.navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-bg,var(--a-surface-warning-subtle));border:1px solid var(--ac-confirmation-panel-border,var(--a-border-warning));border-radius:var(--a-border-radius-medium);display:flex;flex-direction:column;gap:var(--a-spacing-3);justify-self:stretch;padding:var(--a-spacing-4);transition:background-color .1s linear}.navds-confirmation-panel__content{max-width:80ch}.navds-confirmation-panel--checked .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-checked-bg,var(--a-surface-success-subtle));border-color:var(--ac-confirmation-panel-checked-border,var(--a-border-success))}.navds-confirmation-panel--error .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-confirmation-panel-error-border,var(--a-border-danger))}.navds-checkbox,.navds-radio{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-checkbox__input,.navds-radio__input{cursor:pointer;height:48px;left:-12px;opacity:0;position:absolute;top:0;width:48px;z-index:1}.navds-checkbox__label,.navds-radio__label{cursor:pointer;display:flex;gap:var(--a-spacing-2);padding:var(--a-spacing-3) 0}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:var(--a-border-radius-medium);box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default));content:"";flex-shrink:0;height:1.5rem;width:1.5rem}.navds-radio__label:before{border-radius:var(--a-border-radius-full)}.navds-checkbox__content,.navds-radio__content{display:flex;flex-direction:column;gap:.125rem}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{height:32px;left:-6px;top:0;width:32px}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:6px 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{height:1.25rem;width:1.25rem}.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio__input:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:focus-visible+.navds-checkbox__label:before,.navds-radio__input:hover:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:hover:focus+.navds-checkbox__label:before,.navds-radio__input:hover:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}}.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:none}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:1px;content:"";flex-shrink:0;height:.25rem;position:absolute;top:50%;-webkit-transform:translate(.375rem,-50%);transform:translate(.375rem,-50%);width:.75rem}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label:after{-webkit-transform:translate(.25rem,-50%);transform:translate(.25rem,-50%)}.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQgMTBjLS40IDAtLjgtLjEtMS4xLS40TC40IDcuMUMuMSA2LjggMCA2LjQgMCA2cy4yLS44LjUtMS4xYy41LS41IDEuNS0uNSAyIDBMNCA2LjRsNi40LTZjLjQtLjMuNy0uNCAxLjEtLjQuNCAwIC44LjIgMSAuNS42LjYuNSAxLjYtLjEgMi4xTDUgOS42Yy0uMy4zLS42LjQtMSAuNHptNy44LTguMXptLS42LS44eiIvPjwvc3ZnPg==);background-position:6px;background-repeat:no-repeat;background-size:13px;box-shadow:none}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:4px}.navds-checkbox__input:checked:focus-visible+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus-visible+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:checked:focus+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}@supports not selector(:focus-visible){.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action-hover-bg,var(--a-surface-action-subtle))}.navds-checkbox--error>.navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--disabled,.navds-radio--disabled{opacity:.3}.navds-checkbox--disabled>.navds-checkbox__input,.navds-checkbox--disabled>.navds-checkbox__label,.navds-radio--disabled>.navds-radio__input,.navds-radio--disabled>.navds-radio__label{cursor:not-allowed}.navds-select__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);box-sizing:border-box;color:var(--ac-select-text,var(--a-text-default));display:inline-block;min-height:48px;padding:.5rem 2rem .5rem .5rem;position:relative;width:100%}.navds-select__input:hover{border-color:var(--ac-select-hover-bg,var(--a-border-action))}.navds-select__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-select__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-select__container{color:var(--a-text-default);display:flex;position:relative;width:100%}.navds-select__chevron{align-self:center;font-size:1.5rem;pointer-events:none;position:absolute;right:var(--a-spacing-2)}.navds-form-field--small .navds-select__input{min-height:32px;padding:0 2rem 0 .25rem}.navds-form-field--small .navds-select__chevron{right:.375rem}.navds-select--error>* select:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-select-error-border,var(--a-surface-danger));box-shadow:0 0 0 1px var(--ac-select-error-border,var(--a-surface-danger))}.navds-select__input:disabled{background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));box-shadow:none;color:var(--a-text-default);cursor:not-allowed;opacity:1}.navds-select__input:disabled>option{color:var(--a-text-default)}.navds-switch{min-height:48px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-switch--right{width:auto}.navds-switch--small{min-height:32px;position:relative}.navds-switch__input{cursor:pointer;height:48px;opacity:0;position:absolute;top:0;width:48px;z-index:1}.navds-switch--small>.navds-switch__input{height:32px;top:0}.navds-switch__label-wrapper{color:var(--a-text-default);cursor:pointer}.navds-switch__content{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 0 .75rem 3.25rem}.navds-switch--right>.navds-switch__label-wrapper>.navds-switch__content{padding:.75rem 3.25rem .75rem 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - 2px) 0 calc(var(--a-spacing-2) - 2px) 3.25rem}.navds-switch--right.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - 2px) 3.25rem calc(var(--a-spacing-2) - 2px) 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch--with-description,.navds-switch--with-description{padding-bottom:0}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ac-switch-action,var(--a-surface-action))}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);height:24px;left:0;position:absolute;top:var(--a-spacing-3);transition:background-color .25s cubic-bezier(.4,0,.2,1);width:44px}.navds-switch--small>.navds-switch__track{top:var(--a-spacing-1)}.navds-switch--right>.navds-switch__input,.navds-switch--right>.navds-switch__track{left:auto;right:0}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-surface-success))}.navds-switch__input:hover~.navds-switch__track{background-color:var(--ac-switch-hover-bg,var(--a-surface-neutral-hover))}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-success-hover))}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral))}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-border-success))}.navds-switch__input:focus-visible~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-switch__input:focus~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-default));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:20px;justify-content:center;left:2px;position:absolute;top:2px;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:20px}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--ac-switch-thumb-icon-checked,var(--a-icon-success));-webkit-transform:translateX(20px);transform:translateX(20px)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(2px);transform:translateX(2px)}.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(18px);transform:translateX(18px)}}.navds-switch__input:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(0);transform:translateX(0)}.navds-switch__input:checked:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(20px);transform:translateX(20px)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb .navds-loader__foreground{stroke:var(--ac-switch-thumb-icon-checked,var(--a-icon-success))}.navds-switch__input:disabled{-webkit-appearance:none;appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:.3}.navds-switch__input:disabled,.navds-switch__input:disabled~.navds-switch__label-wrapper{cursor:not-allowed}[data-theme=dark]{--ac-textfield-text:var(--a-text-on-inverted);--ac-textfield-bg:var(--a-surface-inverted);--ac-textfield-border:var(--a-border-on-inverted);--ac-textfield-hover-border:var(--a-blue-200);--ac-textfield-placeholder:var(--a-gray-500);--ac-textfield-error-border:var(--a-red-300);--ac-textarea-text:var(--a-text-on-inverted);--ac-textarea-bg:var(--a-transparent);--ac-textarea-border:var(--a-border-on-inverted);--ac-textarea-hover-border:var(--a-blue-200);--ac-textarea-placeholder:var(--a-gray-500);--ac-textarea-error-border:var(--a-red-300);--ac-textarea-counter-text:var(--a-gray-300);--ac-textarea-counter-error-text:var(--a-red-300);--ac-search-button-border:var(--a-border-on-inverted);--ac-search-button-border-hover:var(--a-blue-200);--ac-search-clear-icon:var(--a-white);--ac-search-clear-icon-hover:var(--a-blue-200);--ac-search-error-border:var(--a-red-300)}.navds-text-field__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textfield-bg,var(--a-surface-default));border:1px solid var(--ac-textfield-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);color:var(--ac-textfield-text,var(--a-text-default));min-height:48px;padding:var(--a-spacing-2);width:100%}.navds-text-field__input[size]{width:auto}.navds-text-field__input::-webkit-input-placeholder{color:var(--ac-textfield-placeholder,var(--a-text-subtle))}.navds-text-field__input::placeholder{color:var(--ac-textfield-placeholder,var(--a-text-subtle))}.navds-form-field--small .navds-text-field__input{min-height:32px;padding:0 .5rem}.navds-text-field__input:hover{border-color:var(--ac-textfield-hover-border,var(--a-border-action))}.navds-text-field__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-text-field__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-text-field--error>.navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-textfield-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-textfield-error-border,var(--a-border-danger))}.navds-text-field--error>.navds-text-field__input:focus-visible:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-text-field--error>.navds-text-field__input:focus:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}}.navds-text-field__input:disabled,.navds-text-field__input[readonly]{background-color:var(--ac-textfield-bg,var(--a-surface-default));border-color:var(--ac-textfield-border,var(--a-border-default));box-shadow:none;cursor:not-allowed}.navds-text-field__input[type=search]::-webkit-search-cancel-button,.navds-text-field__input[type=search]::-webkit-search-decoration,.navds-text-field__input[type=search]::-webkit-search-results-button,.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.navds-textarea__wrapper{position:relative;width:100%}.navds-textarea__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textarea-bg,var(--a-surface-default));border:1px solid var(--ac-textarea-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);color:var(--ac-textarea-text,var(--a-text-default));display:block;padding:var(--a-spacing-2);resize:none;width:100%}.navds-textarea--counter{padding-bottom:var(--a-spacing-8)}.navds-textarea__input::-webkit-input-placeholder{color:var(--ac-textarea-placeholder,var(--a-text-subtle))}.navds-textarea__input::placeholder{color:var(--ac-textarea-placeholder,var(--a-text-subtle))}.navds-textarea__input:hover{border-color:var(--ac-textarea-hover-border,var(--a-border-action))}.navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-form-field--small .navds-textarea__input{padding:6px}.navds-form-field--small .navds-textarea--counter.navds-textarea__input{padding-bottom:var(--a-spacing-7)}.navds-textarea__counter{bottom:1px;color:var(--ac-textarea-counter-text,var(--a-text-subtle));font-style:italic;left:1px;padding:var(--a-spacing-1) var(--a-spacing-2);pointer-events:none;position:absolute;text-align:left}.navds-textarea__counter--error{color:var(--ac-textarea-counter-error-text,var(--a-text-danger))}.navds-textarea--resize .navds-textarea__input{resize:both}.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus-visible):not(:disabled){border-color:var(--ac-textarea-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--a-border-danger))}@supports not selector(:focus-visible){.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-textarea-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--a-border-danger))}}.navds-textarea__input:disabled,.navds-textarea__input[readonly]{background-color:var(--ac-textarea-bg,var(--a-surface-default));border-color:var(--ac-textarea-border,var(--a-border-default));box-shadow:none;cursor:not-allowed}.navds-search{display:flex;flex-direction:column;width:100%}.navds-search__wrapper-inner{position:relative;width:100%}.navds-search__wrapper{align-items:center;display:inline-flex}.navds-search__input{padding-right:var(--a-spacing-10)}.navds-form-field--small .navds-search__input{padding-right:var(--a-spacing-8)}.navds-search__input--simple{padding-left:var(--a-spacing-11)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--a-spacing-7)}.navds-search__input:not(.navds-search__input--simple){border-bottom-right-radius:0;border-top-right-radius:0}.navds-search__search-icon{font-size:1.5rem;left:var(--a-spacing-3);pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navds-form-field--small .navds-search__search-icon{font-size:1rem;left:var(--a-spacing-2)}.navds-search__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-search-clear-icon,var(--a-text-default));cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:.75rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px}.navds-form-field--small .navds-search__button-clear{height:24px;right:.5rem;width:24px}.navds-search__button-clear:hover{color:var(--ac-search-clear-icon-hover,var(--a-text-action))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-search__button-search{border-radius:0;border-bottom-right-radius:var(--a-border-radius-medium);border-top-right-radius:var(--a-border-radius-medium);flex-shrink:0;min-height:32px;min-width:64px}.navds-form-field--small .navds-search__button-search svg{font-size:1rem}.navds-form-field--small .navds-search__button-search{min-width:40px}.navds-search__button-search.navds-button--secondary{box-shadow:-1px 0 0 0 var(--ac-search-button-border,var(--a-border-default)) inset,0 1px 0 0 var(--ac-search-button-border,var(--a-border-default)) inset,0 -1px 0 0 var(--ac-search-button-border,var(--a-border-default)) inset}.navds-search__button-search.navds-button--secondary:hover{box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--a-border-action)) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--a-border-action)) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--a-border-action)) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--a-border-action));z-index:1}.navds-search__wrapper-inner:focus-within+.navds-search__button-search.navds-button--secondary:hover{z-index:auto}.navds-search__button-search.navds-button--secondary:focus-visible{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--a-border-default)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--a-border-action)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-search__button-search.navds-button--secondary:focus{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--a-border-default)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--a-border-action)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}}.navds-search--error .navds-search__input:not(:hover):not(:disabled){border-color:var(--ac-search-error-border,var(--a-border-danger));box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--a-border-danger))}.navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-search__button-clear,.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-search__button-search:focus,.navds-search__input:focus{z-index:1}}
|
|
1
|
+
.navds-fieldset{border:0;margin:0;min-width:0;padding:0}.navds-fieldset>:not(:first-child):not(:empty){margin-top:var(--a-spacing-2)}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child):not(:empty){margin-top:0}.navds-fieldset__legend{padding:0}.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:.3}.navds-form-field{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-form-field__description{margin-top:-6px}.navds-fieldset .navds-error-message,.navds-form-field .navds-error-message{display:flex;gap:var(--a-spacing-2)}.navds-fieldset .navds-error-message:before,.navds-form-field .navds-error-message:before{content:"•"}.navds-form-field--disabled{cursor:not-allowed;opacity:.3}.navds-form-field__error:empty{display:none}.navds-form-field__subdescription{color:var(--ac-form-subdescription,var(--a-text-subtle))}.navds-error-summary{background-color:var(--ac-error-summary-bg,var(--a-surface-default));border:4px solid var(--ac-error-summary-border,var(--a-border-danger));padding:var(--a-spacing-5)}.navds-error-summary--small{padding:var(--a-spacing-3)}.navds-error-summary:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-error-summary:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-error-summary__list{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:inherit;margin:var(--a-spacing-3) 0;padding-left:var(--a-spacing-6)}.navds-error-summary__list>*{color:var(--ac-error-summary-list-dot,var(--a-text-action))}.navds-error-summary--small>.navds-error-summary__list{gap:var(--a-spacing-2);margin:var(--a-spacing-2) 0;padding-left:var(--a-spacing-5)}.navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-bg,var(--a-surface-warning-subtle));border:1px solid var(--ac-confirmation-panel-border,var(--a-border-warning));border-radius:var(--a-border-radius-medium);display:flex;flex-direction:column;gap:var(--a-spacing-3);justify-self:stretch;padding:var(--a-spacing-4);transition:background-color .1s linear}.navds-confirmation-panel__content{max-width:80ch}.navds-confirmation-panel--checked .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-checked-bg,var(--a-surface-success-subtle));border-color:var(--ac-confirmation-panel-checked-border,var(--a-border-success))}.navds-confirmation-panel--error .navds-confirmation-panel__inner{background-color:var(--ac-confirmation-panel-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-confirmation-panel-error-border,var(--a-border-danger))}.navds-checkbox,.navds-radio{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-checkbox__input,.navds-radio__input{cursor:pointer;height:48px;left:-12px;opacity:0;position:absolute;top:0;width:48px;z-index:1}.navds-checkbox__label,.navds-radio__label{cursor:pointer;display:flex;gap:var(--a-spacing-2);padding:var(--a-spacing-3) 0}.navds-checkbox__label:before,.navds-radio__label:before{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:var(--a-border-radius-medium);box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default));content:"";flex-shrink:0;height:1.5rem;width:1.5rem}.navds-radio__label:before{border-radius:var(--a-border-radius-full)}.navds-checkbox__content,.navds-radio__content{display:flex;flex-direction:column;gap:.125rem}.navds-checkbox--small>.navds-checkbox__input,.navds-radio--small>.navds-radio__input{height:32px;left:-6px;top:0;width:32px}.navds-checkbox--small>.navds-checkbox__label,.navds-radio--small>.navds-radio__label{padding:6px 0}.navds-checkbox--small>.navds-checkbox__label:before,.navds-radio--small>.navds-radio__label:before{height:1.25rem;width:1.25rem}.navds-checkbox__input:focus-visible+.navds-checkbox__label:before,.navds-radio__input:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:focus+.navds-checkbox__label:before,.navds-radio__input:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-border,var(--a-border-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:focus-visible+.navds-checkbox__label:before,.navds-radio__input:hover:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:hover:focus+.navds-checkbox__label:before,.navds-radio__input:hover:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),var(--a-shadow-focus)}}.navds-checkbox__input:indeterminate+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:none}.navds-checkbox__input:indeterminate+.navds-checkbox__label:after{background-color:var(--ac-radio-checkbox-bg,var(--a-surface-default));border-radius:1px;content:"";flex-shrink:0;height:.25rem;position:absolute;top:50%;-webkit-transform:translate(.375rem,-50%);transform:translate(.375rem,-50%);width:.75rem}.navds-checkbox--small .navds-checkbox__input:indeterminate+.navds-checkbox__label:after{-webkit-transform:translate(.25rem,-50%);transform:translate(.25rem,-50%)}.navds-checkbox__input:checked+.navds-checkbox__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQgMTBjLS40IDAtLjgtLjEtMS4xLS40TC40IDcuMUMuMSA2LjggMCA2LjQgMCA2cy4yLS44LjUtMS4xYy41LS41IDEuNS0uNSAyIDBMNCA2LjRsNi40LTZjLjQtLjMuNy0uNCAxLjEtLjQuNCAwIC44LjIgMSAuNS42LjYuNSAxLjYtLjEgMi4xTDUgOS42Yy0uMy4zLS42LjQtMSAuNHptNy44LTguMXptLS42LS44eiIvPjwvc3ZnPg==);background-position:6px;background-repeat:no-repeat;background-size:13px;box-shadow:none}.navds-checkbox--small>.navds-checkbox__input:checked+.navds-checkbox__label:before{background-position:4px}.navds-checkbox__input:checked:focus-visible+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus-visible+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox__input:checked:focus+.navds-checkbox__label:before,.navds-checkbox__input:indeterminate:focus+.navds-checkbox__label:before{box-shadow:inset 0 0 0 1px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-radio__input:checked+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action,var(--a-surface-action));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default))}.navds-radio__input:checked:focus-visible+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-radio__input:checked:focus+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action)),inset 0 0 0 4px var(--ac-radio-checkbox-bg,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-checkbox__input:hover:not(:disabled)+.navds-checkbox__label,.navds-radio__input:hover:not(:disabled)+.navds-radio__label{color:var(--ac-radio-checkbox-action,var(--a-surface-action))}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}@supports not selector(:focus-visible){.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-action,var(--a-surface-action))}}.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio__input:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-action-hover-bg,var(--a-surface-action-subtle))}.navds-checkbox--error>.navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:not(:hover):not(:disabled):not(:checked)+.navds-radio__label:before{box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus-visible:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-checkbox--error>.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger))}.navds-checkbox--error>.navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)+.navds-checkbox__label:before,.navds-radio--error>.navds-radio__input:focus:hover:not(:disabled):not(:checked)+.navds-radio__label:before{background-color:var(--ac-radio-checkbox-error-hover-bg,var(--a-surface-danger-subtle));box-shadow:inset 0 0 0 2px var(--ac-radio-checkbox-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-checkbox--disabled,.navds-radio--disabled{opacity:.3}.navds-checkbox--disabled>.navds-checkbox__input,.navds-checkbox--disabled>.navds-checkbox__label,.navds-radio--disabled>.navds-radio__input,.navds-radio--disabled>.navds-radio__label{cursor:not-allowed}.navds-select__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);box-sizing:border-box;color:var(--ac-select-text,var(--a-text-default));display:inline-block;min-height:48px;padding:.5rem 2rem .5rem .5rem;position:relative;width:100%}.navds-select__input:hover{border-color:var(--ac-select-hover-bg,var(--a-border-action))}.navds-select__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-select__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-select__container{color:var(--a-text-default);display:flex;position:relative;width:100%}.navds-select__chevron{align-self:center;font-size:1.5rem;pointer-events:none;position:absolute;right:var(--a-spacing-2)}.navds-form-field--small .navds-select__input{min-height:32px;padding:0 2rem 0 .25rem}.navds-form-field--small .navds-select__chevron{right:.375rem}.navds-select--error>* select:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-select-error-border,var(--a-surface-danger));box-shadow:0 0 0 1px var(--ac-select-error-border,var(--a-surface-danger))}.navds-select__input:disabled{background-color:var(--ac-select-bg,var(--a-surface-default));border:1px solid var(--ac-select-border,var(--a-border-default));box-shadow:none;color:var(--a-text-default);cursor:not-allowed;opacity:1}.navds-select__input:disabled>option{color:var(--a-text-default)}.navds-switch{min-height:48px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-switch--right{width:auto}.navds-switch--small{min-height:32px;position:relative}.navds-switch__input{cursor:pointer;height:48px;opacity:0;position:absolute;top:0;width:48px;z-index:1}.navds-switch--small>.navds-switch__input{height:32px;top:0}.navds-switch__label-wrapper{color:var(--a-text-default);cursor:pointer}.navds-switch__content{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 0 .75rem 3.25rem}.navds-switch--right>.navds-switch__label-wrapper>.navds-switch__content{padding:.75rem 3.25rem .75rem 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - 2px) 0 calc(var(--a-spacing-2) - 2px) 3.25rem}.navds-switch--right.navds-switch--small>.navds-switch__label-wrapper>.navds-switch__content{padding:calc(var(--a-spacing-2) - 2px) 3.25rem calc(var(--a-spacing-2) - 2px) 0}.navds-switch--small>.navds-switch__label-wrapper>.navds-switch--with-description,.navds-switch--with-description{padding-bottom:0}.navds-switch__input:hover~.navds-switch__label-wrapper,.navds-switch__label-wrapper:hover{color:var(--ac-switch-action,var(--a-surface-action))}.navds-switch__input:disabled:hover~.navds-switch__label-wrapper{color:inherit}.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral));border-radius:var(--a-border-radius-full);height:24px;left:0;position:absolute;top:var(--a-spacing-3);transition:background-color .25s cubic-bezier(.4,0,.2,1);width:44px}.navds-switch--small>.navds-switch__track{top:var(--a-spacing-1)}.navds-switch--right>.navds-switch__input,.navds-switch--right>.navds-switch__track{left:auto;right:0}.navds-switch__input:checked~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-surface-success))}.navds-switch__input:hover~.navds-switch__track{background-color:var(--ac-switch-hover-bg,var(--a-surface-neutral-hover))}.navds-switch__input:hover:checked~.navds-switch__track{background-color:var(--ac-switch-checked-hover-bg,var(--a-surface-success-hover))}.navds-switch__input:disabled~.navds-switch__track{background-color:var(--ac-switch-bg,var(--a-surface-neutral))}.navds-switch__input:checked:disabled~.navds-switch__track{background-color:var(--ac-switch-checked-bg,var(--a-border-success))}.navds-switch__input:focus-visible~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-switch__input:focus~.navds-switch__track{box-shadow:0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-switch__thumb{align-items:center;background-color:var(--ac-switch-thumb-bg,var(--a-surface-default));border-radius:var(--a-border-radius-full);color:var(--ac-switch-thumb-icon,var(--a-icon-subtle));display:flex;height:20px;justify-content:center;left:2px;position:absolute;top:2px;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);width:20px}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb{color:var(--ac-switch-thumb-icon-checked,var(--a-icon-success));-webkit-transform:translateX(20px);transform:translateX(20px)}@media (hover:hover) and (pointer:fine){.navds-switch__input:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(2px);transform:translateX(2px)}.navds-switch__input:checked:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(18px);transform:translateX(18px)}}.navds-switch__input:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(0);transform:translateX(0)}.navds-switch__input:checked:disabled:hover~.navds-switch__track>.navds-switch__thumb{-webkit-transform:translateX(20px);transform:translateX(20px)}.navds-switch__input:checked~.navds-switch__track>.navds-switch__thumb .navds-loader__foreground{stroke:var(--ac-switch-thumb-icon-checked,var(--a-icon-success))}.navds-switch__input:disabled{-webkit-appearance:none;appearance:none}.navds-switch--disabled:not(.navds-switch--loading){opacity:.3}.navds-switch__input:disabled,.navds-switch__input:disabled~.navds-switch__label-wrapper{cursor:not-allowed}[data-theme=dark]{--ac-textfield-text:var(--a-text-on-inverted);--ac-textfield-bg:var(--a-surface-inverted);--ac-textfield-border:var(--a-border-on-inverted);--ac-textfield-hover-border:var(--a-blue-200);--ac-textfield-placeholder:var(--a-gray-500);--ac-textfield-error-border:var(--a-red-300);--ac-textarea-text:var(--a-text-on-inverted);--ac-textarea-bg:var(--a-transparent);--ac-textarea-border:var(--a-border-on-inverted);--ac-textarea-hover-border:var(--a-blue-200);--ac-textarea-placeholder:var(--a-gray-500);--ac-textarea-error-border:var(--a-red-300);--ac-textarea-counter-text:var(--a-gray-300);--ac-textarea-counter-error-text:var(--a-red-300);--ac-search-button-border:var(--a-border-on-inverted);--ac-search-button-border-hover:var(--a-blue-200);--ac-search-clear-icon:var(--a-white);--ac-search-clear-icon-hover:var(--a-blue-200);--ac-search-error-border:var(--a-red-300)}.navds-text-field__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textfield-bg,var(--a-surface-default));border:1px solid var(--ac-textfield-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);color:var(--ac-textfield-text,var(--a-text-default));min-height:48px;padding:var(--a-spacing-2);width:100%}.navds-text-field__input[size]{width:auto}.navds-text-field__input::-webkit-input-placeholder{color:var(--ac-textfield-placeholder,var(--a-text-subtle))}.navds-text-field__input::placeholder{color:var(--ac-textfield-placeholder,var(--a-text-subtle))}.navds-form-field--small .navds-text-field__input{min-height:32px;padding:0 .5rem}.navds-text-field__input:hover{border-color:var(--ac-textfield-hover-border,var(--a-border-action))}.navds-text-field__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-text-field__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-text-field--error>.navds-text-field__input:not(:hover):not(:disabled){border-color:var(--ac-textfield-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-textfield-error-border,var(--a-border-danger))}.navds-text-field--error>.navds-text-field__input:focus-visible:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-text-field--error>.navds-text-field__input:focus:not(:hover):not(:disabled){box-shadow:0 0 0 1px var(--a-border-danger),var(--a-shadow-focus)}}.navds-text-field__input:disabled,.navds-text-field__input[readonly]{background-color:var(--ac-textfield-bg,var(--a-surface-default));border-color:var(--ac-textfield-border,var(--a-border-default));box-shadow:none;cursor:not-allowed}.navds-text-field__input[type=search]::-webkit-search-cancel-button,.navds-text-field__input[type=search]::-webkit-search-decoration,.navds-text-field__input[type=search]::-webkit-search-results-button,.navds-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.navds-textarea__wrapper{position:relative;width:100%}.navds-textarea__input{-webkit-appearance:none;appearance:none;background-color:var(--ac-textarea-bg,var(--a-surface-default));border:1px solid var(--ac-textarea-border,var(--a-border-default));border-radius:var(--a-border-radius-medium);color:var(--ac-textarea-text,var(--a-text-default));display:block;padding:var(--a-spacing-2);resize:none;width:100%}.navds-textarea--counter{padding-bottom:var(--a-spacing-8)}.navds-textarea__input::-webkit-input-placeholder{color:var(--ac-textarea-placeholder,var(--a-text-subtle))}.navds-textarea__input::placeholder{color:var(--ac-textarea-placeholder,var(--a-text-subtle))}.navds-textarea__input:hover{border-color:var(--ac-textarea-hover-border,var(--a-border-action))}.navds-textarea__input:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-textarea__input:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-form-field--small .navds-textarea__input{padding:6px}.navds-form-field--small .navds-textarea--counter.navds-textarea__input{padding-bottom:var(--a-spacing-7)}.navds-textarea__counter{bottom:1px;color:var(--ac-textarea-counter-text,var(--a-text-subtle));font-style:italic;left:1px;padding:var(--a-spacing-1) var(--a-spacing-2);pointer-events:none;position:absolute;text-align:left}.navds-textarea__counter--error{color:var(--ac-textarea-counter-error-text,var(--a-text-danger))}.navds-textarea--resize .navds-textarea__input{resize:both}.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus-visible):not(:disabled){border-color:var(--ac-textarea-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--a-border-danger))}@supports not selector(:focus-visible){.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled){border-color:var(--ac-textarea-error-border,var(--a-border-danger));box-shadow:0 0 0 1px var(--ac-textarea-error-border,var(--a-border-danger))}}.navds-textarea__input:disabled,.navds-textarea__input[readonly]{background-color:var(--ac-textarea-bg,var(--a-surface-default));border-color:var(--ac-textarea-border,var(--a-border-default));box-shadow:none;cursor:not-allowed}.navds-search{display:flex;flex-direction:column;width:100%}.navds-search__wrapper-inner{position:relative;width:100%}.navds-search--with-size :where(.navds-search__wrapper-inner){width:inherit}.navds-search__wrapper{align-items:center;display:inline-flex}.navds-search__input{padding-right:var(--a-spacing-10)}.navds-form-field--small .navds-search__input{padding-right:var(--a-spacing-8)}.navds-search__input--simple{padding-left:var(--a-spacing-11)}.navds-form-field--small .navds-search__input--simple{padding-left:var(--a-spacing-7)}.navds-search__input:not(.navds-search__input--simple){border-bottom-right-radius:0;border-top-right-radius:0}.navds-search__search-icon{font-size:1.5rem;left:var(--a-spacing-3);pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navds-form-field--small .navds-search__search-icon{font-size:1rem;left:var(--a-spacing-2)}.navds-search__button-clear{align-items:center;background:none;border:none;border-radius:var(--a-border-radius-medium);color:var(--ac-search-clear-icon,var(--a-text-default));cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:.75rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px}.navds-form-field--small .navds-search__button-clear{height:24px;right:.5rem;width:24px}.navds-search__button-clear:hover{color:var(--ac-search-clear-icon-hover,var(--a-text-action))}.navds-search__button-clear:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-search__button-clear:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-search__button-search{border-radius:0;border-bottom-right-radius:var(--a-border-radius-medium);border-top-right-radius:var(--a-border-radius-medium);flex-shrink:0;min-height:32px;min-width:64px}.navds-form-field--small .navds-search__button-search svg{font-size:1rem}.navds-form-field--small .navds-search__button-search{min-width:40px}.navds-search__button-search.navds-button--secondary{box-shadow:-1px 0 0 0 var(--ac-search-button-border,var(--a-border-default)) inset,0 1px 0 0 var(--ac-search-button-border,var(--a-border-default)) inset,0 -1px 0 0 var(--ac-search-button-border,var(--a-border-default)) inset}.navds-search__button-search.navds-button--secondary:hover{box-shadow:-1px 0 0 0 var(--ac-search-button-border-hover,var(--a-border-action)) inset,0 1px 0 0 var(--ac-search-button-border-hover,var(--a-border-action)) inset,0 -1px 0 0 var(--ac-search-button-border-hover,var(--a-border-action)) inset,-1px 0 0 0 var(--ac-search-button-border-hover,var(--a-border-action));z-index:1}.navds-search__wrapper-inner:focus-within+.navds-search__button-search.navds-button--secondary:hover{z-index:auto}.navds-search__button-search.navds-button--secondary:focus-visible{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--a-border-default)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--a-border-action)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus-visible:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-search__button-search.navds-button--secondary:focus{box-shadow:0 0 0 1px var(--ac-search-button-border,var(--a-border-default)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:hover{box-shadow:0 0 0 1px var(--ac-search-button-border-hover,var(--a-border-action)) inset,var(--a-shadow-focus)}.navds-search__button-search.navds-button--secondary:focus:active{box-shadow:0 0 0 1px var(--ac-search-button-focus-active-border,var(--a-surface-default)) inset,var(--a-shadow-focus)}}.navds-search--error .navds-search__input:not(:hover):not(:disabled){border-color:var(--ac-search-error-border,var(--a-border-danger));box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--a-border-danger))}.navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-search__button-clear,.navds-search__button-search:focus-visible,.navds-search__input:focus-visible{z-index:1}@supports not selector(:focus-visible){.navds-search--error .navds-search__input:focus:not(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--ac-search-error-border,var(--a-border-danger)),var(--a-shadow-focus)}.navds-search__button-search:focus,.navds-search__input:focus{z-index:1}}
|
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 Wed, 24 May 2023 13:36:11 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--a-spacing-05: 0.125rem;
|
|
@@ -1908,12 +1908,23 @@ body,
|
|
|
1908
1908
|
|
|
1909
1909
|
min-height: 2rem;
|
|
1910
1910
|
}
|
|
1911
|
+
.navds-copybutton--xsmall {
|
|
1912
|
+
--__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2);
|
|
1913
|
+
|
|
1914
|
+
min-height: 1.5rem;
|
|
1915
|
+
}
|
|
1911
1916
|
.navds-copybutton--icon-only {
|
|
1912
1917
|
--__ac-copybutton-padding: var(--a-spacing-3);
|
|
1913
1918
|
}
|
|
1914
1919
|
.navds-copybutton--small.navds-copybutton--icon-only {
|
|
1915
1920
|
--__ac-copybutton-padding: var(--a-spacing-1);
|
|
1916
1921
|
}
|
|
1922
|
+
.navds-copybutton--xsmall.navds-copybutton--icon-only {
|
|
1923
|
+
--__ac-copybutton-padding: var(--a-spacing-05);
|
|
1924
|
+
}
|
|
1925
|
+
.navds-copybutton--xsmall .navds-copybutton__icon {
|
|
1926
|
+
font-size: 1.25rem;
|
|
1927
|
+
}
|
|
1917
1928
|
.navds-copybutton__icon {
|
|
1918
1929
|
font-size: 1.5rem;
|
|
1919
1930
|
display: flex;
|
|
@@ -1922,6 +1933,9 @@ body,
|
|
|
1922
1933
|
.navds-copybutton__icon:only-child {
|
|
1923
1934
|
margin: 0;
|
|
1924
1935
|
}
|
|
1936
|
+
:where(.navds-copybutton--small, .navds-copybutton--xsmall):where(:not(:only-child)) {
|
|
1937
|
+
margin: -2px;
|
|
1938
|
+
}
|
|
1925
1939
|
.navds-copybutton:focus-visible {
|
|
1926
1940
|
outline: none;
|
|
1927
1941
|
box-shadow: var(--a-shadow-focus);
|
|
@@ -1974,6 +1988,9 @@ body,
|
|
|
1974
1988
|
justify-content: center;
|
|
1975
1989
|
gap: var(--a-spacing-2);
|
|
1976
1990
|
}
|
|
1991
|
+
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
1992
|
+
gap: var(--a-spacing-1);
|
|
1993
|
+
}
|
|
1977
1994
|
.navds-copybutton--active > .navds-copybutton__content {
|
|
1978
1995
|
animation: var(--ac-copybutton-animation, akselCopyButtonAnimation 0.4s linear);
|
|
1979
1996
|
}
|
|
@@ -2921,6 +2938,9 @@ body,
|
|
|
2921
2938
|
position: relative;
|
|
2922
2939
|
width: 100%;
|
|
2923
2940
|
}
|
|
2941
|
+
.navds-search--with-size :where(.navds-search__wrapper-inner) {
|
|
2942
|
+
width: inherit;
|
|
2943
|
+
}
|
|
2924
2944
|
.navds-search__wrapper {
|
|
2925
2945
|
display: inline-flex;
|
|
2926
2946
|
align-items: center;
|
|
@@ -3586,10 +3606,10 @@ body,
|
|
|
3586
3606
|
color: var(--ac-date-caption-text, var(--a-text-default));
|
|
3587
3607
|
}
|
|
3588
3608
|
.navds-date__field-input {
|
|
3589
|
-
padding-right: var(--a-spacing-
|
|
3609
|
+
padding-right: var(--a-spacing-14);
|
|
3590
3610
|
}
|
|
3591
3611
|
.navds-form-field--small .navds-date__field-input {
|
|
3592
|
-
padding-right: var(--a-spacing-
|
|
3612
|
+
padding-right: var(--a-spacing-10);
|
|
3593
3613
|
}
|
|
3594
3614
|
/* Error-handling */
|
|
3595
3615
|
.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
|
|
@@ -3606,21 +3626,46 @@ body,
|
|
|
3606
3626
|
}
|
|
3607
3627
|
.navds-date__field-button {
|
|
3608
3628
|
position: absolute;
|
|
3609
|
-
right:
|
|
3629
|
+
right: 1px;
|
|
3610
3630
|
top: 50%;
|
|
3611
3631
|
transform: translateY(-50%);
|
|
3612
3632
|
color: var(--ac-date-input-button-text, var(--a-text-default));
|
|
3633
|
+
display: inline-flex;
|
|
3634
|
+
cursor: pointer;
|
|
3635
|
+
margin: 0;
|
|
3636
|
+
text-decoration: none;
|
|
3637
|
+
border: none;
|
|
3638
|
+
background: none;
|
|
3639
|
+
border-radius: 3px;
|
|
3640
|
+
padding: var(--a-spacing-3);
|
|
3641
|
+
align-items: center;
|
|
3642
|
+
justify-content: center;
|
|
3643
|
+
font-size: 1.5rem;
|
|
3644
|
+
height: calc(100% - 2px);
|
|
3645
|
+
border-start-start-radius: 0;
|
|
3646
|
+
border-end-start-radius: 0;
|
|
3613
3647
|
}
|
|
3614
3648
|
.navds-form-field--small .navds-date__field-button {
|
|
3615
|
-
|
|
3616
|
-
height: 1.5rem;
|
|
3617
|
-
width: 1.5rem;
|
|
3649
|
+
padding: var(--a-spacing-1);
|
|
3618
3650
|
}
|
|
3619
|
-
.navds-
|
|
3620
|
-
|
|
3651
|
+
.navds-date__field-button:hover:where(:not([disabled])) {
|
|
3652
|
+
color: var(--ac-date-input-button-hover-text, var(--a-text-action-on-action-subtle));
|
|
3653
|
+
background-color: var(--ac-date-input-button-hover-bg, var(--a-surface-action-subtle-hover));
|
|
3621
3654
|
}
|
|
3622
3655
|
.navds-form-field--disabled .navds-date__field-button {
|
|
3623
3656
|
opacity: 1;
|
|
3657
|
+
cursor: not-allowed;
|
|
3658
|
+
}
|
|
3659
|
+
.navds-date__field-button:focus-visible {
|
|
3660
|
+
outline: none;
|
|
3661
|
+
box-shadow: var(--a-shadow-focus);
|
|
3662
|
+
border-radius: var(--a-border-radius-medium);
|
|
3663
|
+
}
|
|
3664
|
+
@supports not selector(:focus-visible) {
|
|
3665
|
+
.navds-date__field-button:focus {
|
|
3666
|
+
outline: none;
|
|
3667
|
+
box-shadow: var(--a-shadow-focus);
|
|
3668
|
+
}
|
|
3624
3669
|
}
|
|
3625
3670
|
.navds-date__caption__year {
|
|
3626
3671
|
width: 5rem;
|