@navikt/ds-css 7.9.2 → 7.11.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 +20 -0
- package/button.css +1 -1
- package/config/tests/bundle.test.ts +7 -2
- package/darkside/accordion.darkside.css +49 -56
- package/darkside/action-menu.darkside.css +4 -4
- package/darkside/baseline/fonts.darkside.css +12 -12
- package/darkside/button.darkside.css +8 -6
- package/darkside/chat.darkside.css +2 -2
- package/darkside/chips.darkside.css +3 -3
- package/darkside/copybutton.darkside.css +6 -35
- package/darkside/date.darkside.css +8 -10
- package/darkside/expansioncard.darkside.css +5 -13
- package/darkside/form/combobox.darkside.css +24 -17
- package/darkside/form/error-summary.darkside.css +3 -3
- package/darkside/form/file-upload.darkside.css +13 -22
- package/darkside/form/form-progress.darkside.css +1 -1
- package/darkside/form/radio-checkbox.darkside.css +37 -19
- package/darkside/form/search.darkside.css +9 -9
- package/darkside/form/select.darkside.css +5 -5
- package/darkside/form/switch.darkside.css +33 -18
- package/darkside/form/text-field.darkside.css +5 -5
- package/darkside/form/textarea.darkside.css +5 -5
- package/darkside/index.css +0 -1
- package/darkside/internalheader.darkside.css +1 -1
- package/darkside/link.darkside.css +3 -2
- package/darkside/modal.darkside.css +1 -0
- package/darkside/read-more.darkside.css +2 -2
- package/darkside/stepper.darkside.css +3 -2
- package/darkside/table.darkside.css +23 -5
- package/darkside/tabs.darkside.css +4 -4
- package/darkside/timeline.darkside.css +10 -10
- package/darkside/toggle-group.darkside.css +4 -4
- package/darkside/typography.darkside.css +3 -0
- package/dist/component/alert.min.css +1 -1
- package/dist/component/button.css +1 -1
- package/dist/component/button.min.css +1 -1
- package/dist/component/chat.min.css +1 -1
- package/dist/component/date.min.css +1 -1
- package/dist/component/expansioncard.css +1 -0
- package/dist/component/expansioncard.min.css +2 -2
- package/dist/component/form.css +4 -0
- package/dist/component/form.min.css +1 -1
- package/dist/component/list.min.css +1 -1
- package/dist/component/modal.css +1 -0
- package/dist/component/modal.min.css +1 -1
- package/dist/component/primitives.min.css +1 -1
- package/dist/component/skeleton.min.css +1 -1
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/table.css +20 -2
- package/dist/component/table.min.css +1 -1
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.min.css +1 -1
- package/dist/component/timeline.min.css +1 -1
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/components.css +29 -3
- package/dist/components.min.css +4 -4
- package/dist/darkside/component/accordion.css +59 -57
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +13 -5
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/alert.css +13 -5
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.css +41 -6
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +13 -4
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +3 -3
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/copybutton.css +6 -34
- package/dist/darkside/component/copybutton.min.css +1 -1
- package/dist/darkside/component/date.css +67 -17
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.css +2 -1
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +36 -18
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +300 -116
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +17 -1
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +5 -1
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/internalheader.css +11 -2
- package/dist/darkside/component/internalheader.min.css +1 -1
- package/dist/darkside/component/link.css +8 -3
- package/dist/darkside/component/link.min.css +1 -1
- package/dist/darkside/component/list.css +2 -2
- package/dist/darkside/component/list.min.css +1 -1
- package/dist/darkside/component/modal.css +21 -3
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/primitives.css +18 -4
- package/dist/darkside/component/primitives.min.css +1 -1
- package/dist/darkside/component/readmore.css +17 -3
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.css +1 -0
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.css +25 -4
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +28 -6
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tabs.css +7 -7
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.css +12 -1
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/timeline.css +22 -12
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +5 -4
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/typography.css +3 -0
- package/dist/darkside/component/typography.min.css +1 -1
- package/dist/darkside/components.css +755 -366
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/fonts.css +12 -12
- package/dist/darkside/global/fonts.min.css +1 -1
- package/dist/darkside/global/tokens.css +850 -868
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +1619 -1248
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/accordion.css +59 -57
- package/dist/darkside/version/7.11.0/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/actionmenu.css +13 -5
- package/dist/darkside/version/7.11.0/component/actionmenu.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/alert.css +13 -5
- package/dist/darkside/version/7.11.0/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/button.css +41 -6
- package/dist/darkside/version/7.11.0/component/button.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chat.css +13 -4
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chat.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chips.css +3 -3
- package/dist/darkside/version/7.11.0/component/chips.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/copybutton.css +6 -34
- package/dist/darkside/version/7.11.0/component/copybutton.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/date.css +67 -17
- package/dist/darkside/version/7.11.0/component/date.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/dropdown.css +2 -1
- package/dist/darkside/version/7.11.0/component/dropdown.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/expansioncard.css +36 -18
- package/dist/darkside/version/7.11.0/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/form.css +300 -116
- package/dist/darkside/version/7.11.0/component/form.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/guidepanel.css +17 -1
- package/dist/darkside/version/7.11.0/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/helptext.css +5 -1
- package/dist/darkside/version/7.11.0/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/internalheader.css +11 -2
- package/dist/darkside/version/7.11.0/component/internalheader.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/link.css +8 -3
- package/dist/darkside/version/7.11.0/component/link.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/list.css +2 -2
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/list.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/modal.css +21 -3
- package/dist/darkside/version/7.11.0/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/primitives.css +18 -4
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/primitives.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/readmore.css +17 -3
- package/dist/darkside/version/7.11.0/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/skeleton.css +1 -0
- package/dist/darkside/version/7.11.0/component/skeleton.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/stepper.css +25 -4
- package/dist/darkside/version/7.11.0/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/table.css +28 -6
- package/dist/darkside/version/7.11.0/component/table.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tabs.css +7 -7
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tabs.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tag.css +12 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tag.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/timeline.css +22 -12
- package/dist/darkside/version/7.11.0/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/togglegroup.css +5 -4
- package/dist/darkside/version/7.11.0/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/component/typography.css +3 -0
- package/dist/darkside/version/7.11.0/component/typography.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/components.css +755 -366
- package/dist/darkside/version/7.11.0/components.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/global/fonts.css +12 -12
- package/dist/darkside/version/{7.9.2 → 7.11.0}/global/fonts.min.css +1 -1
- package/dist/darkside/version/{7.9.2 → 7.11.0}/global/tokens.css +850 -868
- package/dist/darkside/version/7.11.0/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.9.2 → 7.11.0}/index.css +1619 -1248
- package/dist/darkside/version/7.11.0/index.min.css +1 -0
- package/dist/global/baseline.min.css +1 -1
- package/dist/global/tokens.css +324 -324
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +353 -327
- package/dist/index.min.css +5 -5
- package/expansioncard.css +1 -0
- package/form/radio-checkbox.css +5 -0
- package/modal.css +1 -0
- package/package.json +3 -3
- package/table.css +20 -2
- package/darkside/link-panel.darkside.css +0 -47
- package/dist/darkside/component/linkpanel.css +0 -48
- package/dist/darkside/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/alert.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/button.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/chips.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/copybutton.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/date.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/dropdown.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/form.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/internalheader.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/link.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/linkpanel.css +0 -48
- package/dist/darkside/version/7.9.2/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/modal.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/skeleton.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/table.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.9.2/component/typography.min.css +0 -1
- package/dist/darkside/version/7.9.2/components.min.css +0 -1
- package/dist/darkside/version/7.9.2/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.9.2/index.min.css +0 -1
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/reset.min.css +0 -0
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
font-size: var(--ax-font-size-heading-2xlarge);
|
|
11
11
|
letter-spacing: -.01em;
|
|
12
12
|
line-height: var(--ax-font-line-height-heading-2xlarge);
|
|
13
|
+
font-weight: 650;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
.navds-heading--xlarge.navds-typo--spacing {
|
|
@@ -20,6 +21,7 @@
|
|
|
20
21
|
font-size: var(--ax-font-size-heading-xlarge);
|
|
21
22
|
letter-spacing: -.008em;
|
|
22
23
|
line-height: var(--ax-font-line-height-heading-xlarge);
|
|
24
|
+
font-weight: 650;
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
.navds-heading--large.navds-typo--spacing {
|
|
@@ -52,6 +54,7 @@
|
|
|
52
54
|
font-size: var(--ax-font-size-heading-medium);
|
|
53
55
|
letter-spacing: -.002em;
|
|
54
56
|
line-height: var(--ax-font-line-height-heading-medium);
|
|
57
|
+
font-weight: 650;
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
.navds-heading--medium.navds-typo--spacing {
|
|
@@ -260,7 +263,7 @@
|
|
|
260
263
|
--__axc-button-border-color: transparent;
|
|
261
264
|
--__axc-button-border-width: 2px;
|
|
262
265
|
padding: var(--ax-space-12) var(--ax-space-20);
|
|
263
|
-
border-radius: var(--ax-border-radius-
|
|
266
|
+
border-radius: var(--ax-border-radius-large);
|
|
264
267
|
cursor: pointer;
|
|
265
268
|
justify-content: center;
|
|
266
269
|
align-items: center;
|
|
@@ -273,17 +276,17 @@
|
|
|
273
276
|
}
|
|
274
277
|
|
|
275
278
|
.navds-button:focus-visible {
|
|
276
|
-
outline:
|
|
277
|
-
outline-offset:
|
|
279
|
+
outline: 3px solid var(--ax-border-focus);
|
|
280
|
+
outline-offset: 3px;
|
|
278
281
|
}
|
|
279
282
|
|
|
280
283
|
.navds-button--small, .navds-button--xsmall {
|
|
281
284
|
--__axc-button-icon-margin: -2px;
|
|
282
|
-
--__axc-button-icon-size: 1.25rem;
|
|
283
285
|
}
|
|
284
286
|
|
|
285
287
|
.navds-button--small {
|
|
286
288
|
padding: var(--ax-space-4) var(--ax-space-12);
|
|
289
|
+
gap: var(--ax-space-6);
|
|
287
290
|
min-width: 2rem;
|
|
288
291
|
min-height: 2rem;
|
|
289
292
|
}
|
|
@@ -291,6 +294,7 @@
|
|
|
291
294
|
.navds-button--xsmall {
|
|
292
295
|
padding: var(--ax-space-2) var(--ax-space-8);
|
|
293
296
|
gap: var(--ax-space-4);
|
|
297
|
+
--__axc-button-icon-size: 1.25rem;
|
|
294
298
|
}
|
|
295
299
|
|
|
296
300
|
.navds-button--icon-only {
|
|
@@ -307,7 +311,7 @@
|
|
|
307
311
|
|
|
308
312
|
@supports not selector(:focus-visible) {
|
|
309
313
|
.navds-button:focus {
|
|
310
|
-
outline:
|
|
314
|
+
outline: 3px solid var(--ax-border-focus);
|
|
311
315
|
}
|
|
312
316
|
}
|
|
313
317
|
|
|
@@ -341,6 +345,10 @@
|
|
|
341
345
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
342
346
|
}
|
|
343
347
|
|
|
348
|
+
.navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
|
|
349
|
+
background-color: var(--ax-bg-accent-strong);
|
|
350
|
+
}
|
|
351
|
+
|
|
344
352
|
.navds-button--primary:is(:disabled, .navds-button--disabled) {
|
|
345
353
|
background-color: var(--ax-bg-accent-strong);
|
|
346
354
|
}
|
|
@@ -369,6 +377,10 @@
|
|
|
369
377
|
background-color: var(--ax-bg-strong-pressed);
|
|
370
378
|
}
|
|
371
379
|
|
|
380
|
+
.navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
|
|
381
|
+
background-color: var(--ax-bg-strong);
|
|
382
|
+
}
|
|
383
|
+
|
|
372
384
|
.navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
|
|
373
385
|
background-color: var(--ax-bg-strong);
|
|
374
386
|
}
|
|
@@ -390,6 +402,12 @@
|
|
|
390
402
|
color: var(--ax-text-accent-contrast);
|
|
391
403
|
}
|
|
392
404
|
|
|
405
|
+
.navds-button--secondary:-webkit-any(:disabled, .navds-button--disabled) {
|
|
406
|
+
--__axc-button-border-color: var(--ax-border-accent);
|
|
407
|
+
color: var(--ax-text-accent);
|
|
408
|
+
background-color: rgba(0, 0, 0, 0);
|
|
409
|
+
}
|
|
410
|
+
|
|
393
411
|
.navds-button--secondary:is(:disabled, .navds-button--disabled) {
|
|
394
412
|
--__axc-button-border-color: var(--ax-border-accent);
|
|
395
413
|
color: var(--ax-text-accent);
|
|
@@ -413,6 +431,12 @@
|
|
|
413
431
|
background-color: var(--ax-bg-strong-pressed);
|
|
414
432
|
}
|
|
415
433
|
|
|
434
|
+
.navds-button--secondary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
|
|
435
|
+
--__axc-button-border-color: var(--ax-border-default);
|
|
436
|
+
color: var(--ax-text-default);
|
|
437
|
+
background-color: rgba(0, 0, 0, 0);
|
|
438
|
+
}
|
|
439
|
+
|
|
416
440
|
.navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
|
|
417
441
|
--__axc-button-border-color: var(--ax-border-default);
|
|
418
442
|
color: var(--ax-text-default);
|
|
@@ -433,6 +457,11 @@
|
|
|
433
457
|
color: var(--ax-text-accent-contrast);
|
|
434
458
|
}
|
|
435
459
|
|
|
460
|
+
.navds-button--tertiary:-webkit-any(:disabled, .navds-button--disabled) {
|
|
461
|
+
color: var(--ax-text-accent);
|
|
462
|
+
background-color: rgba(0, 0, 0, 0);
|
|
463
|
+
}
|
|
464
|
+
|
|
436
465
|
.navds-button--tertiary:is(:disabled, .navds-button--disabled) {
|
|
437
466
|
color: var(--ax-text-accent);
|
|
438
467
|
background-color: rgba(0, 0, 0, 0);
|
|
@@ -452,6 +481,11 @@
|
|
|
452
481
|
color: var(--ax-text-contrast);
|
|
453
482
|
}
|
|
454
483
|
|
|
484
|
+
.navds-button--tertiary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
|
|
485
|
+
color: var(--ax-text-default);
|
|
486
|
+
background-color: rgba(0, 0, 0, 0);
|
|
487
|
+
}
|
|
488
|
+
|
|
455
489
|
.navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
|
|
456
490
|
color: var(--ax-text-default);
|
|
457
491
|
background-color: rgba(0, 0, 0, 0);
|
|
@@ -470,6 +504,10 @@
|
|
|
470
504
|
background-color: var(--ax-bg-danger-strong-pressed);
|
|
471
505
|
}
|
|
472
506
|
|
|
507
|
+
.navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
|
|
508
|
+
background-color: var(--ax-bg-danger-strong);
|
|
509
|
+
}
|
|
510
|
+
|
|
473
511
|
.navds-button--danger:is(:disabled, .navds-button--disabled) {
|
|
474
512
|
background-color: var(--ax-bg-danger-strong);
|
|
475
513
|
}
|
|
@@ -482,7 +520,7 @@
|
|
|
482
520
|
opacity: var(--ax-opacity-disabled);
|
|
483
521
|
}
|
|
484
522
|
|
|
485
|
-
.navds-button .navds-loader {
|
|
523
|
+
.navds-button > .navds-loader {
|
|
486
524
|
position: absolute;
|
|
487
525
|
}
|
|
488
526
|
|
|
@@ -561,8 +599,8 @@
|
|
|
561
599
|
}
|
|
562
600
|
|
|
563
601
|
.navds-chips__chip:focus-visible {
|
|
564
|
-
outline:
|
|
565
|
-
outline-offset:
|
|
602
|
+
outline: 3px solid var(--ax-border-focus);
|
|
603
|
+
outline-offset: 3px;
|
|
566
604
|
}
|
|
567
605
|
|
|
568
606
|
.navds-chips--readonly .navds-chips__chip {
|
|
@@ -599,7 +637,7 @@
|
|
|
599
637
|
.navds-chips__toggle--action {
|
|
600
638
|
box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
|
|
601
639
|
background-color: var(--ax-bg-accent-moderate);
|
|
602
|
-
color: var(--ax-text-
|
|
640
|
+
color: var(--ax-text-accent-strong);
|
|
603
641
|
}
|
|
604
642
|
|
|
605
643
|
.navds-chips__toggle--action:hover {
|
|
@@ -774,18 +812,19 @@
|
|
|
774
812
|
}
|
|
775
813
|
|
|
776
814
|
.navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
|
|
777
|
-
color: var(--ax-text-accent-strong);
|
|
778
815
|
background-color: var(--ax-bg-accent-moderate-hover);
|
|
779
816
|
box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
|
|
780
817
|
}
|
|
781
818
|
|
|
782
|
-
.navds-dropzone__area:active .navds-dropzone__area-button {
|
|
819
|
+
.navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
|
|
783
820
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
784
821
|
color: var(--ax-text-accent-contrast);
|
|
785
822
|
box-shadow: none;
|
|
786
823
|
}
|
|
787
824
|
|
|
788
825
|
.navds-dropzone__area[data-disabled="true"] {
|
|
826
|
+
--__axc-dropzone-background: var(--ax-bg-soft);
|
|
827
|
+
border-color: var(--ax-border-subtleA);
|
|
789
828
|
cursor: default;
|
|
790
829
|
}
|
|
791
830
|
|
|
@@ -804,7 +843,10 @@
|
|
|
804
843
|
animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
|
|
805
844
|
margin: -1px;
|
|
806
845
|
position: absolute;
|
|
807
|
-
|
|
846
|
+
top: 0;
|
|
847
|
+
bottom: 0;
|
|
848
|
+
left: 0;
|
|
849
|
+
right: 0;
|
|
808
850
|
}
|
|
809
851
|
|
|
810
852
|
@keyframes akselDropzoneDragoverAnimation {
|
|
@@ -831,7 +873,7 @@
|
|
|
831
873
|
}
|
|
832
874
|
|
|
833
875
|
.navds-dropzone--error > .navds-dropzone__area {
|
|
834
|
-
outline: 2px solid var(--ax-border-danger);
|
|
876
|
+
outline: 2px solid var(--ax-border-danger-strong);
|
|
835
877
|
outline-offset: -1px;
|
|
836
878
|
border-color: rgba(0, 0, 0, 0);
|
|
837
879
|
}
|
|
@@ -869,7 +911,7 @@
|
|
|
869
911
|
}
|
|
870
912
|
|
|
871
913
|
.navds-dropzone--dragging .navds-dropzone__area-release {
|
|
872
|
-
color: var(--ax-text-accent
|
|
914
|
+
color: var(--ax-text-accent);
|
|
873
915
|
top: 50%;
|
|
874
916
|
transform: translateY(-50%);
|
|
875
917
|
}
|
|
@@ -882,7 +924,25 @@
|
|
|
882
924
|
display: flex;
|
|
883
925
|
}
|
|
884
926
|
|
|
885
|
-
|
|
927
|
+
li.navds-file-item {
|
|
928
|
+
margin: 0;
|
|
929
|
+
padding: 0;
|
|
930
|
+
list-style: none;
|
|
931
|
+
}
|
|
932
|
+
|
|
933
|
+
.navds-file-upload :-webkit-any(ul, li) {
|
|
934
|
+
margin: 0;
|
|
935
|
+
padding: 0;
|
|
936
|
+
list-style: none;
|
|
937
|
+
}
|
|
938
|
+
|
|
939
|
+
.navds-file-upload :is(ul, li) {
|
|
940
|
+
margin: 0;
|
|
941
|
+
padding: 0;
|
|
942
|
+
list-style: none;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
ul:has( > li.navds-file-item) {
|
|
886
946
|
margin: 0;
|
|
887
947
|
padding: 0;
|
|
888
948
|
list-style: none;
|
|
@@ -901,7 +961,7 @@
|
|
|
901
961
|
}
|
|
902
962
|
|
|
903
963
|
.navds-file-item--error > .navds-file-item__inner {
|
|
904
|
-
outline: 2px solid var(--ax-border-danger);
|
|
964
|
+
outline: 2px solid var(--ax-border-danger-strong);
|
|
905
965
|
}
|
|
906
966
|
|
|
907
967
|
.navds-file-item__icon {
|
|
@@ -934,7 +994,6 @@
|
|
|
934
994
|
}
|
|
935
995
|
|
|
936
996
|
.navds-file-item__error {
|
|
937
|
-
color: var(--ax-text-danger);
|
|
938
997
|
grid-template-rows: 0fr;
|
|
939
998
|
transition-property: grid-template-rows, padding-top;
|
|
940
999
|
transition-duration: .25s;
|
|
@@ -943,23 +1002,11 @@
|
|
|
943
1002
|
overflow: hidden;
|
|
944
1003
|
}
|
|
945
1004
|
|
|
946
|
-
.navds-file-
|
|
1005
|
+
.navds-file-item--error .navds-file-item__error {
|
|
947
1006
|
padding-top: var(--ax-space-4);
|
|
948
1007
|
grid-template-rows: 1fr;
|
|
949
1008
|
}
|
|
950
1009
|
|
|
951
|
-
.navds-file-item__error-content {
|
|
952
|
-
gap: var(--ax-space-4);
|
|
953
|
-
min-height: 0;
|
|
954
|
-
display: flex;
|
|
955
|
-
}
|
|
956
|
-
|
|
957
|
-
.navds-file-item__error-content > svg {
|
|
958
|
-
flex-shrink: 0;
|
|
959
|
-
height: 1rem;
|
|
960
|
-
margin-top: .1rem;
|
|
961
|
-
}
|
|
962
|
-
|
|
963
1010
|
.navds-form-field {
|
|
964
1011
|
justify-items: start;
|
|
965
1012
|
gap: var(--ax-space-8);
|
|
@@ -1006,16 +1053,20 @@
|
|
|
1006
1053
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
1007
1054
|
border: 4px solid var(--ax-border-danger);
|
|
1008
1055
|
border-radius: var(--ax-border-radius-xlarge);
|
|
1009
|
-
outline-offset:
|
|
1056
|
+
outline-offset: 3px;
|
|
1010
1057
|
}
|
|
1011
1058
|
|
|
1012
|
-
.navds-error-summary:focus-visible
|
|
1013
|
-
outline:
|
|
1059
|
+
.navds-error-summary:focus-visible {
|
|
1060
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
.navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
|
|
1064
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1014
1065
|
}
|
|
1015
1066
|
|
|
1016
1067
|
@supports not selector(:focus-visible) {
|
|
1017
1068
|
.navds-error-summary:focus {
|
|
1018
|
-
outline:
|
|
1069
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1019
1070
|
}
|
|
1020
1071
|
}
|
|
1021
1072
|
|
|
@@ -1088,14 +1139,27 @@
|
|
|
1088
1139
|
border-color: orange;
|
|
1089
1140
|
border-left-style: solid;
|
|
1090
1141
|
border-left-width: 8px;
|
|
1091
|
-
border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1092
|
-
border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1093
1142
|
height: 100%;
|
|
1094
1143
|
position: absolute;
|
|
1095
1144
|
top: 0;
|
|
1096
1145
|
left: 0;
|
|
1097
1146
|
}
|
|
1098
1147
|
|
|
1148
|
+
.navds-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
|
|
1149
|
+
border-top-left-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1150
|
+
border-bottom-left-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1151
|
+
}
|
|
1152
|
+
|
|
1153
|
+
.navds-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
|
|
1154
|
+
border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1155
|
+
border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1156
|
+
}
|
|
1157
|
+
|
|
1158
|
+
.navds-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
|
|
1159
|
+
border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1160
|
+
border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1099
1163
|
.navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
|
|
1100
1164
|
border-color: green;
|
|
1101
1165
|
}
|
|
@@ -1106,6 +1170,7 @@
|
|
|
1106
1170
|
}
|
|
1107
1171
|
|
|
1108
1172
|
.navds-checkbox, .navds-radio {
|
|
1173
|
+
width: -webkit-fit-content;
|
|
1109
1174
|
width: fit-content;
|
|
1110
1175
|
position: relative;
|
|
1111
1176
|
}
|
|
@@ -1166,25 +1231,40 @@
|
|
|
1166
1231
|
height: 1.25rem;
|
|
1167
1232
|
}
|
|
1168
1233
|
|
|
1169
|
-
.navds-checkbox__input:focus + .navds-checkbox__label:
|
|
1170
|
-
|
|
1171
|
-
|
|
1234
|
+
.navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
|
|
1235
|
+
content: "";
|
|
1236
|
+
width: 100%;
|
|
1237
|
+
height: calc(100% - var(--ax-space-24));
|
|
1238
|
+
border-radius: var(--ax-border-radius-medium);
|
|
1239
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1240
|
+
outline-offset: 3px;
|
|
1241
|
+
pointer-events: none;
|
|
1242
|
+
position: absolute;
|
|
1172
1243
|
}
|
|
1173
1244
|
|
|
1174
|
-
.navds-checkbox__input:
|
|
1175
|
-
|
|
1176
|
-
|
|
1245
|
+
.navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
|
|
1246
|
+
height: calc(100% - var(--ax-space-12));
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
.navds-checkbox__icon-indeterminate {
|
|
1250
|
+
display: none;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1177
1254
|
background-color: var(--ax-bg-default);
|
|
1178
|
-
border-radius: 1px;
|
|
1179
|
-
flex-shrink: 0;
|
|
1180
1255
|
width: .75rem;
|
|
1181
1256
|
height: .25rem;
|
|
1257
|
+
transform: translate(var(--ax-space-6), -50%);
|
|
1258
|
+
pointer-events: none;
|
|
1259
|
+
border-radius: 1px;
|
|
1260
|
+
display: block;
|
|
1182
1261
|
position: absolute;
|
|
1183
1262
|
top: 50%;
|
|
1184
1263
|
}
|
|
1185
1264
|
|
|
1186
|
-
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1187
|
-
transform: translate(
|
|
1265
|
+
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1266
|
+
transform: translate(var(--ax-space-4), -50%);
|
|
1267
|
+
height: .1875rem;
|
|
1188
1268
|
}
|
|
1189
1269
|
|
|
1190
1270
|
.navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
|
|
@@ -1234,7 +1314,7 @@
|
|
|
1234
1314
|
}
|
|
1235
1315
|
|
|
1236
1316
|
.navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
|
|
1237
|
-
color: var(--ax-text-accent
|
|
1317
|
+
color: var(--ax-text-accent);
|
|
1238
1318
|
}
|
|
1239
1319
|
|
|
1240
1320
|
.navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
|
|
@@ -1243,12 +1323,16 @@
|
|
|
1243
1323
|
}
|
|
1244
1324
|
|
|
1245
1325
|
.navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before {
|
|
1246
|
-
border-color: var(--ax-border-danger);
|
|
1326
|
+
border-color: var(--ax-border-danger-strong);
|
|
1247
1327
|
}
|
|
1248
1328
|
|
|
1249
1329
|
.navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate):hover + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked):hover + .navds-radio__label:before {
|
|
1250
1330
|
background-color: var(--ax-bg-danger-moderate-hoverA);
|
|
1251
|
-
|
|
1331
|
+
}
|
|
1332
|
+
|
|
1333
|
+
.navds-checkbox--error > .navds-checkbox__input:-webkit-any(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
|
|
1334
|
+
background-color: var(--ax-bg-danger-strong-pressed);
|
|
1335
|
+
border-color: var(--ax-bg-danger-strong-pressed);
|
|
1252
1336
|
}
|
|
1253
1337
|
|
|
1254
1338
|
.navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
|
|
@@ -1268,7 +1352,11 @@
|
|
|
1268
1352
|
cursor: not-allowed;
|
|
1269
1353
|
}
|
|
1270
1354
|
|
|
1271
|
-
.navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label)
|
|
1355
|
+
.navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label) {
|
|
1356
|
+
cursor: default;
|
|
1357
|
+
}
|
|
1358
|
+
|
|
1359
|
+
.navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
|
|
1272
1360
|
cursor: default;
|
|
1273
1361
|
}
|
|
1274
1362
|
|
|
@@ -1300,7 +1388,7 @@
|
|
|
1300
1388
|
border-width: 0;
|
|
1301
1389
|
}
|
|
1302
1390
|
|
|
1303
|
-
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1391
|
+
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1304
1392
|
background-color: var(--ax-text-subtle);
|
|
1305
1393
|
}
|
|
1306
1394
|
|
|
@@ -1321,7 +1409,7 @@
|
|
|
1321
1409
|
color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
1322
1410
|
}
|
|
1323
1411
|
|
|
1324
|
-
.navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1412
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1325
1413
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
1326
1414
|
}
|
|
1327
1415
|
|
|
@@ -1338,7 +1426,7 @@
|
|
|
1338
1426
|
background-color: var(--__axc-radio-checkbox-high-contrast-bg);
|
|
1339
1427
|
}
|
|
1340
1428
|
|
|
1341
|
-
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1429
|
+
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1342
1430
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
1343
1431
|
}
|
|
1344
1432
|
|
|
@@ -1352,15 +1440,20 @@
|
|
|
1352
1440
|
--__axc-radio-checkbox-high-contrast-text: graytext;
|
|
1353
1441
|
}
|
|
1354
1442
|
|
|
1443
|
+
:-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
|
|
1444
|
+
color: graytext;
|
|
1445
|
+
}
|
|
1446
|
+
|
|
1355
1447
|
:is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
|
|
1356
1448
|
color: graytext;
|
|
1357
1449
|
}
|
|
1358
1450
|
}
|
|
1359
1451
|
|
|
1360
1452
|
.navds-select__input {
|
|
1453
|
+
-webkit-appearance: none;
|
|
1361
1454
|
appearance: none;
|
|
1362
1455
|
background-color: var(--ax-bg-input);
|
|
1363
|
-
border-radius: var(--ax-border-radius-
|
|
1456
|
+
border-radius: var(--ax-border-radius-large);
|
|
1364
1457
|
border: 1px solid var(--ax-border-default);
|
|
1365
1458
|
color: var(--ax-text-default);
|
|
1366
1459
|
box-sizing: border-box;
|
|
@@ -1378,8 +1471,8 @@
|
|
|
1378
1471
|
}
|
|
1379
1472
|
|
|
1380
1473
|
.navds-select__input:focus {
|
|
1381
|
-
outline:
|
|
1382
|
-
outline-offset:
|
|
1474
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1475
|
+
outline-offset: 3px;
|
|
1383
1476
|
border-color: var(--ax-border-accent-strong);
|
|
1384
1477
|
}
|
|
1385
1478
|
|
|
@@ -1415,15 +1508,21 @@
|
|
|
1415
1508
|
|
|
1416
1509
|
.navds-form-field--small .navds-select__input {
|
|
1417
1510
|
min-height: 2rem;
|
|
1418
|
-
padding-
|
|
1511
|
+
padding-top: 0;
|
|
1512
|
+
padding-bottom: 0;
|
|
1419
1513
|
}
|
|
1420
1514
|
|
|
1421
1515
|
.navds-select--error > * select {
|
|
1422
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
1423
|
-
border-color: var(--ax-border-danger);
|
|
1516
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1517
|
+
border-color: var(--ax-border-danger-strong);
|
|
1424
1518
|
}
|
|
1425
1519
|
|
|
1426
|
-
.navds-select--error > * select:hover
|
|
1520
|
+
.navds-select--error > * select:hover {
|
|
1521
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1522
|
+
border-color: var(--ax-border-danger-strong);
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
.navds-select--error > * select:focus {
|
|
1427
1526
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1428
1527
|
border-color: var(--ax-border-danger-strong);
|
|
1429
1528
|
}
|
|
@@ -1454,6 +1553,12 @@
|
|
|
1454
1553
|
}
|
|
1455
1554
|
|
|
1456
1555
|
@media (forced-colors: active) {
|
|
1556
|
+
.navds-select--readonly .navds-select__input:-webkit-any(:hover, :focus) {
|
|
1557
|
+
color: buttontext;
|
|
1558
|
+
background-color: buttonface;
|
|
1559
|
+
border-color: buttontext;
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1457
1562
|
.navds-select--readonly .navds-select__input:is(:hover, :focus) {
|
|
1458
1563
|
color: buttontext;
|
|
1459
1564
|
background-color: buttonface;
|
|
@@ -1466,6 +1571,7 @@
|
|
|
1466
1571
|
}
|
|
1467
1572
|
|
|
1468
1573
|
.navds-switch {
|
|
1574
|
+
width: -webkit-fit-content;
|
|
1469
1575
|
width: fit-content;
|
|
1470
1576
|
min-height: 3rem;
|
|
1471
1577
|
position: relative;
|
|
@@ -1496,30 +1602,44 @@
|
|
|
1496
1602
|
}
|
|
1497
1603
|
|
|
1498
1604
|
.navds-switch__content {
|
|
1605
|
+
--__axc-switch-block-padding: .75rem;
|
|
1606
|
+
gap: var(--ax-space-2);
|
|
1607
|
+
padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
|
|
1499
1608
|
flex-direction: column;
|
|
1500
|
-
gap: .125rem;
|
|
1501
|
-
padding: .75rem 0 .75rem 3.25rem;
|
|
1502
1609
|
display: flex;
|
|
1610
|
+
position: relative;
|
|
1503
1611
|
}
|
|
1504
1612
|
|
|
1505
1613
|
.navds-switch--right .navds-switch__content {
|
|
1506
|
-
padding:
|
|
1614
|
+
padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
|
|
1507
1615
|
}
|
|
1508
1616
|
|
|
1509
1617
|
.navds-switch--small .navds-switch__content {
|
|
1510
|
-
|
|
1618
|
+
--__axc-switch-block-padding: .375rem;
|
|
1511
1619
|
}
|
|
1512
1620
|
|
|
1513
|
-
.navds-
|
|
1514
|
-
padding:
|
|
1621
|
+
.navds-switch__content.navds-switch--with-description {
|
|
1622
|
+
padding-bottom: 0;
|
|
1515
1623
|
}
|
|
1516
1624
|
|
|
1517
|
-
.navds-
|
|
1518
|
-
|
|
1625
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
|
|
1626
|
+
content: "";
|
|
1627
|
+
width: 100%;
|
|
1628
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 2);
|
|
1629
|
+
border-radius: var(--ax-border-radius-medium);
|
|
1630
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1631
|
+
outline-offset: 3px;
|
|
1632
|
+
pointer-events: none;
|
|
1633
|
+
position: absolute;
|
|
1634
|
+
left: 0;
|
|
1635
|
+
}
|
|
1636
|
+
|
|
1637
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
|
|
1638
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 1);
|
|
1519
1639
|
}
|
|
1520
1640
|
|
|
1521
1641
|
.navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
|
|
1522
|
-
color: var(--ax-text-accent
|
|
1642
|
+
color: var(--ax-text-accent);
|
|
1523
1643
|
}
|
|
1524
1644
|
|
|
1525
1645
|
.navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
|
|
@@ -1564,9 +1684,9 @@
|
|
|
1564
1684
|
border-color: var(--ax-bg-accent-strong-pressed);
|
|
1565
1685
|
}
|
|
1566
1686
|
|
|
1567
|
-
.navds-switch__input:focus
|
|
1568
|
-
outline:
|
|
1569
|
-
outline-offset:
|
|
1687
|
+
.navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
|
|
1688
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1689
|
+
outline-offset: 3px;
|
|
1570
1690
|
}
|
|
1571
1691
|
|
|
1572
1692
|
.navds-switch__thumb {
|
|
@@ -1586,7 +1706,7 @@
|
|
|
1586
1706
|
|
|
1587
1707
|
.navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
1588
1708
|
background-color: var(--ax-bg-raised);
|
|
1589
|
-
color: var(--ax-text-accent
|
|
1709
|
+
color: var(--ax-text-accent);
|
|
1590
1710
|
width: 1.25rem;
|
|
1591
1711
|
height: 1.25rem;
|
|
1592
1712
|
top: 0;
|
|
@@ -1619,12 +1739,18 @@
|
|
|
1619
1739
|
width: auto;
|
|
1620
1740
|
}
|
|
1621
1741
|
|
|
1622
|
-
.navds-switch--right .navds-switch__input
|
|
1742
|
+
.navds-switch--right .navds-switch__input {
|
|
1743
|
+
left: auto;
|
|
1744
|
+
right: 0;
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
.navds-switch--right .navds-switch__track {
|
|
1623
1748
|
left: auto;
|
|
1624
1749
|
right: 0;
|
|
1625
1750
|
}
|
|
1626
1751
|
|
|
1627
1752
|
.navds-switch__input:disabled {
|
|
1753
|
+
-webkit-appearance: none;
|
|
1628
1754
|
appearance: none;
|
|
1629
1755
|
}
|
|
1630
1756
|
|
|
@@ -1636,16 +1762,39 @@
|
|
|
1636
1762
|
cursor: not-allowed;
|
|
1637
1763
|
}
|
|
1638
1764
|
|
|
1639
|
-
.navds-switch--readonly > .navds-switch__track
|
|
1765
|
+
.navds-switch--readonly > .navds-switch__track {
|
|
1766
|
+
background-color: var(--ax-bg-moderate);
|
|
1767
|
+
border-color: var(--ax-border-subtleA);
|
|
1768
|
+
}
|
|
1769
|
+
|
|
1770
|
+
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track {
|
|
1640
1771
|
background-color: var(--ax-bg-moderate);
|
|
1641
1772
|
border-color: var(--ax-border-subtleA);
|
|
1642
1773
|
}
|
|
1643
1774
|
|
|
1644
|
-
.navds-switch--readonly > .navds-
|
|
1775
|
+
.navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track {
|
|
1776
|
+
background-color: var(--ax-bg-moderate);
|
|
1777
|
+
border-color: var(--ax-border-subtleA);
|
|
1778
|
+
}
|
|
1779
|
+
|
|
1780
|
+
.navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
|
|
1781
|
+
background-color: var(--ax-bg-moderate);
|
|
1782
|
+
border-color: var(--ax-border-subtleA);
|
|
1783
|
+
}
|
|
1784
|
+
|
|
1785
|
+
.navds-switch--readonly > .navds-switch__label-wrapper {
|
|
1786
|
+
cursor: default;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
.navds-switch--readonly > .navds-switch__input {
|
|
1645
1790
|
cursor: default;
|
|
1646
1791
|
}
|
|
1647
1792
|
|
|
1648
|
-
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper
|
|
1793
|
+
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
|
|
1794
|
+
color: var(--ax-text-default);
|
|
1795
|
+
}
|
|
1796
|
+
|
|
1797
|
+
.navds-switch--readonly .navds-switch__label-wrapper:hover {
|
|
1649
1798
|
color: var(--ax-text-default);
|
|
1650
1799
|
}
|
|
1651
1800
|
|
|
@@ -1685,9 +1834,8 @@
|
|
|
1685
1834
|
color: field;
|
|
1686
1835
|
}
|
|
1687
1836
|
|
|
1688
|
-
.navds-switch__input:focus-
|
|
1689
|
-
outline
|
|
1690
|
-
outline: 2px solid highlight;
|
|
1837
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
|
|
1838
|
+
outline: 3px solid highlight;
|
|
1691
1839
|
}
|
|
1692
1840
|
|
|
1693
1841
|
.navds-switch--disabled:not(.navds-switch--loading) {
|
|
@@ -1695,7 +1843,7 @@
|
|
|
1695
1843
|
}
|
|
1696
1844
|
|
|
1697
1845
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
|
|
1698
|
-
background-color: graytext;
|
|
1846
|
+
background-color: graytext !important;
|
|
1699
1847
|
}
|
|
1700
1848
|
|
|
1701
1849
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
|
|
@@ -1708,10 +1856,11 @@
|
|
|
1708
1856
|
}
|
|
1709
1857
|
|
|
1710
1858
|
.navds-text-field__input {
|
|
1859
|
+
-webkit-appearance: none;
|
|
1711
1860
|
appearance: none;
|
|
1712
1861
|
padding: var(--ax-space-8);
|
|
1713
1862
|
background: var(--ax-bg-input);
|
|
1714
|
-
border-radius: var(--ax-border-radius-
|
|
1863
|
+
border-radius: var(--ax-border-radius-large);
|
|
1715
1864
|
border: 1px solid var(--ax-border-default);
|
|
1716
1865
|
width: 100%;
|
|
1717
1866
|
min-height: 3rem;
|
|
@@ -1724,8 +1873,8 @@
|
|
|
1724
1873
|
|
|
1725
1874
|
.navds-text-field__input:focus-visible {
|
|
1726
1875
|
border-color: var(--ax-border-accent-strong);
|
|
1727
|
-
outline:
|
|
1728
|
-
outline-offset:
|
|
1876
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1877
|
+
outline-offset: 3px;
|
|
1729
1878
|
}
|
|
1730
1879
|
|
|
1731
1880
|
.navds-text-field__input:disabled {
|
|
@@ -1748,8 +1897,8 @@
|
|
|
1748
1897
|
}
|
|
1749
1898
|
|
|
1750
1899
|
.navds-text-field--error .navds-text-field__input:not(:disabled) {
|
|
1751
|
-
border-color: var(--ax-border-danger);
|
|
1752
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
1900
|
+
border-color: var(--ax-border-danger-strong);
|
|
1901
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1753
1902
|
}
|
|
1754
1903
|
|
|
1755
1904
|
.navds-text-field--readonly .navds-text-field__input {
|
|
@@ -1783,10 +1932,11 @@
|
|
|
1783
1932
|
|
|
1784
1933
|
.navds-textarea__input {
|
|
1785
1934
|
height: var(--__axc-textarea-height);
|
|
1935
|
+
-webkit-appearance: none;
|
|
1786
1936
|
appearance: none;
|
|
1787
1937
|
padding: var(--ax-space-8);
|
|
1788
1938
|
background-color: var(--ax-bg-input);
|
|
1789
|
-
border-radius: var(--ax-border-radius-
|
|
1939
|
+
border-radius: var(--ax-border-radius-large);
|
|
1790
1940
|
border: 1px solid var(--ax-border-default);
|
|
1791
1941
|
resize: none;
|
|
1792
1942
|
width: 100%;
|
|
@@ -1803,8 +1953,8 @@
|
|
|
1803
1953
|
}
|
|
1804
1954
|
|
|
1805
1955
|
.navds-textarea__input:focus-visible {
|
|
1806
|
-
outline:
|
|
1807
|
-
outline-offset:
|
|
1956
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1957
|
+
outline-offset: 3px;
|
|
1808
1958
|
border-color: var(--ax-border-accent-strong);
|
|
1809
1959
|
}
|
|
1810
1960
|
|
|
@@ -1843,17 +1993,50 @@
|
|
|
1843
1993
|
|
|
1844
1994
|
.navds-textarea--resize-both .navds-textarea__input {
|
|
1845
1995
|
resize: both;
|
|
1846
|
-
|
|
1996
|
+
}
|
|
1997
|
+
|
|
1998
|
+
.navds-textarea--resize-both .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
1999
|
+
border-bottom-right-radius: 0;
|
|
2000
|
+
}
|
|
2001
|
+
|
|
2002
|
+
.navds-textarea--resize-both .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2003
|
+
border-bottom-left-radius: 0;
|
|
2004
|
+
}
|
|
2005
|
+
|
|
2006
|
+
.navds-textarea--resize-both .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2007
|
+
border-bottom-left-radius: 0;
|
|
1847
2008
|
}
|
|
1848
2009
|
|
|
1849
2010
|
.navds-textarea--resize-horizontal .navds-textarea__input {
|
|
1850
2011
|
resize: horizontal;
|
|
1851
|
-
|
|
2012
|
+
}
|
|
2013
|
+
|
|
2014
|
+
.navds-textarea--resize-horizontal .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2015
|
+
border-bottom-right-radius: 0;
|
|
2016
|
+
}
|
|
2017
|
+
|
|
2018
|
+
.navds-textarea--resize-horizontal .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2019
|
+
border-bottom-left-radius: 0;
|
|
2020
|
+
}
|
|
2021
|
+
|
|
2022
|
+
.navds-textarea--resize-horizontal .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2023
|
+
border-bottom-left-radius: 0;
|
|
1852
2024
|
}
|
|
1853
2025
|
|
|
1854
2026
|
.navds-textarea--resize-vertical .navds-textarea__input {
|
|
1855
2027
|
resize: vertical;
|
|
1856
|
-
|
|
2028
|
+
}
|
|
2029
|
+
|
|
2030
|
+
.navds-textarea--resize-vertical .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2031
|
+
border-bottom-right-radius: 0;
|
|
2032
|
+
}
|
|
2033
|
+
|
|
2034
|
+
.navds-textarea--resize-vertical .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2035
|
+
border-bottom-left-radius: 0;
|
|
2036
|
+
}
|
|
2037
|
+
|
|
2038
|
+
.navds-textarea--resize-vertical .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
2039
|
+
border-bottom-left-radius: 0;
|
|
1857
2040
|
}
|
|
1858
2041
|
|
|
1859
2042
|
.navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
|
|
@@ -1869,8 +2052,8 @@
|
|
|
1869
2052
|
}
|
|
1870
2053
|
|
|
1871
2054
|
.navds-textarea--error .navds-textarea__input:not(:disabled) {
|
|
1872
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
1873
|
-
border-color: var(--ax-border-danger);
|
|
2055
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2056
|
+
border-color: var(--ax-border-danger-strong);
|
|
1874
2057
|
}
|
|
1875
2058
|
|
|
1876
2059
|
@media (forced-colors: active) {
|
|
@@ -1896,18 +2079,19 @@
|
|
|
1896
2079
|
}
|
|
1897
2080
|
|
|
1898
2081
|
.navds-search--with-size .navds-search__wrapper {
|
|
2082
|
+
width: -webkit-fit-content;
|
|
1899
2083
|
width: fit-content;
|
|
1900
2084
|
}
|
|
1901
2085
|
|
|
1902
2086
|
.navds-search__wrapper {
|
|
1903
|
-
border-radius: var(--ax-border-radius-
|
|
2087
|
+
border-radius: var(--ax-border-radius-large);
|
|
1904
2088
|
align-items: center;
|
|
1905
2089
|
display: inline-flex;
|
|
1906
2090
|
}
|
|
1907
2091
|
|
|
1908
2092
|
.navds-search__wrapper:has(.navds-search__input:focus-visible) {
|
|
1909
|
-
outline:
|
|
1910
|
-
outline-offset:
|
|
2093
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2094
|
+
outline-offset: 3px;
|
|
1911
2095
|
}
|
|
1912
2096
|
|
|
1913
2097
|
.navds-search__input {
|
|
@@ -1918,7 +2102,13 @@
|
|
|
1918
2102
|
outline: none;
|
|
1919
2103
|
}
|
|
1920
2104
|
|
|
1921
|
-
.navds-search__input.navds-search__input--primary
|
|
2105
|
+
.navds-search__input.navds-search__input--primary {
|
|
2106
|
+
border-right: none;
|
|
2107
|
+
border-top-right-radius: 0;
|
|
2108
|
+
border-bottom-right-radius: 0;
|
|
2109
|
+
}
|
|
2110
|
+
|
|
2111
|
+
.navds-search__input.navds-search__input--secondary {
|
|
1922
2112
|
border-right: none;
|
|
1923
2113
|
border-top-right-radius: 0;
|
|
1924
2114
|
border-bottom-right-radius: 0;
|
|
@@ -1967,8 +2157,8 @@
|
|
|
1967
2157
|
|
|
1968
2158
|
.navds-search__button-search {
|
|
1969
2159
|
border-radius: 0;
|
|
1970
|
-
border-top-right-radius: var(--ax-border-radius-
|
|
1971
|
-
border-bottom-right-radius: var(--ax-border-radius-
|
|
2160
|
+
border-top-right-radius: var(--ax-border-radius-large);
|
|
2161
|
+
border-bottom-right-radius: var(--ax-border-radius-large);
|
|
1972
2162
|
flex-shrink: 0;
|
|
1973
2163
|
}
|
|
1974
2164
|
|
|
@@ -1989,20 +2179,28 @@
|
|
|
1989
2179
|
--__axc-button-border-color: transparent;
|
|
1990
2180
|
}
|
|
1991
2181
|
|
|
2182
|
+
.navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:-webkit-any(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
|
|
2183
|
+
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
2184
|
+
}
|
|
2185
|
+
|
|
1992
2186
|
.navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
|
|
1993
2187
|
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
1994
2188
|
}
|
|
1995
2189
|
|
|
1996
2190
|
.navds-search--error .navds-search__input:not(:disabled) {
|
|
1997
|
-
border-color: var(--ax-border-danger);
|
|
1998
|
-
box-shadow: inset -2px 0 0 0 var(--ax-border-danger), inset 0 0 0 1px var(--ax-border-danger);
|
|
2191
|
+
border-color: var(--ax-border-danger-strong);
|
|
2192
|
+
box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong), inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
1999
2193
|
}
|
|
2000
2194
|
|
|
2001
2195
|
.navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple {
|
|
2002
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-danger);
|
|
2196
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
2197
|
+
}
|
|
2198
|
+
|
|
2199
|
+
.navds-search__input:focus-visible {
|
|
2200
|
+
z-index: 1;
|
|
2003
2201
|
}
|
|
2004
2202
|
|
|
2005
|
-
.navds-
|
|
2203
|
+
.navds-search__button-search:focus-visible {
|
|
2006
2204
|
z-index: 1;
|
|
2007
2205
|
}
|
|
2008
2206
|
|
|
@@ -2018,15 +2216,19 @@
|
|
|
2018
2216
|
--__axc-combobox-list-item-padding-inline: var(--ax-space-12);
|
|
2019
2217
|
--__axc-combobox-border-width: 1px;
|
|
2020
2218
|
--__axc-combobox-input-height: 2rem;
|
|
2021
|
-
border-radius: var(--ax-border-radius-
|
|
2219
|
+
border-radius: var(--ax-border-radius-large);
|
|
2022
2220
|
flex-direction: column;
|
|
2023
2221
|
width: 100%;
|
|
2024
2222
|
display: flex;
|
|
2025
2223
|
position: relative;
|
|
2026
2224
|
}
|
|
2027
2225
|
|
|
2226
|
+
.navds-form-field:not(:-webkit-any(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
|
|
2227
|
+
border-color: var(--ax-border-accent-strong);
|
|
2228
|
+
}
|
|
2229
|
+
|
|
2028
2230
|
.navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
|
|
2029
|
-
border-color: var(--ax-border-
|
|
2231
|
+
border-color: var(--ax-border-accent-strong);
|
|
2030
2232
|
}
|
|
2031
2233
|
|
|
2032
2234
|
.navds-form-field--small .navds-combobox__wrapper {
|
|
@@ -2041,11 +2243,19 @@
|
|
|
2041
2243
|
opacity: var(--ax-opacity-disabled);
|
|
2042
2244
|
}
|
|
2043
2245
|
|
|
2246
|
+
.navds-combobox--disabled .navds-combobox__wrapper:hover {
|
|
2247
|
+
border-color: var(--ax-border-default);
|
|
2248
|
+
}
|
|
2249
|
+
|
|
2044
2250
|
.navds-combobox--disabled .navds-combobox__wrapper :hover {
|
|
2045
2251
|
cursor: not-allowed;
|
|
2046
2252
|
}
|
|
2047
2253
|
|
|
2048
|
-
.navds-combobox--disabled .navds-combobox__selected-options
|
|
2254
|
+
.navds-combobox--disabled .navds-combobox__selected-options {
|
|
2255
|
+
pointer-events: none;
|
|
2256
|
+
}
|
|
2257
|
+
|
|
2258
|
+
.navds-combobox--disabled .navds-combobox--readonly {
|
|
2049
2259
|
pointer-events: none;
|
|
2050
2260
|
}
|
|
2051
2261
|
|
|
@@ -2066,7 +2276,11 @@
|
|
|
2066
2276
|
overflow: clip;
|
|
2067
2277
|
}
|
|
2068
2278
|
|
|
2069
|
-
.navds-combobox--readonly .navds-text-field__input
|
|
2279
|
+
.navds-combobox--readonly .navds-text-field__input {
|
|
2280
|
+
background-color: var(--ax-bg-moderate);
|
|
2281
|
+
}
|
|
2282
|
+
|
|
2283
|
+
.navds-combobox--readonly .navds-combobox__input {
|
|
2070
2284
|
background-color: var(--ax-bg-moderate);
|
|
2071
2285
|
}
|
|
2072
2286
|
|
|
@@ -2077,13 +2291,13 @@
|
|
|
2077
2291
|
|
|
2078
2292
|
.navds-combobox__wrapper-inner {
|
|
2079
2293
|
border: 1px solid var(--ax-border-default);
|
|
2080
|
-
border-radius: var(--ax-border-radius-
|
|
2294
|
+
border-radius: var(--ax-border-radius-large);
|
|
2081
2295
|
}
|
|
2082
2296
|
|
|
2083
2297
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
|
|
2084
|
-
outline:
|
|
2085
|
-
outline-offset:
|
|
2086
|
-
border-color: var(--ax-border-
|
|
2298
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2299
|
+
outline-offset: 3px;
|
|
2300
|
+
border-color: var(--ax-border-accent-strong);
|
|
2087
2301
|
}
|
|
2088
2302
|
|
|
2089
2303
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
|
|
@@ -2115,13 +2329,17 @@
|
|
|
2115
2329
|
cursor: text;
|
|
2116
2330
|
}
|
|
2117
2331
|
|
|
2332
|
+
.navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
|
|
2333
|
+
border-color: var(--ax-border-default);
|
|
2334
|
+
}
|
|
2335
|
+
|
|
2118
2336
|
.navds-combobox--error .navds-combobox__wrapper-inner {
|
|
2119
|
-
border-color: var(--ax-border-danger);
|
|
2120
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger);
|
|
2337
|
+
border-color: var(--ax-border-danger-strong);
|
|
2338
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2121
2339
|
}
|
|
2122
2340
|
|
|
2123
2341
|
.navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
|
|
2124
|
-
border-color: var(--ax-border-danger);
|
|
2342
|
+
border-color: var(--ax-border-danger-strong);
|
|
2125
2343
|
}
|
|
2126
2344
|
|
|
2127
2345
|
.navds-combobox__selected-options {
|
|
@@ -2187,7 +2405,11 @@
|
|
|
2187
2405
|
outline: none;
|
|
2188
2406
|
}
|
|
2189
2407
|
|
|
2190
|
-
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus)
|
|
2408
|
+
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
|
|
2409
|
+
outline: none;
|
|
2410
|
+
}
|
|
2411
|
+
|
|
2412
|
+
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
|
|
2191
2413
|
outline: none;
|
|
2192
2414
|
}
|
|
2193
2415
|
}
|
|
@@ -2197,7 +2419,6 @@
|
|
|
2197
2419
|
}
|
|
2198
2420
|
|
|
2199
2421
|
.navds-combobox__button-toggle-list {
|
|
2200
|
-
border-radius: var(--ax-border-radius-medium);
|
|
2201
2422
|
color: var(--ax-text-default);
|
|
2202
2423
|
cursor: pointer;
|
|
2203
2424
|
background: none;
|
|
@@ -2219,7 +2440,7 @@
|
|
|
2219
2440
|
|
|
2220
2441
|
.navds-combobox__list {
|
|
2221
2442
|
z-index: 10;
|
|
2222
|
-
max-height:
|
|
2443
|
+
max-height: 316px;
|
|
2223
2444
|
left: 0;
|
|
2224
2445
|
right: 0;
|
|
2225
2446
|
top: calc(100% + var(--ax-space-8));
|
|
@@ -2246,9 +2467,9 @@
|
|
|
2246
2467
|
.navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
|
|
2247
2468
|
padding-block: var(--__axc-combobox-list-item-padding-block);
|
|
2248
2469
|
padding-inline: var(--__axc-combobox-list-item-padding-inline);
|
|
2249
|
-
border-radius: var(--ax-border-radius-
|
|
2470
|
+
border-radius: var(--ax-border-radius-large);
|
|
2250
2471
|
margin-inline: var(--ax-space-8);
|
|
2251
|
-
margin-block: var(--ax-space-
|
|
2472
|
+
margin-block: var(--ax-space-2);
|
|
2252
2473
|
border: 0;
|
|
2253
2474
|
justify-content: space-between;
|
|
2254
2475
|
align-items: center;
|
|
@@ -2289,7 +2510,6 @@
|
|
|
2289
2510
|
.navds-combobox__list-item--focus {
|
|
2290
2511
|
cursor: pointer;
|
|
2291
2512
|
outline: 2px solid var(--ax-border-focus);
|
|
2292
|
-
outline-offset: 2px;
|
|
2293
2513
|
}
|
|
2294
2514
|
|
|
2295
2515
|
.navds-combobox__list-item {
|
|
@@ -2304,11 +2524,12 @@
|
|
|
2304
2524
|
|
|
2305
2525
|
.navds-combobox__list-item mark {
|
|
2306
2526
|
font-weight: var(--ax-font-weight-bold);
|
|
2527
|
+
color: var(--ax-text-default);
|
|
2307
2528
|
background-color: rgba(0, 0, 0, 0);
|
|
2308
2529
|
}
|
|
2309
2530
|
|
|
2310
2531
|
.navds-combobox__list-item svg {
|
|
2311
|
-
color: var(--ax-text-
|
|
2532
|
+
color: var(--ax-text-default);
|
|
2312
2533
|
}
|
|
2313
2534
|
|
|
2314
2535
|
.navds-combobox__list-item--selected {
|
|
@@ -2324,11 +2545,10 @@
|
|
|
2324
2545
|
background: var(--ax-bg-accent-moderateA);
|
|
2325
2546
|
cursor: pointer;
|
|
2326
2547
|
margin: 0;
|
|
2327
|
-
margin-block: calc(var(--ax-space-4) * -1);
|
|
2328
|
-
padding-block: var(--ax-space-16);
|
|
2329
2548
|
border-radius: 0;
|
|
2330
2549
|
justify-content: flex-start;
|
|
2331
2550
|
gap: .25rem;
|
|
2551
|
+
margin-top: calc(var(--ax-space-4) * -1);
|
|
2332
2552
|
}
|
|
2333
2553
|
|
|
2334
2554
|
.navds-combobox__list-item--new-option svg {
|
|
@@ -2336,6 +2556,7 @@
|
|
|
2336
2556
|
}
|
|
2337
2557
|
|
|
2338
2558
|
.navds-combobox__list-item--new-option:only-child {
|
|
2559
|
+
margin-block: calc(var(--ax-space-4) * -1);
|
|
2339
2560
|
border: none;
|
|
2340
2561
|
}
|
|
2341
2562
|
|
|
@@ -2355,6 +2576,7 @@
|
|
|
2355
2576
|
}
|
|
2356
2577
|
|
|
2357
2578
|
.navds-combobox__input {
|
|
2579
|
+
min-width: -webkit-min-content;
|
|
2358
2580
|
min-width: min-content;
|
|
2359
2581
|
padding: .75rem 0;
|
|
2360
2582
|
}
|
|
@@ -2560,7 +2782,7 @@
|
|
|
2560
2782
|
|
|
2561
2783
|
.navds-form-progress__stepper {
|
|
2562
2784
|
border: 1px solid var(--ax-border-subtle);
|
|
2563
|
-
border-radius: var(--ax-border-radius-
|
|
2785
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
2564
2786
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
2565
2787
|
margin-top: var(--ax-space-4);
|
|
2566
2788
|
background: var(--ax-bg-raised);
|
|
@@ -2598,7 +2820,11 @@
|
|
|
2598
2820
|
background-color: var(--ax-bg-accent-hoverA);
|
|
2599
2821
|
}
|
|
2600
2822
|
|
|
2601
|
-
.navds-accordion__header:hover:before
|
|
2823
|
+
.navds-accordion__header:hover:before {
|
|
2824
|
+
display: none;
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2827
|
+
.navds-accordion__header:hover:after {
|
|
2602
2828
|
display: none;
|
|
2603
2829
|
}
|
|
2604
2830
|
|
|
@@ -2616,17 +2842,21 @@
|
|
|
2616
2842
|
}
|
|
2617
2843
|
|
|
2618
2844
|
.navds-accordion__header:focus-visible {
|
|
2619
|
-
outline:
|
|
2620
|
-
outline-offset:
|
|
2845
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2846
|
+
outline-offset: 3px;
|
|
2621
2847
|
z-index: 1;
|
|
2622
2848
|
}
|
|
2623
2849
|
|
|
2624
|
-
.navds-accordion__header:focus-visible:before
|
|
2850
|
+
.navds-accordion__header:focus-visible:before {
|
|
2851
|
+
display: none;
|
|
2852
|
+
}
|
|
2853
|
+
|
|
2854
|
+
.navds-accordion__header:focus-visible:after {
|
|
2625
2855
|
display: none;
|
|
2626
2856
|
}
|
|
2627
2857
|
|
|
2628
2858
|
.navds-accordion--small .navds-accordion__header {
|
|
2629
|
-
padding-block: var(--
|
|
2859
|
+
padding-block: var(--ax-space-8);
|
|
2630
2860
|
}
|
|
2631
2861
|
|
|
2632
2862
|
.navds-accordion__header:before, .navds-accordion__header:after {
|
|
@@ -2641,16 +2871,16 @@
|
|
|
2641
2871
|
right: 0;
|
|
2642
2872
|
}
|
|
2643
2873
|
|
|
2644
|
-
.navds-accordion__item:last-child > .navds-accordion__content {
|
|
2645
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0);
|
|
2646
|
-
}
|
|
2647
|
-
|
|
2648
2874
|
.navds-accordion__header:after {
|
|
2649
2875
|
top: initial;
|
|
2650
2876
|
bottom: 0;
|
|
2651
2877
|
}
|
|
2652
2878
|
|
|
2653
|
-
.navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after
|
|
2879
|
+
.navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after {
|
|
2880
|
+
display: none;
|
|
2881
|
+
}
|
|
2882
|
+
|
|
2883
|
+
.navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
|
|
2654
2884
|
display: none;
|
|
2655
2885
|
}
|
|
2656
2886
|
|
|
@@ -2659,7 +2889,7 @@
|
|
|
2659
2889
|
background-color: var(--ax-bg-accent-moderateA);
|
|
2660
2890
|
width: 22px;
|
|
2661
2891
|
height: 22px;
|
|
2662
|
-
color: var(--ax-text-accent
|
|
2892
|
+
color: var(--ax-text-accent);
|
|
2663
2893
|
align-self: center;
|
|
2664
2894
|
}
|
|
2665
2895
|
|
|
@@ -2674,68 +2904,62 @@
|
|
|
2674
2904
|
transform: rotateX(-180deg);
|
|
2675
2905
|
}
|
|
2676
2906
|
|
|
2677
|
-
.navds-accordion__content {
|
|
2678
|
-
--
|
|
2679
|
-
padding-inline: var(--ax-space-
|
|
2680
|
-
max-height: 0;
|
|
2681
|
-
transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
|
|
2682
|
-
border-color: rgba(0, 0, 0, 0);
|
|
2683
|
-
padding-block: 0;
|
|
2684
|
-
animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
|
|
2685
|
-
display: none;
|
|
2686
|
-
overflow: hidden;
|
|
2687
|
-
}
|
|
2688
|
-
|
|
2689
|
-
.navds-accordion__item--no-animation {
|
|
2690
|
-
animation: none;
|
|
2907
|
+
.navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
|
|
2908
|
+
padding-block: var(--ax-space-8);
|
|
2909
|
+
padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
|
|
2691
2910
|
}
|
|
2692
2911
|
|
|
2693
|
-
@
|
|
2694
|
-
|
|
2695
|
-
|
|
2696
|
-
}
|
|
2697
|
-
|
|
2698
|
-
20% {
|
|
2699
|
-
opacity: .01;
|
|
2700
|
-
}
|
|
2701
|
-
|
|
2702
|
-
100% {
|
|
2703
|
-
opacity: 1;
|
|
2912
|
+
@media (forced-colors: active) {
|
|
2913
|
+
.navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
|
|
2914
|
+
border-left: 1px solid canvastext;
|
|
2704
2915
|
}
|
|
2705
2916
|
}
|
|
2706
2917
|
|
|
2707
2918
|
.navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
|
|
2708
|
-
|
|
2919
|
+
box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
|
|
2709
2920
|
}
|
|
2710
2921
|
|
|
2711
|
-
.navds-
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2922
|
+
.navds-accordion__item > .navds-accordion__content {
|
|
2923
|
+
visibility: hidden;
|
|
2924
|
+
margin-inline: var(--ax-space-24) var(--ax-space-12);
|
|
2925
|
+
opacity: 0;
|
|
2926
|
+
border-color: rgba(0, 0, 0, 0);
|
|
2927
|
+
grid-template-rows: 0fr;
|
|
2928
|
+
margin-top: 0;
|
|
2929
|
+
margin-bottom: 0;
|
|
2930
|
+
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
2931
|
+
transition-duration: .25s;
|
|
2932
|
+
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
2933
|
+
display: grid;
|
|
2934
|
+
overflow: hidden;
|
|
2715
2935
|
}
|
|
2716
2936
|
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2937
|
+
.navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
|
|
2938
|
+
min-height: 0;
|
|
2939
|
+
padding-top: 0;
|
|
2940
|
+
padding-bottom: 0;
|
|
2721
2941
|
}
|
|
2722
2942
|
|
|
2723
2943
|
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
padding-block: var(--ax-space-8);
|
|
2944
|
+
visibility: visible;
|
|
2945
|
+
margin-block: var(--ax-space-8);
|
|
2727
2946
|
border-color: var(--ax-border-subtleA);
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2947
|
+
opacity: 1;
|
|
2948
|
+
grid-template-rows: 1fr;
|
|
2949
|
+
margin-bottom: var(--ax-space-24);
|
|
2731
2950
|
}
|
|
2732
2951
|
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2952
|
+
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
|
|
2953
|
+
min-height: -webkit-fit-content;
|
|
2954
|
+
min-height: fit-content;
|
|
2955
|
+
}
|
|
2956
|
+
|
|
2957
|
+
.navds-accordion__item[data-expanded="true"]:last-child {
|
|
2958
|
+
border-bottom: 1px solid var(--ax-border-subtleA);
|
|
2959
|
+
}
|
|
2960
|
+
|
|
2961
|
+
.navds-accordion__item--no-animation > .navds-accordion__content {
|
|
2962
|
+
transition: none;
|
|
2739
2963
|
}
|
|
2740
2964
|
|
|
2741
2965
|
.navds-alert {
|
|
@@ -2773,7 +2997,7 @@
|
|
|
2773
2997
|
|
|
2774
2998
|
.navds-alert--small > .navds-alert__icon {
|
|
2775
2999
|
height: var(--ax-font-line-height-large);
|
|
2776
|
-
margin-
|
|
3000
|
+
margin-top: 0;
|
|
2777
3001
|
}
|
|
2778
3002
|
|
|
2779
3003
|
.navds-alert--info {
|
|
@@ -2830,16 +3054,24 @@
|
|
|
2830
3054
|
display: flex;
|
|
2831
3055
|
}
|
|
2832
3056
|
|
|
2833
|
-
.navds-alert--close-button > .navds-alert__wrapper
|
|
2834
|
-
margin-
|
|
3057
|
+
.navds-alert--close-button > .navds-alert__wrapper {
|
|
3058
|
+
margin-top: var(--ax-space-2);
|
|
3059
|
+
}
|
|
3060
|
+
|
|
3061
|
+
.navds-alert--close-button > .navds-alert__icon {
|
|
3062
|
+
margin-top: var(--ax-space-2);
|
|
2835
3063
|
}
|
|
2836
3064
|
|
|
2837
3065
|
.navds-alert--close-button.navds-alert--small {
|
|
2838
3066
|
align-items: flex-start;
|
|
2839
3067
|
}
|
|
2840
3068
|
|
|
2841
|
-
.navds-alert--close-button.navds-alert--small > .navds-alert__wrapper
|
|
2842
|
-
margin-
|
|
3069
|
+
.navds-alert--close-button.navds-alert--small > .navds-alert__wrapper {
|
|
3070
|
+
margin-top: var(--ax-space-4);
|
|
3071
|
+
}
|
|
3072
|
+
|
|
3073
|
+
.navds-alert--close-button.navds-alert--small > .navds-alert__icon {
|
|
3074
|
+
margin-top: var(--ax-space-4);
|
|
2843
3075
|
}
|
|
2844
3076
|
|
|
2845
3077
|
.navds-chat {
|
|
@@ -2903,6 +3135,7 @@
|
|
|
2903
3135
|
border-bottom-left-radius: var(--ax-border-radius-small);
|
|
2904
3136
|
border: 1px solid var(--ax-border-subtleA);
|
|
2905
3137
|
flex-direction: column;
|
|
3138
|
+
width: -webkit-fit-content;
|
|
2906
3139
|
width: fit-content;
|
|
2907
3140
|
display: flex;
|
|
2908
3141
|
}
|
|
@@ -2911,12 +3144,20 @@
|
|
|
2911
3144
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
2912
3145
|
}
|
|
2913
3146
|
|
|
2914
|
-
.navds-chat--info .navds-chat__bubble
|
|
2915
|
-
background-color: var(--ax-bg-info-
|
|
3147
|
+
.navds-chat--info .navds-chat__bubble {
|
|
3148
|
+
background-color: var(--ax-bg-info-moderate);
|
|
2916
3149
|
}
|
|
2917
3150
|
|
|
2918
|
-
.navds-chat--
|
|
2919
|
-
background-color: var(--ax-bg-
|
|
3151
|
+
.navds-chat--info .navds-chat__avatar {
|
|
3152
|
+
background-color: var(--ax-bg-info-moderate);
|
|
3153
|
+
}
|
|
3154
|
+
|
|
3155
|
+
.navds-chat--neutral .navds-chat__bubble {
|
|
3156
|
+
background-color: var(--ax-bg-moderateA);
|
|
3157
|
+
}
|
|
3158
|
+
|
|
3159
|
+
.navds-chat--neutral .navds-chat__avatar {
|
|
3160
|
+
background-color: var(--ax-bg-moderateA);
|
|
2920
3161
|
}
|
|
2921
3162
|
|
|
2922
3163
|
.navds-chat__top-text {
|
|
@@ -2947,7 +3188,7 @@
|
|
|
2947
3188
|
.navds-copybutton {
|
|
2948
3189
|
--__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
|
|
2949
3190
|
cursor: pointer;
|
|
2950
|
-
border-radius: var(--ax-border-radius-
|
|
3191
|
+
border-radius: var(--ax-border-radius-large);
|
|
2951
3192
|
padding: var(--__axc-copybutton-padding);
|
|
2952
3193
|
background-color: rgba(0, 0, 0, 0);
|
|
2953
3194
|
border: none;
|
|
@@ -2971,8 +3212,8 @@
|
|
|
2971
3212
|
}
|
|
2972
3213
|
|
|
2973
3214
|
.navds-copybutton:focus-visible {
|
|
2974
|
-
outline:
|
|
2975
|
-
outline-offset:
|
|
3215
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3216
|
+
outline-offset: 3px;
|
|
2976
3217
|
}
|
|
2977
3218
|
|
|
2978
3219
|
.navds-copybutton:disabled {
|
|
@@ -3011,12 +3252,8 @@
|
|
|
3011
3252
|
--__axc-copybutton-padding: var(--ax-space-4);
|
|
3012
3253
|
}
|
|
3013
3254
|
|
|
3014
|
-
.navds-copybutton--small .navds-copybutton__icon {
|
|
3015
|
-
font-size: 1.25rem;
|
|
3016
|
-
}
|
|
3017
|
-
|
|
3018
3255
|
.navds-copybutton--small > .navds-copybutton__content {
|
|
3019
|
-
gap: var(--ax-space-
|
|
3256
|
+
gap: var(--ax-space-4);
|
|
3020
3257
|
}
|
|
3021
3258
|
|
|
3022
3259
|
.navds-copybutton--xsmall {
|
|
@@ -3038,7 +3275,7 @@
|
|
|
3038
3275
|
}
|
|
3039
3276
|
|
|
3040
3277
|
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
3041
|
-
gap: var(--ax-space-
|
|
3278
|
+
gap: var(--ax-space-2);
|
|
3042
3279
|
}
|
|
3043
3280
|
|
|
3044
3281
|
.navds-copybutton__icon {
|
|
@@ -3046,18 +3283,6 @@
|
|
|
3046
3283
|
display: flex;
|
|
3047
3284
|
}
|
|
3048
3285
|
|
|
3049
|
-
.navds-copybutton__icon:first-of-type {
|
|
3050
|
-
margin-left: -.25rem;
|
|
3051
|
-
}
|
|
3052
|
-
|
|
3053
|
-
.navds-copybutton__icon:last-of-type {
|
|
3054
|
-
margin-right: -.25rem;
|
|
3055
|
-
}
|
|
3056
|
-
|
|
3057
|
-
.navds-copybutton__icon:only-child {
|
|
3058
|
-
margin: 0;
|
|
3059
|
-
}
|
|
3060
|
-
|
|
3061
3286
|
.navds-copybutton--active .navds-copybutton__icon {
|
|
3062
3287
|
animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
|
|
3063
3288
|
}
|
|
@@ -3088,14 +3313,6 @@
|
|
|
3088
3313
|
color: var(--ax-text-success);
|
|
3089
3314
|
}
|
|
3090
3315
|
|
|
3091
|
-
.navds-copybutton--action.navds-copybutton--active:hover {
|
|
3092
|
-
color: var(--ax-text-success-strong);
|
|
3093
|
-
}
|
|
3094
|
-
|
|
3095
|
-
.navds-copybutton--action:hover {
|
|
3096
|
-
color: var(--ax-text-accent-strong);
|
|
3097
|
-
}
|
|
3098
|
-
|
|
3099
3316
|
.navds-copybutton--action:disabled {
|
|
3100
3317
|
color: var(--ax-text-accent);
|
|
3101
3318
|
}
|
|
@@ -3104,10 +3321,6 @@
|
|
|
3104
3321
|
color: var(--ax-text-subtle);
|
|
3105
3322
|
}
|
|
3106
3323
|
|
|
3107
|
-
.navds-copybutton--neutral:hover, .navds-copybutton--neutral.navds-copybutton--active {
|
|
3108
|
-
color: var(--ax-text-default);
|
|
3109
|
-
}
|
|
3110
|
-
|
|
3111
3324
|
.navds-copybutton--neutral:disabled {
|
|
3112
3325
|
color: var(--ax-text-subtle);
|
|
3113
3326
|
}
|
|
@@ -3115,7 +3328,7 @@
|
|
|
3115
3328
|
.navds-copybutton__content {
|
|
3116
3329
|
justify-content: center;
|
|
3117
3330
|
align-items: center;
|
|
3118
|
-
gap: var(--ax-space-
|
|
3331
|
+
gap: var(--ax-space-6);
|
|
3119
3332
|
display: inline-flex;
|
|
3120
3333
|
}
|
|
3121
3334
|
|
|
@@ -3134,7 +3347,12 @@
|
|
|
3134
3347
|
color: var(--ax-text-default);
|
|
3135
3348
|
}
|
|
3136
3349
|
|
|
3137
|
-
.navds-date .rdp-month
|
|
3350
|
+
.navds-date .rdp-month {
|
|
3351
|
+
gap: var(--ax-space-20);
|
|
3352
|
+
display: grid;
|
|
3353
|
+
}
|
|
3354
|
+
|
|
3355
|
+
.navds-date.rdp-month {
|
|
3138
3356
|
gap: var(--ax-space-20);
|
|
3139
3357
|
display: grid;
|
|
3140
3358
|
}
|
|
@@ -3151,22 +3369,22 @@
|
|
|
3151
3369
|
.navds-date .rdp-button {
|
|
3152
3370
|
all: unset;
|
|
3153
3371
|
text-align: center;
|
|
3154
|
-
border-radius: var(--ax-border-radius-
|
|
3372
|
+
border-radius: var(--ax-border-radius-large);
|
|
3155
3373
|
width: 2.5rem;
|
|
3156
3374
|
height: 2.5rem;
|
|
3157
3375
|
display: block;
|
|
3158
3376
|
}
|
|
3159
3377
|
|
|
3160
3378
|
.navds-date .rdp-day_range_start {
|
|
3161
|
-
border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-
|
|
3379
|
+
border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
|
|
3162
3380
|
}
|
|
3163
3381
|
|
|
3164
3382
|
.navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
|
|
3165
|
-
border-radius: var(--ax-border-radius-
|
|
3383
|
+
border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
|
|
3166
3384
|
}
|
|
3167
3385
|
|
|
3168
3386
|
.navds-date .rdp-day_range_start.rdp-day_range_end {
|
|
3169
|
-
border-radius: var(--ax-border-radius-
|
|
3387
|
+
border-radius: var(--ax-border-radius-large);
|
|
3170
3388
|
}
|
|
3171
3389
|
|
|
3172
3390
|
.navds-date .navds-date__field {
|
|
@@ -3176,7 +3394,13 @@
|
|
|
3176
3394
|
position: relative;
|
|
3177
3395
|
}
|
|
3178
3396
|
|
|
3179
|
-
.navds-date .rdp-day_selected
|
|
3397
|
+
.navds-date .rdp-day_selected {
|
|
3398
|
+
color: var(--ax-text-accent-contrast);
|
|
3399
|
+
background: var(--ax-bg-accent-strong-pressed);
|
|
3400
|
+
cursor: pointer;
|
|
3401
|
+
}
|
|
3402
|
+
|
|
3403
|
+
.navds-date .navds-monthpicker__month--selected {
|
|
3180
3404
|
color: var(--ax-text-accent-contrast);
|
|
3181
3405
|
background: var(--ax-bg-accent-strong-pressed);
|
|
3182
3406
|
cursor: pointer;
|
|
@@ -3189,7 +3413,12 @@
|
|
|
3189
3413
|
text-decoration: line-through;
|
|
3190
3414
|
}
|
|
3191
3415
|
|
|
3192
|
-
.navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover
|
|
3416
|
+
.navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
|
|
3417
|
+
background: var(--ax-bg-accent-moderate-hoverA);
|
|
3418
|
+
cursor: pointer;
|
|
3419
|
+
}
|
|
3420
|
+
|
|
3421
|
+
.navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
|
|
3193
3422
|
background: var(--ax-bg-accent-moderate-hoverA);
|
|
3194
3423
|
cursor: pointer;
|
|
3195
3424
|
}
|
|
@@ -3211,7 +3440,11 @@
|
|
|
3211
3440
|
transform: translateX(-50%);
|
|
3212
3441
|
}
|
|
3213
3442
|
|
|
3214
|
-
|
|
3443
|
+
.navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
|
|
3444
|
+
background-color: var(--ax-text-accent-contrast);
|
|
3445
|
+
}
|
|
3446
|
+
|
|
3447
|
+
.navds-date .rdp-day_today:active:before {
|
|
3215
3448
|
background-color: var(--ax-text-accent-contrast);
|
|
3216
3449
|
}
|
|
3217
3450
|
|
|
@@ -3220,7 +3453,11 @@
|
|
|
3220
3453
|
pointer-events: none;
|
|
3221
3454
|
}
|
|
3222
3455
|
|
|
3223
|
-
.navds-date__modal .navds-date
|
|
3456
|
+
.navds-date__modal .navds-date {
|
|
3457
|
+
padding: 0;
|
|
3458
|
+
}
|
|
3459
|
+
|
|
3460
|
+
.navds-date__modal-body > .navds-date {
|
|
3224
3461
|
padding: 0;
|
|
3225
3462
|
}
|
|
3226
3463
|
|
|
@@ -3246,7 +3483,7 @@
|
|
|
3246
3483
|
all: unset;
|
|
3247
3484
|
text-align: center;
|
|
3248
3485
|
text-transform: capitalize;
|
|
3249
|
-
border-radius: var(--ax-border-radius-
|
|
3486
|
+
border-radius: var(--ax-border-radius-large);
|
|
3250
3487
|
cursor: pointer;
|
|
3251
3488
|
width: 3rem;
|
|
3252
3489
|
height: 3rem;
|
|
@@ -3258,16 +3495,28 @@
|
|
|
3258
3495
|
}
|
|
3259
3496
|
|
|
3260
3497
|
.navds-date__wrapper, .navds-date__standalone-wrapper {
|
|
3498
|
+
width: -webkit-fit-content;
|
|
3261
3499
|
width: fit-content;
|
|
3500
|
+
height: -webkit-fit-content;
|
|
3262
3501
|
height: fit-content;
|
|
3263
3502
|
}
|
|
3264
3503
|
|
|
3265
|
-
:is(
|
|
3266
|
-
outline:
|
|
3267
|
-
outline-offset:
|
|
3504
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
|
|
3505
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3506
|
+
outline-offset: 3px;
|
|
3507
|
+
}
|
|
3508
|
+
|
|
3509
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
|
|
3510
|
+
color: var(--ax-text-accent-contrast);
|
|
3511
|
+
background-color: var(--ax-bg-accent-strong-pressed);
|
|
3512
|
+
}
|
|
3513
|
+
|
|
3514
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:focus-visible {
|
|
3515
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3516
|
+
outline-offset: 3px;
|
|
3268
3517
|
}
|
|
3269
3518
|
|
|
3270
|
-
:is(
|
|
3519
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
|
|
3271
3520
|
color: var(--ax-text-accent-contrast);
|
|
3272
3521
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
3273
3522
|
}
|
|
@@ -3283,12 +3532,10 @@
|
|
|
3283
3532
|
.navds-date__field-button {
|
|
3284
3533
|
color: var(--ax-text-default);
|
|
3285
3534
|
cursor: pointer;
|
|
3286
|
-
border-radius: calc(var(--ax-border-radius-
|
|
3535
|
+
border-radius: calc(var(--ax-border-radius-large) - 1px);
|
|
3287
3536
|
padding: var(--ax-space-12);
|
|
3288
3537
|
background: none;
|
|
3289
3538
|
border: none;
|
|
3290
|
-
border-start-start-radius: 0;
|
|
3291
|
-
border-end-start-radius: 0;
|
|
3292
3539
|
justify-content: center;
|
|
3293
3540
|
align-items: center;
|
|
3294
3541
|
height: calc(100% - .125rem);
|
|
@@ -3302,6 +3549,21 @@
|
|
|
3302
3549
|
transform: translateY(-50%);
|
|
3303
3550
|
}
|
|
3304
3551
|
|
|
3552
|
+
.navds-date__field-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
3553
|
+
border-top-left-radius: 0;
|
|
3554
|
+
border-bottom-left-radius: 0;
|
|
3555
|
+
}
|
|
3556
|
+
|
|
3557
|
+
.navds-date__field-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
3558
|
+
border-top-right-radius: 0;
|
|
3559
|
+
border-bottom-right-radius: 0;
|
|
3560
|
+
}
|
|
3561
|
+
|
|
3562
|
+
.navds-date__field-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
3563
|
+
border-top-right-radius: 0;
|
|
3564
|
+
border-bottom-right-radius: 0;
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3305
3567
|
.navds-form-field--small .navds-date__field-button {
|
|
3306
3568
|
padding: var(--ax-space-4);
|
|
3307
3569
|
}
|
|
@@ -3321,6 +3583,7 @@
|
|
|
3321
3583
|
|
|
3322
3584
|
.navds-date__field-wrapper {
|
|
3323
3585
|
align-items: center;
|
|
3586
|
+
width: -webkit-fit-content;
|
|
3324
3587
|
width: fit-content;
|
|
3325
3588
|
display: inline-flex;
|
|
3326
3589
|
position: relative;
|
|
@@ -3385,7 +3648,8 @@
|
|
|
3385
3648
|
color: var(--ac-dropdown-text, var(--a-text-default));
|
|
3386
3649
|
width: 27ch;
|
|
3387
3650
|
max-height: 616px;
|
|
3388
|
-
overflow: hidden
|
|
3651
|
+
overflow-x: hidden;
|
|
3652
|
+
overflow-y: auto;
|
|
3389
3653
|
}
|
|
3390
3654
|
|
|
3391
3655
|
.navds-dropdown__divider {
|
|
@@ -3472,7 +3736,7 @@
|
|
|
3472
3736
|
}
|
|
3473
3737
|
|
|
3474
3738
|
.navds-action-menu__content {
|
|
3475
|
-
border-radius: var(--ax-border-radius-
|
|
3739
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
3476
3740
|
border: 1px solid var(--ax-border-subtleA);
|
|
3477
3741
|
box-shadow: var(--ax-shadow-dialog);
|
|
3478
3742
|
transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
|
|
@@ -3508,7 +3772,7 @@
|
|
|
3508
3772
|
--__axc-action-menu-item-pr: var(--ax-space-8);
|
|
3509
3773
|
--__axc-action-menu-item-pl: var(--ax-space-8);
|
|
3510
3774
|
--__axc-action-menu-item-height: 2rem;
|
|
3511
|
-
border-radius: var(--ax-border-radius-
|
|
3775
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
3512
3776
|
background-color: var(--ax-bg-raised);
|
|
3513
3777
|
min-width: 128px;
|
|
3514
3778
|
max-width: min(95vw, 640px);
|
|
@@ -3525,7 +3789,7 @@
|
|
|
3525
3789
|
gap: var(--ax-space-8);
|
|
3526
3790
|
min-height: var(--__axc-action-menu-item-height);
|
|
3527
3791
|
cursor: default;
|
|
3528
|
-
border-radius: var(--ax-border-radius-
|
|
3792
|
+
border-radius: var(--ax-border-radius-large);
|
|
3529
3793
|
padding-left: var(--__axc-action-menu-item-pl);
|
|
3530
3794
|
padding-right: var(--__axc-action-menu-item-pr);
|
|
3531
3795
|
font-size: var(--ax-font-size-medium);
|
|
@@ -3574,7 +3838,7 @@
|
|
|
3574
3838
|
|
|
3575
3839
|
.navds-action-menu__item--danger:focus {
|
|
3576
3840
|
background-color: var(--ax-bg-danger-moderate-hoverA);
|
|
3577
|
-
color: var(--ax-text-danger
|
|
3841
|
+
color: var(--ax-text-danger);
|
|
3578
3842
|
}
|
|
3579
3843
|
|
|
3580
3844
|
.navds-action-menu__marker {
|
|
@@ -3644,7 +3908,15 @@
|
|
|
3644
3908
|
display: grid;
|
|
3645
3909
|
}
|
|
3646
3910
|
|
|
3647
|
-
.navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked
|
|
3911
|
+
.navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked {
|
|
3912
|
+
display: block;
|
|
3913
|
+
}
|
|
3914
|
+
|
|
3915
|
+
.navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked {
|
|
3916
|
+
display: block;
|
|
3917
|
+
}
|
|
3918
|
+
|
|
3919
|
+
.navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
|
|
3648
3920
|
display: block;
|
|
3649
3921
|
}
|
|
3650
3922
|
|
|
@@ -3654,11 +3926,12 @@
|
|
|
3654
3926
|
|
|
3655
3927
|
.navds-expansioncard {
|
|
3656
3928
|
--__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
|
|
3657
|
-
--__axc-expansioncard-padding-block: var(--ax-space-
|
|
3929
|
+
--__axc-expansioncard-padding-block: var(--ax-space-20);
|
|
3658
3930
|
--__axc-expansioncard-padding-inline: var(--ax-space-20);
|
|
3659
3931
|
border-radius: var(--ax-border-radius-xlarge);
|
|
3660
3932
|
background-color: var(--ax-bg-raised);
|
|
3661
3933
|
border: 1px solid var(--ax-border-default);
|
|
3934
|
+
height: -webkit-fit-content;
|
|
3662
3935
|
height: fit-content;
|
|
3663
3936
|
}
|
|
3664
3937
|
|
|
@@ -3669,13 +3942,17 @@
|
|
|
3669
3942
|
|
|
3670
3943
|
.navds-expansioncard--small {
|
|
3671
3944
|
--__axc-expansioncard-padding-inline: var(--ax-space-16);
|
|
3672
|
-
--__axc-expansioncard-padding-block: var(--ax-space-
|
|
3945
|
+
--__axc-expansioncard-padding-block: var(--ax-space-16);
|
|
3673
3946
|
}
|
|
3674
3947
|
|
|
3675
3948
|
.navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
|
|
3676
3949
|
margin-top: var(--ax-space-2);
|
|
3677
3950
|
}
|
|
3678
3951
|
|
|
3952
|
+
.navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
|
|
3953
|
+
margin-top: 0;
|
|
3954
|
+
}
|
|
3955
|
+
|
|
3679
3956
|
.navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
|
|
3680
3957
|
margin-top: 0;
|
|
3681
3958
|
}
|
|
@@ -3697,7 +3974,7 @@
|
|
|
3697
3974
|
}
|
|
3698
3975
|
|
|
3699
3976
|
.navds-expansioncard__header:hover {
|
|
3700
|
-
background-color: var(--ax-bg-
|
|
3977
|
+
background-color: var(--ax-bg-hoverA);
|
|
3701
3978
|
}
|
|
3702
3979
|
|
|
3703
3980
|
.navds-expansioncard__header[data-open="true"] {
|
|
@@ -3707,7 +3984,7 @@
|
|
|
3707
3984
|
|
|
3708
3985
|
.navds-expansioncard__header[data-open="true"]:after {
|
|
3709
3986
|
content: "";
|
|
3710
|
-
background-color: var(--ax-border-
|
|
3987
|
+
background-color: var(--ax-border-subtleA);
|
|
3711
3988
|
bottom: 0;
|
|
3712
3989
|
left: var(--__axc-expansioncard-padding-inline);
|
|
3713
3990
|
height: 1px;
|
|
@@ -3747,15 +4024,7 @@
|
|
|
3747
4024
|
}
|
|
3748
4025
|
|
|
3749
4026
|
.navds-expansioncard__header-button:focus-visible {
|
|
3750
|
-
outline:
|
|
3751
|
-
outline-offset: 2px;
|
|
3752
|
-
}
|
|
3753
|
-
|
|
3754
|
-
@supports not selector(:focus-visible) {
|
|
3755
|
-
.navds-expansioncard__header-button:focus {
|
|
3756
|
-
outline: 2px solid var(--ax-border-focus);
|
|
3757
|
-
outline-offset: 2px;
|
|
3758
|
-
}
|
|
4027
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3759
4028
|
}
|
|
3760
4029
|
|
|
3761
4030
|
.navds-expansioncard__header-button:after {
|
|
@@ -3765,7 +4034,10 @@
|
|
|
3765
4034
|
width: 100%;
|
|
3766
4035
|
height: 100%;
|
|
3767
4036
|
position: absolute;
|
|
3768
|
-
|
|
4037
|
+
top: 0;
|
|
4038
|
+
bottom: 0;
|
|
4039
|
+
left: 0;
|
|
4040
|
+
right: 0;
|
|
3769
4041
|
}
|
|
3770
4042
|
|
|
3771
4043
|
.navds-expansioncard__header:hover > .navds-expansioncard__header-button {
|
|
@@ -3787,17 +4059,31 @@
|
|
|
3787
4059
|
.navds-expansioncard__content {
|
|
3788
4060
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
3789
4061
|
visibility: hidden;
|
|
3790
|
-
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
3791
|
-
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
3792
4062
|
grid-template-rows: 0fr;
|
|
3793
|
-
padding-
|
|
3794
|
-
|
|
4063
|
+
padding-top: 0;
|
|
4064
|
+
padding-bottom: 0;
|
|
4065
|
+
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
3795
4066
|
transition-duration: .25s;
|
|
3796
4067
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
3797
4068
|
display: grid;
|
|
3798
4069
|
overflow: hidden;
|
|
3799
4070
|
}
|
|
3800
4071
|
|
|
4072
|
+
.navds-expansioncard__content:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4073
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4074
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4075
|
+
}
|
|
4076
|
+
|
|
4077
|
+
.navds-expansioncard__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4078
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4079
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4080
|
+
}
|
|
4081
|
+
|
|
4082
|
+
.navds-expansioncard__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4083
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4084
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4085
|
+
}
|
|
4086
|
+
|
|
3801
4087
|
.navds-expansioncard__content[data-open="true"] {
|
|
3802
4088
|
visibility: visible;
|
|
3803
4089
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -3814,18 +4100,28 @@
|
|
|
3814
4100
|
transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
|
|
3815
4101
|
}
|
|
3816
4102
|
|
|
4103
|
+
.navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
|
|
4104
|
+
transition: none;
|
|
4105
|
+
}
|
|
4106
|
+
|
|
3817
4107
|
.navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
|
|
3818
4108
|
transition: none;
|
|
3819
4109
|
}
|
|
3820
4110
|
|
|
3821
4111
|
.navds-guide-panel {
|
|
3822
4112
|
--__axc-guide-panel-guide-size: 3.75rem;
|
|
4113
|
+
width: -webkit-fit-content;
|
|
3823
4114
|
width: fit-content;
|
|
3824
4115
|
display: flex;
|
|
3825
4116
|
position: relative;
|
|
3826
4117
|
}
|
|
3827
4118
|
|
|
3828
|
-
.navds-guide-panel[data-poster="true"]
|
|
4119
|
+
.navds-guide-panel[data-poster="true"] {
|
|
4120
|
+
flex-direction: column;
|
|
4121
|
+
align-items: center;
|
|
4122
|
+
}
|
|
4123
|
+
|
|
4124
|
+
.navds-guide-panel[data-responsive="true"] {
|
|
3829
4125
|
flex-direction: column;
|
|
3830
4126
|
align-items: center;
|
|
3831
4127
|
}
|
|
@@ -3868,6 +4164,10 @@
|
|
|
3868
4164
|
position: relative;
|
|
3869
4165
|
}
|
|
3870
4166
|
|
|
4167
|
+
.navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
|
|
4168
|
+
margin-top: var(--ax-space-20);
|
|
4169
|
+
}
|
|
4170
|
+
|
|
3871
4171
|
.navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
|
|
3872
4172
|
margin-top: var(--ax-space-20);
|
|
3873
4173
|
}
|
|
@@ -3910,6 +4210,12 @@
|
|
|
3910
4210
|
position: absolute;
|
|
3911
4211
|
}
|
|
3912
4212
|
|
|
4213
|
+
.navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
|
|
4214
|
+
left: 50%;
|
|
4215
|
+
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
4216
|
+
transform: translateX(-48%);
|
|
4217
|
+
}
|
|
4218
|
+
|
|
3913
4219
|
.navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
|
|
3914
4220
|
left: 50%;
|
|
3915
4221
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
@@ -3955,7 +4261,11 @@
|
|
|
3955
4261
|
border: 1px solid var(--ax-border-info);
|
|
3956
4262
|
}
|
|
3957
4263
|
|
|
3958
|
-
.navds-help-text__icon--filled
|
|
4264
|
+
.navds-help-text__icon--filled {
|
|
4265
|
+
display: none;
|
|
4266
|
+
}
|
|
4267
|
+
|
|
4268
|
+
.navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
|
|
3959
4269
|
display: none;
|
|
3960
4270
|
}
|
|
3961
4271
|
|
|
@@ -4002,7 +4312,8 @@
|
|
|
4002
4312
|
font: inherit;
|
|
4003
4313
|
font-weight: var(--ax-font-weight-bold);
|
|
4004
4314
|
text-align: left;
|
|
4005
|
-
padding-
|
|
4315
|
+
padding-top: 0;
|
|
4316
|
+
padding-bottom: 0;
|
|
4006
4317
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
4007
4318
|
border: none;
|
|
4008
4319
|
border-right: 1px solid var(--ax-border-subtleA);
|
|
@@ -4016,6 +4327,10 @@
|
|
|
4016
4327
|
overflow: visible;
|
|
4017
4328
|
}
|
|
4018
4329
|
|
|
4330
|
+
.navds-internalheader__title:-webkit-any(button) {
|
|
4331
|
+
cursor: pointer;
|
|
4332
|
+
}
|
|
4333
|
+
|
|
4019
4334
|
.navds-internalheader__title:is(button) {
|
|
4020
4335
|
cursor: pointer;
|
|
4021
4336
|
}
|
|
@@ -4024,6 +4339,10 @@
|
|
|
4024
4339
|
background: var(--ax-bg-moderate-hover);
|
|
4025
4340
|
}
|
|
4026
4341
|
|
|
4342
|
+
.navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
|
|
4343
|
+
background: initial;
|
|
4344
|
+
}
|
|
4345
|
+
|
|
4027
4346
|
.navds-internalheader__title:is(:hover, :active):not(button, a) {
|
|
4028
4347
|
background: initial;
|
|
4029
4348
|
}
|
|
@@ -4069,7 +4388,7 @@
|
|
|
4069
4388
|
|
|
4070
4389
|
:is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
|
|
4071
4390
|
outline: 3px solid var(--ax-border-focus);
|
|
4072
|
-
outline-offset: -
|
|
4391
|
+
outline-offset: -4px;
|
|
4073
4392
|
}
|
|
4074
4393
|
|
|
4075
4394
|
:is(.navds-internalheader__title, .navds-internalheader__button):active {
|
|
@@ -4091,13 +4410,18 @@
|
|
|
4091
4410
|
display: inline-flex;
|
|
4092
4411
|
}
|
|
4093
4412
|
|
|
4094
|
-
.navds-link:hover
|
|
4413
|
+
.navds-link:hover {
|
|
4414
|
+
text-decoration-thickness: .111em;
|
|
4415
|
+
}
|
|
4416
|
+
|
|
4417
|
+
.navds-link:active {
|
|
4095
4418
|
text-decoration-thickness: .111em;
|
|
4096
4419
|
}
|
|
4097
4420
|
|
|
4098
4421
|
.navds-link:focus-visible {
|
|
4099
|
-
outline:
|
|
4100
|
-
outline-offset:
|
|
4422
|
+
outline: 3px solid var(--ax-border-focus);
|
|
4423
|
+
outline-offset: 3px;
|
|
4424
|
+
border-radius: 1px;
|
|
4101
4425
|
}
|
|
4102
4426
|
|
|
4103
4427
|
.navds-link.navds-link--inline-text {
|
|
@@ -4271,6 +4595,7 @@
|
|
|
4271
4595
|
max-width: 100%;
|
|
4272
4596
|
max-height: 100%;
|
|
4273
4597
|
color: var(--ax-text-default);
|
|
4598
|
+
margin: auto;
|
|
4274
4599
|
padding: 0;
|
|
4275
4600
|
position: fixed;
|
|
4276
4601
|
}
|
|
@@ -4282,7 +4607,9 @@
|
|
|
4282
4607
|
}
|
|
4283
4608
|
|
|
4284
4609
|
.navds-modal--polyfilled {
|
|
4610
|
+
width: -webkit-fit-content;
|
|
4285
4611
|
width: fit-content;
|
|
4612
|
+
height: -webkit-fit-content;
|
|
4286
4613
|
height: fit-content;
|
|
4287
4614
|
margin: auto;
|
|
4288
4615
|
top: 50%;
|
|
@@ -4301,7 +4628,10 @@
|
|
|
4301
4628
|
|
|
4302
4629
|
._dialog_overlay {
|
|
4303
4630
|
position: fixed;
|
|
4304
|
-
|
|
4631
|
+
top: 0;
|
|
4632
|
+
bottom: 0;
|
|
4633
|
+
left: 0;
|
|
4634
|
+
right: 0;
|
|
4305
4635
|
}
|
|
4306
4636
|
|
|
4307
4637
|
.navds-modal--medium {
|
|
@@ -4312,7 +4642,15 @@
|
|
|
4312
4642
|
width: 450px;
|
|
4313
4643
|
}
|
|
4314
4644
|
|
|
4315
|
-
.navds-modal--small .navds-modal__header
|
|
4645
|
+
.navds-modal--small .navds-modal__header {
|
|
4646
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
4647
|
+
}
|
|
4648
|
+
|
|
4649
|
+
.navds-modal--small .navds-modal__body {
|
|
4650
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
4651
|
+
}
|
|
4652
|
+
|
|
4653
|
+
.navds-modal--small .navds-modal__footer {
|
|
4316
4654
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
4317
4655
|
}
|
|
4318
4656
|
|
|
@@ -4345,7 +4683,10 @@
|
|
|
4345
4683
|
.navds-modal--polyfilled + .backdrop {
|
|
4346
4684
|
background: rgba(2, 20, 49, .49);
|
|
4347
4685
|
position: fixed;
|
|
4348
|
-
|
|
4686
|
+
top: 0;
|
|
4687
|
+
bottom: 0;
|
|
4688
|
+
left: 0;
|
|
4689
|
+
right: 0;
|
|
4349
4690
|
}
|
|
4350
4691
|
|
|
4351
4692
|
.navds-modal__button {
|
|
@@ -4395,6 +4736,7 @@
|
|
|
4395
4736
|
}
|
|
4396
4737
|
|
|
4397
4738
|
.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
|
|
4739
|
+
min-width: -webkit-fit-content;
|
|
4398
4740
|
min-width: fit-content;
|
|
4399
4741
|
max-width: 100vw;
|
|
4400
4742
|
max-height: 100vh;
|
|
@@ -4583,10 +4925,21 @@
|
|
|
4583
4925
|
|
|
4584
4926
|
.navds-tag__icon--left {
|
|
4585
4927
|
font-size: var(--__axc-tag-icon-size);
|
|
4586
|
-
margin-inline-start: var(--__axc-tag-icon-margin);
|
|
4587
4928
|
display: flex;
|
|
4588
4929
|
}
|
|
4589
4930
|
|
|
4931
|
+
.navds-tag__icon--left:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4932
|
+
margin-left: var(--__axc-tag-icon-margin);
|
|
4933
|
+
}
|
|
4934
|
+
|
|
4935
|
+
.navds-tag__icon--left:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4936
|
+
margin-right: var(--__axc-tag-icon-margin);
|
|
4937
|
+
}
|
|
4938
|
+
|
|
4939
|
+
.navds-tag__icon--left:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4940
|
+
margin-right: var(--__axc-tag-icon-margin);
|
|
4941
|
+
}
|
|
4942
|
+
|
|
4590
4943
|
.navds-tag--outline {
|
|
4591
4944
|
box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
|
|
4592
4945
|
background: var(--__axc-tag-bg);
|
|
@@ -4622,6 +4975,7 @@
|
|
|
4622
4975
|
grid-template-columns: auto minmax(0, 1fr);
|
|
4623
4976
|
align-items: center;
|
|
4624
4977
|
width: 100%;
|
|
4978
|
+
min-width: -webkit-fit-content;
|
|
4625
4979
|
min-width: fit-content;
|
|
4626
4980
|
display: grid;
|
|
4627
4981
|
position: relative;
|
|
@@ -4684,12 +5038,12 @@
|
|
|
4684
5038
|
|
|
4685
5039
|
.navds-timeline__period:focus-visible {
|
|
4686
5040
|
z-index: 4;
|
|
4687
|
-
outline:
|
|
4688
|
-
outline-offset:
|
|
5041
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5042
|
+
outline-offset: 3px;
|
|
4689
5043
|
}
|
|
4690
5044
|
|
|
4691
5045
|
.navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
|
|
4692
|
-
box-shadow: 0 0 0
|
|
5046
|
+
box-shadow: 0 0 0 3px var(--ax-bg-default);
|
|
4693
5047
|
}
|
|
4694
5048
|
|
|
4695
5049
|
.navds-timeline__period {
|
|
@@ -4845,7 +5199,10 @@
|
|
|
4845
5199
|
width: 25px;
|
|
4846
5200
|
height: 25px;
|
|
4847
5201
|
position: absolute;
|
|
4848
|
-
|
|
5202
|
+
top: -9px;
|
|
5203
|
+
bottom: 0;
|
|
5204
|
+
left: -9px;
|
|
5205
|
+
right: 0;
|
|
4849
5206
|
}
|
|
4850
5207
|
|
|
4851
5208
|
.navds-timeline__pin-button:hover {
|
|
@@ -4853,9 +5210,9 @@
|
|
|
4853
5210
|
}
|
|
4854
5211
|
|
|
4855
5212
|
.navds-timeline__pin-button:focus-visible {
|
|
4856
|
-
box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0
|
|
4857
|
-
outline:
|
|
4858
|
-
outline-offset:
|
|
5213
|
+
box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
|
|
5214
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5215
|
+
outline-offset: 3px;
|
|
4859
5216
|
}
|
|
4860
5217
|
|
|
4861
5218
|
.navds-timeline__pin-wrapper:before {
|
|
@@ -4911,7 +5268,7 @@
|
|
|
4911
5268
|
}
|
|
4912
5269
|
|
|
4913
5270
|
.navds-timeline__zoom-button:focus-visible {
|
|
4914
|
-
box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0
|
|
5271
|
+
box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
|
|
4915
5272
|
border-width: 1px;
|
|
4916
5273
|
}
|
|
4917
5274
|
|
|
@@ -4932,8 +5289,8 @@
|
|
|
4932
5289
|
|
|
4933
5290
|
@media (forced-colors: active) {
|
|
4934
5291
|
.navds-timeline__period:focus {
|
|
4935
|
-
outline-offset:
|
|
4936
|
-
outline:
|
|
5292
|
+
outline-offset: 3px;
|
|
5293
|
+
outline: 3px solid highlight;
|
|
4937
5294
|
}
|
|
4938
5295
|
|
|
4939
5296
|
.navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
|
|
@@ -4948,8 +5305,14 @@
|
|
|
4948
5305
|
outline: 4px solid rgba(0, 0, 0, 0);
|
|
4949
5306
|
}
|
|
4950
5307
|
|
|
4951
|
-
.navds-timeline__pin-button:focus
|
|
4952
|
-
outline-offset:
|
|
5308
|
+
.navds-timeline__pin-button:focus {
|
|
5309
|
+
outline-offset: 3px;
|
|
5310
|
+
box-shadow: none;
|
|
5311
|
+
outline: 4px solid highlight;
|
|
5312
|
+
}
|
|
5313
|
+
|
|
5314
|
+
.navds-timeline__pin-button:focus-visible {
|
|
5315
|
+
outline-offset: 3px;
|
|
4953
5316
|
box-shadow: none;
|
|
4954
5317
|
outline: 4px solid highlight;
|
|
4955
5318
|
}
|
|
@@ -5073,7 +5436,7 @@
|
|
|
5073
5436
|
}
|
|
5074
5437
|
|
|
5075
5438
|
.navds-toggle-group {
|
|
5076
|
-
border-radius: var(--ax-border-radius-
|
|
5439
|
+
border-radius: var(--ax-border-radius-large);
|
|
5077
5440
|
box-shadow: inset 0 0 0 1px var(--ax-border-default);
|
|
5078
5441
|
background-color: rgba(0, 0, 0, 0);
|
|
5079
5442
|
grid-auto-columns: 1fr;
|
|
@@ -5087,11 +5450,12 @@
|
|
|
5087
5450
|
cursor: pointer;
|
|
5088
5451
|
min-height: 3rem;
|
|
5089
5452
|
color: var(--ax-text-default);
|
|
5090
|
-
border-radius: var(--ax-border-radius-
|
|
5453
|
+
border-radius: var(--ax-border-radius-large);
|
|
5091
5454
|
background-color: rgba(0, 0, 0, 0);
|
|
5092
5455
|
border: none;
|
|
5093
5456
|
justify-content: center;
|
|
5094
5457
|
align-items: center;
|
|
5458
|
+
min-width: -webkit-fit-content;
|
|
5095
5459
|
min-width: fit-content;
|
|
5096
5460
|
display: inline-flex;
|
|
5097
5461
|
position: relative;
|
|
@@ -5103,8 +5467,8 @@
|
|
|
5103
5467
|
}
|
|
5104
5468
|
|
|
5105
5469
|
.navds-toggle-group__button:focus-visible {
|
|
5106
|
-
outline:
|
|
5107
|
-
outline-offset:
|
|
5470
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5471
|
+
outline-offset: 3px;
|
|
5108
5472
|
z-index: 1;
|
|
5109
5473
|
}
|
|
5110
5474
|
|
|
@@ -5188,53 +5552,6 @@
|
|
|
5188
5552
|
border-color: var(--ac-panel-border, var(--a-border-default));
|
|
5189
5553
|
}
|
|
5190
5554
|
|
|
5191
|
-
.navds-link-panel {
|
|
5192
|
-
color: var(--ac-link-panel-text, var(--a-text-default));
|
|
5193
|
-
justify-content: space-between;
|
|
5194
|
-
align-items: center;
|
|
5195
|
-
gap: var(--a-spacing-4);
|
|
5196
|
-
text-decoration: none;
|
|
5197
|
-
display: flex;
|
|
5198
|
-
}
|
|
5199
|
-
|
|
5200
|
-
.navds-link-panel:hover .navds-link-panel__title {
|
|
5201
|
-
color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
|
|
5202
|
-
text-decoration: underline;
|
|
5203
|
-
}
|
|
5204
|
-
|
|
5205
|
-
.navds-link-panel:hover {
|
|
5206
|
-
box-shadow: var(--a-shadow-small);
|
|
5207
|
-
border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
|
|
5208
|
-
}
|
|
5209
|
-
|
|
5210
|
-
.navds-link-panel:focus-visible {
|
|
5211
|
-
outline-offset: 2px;
|
|
5212
|
-
box-shadow: var(--a-shadow-focus);
|
|
5213
|
-
outline: 3px solid rgba(0, 0, 0, 0);
|
|
5214
|
-
}
|
|
5215
|
-
|
|
5216
|
-
@supports not selector(:focus-visible) {
|
|
5217
|
-
.navds-link-panel:focus {
|
|
5218
|
-
outline-offset: 2px;
|
|
5219
|
-
box-shadow: var(--a-shadow-focus);
|
|
5220
|
-
outline: 3px solid rgba(0, 0, 0, 0);
|
|
5221
|
-
}
|
|
5222
|
-
}
|
|
5223
|
-
|
|
5224
|
-
.navds-link-panel__chevron {
|
|
5225
|
-
flex-shrink: 0;
|
|
5226
|
-
font-size: 1.5rem;
|
|
5227
|
-
transition: transform .2s;
|
|
5228
|
-
}
|
|
5229
|
-
|
|
5230
|
-
.navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
|
|
5231
|
-
transform: translateX(4px);
|
|
5232
|
-
}
|
|
5233
|
-
|
|
5234
|
-
.navds-link-panel__description {
|
|
5235
|
-
margin-top: var(--a-spacing-1);
|
|
5236
|
-
}
|
|
5237
|
-
|
|
5238
5555
|
.navds-read-more {
|
|
5239
5556
|
--__axc-read-more-icon-size: 1.5rem;
|
|
5240
5557
|
--__axc-read-more-pi-start: 0px;
|
|
@@ -5257,14 +5574,23 @@
|
|
|
5257
5574
|
}
|
|
5258
5575
|
|
|
5259
5576
|
.navds-read-more__button:focus-visible {
|
|
5260
|
-
outline:
|
|
5261
|
-
outline-offset:
|
|
5577
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5578
|
+
outline-offset: 3px;
|
|
5262
5579
|
}
|
|
5263
5580
|
|
|
5264
5581
|
.navds-read-more__button[data-state="open"] .navds-read-more__expand-icon {
|
|
5265
5582
|
transform: rotateX(-180deg);
|
|
5266
5583
|
}
|
|
5267
5584
|
|
|
5585
|
+
.navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button {
|
|
5586
|
+
border-radius: var(--ax-border-radius-medium);
|
|
5587
|
+
}
|
|
5588
|
+
|
|
5589
|
+
.navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
|
|
5590
|
+
background-color: var(--ax-bg-hoverA);
|
|
5591
|
+
color: var(--ax-text-accent-strong);
|
|
5592
|
+
}
|
|
5593
|
+
|
|
5268
5594
|
.navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
|
|
5269
5595
|
border-radius: var(--ax-border-radius-medium);
|
|
5270
5596
|
}
|
|
@@ -5289,7 +5615,12 @@
|
|
|
5289
5615
|
--__axc-read-more-pi-end: var(--ax-space-24);
|
|
5290
5616
|
}
|
|
5291
5617
|
|
|
5292
|
-
.navds-read-more[data-volume="high"].navds-read-more--small
|
|
5618
|
+
.navds-read-more[data-volume="high"].navds-read-more--small {
|
|
5619
|
+
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
5620
|
+
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
5621
|
+
}
|
|
5622
|
+
|
|
5623
|
+
.navds-read-more[data-volume="high"].navds-read-more--medium {
|
|
5293
5624
|
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
5294
5625
|
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
5295
5626
|
}
|
|
@@ -5458,6 +5789,7 @@
|
|
|
5458
5789
|
}
|
|
5459
5790
|
|
|
5460
5791
|
.navds-skeleton--has-children.navds-skeleton--no-width {
|
|
5792
|
+
width: -webkit-fit-content;
|
|
5461
5793
|
width: fit-content;
|
|
5462
5794
|
}
|
|
5463
5795
|
|
|
@@ -5557,12 +5889,13 @@
|
|
|
5557
5889
|
padding: var(--__axc-stepper-border-width);
|
|
5558
5890
|
margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
|
|
5559
5891
|
justify-content: flex-start;
|
|
5892
|
+
width: 100%;
|
|
5560
5893
|
display: grid;
|
|
5561
5894
|
}
|
|
5562
5895
|
|
|
5563
5896
|
.navds-stepper__step:focus-visible {
|
|
5564
|
-
outline:
|
|
5565
|
-
outline-offset:
|
|
5897
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5898
|
+
outline-offset: 3px;
|
|
5566
5899
|
isolation: isolate;
|
|
5567
5900
|
}
|
|
5568
5901
|
|
|
@@ -5570,7 +5903,18 @@
|
|
|
5570
5903
|
margin-bottom: 0;
|
|
5571
5904
|
}
|
|
5572
5905
|
|
|
5906
|
+
.navds-stepper__step:-webkit-any(button) {
|
|
5907
|
+
-webkit-appearance: none;
|
|
5908
|
+
appearance: none;
|
|
5909
|
+
font: inherit;
|
|
5910
|
+
color: inherit;
|
|
5911
|
+
text-align: inherit;
|
|
5912
|
+
background-color: rgba(0, 0, 0, 0);
|
|
5913
|
+
border: none;
|
|
5914
|
+
}
|
|
5915
|
+
|
|
5573
5916
|
.navds-stepper__step:is(button) {
|
|
5917
|
+
-webkit-appearance: none;
|
|
5574
5918
|
appearance: none;
|
|
5575
5919
|
font: inherit;
|
|
5576
5920
|
color: inherit;
|
|
@@ -5607,7 +5951,11 @@
|
|
|
5607
5951
|
text-decoration-thickness: .05em;
|
|
5608
5952
|
}
|
|
5609
5953
|
|
|
5610
|
-
|
|
5954
|
+
.navds-stepper__step[data-interactive="true"]:hover .navds-stepper__content {
|
|
5955
|
+
text-decoration-thickness: .111em;
|
|
5956
|
+
}
|
|
5957
|
+
|
|
5958
|
+
.navds-stepper__step[data-interactive="true"]:active .navds-stepper__content {
|
|
5611
5959
|
text-decoration-thickness: .111em;
|
|
5612
5960
|
}
|
|
5613
5961
|
|
|
@@ -5658,6 +6006,7 @@
|
|
|
5658
6006
|
|
|
5659
6007
|
.navds-stepper__content {
|
|
5660
6008
|
grid-column: content;
|
|
6009
|
+
min-width: -webkit-fit-content;
|
|
5661
6010
|
min-width: fit-content;
|
|
5662
6011
|
padding-top: .035rem;
|
|
5663
6012
|
line-height: 1.5;
|
|
@@ -5692,7 +6041,11 @@
|
|
|
5692
6041
|
flex: 100%;
|
|
5693
6042
|
}
|
|
5694
6043
|
|
|
5695
|
-
.navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1
|
|
6044
|
+
.navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1 {
|
|
6045
|
+
visibility: hidden;
|
|
6046
|
+
}
|
|
6047
|
+
|
|
6048
|
+
.navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
|
|
5696
6049
|
visibility: hidden;
|
|
5697
6050
|
}
|
|
5698
6051
|
|
|
@@ -5794,7 +6147,11 @@
|
|
|
5794
6147
|
text-align: center;
|
|
5795
6148
|
}
|
|
5796
6149
|
|
|
5797
|
-
:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell
|
|
6150
|
+
:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell {
|
|
6151
|
+
border-color: var(--ax-border-strong);
|
|
6152
|
+
}
|
|
6153
|
+
|
|
6154
|
+
:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
|
|
5798
6155
|
border-color: var(--ax-border-strong);
|
|
5799
6156
|
}
|
|
5800
6157
|
|
|
@@ -5823,6 +6180,7 @@
|
|
|
5823
6180
|
}
|
|
5824
6181
|
|
|
5825
6182
|
.navds-table__sort-button {
|
|
6183
|
+
-webkit-appearance: none;
|
|
5826
6184
|
appearance: none;
|
|
5827
6185
|
color: var(--ax-text-accent);
|
|
5828
6186
|
cursor: pointer;
|
|
@@ -5847,8 +6205,8 @@
|
|
|
5847
6205
|
}
|
|
5848
6206
|
|
|
5849
6207
|
.navds-table__sort-button:focus-visible {
|
|
5850
|
-
outline:
|
|
5851
|
-
outline-offset: -
|
|
6208
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6209
|
+
outline-offset: -5px;
|
|
5852
6210
|
}
|
|
5853
6211
|
|
|
5854
6212
|
.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
|
|
@@ -5929,7 +6287,7 @@
|
|
|
5929
6287
|
}
|
|
5930
6288
|
|
|
5931
6289
|
.navds-table__toggle-expand-button:focus-visible {
|
|
5932
|
-
outline:
|
|
6290
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5933
6291
|
}
|
|
5934
6292
|
|
|
5935
6293
|
.navds-table__expanded-row-cell {
|
|
@@ -5945,11 +6303,28 @@
|
|
|
5945
6303
|
}
|
|
5946
6304
|
|
|
5947
6305
|
.navds-table__expanded-row-content {
|
|
5948
|
-
|
|
6306
|
+
--__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
|
|
6307
|
+
padding-block: var(--ax-space-16);
|
|
5949
6308
|
}
|
|
5950
6309
|
|
|
5951
6310
|
.navds-table--small .navds-table__expanded-row-content {
|
|
5952
|
-
padding: var(--ax-space-8)
|
|
6311
|
+
padding-block: var(--ax-space-8);
|
|
6312
|
+
}
|
|
6313
|
+
|
|
6314
|
+
.navds-table__expanded-row-content--gutter-both {
|
|
6315
|
+
padding-inline: var(--__ac-table-expanded-row-pi);
|
|
6316
|
+
}
|
|
6317
|
+
|
|
6318
|
+
.navds-table__expanded-row-content--gutter-left {
|
|
6319
|
+
padding-inline: var(--__ac-table-expanded-row-pi) var(--ax-space-8);
|
|
6320
|
+
}
|
|
6321
|
+
|
|
6322
|
+
.navds-table__expanded-row-content--gutter-right {
|
|
6323
|
+
padding-inline: var(--ax-space-8) var(--__ac-table-expanded-row-pi);
|
|
6324
|
+
}
|
|
6325
|
+
|
|
6326
|
+
.navds-table__expanded-row-content--gutter-none {
|
|
6327
|
+
padding-inline: var(--ax-space-8);
|
|
5953
6328
|
}
|
|
5954
6329
|
|
|
5955
6330
|
.navds-tabs__tablist-wrapper {
|
|
@@ -6021,8 +6396,8 @@
|
|
|
6021
6396
|
}
|
|
6022
6397
|
|
|
6023
6398
|
.navds-tabs__tab:focus-visible {
|
|
6024
|
-
outline:
|
|
6025
|
-
outline-offset: -
|
|
6399
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6400
|
+
outline-offset: -3px;
|
|
6026
6401
|
}
|
|
6027
6402
|
|
|
6028
6403
|
.navds-tabs__tab-inner {
|
|
@@ -6070,22 +6445,22 @@
|
|
|
6070
6445
|
}
|
|
6071
6446
|
|
|
6072
6447
|
.navds-tabs__tabpanel:focus-visible {
|
|
6073
|
-
outline:
|
|
6074
|
-
outline-offset: -
|
|
6448
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6449
|
+
outline-offset: -4px;
|
|
6075
6450
|
}
|
|
6076
6451
|
|
|
6077
6452
|
@media (forced-colors: active) {
|
|
6078
6453
|
.navds-tabs__tab[data-state="active"] {
|
|
6079
6454
|
border-bottom: 3px solid canvastext;
|
|
6080
|
-
padding-
|
|
6455
|
+
padding-bottom: calc(var(--ax-space-12) - 3px);
|
|
6081
6456
|
}
|
|
6082
6457
|
|
|
6083
6458
|
.navds-tabs__tab--small[data-state="active"] {
|
|
6084
|
-
padding-
|
|
6459
|
+
padding-bottom: calc(var(--ax-space-6) - 3px);
|
|
6085
6460
|
}
|
|
6086
6461
|
|
|
6087
6462
|
.navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
|
|
6088
|
-
padding-
|
|
6463
|
+
padding-bottom: calc(var(--ax-space-4) - 3px);
|
|
6089
6464
|
}
|
|
6090
6465
|
}
|
|
6091
6466
|
|
|
@@ -6152,11 +6527,11 @@
|
|
|
6152
6527
|
}
|
|
6153
6528
|
|
|
6154
6529
|
.navds-list__item {
|
|
6155
|
-
margin-
|
|
6530
|
+
margin-bottom: var(--ax-space-8);
|
|
6156
6531
|
}
|
|
6157
6532
|
|
|
6158
6533
|
.navds-list__item:last-child {
|
|
6159
|
-
margin-
|
|
6534
|
+
margin-bottom: 0;
|
|
6160
6535
|
}
|
|
6161
6536
|
|
|
6162
6537
|
.navds-list__item-marker {
|
|
@@ -7140,6 +7515,7 @@
|
|
|
7140
7515
|
}
|
|
7141
7516
|
|
|
7142
7517
|
.navds-page {
|
|
7518
|
+
min-height: 100vh;
|
|
7143
7519
|
flex-direction: column;
|
|
7144
7520
|
min-height: 100lvh;
|
|
7145
7521
|
display: flex;
|
|
@@ -7148,7 +7524,8 @@
|
|
|
7148
7524
|
.navds-pageblock {
|
|
7149
7525
|
--__axc-page-padding-inline: 0px;
|
|
7150
7526
|
width: 100%;
|
|
7151
|
-
margin-
|
|
7527
|
+
margin-left: auto;
|
|
7528
|
+
margin-right: auto;
|
|
7152
7529
|
}
|
|
7153
7530
|
|
|
7154
7531
|
.navds-page__content--grow {
|
|
@@ -7156,11 +7533,12 @@
|
|
|
7156
7533
|
}
|
|
7157
7534
|
|
|
7158
7535
|
.navds-page__content--fullheight {
|
|
7536
|
+
min-height: 100vh;
|
|
7159
7537
|
min-height: 100lvh;
|
|
7160
7538
|
}
|
|
7161
7539
|
|
|
7162
7540
|
.navds-page__content--padding {
|
|
7163
|
-
padding-
|
|
7541
|
+
padding-bottom: var(--ax-space-64);
|
|
7164
7542
|
}
|
|
7165
7543
|
|
|
7166
7544
|
.navds-pageblock--text {
|
|
@@ -7330,8 +7708,19 @@
|
|
|
7330
7708
|
}
|
|
7331
7709
|
|
|
7332
7710
|
.navds-stack > .navds-stack__spacer {
|
|
7333
|
-
margin-
|
|
7334
|
-
|
|
7711
|
+
margin-top: calc(var(--__axc-stack-gap) * -1);
|
|
7712
|
+
}
|
|
7713
|
+
|
|
7714
|
+
.navds-stack > .navds-stack__spacer:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
7715
|
+
margin-left: calc(var(--__axc-stack-gap) * -1);
|
|
7716
|
+
}
|
|
7717
|
+
|
|
7718
|
+
.navds-stack > .navds-stack__spacer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
7719
|
+
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
7720
|
+
}
|
|
7721
|
+
|
|
7722
|
+
.navds-stack > .navds-stack__spacer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
7723
|
+
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
7335
7724
|
}
|
|
7336
7725
|
|
|
7337
7726
|
@media (min-width: 480px) {
|