@navikt/ds-css 7.11.0 → 7.12.1
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 +4 -0
- package/darkside/accordion.darkside.css +7 -7
- package/darkside/action-menu.darkside.css +10 -10
- package/darkside/baseline/baseline.darkside.css +2 -1
- package/darkside/button.darkside.css +22 -30
- package/darkside/chat.darkside.css +5 -5
- package/darkside/chips.darkside.css +12 -12
- package/darkside/copybutton.darkside.css +1 -134
- package/darkside/date.darkside.css +10 -14
- package/darkside/expansioncard.darkside.css +6 -6
- package/darkside/form/combobox.darkside.css +18 -18
- package/darkside/form/fieldset.darkside.css +1 -1
- package/darkside/form/file-upload.darkside.css +11 -11
- package/darkside/form/form-progress.darkside.css +19 -21
- package/darkside/form/form-summary.darkside.css +8 -8
- package/darkside/form/form.darkside.css +2 -2
- package/darkside/form/radio-checkbox.darkside.css +11 -11
- package/darkside/form/search.darkside.css +1 -5
- package/darkside/form/select.darkside.css +10 -10
- package/darkside/form/switch.darkside.css +12 -12
- package/darkside/form/text-field.darkside.css +6 -6
- package/darkside/form/textarea.darkside.css +8 -8
- package/darkside/guide-panel.darkside.css +6 -2
- package/darkside/help-text.darkside.css +3 -3
- package/darkside/internalheader.darkside.css +9 -9
- package/darkside/link.darkside.css +5 -5
- package/darkside/list.darkside.css +1 -6
- package/darkside/loader.darkside.css +5 -5
- package/darkside/modal.darkside.css +3 -3
- package/darkside/pagination.darkside.css +2 -2
- package/darkside/popover.darkside.css +8 -2
- package/darkside/primitives/page.darkside.css +2 -2
- package/darkside/progress-bar.darkside.css +2 -2
- package/darkside/read-more.darkside.css +5 -6
- package/darkside/skeleton.darkside.css +1 -1
- package/darkside/stepper.darkside.css +10 -22
- package/darkside/table.darkside.css +38 -21
- package/darkside/tabs.darkside.css +3 -3
- package/darkside/tag.darkside.css +21 -21
- package/darkside/theme.darkside.css +1 -1
- package/darkside/timeline.darkside.css +21 -16
- package/darkside/toggle-group.darkside.css +7 -7
- package/darkside/tooltip.darkside.css +4 -4
- package/darkside/typography.darkside.css +2 -2
- package/dist/component/alert.min.css +1 -1
- package/dist/component/chat.min.css +1 -1
- package/dist/component/date.min.css +1 -1
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/form.min.css +1 -1
- package/dist/component/list.min.css +1 -1
- 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 +2 -2
- package/dist/component/table.min.css +1 -1
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.css +6 -6
- 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 +8 -8
- package/dist/components.min.css +3 -3
- package/dist/darkside/component/accordion.css +13 -28
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +11 -19
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/alert.css +5 -13
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.css +22 -62
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +7 -16
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +12 -12
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/copybutton.css +1 -126
- package/dist/darkside/component/copybutton.min.css +1 -1
- package/dist/darkside/component/date.css +19 -73
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.css +1 -2
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +11 -37
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +124 -299
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +7 -19
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +4 -8
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/internalheader.css +10 -19
- package/dist/darkside/component/internalheader.min.css +1 -1
- package/dist/darkside/component/link.css +6 -10
- package/dist/darkside/component/link.min.css +1 -1
- package/dist/darkside/component/list.css +3 -7
- package/dist/darkside/component/list.min.css +1 -1
- package/dist/darkside/component/loader.css +5 -5
- package/dist/darkside/component/loader.min.css +1 -1
- package/dist/darkside/component/modal.css +6 -23
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/pagination.css +2 -2
- package/dist/darkside/component/pagination.min.css +1 -1
- package/dist/darkside/component/popover.css +8 -2
- package/dist/darkside/component/popover.min.css +1 -1
- package/dist/darkside/component/primitives.css +6 -20
- package/dist/darkside/component/primitives.min.css +1 -1
- package/dist/darkside/component/progressbar.css +2 -2
- package/dist/darkside/component/progressbar.min.css +1 -1
- package/dist/darkside/component/readmore.css +6 -21
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.css +1 -2
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.css +12 -42
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +35 -24
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tabs.css +6 -6
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.css +22 -33
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/theme.css +1 -1
- package/dist/darkside/component/theme.min.css +1 -1
- package/dist/darkside/component/timeline.css +23 -28
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +7 -8
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/tooltip.css +4 -4
- package/dist/darkside/component/tooltip.min.css +1 -1
- package/dist/darkside/component/typography.css +2 -2
- package/dist/darkside/component/typography.min.css +1 -1
- package/dist/darkside/components.css +404 -975
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/baseline.css +1 -1
- package/dist/darkside/global/baseline.min.css +1 -1
- package/dist/darkside/global/tokens.css +802 -846
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +1241 -1856
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/accordion.css +13 -28
- package/dist/darkside/version/7.12.1/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/actionmenu.css +11 -19
- package/dist/darkside/version/7.12.1/component/actionmenu.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/alert.css +5 -13
- package/dist/darkside/version/7.12.1/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/button.css +22 -62
- package/dist/darkside/version/7.12.1/component/button.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/chat.css +7 -16
- package/dist/darkside/version/7.12.1/component/chat.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/chips.css +12 -12
- package/dist/darkside/version/7.12.1/component/chips.min.css +1 -0
- package/dist/darkside/version/7.12.1/component/copybutton.css +23 -0
- package/dist/darkside/version/7.12.1/component/copybutton.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/date.css +19 -73
- package/dist/darkside/version/7.12.1/component/date.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/dropdown.css +1 -2
- package/dist/darkside/version/7.12.1/component/dropdown.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/expansioncard.css +11 -37
- package/dist/darkside/version/7.12.1/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/form.css +124 -299
- package/dist/darkside/version/7.12.1/component/form.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/guidepanel.css +7 -19
- package/dist/darkside/version/7.12.1/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/helptext.css +4 -8
- package/dist/darkside/version/7.12.1/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/internalheader.css +10 -19
- package/dist/darkside/version/7.12.1/component/internalheader.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/link.css +6 -10
- package/dist/darkside/version/7.12.1/component/link.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/list.css +3 -7
- package/dist/darkside/version/7.12.1/component/list.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/loader.css +5 -5
- package/dist/darkside/version/7.12.1/component/loader.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/modal.css +6 -23
- package/dist/darkside/version/7.12.1/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/pagination.css +2 -2
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/pagination.min.css +1 -1
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/popover.css +8 -2
- package/dist/darkside/version/7.12.1/component/popover.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/primitives.css +6 -20
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/primitives.min.css +1 -1
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/progressbar.css +2 -2
- package/dist/darkside/version/7.12.1/component/progressbar.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/readmore.css +6 -21
- package/dist/darkside/version/7.12.1/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/skeleton.css +1 -2
- package/dist/darkside/version/7.12.1/component/skeleton.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/stepper.css +12 -42
- package/dist/darkside/version/7.12.1/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/table.css +35 -24
- package/dist/darkside/version/7.12.1/component/table.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/tabs.css +6 -6
- package/dist/darkside/version/7.12.1/component/tabs.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/tag.css +22 -33
- package/dist/darkside/version/7.12.1/component/tag.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/theme.css +1 -1
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/theme.min.css +1 -1
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/timeline.css +23 -28
- package/dist/darkside/version/7.12.1/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/togglegroup.css +7 -8
- package/dist/darkside/version/7.12.1/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/tooltip.css +4 -4
- package/dist/darkside/version/7.12.1/component/tooltip.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/typography.css +2 -2
- package/dist/darkside/version/{7.11.0 → 7.12.1}/component/typography.min.css +1 -1
- package/dist/darkside/version/{7.11.0 → 7.12.1}/components.css +404 -975
- package/dist/darkside/version/7.12.1/components.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/global/baseline.css +1 -1
- package/dist/darkside/version/7.12.1/global/baseline.min.css +1 -0
- package/dist/darkside/version/7.12.1/global/tokens.css +817 -0
- package/dist/darkside/version/7.12.1/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.11.0 → 7.12.1}/index.css +1241 -1856
- package/dist/darkside/version/7.12.1/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 +332 -332
- package/dist/index.min.css +4 -4
- package/package.json +3 -3
- package/table.css +2 -2
- package/tag.css +6 -6
- package/dist/darkside/version/7.11.0/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/alert.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/button.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/chat.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/chips.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/copybutton.css +0 -148
- package/dist/darkside/version/7.11.0/component/copybutton.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/date.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/dropdown.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/form.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/internalheader.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/link.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/list.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/loader.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/modal.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/popover.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/progressbar.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/skeleton.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/table.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/tabs.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/tag.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.11.0/component/tooltip.min.css +0 -1
- package/dist/darkside/version/7.11.0/components.min.css +0 -1
- package/dist/darkside/version/7.11.0/global/baseline.min.css +0 -1
- package/dist/darkside/version/7.11.0/global/tokens.css +0 -861
- package/dist/darkside/version/7.11.0/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.11.0/index.min.css +0 -1
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/print.css +0 -0
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/reset.min.css +0 -0
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
.navds-error-message {
|
|
206
|
-
color: var(--ax-text-danger);
|
|
206
|
+
color: var(--ax-text-danger-subtle);
|
|
207
207
|
}
|
|
208
208
|
|
|
209
209
|
.navds-error-message.navds-error-message--show-icon {
|
|
@@ -254,7 +254,7 @@
|
|
|
254
254
|
}
|
|
255
255
|
|
|
256
256
|
.navds-typo--color-subtle {
|
|
257
|
-
color: var(--ax-text-subtle);
|
|
257
|
+
color: var(--ax-text-neutral-subtle);
|
|
258
258
|
}
|
|
259
259
|
|
|
260
260
|
.navds-button {
|
|
@@ -345,10 +345,6 @@
|
|
|
345
345
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
346
346
|
}
|
|
347
347
|
|
|
348
|
-
.navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
|
|
349
|
-
background-color: var(--ax-bg-accent-strong);
|
|
350
|
-
}
|
|
351
|
-
|
|
352
348
|
.navds-button--primary:is(:disabled, .navds-button--disabled) {
|
|
353
349
|
background-color: var(--ax-bg-accent-strong);
|
|
354
350
|
}
|
|
@@ -365,29 +361,25 @@
|
|
|
365
361
|
}
|
|
366
362
|
|
|
367
363
|
.navds-button--primary-neutral {
|
|
368
|
-
background-color: var(--ax-bg-strong);
|
|
369
|
-
color: var(--ax-text-contrast);
|
|
364
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
365
|
+
color: var(--ax-text-neutral-contrast);
|
|
370
366
|
}
|
|
371
367
|
|
|
372
368
|
.navds-button--primary-neutral:hover {
|
|
373
|
-
background-color: var(--ax-bg-strong-hover);
|
|
369
|
+
background-color: var(--ax-bg-neutral-strong-hover);
|
|
374
370
|
}
|
|
375
371
|
|
|
376
372
|
.navds-button--primary-neutral:active {
|
|
377
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
.navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
|
|
381
|
-
background-color: var(--ax-bg-strong);
|
|
373
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
382
374
|
}
|
|
383
375
|
|
|
384
376
|
.navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
|
|
385
|
-
background-color: var(--ax-bg-strong);
|
|
377
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
386
378
|
}
|
|
387
379
|
|
|
388
380
|
.navds-button--secondary {
|
|
389
381
|
--__axc-button-border-color: var(--ax-border-accent);
|
|
390
|
-
color: var(--ax-text-accent);
|
|
382
|
+
color: var(--ax-text-accent-subtle);
|
|
391
383
|
background-color: rgba(0, 0, 0, 0);
|
|
392
384
|
}
|
|
393
385
|
|
|
@@ -397,54 +389,38 @@
|
|
|
397
389
|
}
|
|
398
390
|
|
|
399
391
|
.navds-button--secondary:active {
|
|
400
|
-
--
|
|
401
|
-
background-color: var(--ax-bg-accent-strong-pressed);
|
|
402
|
-
color: var(--ax-text-accent-contrast);
|
|
403
|
-
}
|
|
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);
|
|
392
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
409
393
|
}
|
|
410
394
|
|
|
411
395
|
.navds-button--secondary:is(:disabled, .navds-button--disabled) {
|
|
412
396
|
--__axc-button-border-color: var(--ax-border-accent);
|
|
413
|
-
color: var(--ax-text-accent);
|
|
397
|
+
color: var(--ax-text-accent-subtle);
|
|
414
398
|
background-color: rgba(0, 0, 0, 0);
|
|
415
399
|
}
|
|
416
400
|
|
|
417
401
|
.navds-button--secondary-neutral {
|
|
418
|
-
--__axc-button-border-color: var(--ax-border-
|
|
419
|
-
color: var(--ax-text-
|
|
402
|
+
--__axc-button-border-color: var(--ax-border-neutral);
|
|
403
|
+
color: var(--ax-text-neutral);
|
|
420
404
|
background-color: rgba(0, 0, 0, 0);
|
|
421
405
|
}
|
|
422
406
|
|
|
423
407
|
.navds-button--secondary-neutral:hover {
|
|
424
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
425
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
408
|
+
--__axc-button-border-color: var(--ax-border-neutral-strong);
|
|
409
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
426
410
|
}
|
|
427
411
|
|
|
428
412
|
.navds-button--secondary-neutral:active {
|
|
429
|
-
--
|
|
430
|
-
color: var(--ax-text-contrast);
|
|
431
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
432
|
-
}
|
|
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);
|
|
413
|
+
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
438
414
|
}
|
|
439
415
|
|
|
440
416
|
.navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
|
|
441
|
-
--__axc-button-border-color: var(--ax-border-
|
|
442
|
-
color: var(--ax-text-
|
|
417
|
+
--__axc-button-border-color: var(--ax-border-neutral);
|
|
418
|
+
color: var(--ax-text-neutral);
|
|
443
419
|
background-color: rgba(0, 0, 0, 0);
|
|
444
420
|
}
|
|
445
421
|
|
|
446
422
|
.navds-button--tertiary {
|
|
447
|
-
color: var(--ax-text-accent);
|
|
423
|
+
color: var(--ax-text-accent-subtle);
|
|
448
424
|
background-color: rgba(0, 0, 0, 0);
|
|
449
425
|
}
|
|
450
426
|
|
|
@@ -453,41 +429,29 @@
|
|
|
453
429
|
}
|
|
454
430
|
|
|
455
431
|
.navds-button--tertiary:active {
|
|
456
|
-
background-color: var(--ax-bg-accent-
|
|
457
|
-
color: var(--ax-text-accent-contrast);
|
|
458
|
-
}
|
|
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);
|
|
432
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
463
433
|
}
|
|
464
434
|
|
|
465
435
|
.navds-button--tertiary:is(:disabled, .navds-button--disabled) {
|
|
466
|
-
color: var(--ax-text-accent);
|
|
436
|
+
color: var(--ax-text-accent-subtle);
|
|
467
437
|
background-color: rgba(0, 0, 0, 0);
|
|
468
438
|
}
|
|
469
439
|
|
|
470
440
|
.navds-button--tertiary-neutral {
|
|
471
|
-
color: var(--ax-text-
|
|
441
|
+
color: var(--ax-text-neutral);
|
|
472
442
|
background-color: rgba(0, 0, 0, 0);
|
|
473
443
|
}
|
|
474
444
|
|
|
475
445
|
.navds-button--tertiary-neutral:hover {
|
|
476
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
446
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
477
447
|
}
|
|
478
448
|
|
|
479
449
|
.navds-button--tertiary-neutral:active {
|
|
480
|
-
background-color: var(--ax-bg-
|
|
481
|
-
color: var(--ax-text-contrast);
|
|
482
|
-
}
|
|
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);
|
|
450
|
+
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
487
451
|
}
|
|
488
452
|
|
|
489
453
|
.navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
|
|
490
|
-
color: var(--ax-text-
|
|
454
|
+
color: var(--ax-text-neutral);
|
|
491
455
|
background-color: rgba(0, 0, 0, 0);
|
|
492
456
|
}
|
|
493
457
|
|
|
@@ -504,10 +468,6 @@
|
|
|
504
468
|
background-color: var(--ax-bg-danger-strong-pressed);
|
|
505
469
|
}
|
|
506
470
|
|
|
507
|
-
.navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
|
|
508
|
-
background-color: var(--ax-bg-danger-strong);
|
|
509
|
-
}
|
|
510
|
-
|
|
511
471
|
.navds-button--danger:is(:disabled, .navds-button--disabled) {
|
|
512
472
|
background-color: var(--ax-bg-danger-strong);
|
|
513
473
|
}
|
|
@@ -604,7 +564,7 @@
|
|
|
604
564
|
}
|
|
605
565
|
|
|
606
566
|
.navds-chips--readonly .navds-chips__chip {
|
|
607
|
-
background-color: var(--ax-bg-moderateA);
|
|
567
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
608
568
|
}
|
|
609
569
|
|
|
610
570
|
.navds-chips--small .navds-chips__chip {
|
|
@@ -637,7 +597,7 @@
|
|
|
637
597
|
.navds-chips__toggle--action {
|
|
638
598
|
box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
|
|
639
599
|
background-color: var(--ax-bg-accent-moderate);
|
|
640
|
-
color: var(--ax-text-accent
|
|
600
|
+
color: var(--ax-text-accent);
|
|
641
601
|
}
|
|
642
602
|
|
|
643
603
|
.navds-chips__toggle--action:hover {
|
|
@@ -655,23 +615,23 @@
|
|
|
655
615
|
}
|
|
656
616
|
|
|
657
617
|
.navds-chips__toggle--neutral {
|
|
658
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
|
|
659
|
-
background-color: var(--ax-bg-moderate);
|
|
660
|
-
color: var(--ax-text-
|
|
618
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
|
|
619
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
620
|
+
color: var(--ax-text-neutral);
|
|
661
621
|
}
|
|
662
622
|
|
|
663
623
|
.navds-chips__toggle--neutral:hover {
|
|
664
|
-
background-color: var(--ax-bg-moderate-hover);
|
|
624
|
+
background-color: var(--ax-bg-neutral-moderate-hover);
|
|
665
625
|
}
|
|
666
626
|
|
|
667
627
|
.navds-chips__toggle--neutral[data-pressed="true"] {
|
|
668
628
|
box-shadow: none;
|
|
669
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
670
|
-
color: var(--ax-text-contrast);
|
|
629
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
630
|
+
color: var(--ax-text-neutral-contrast);
|
|
671
631
|
}
|
|
672
632
|
|
|
673
633
|
.navds-chips__toggle--neutral[data-pressed="true"]:hover {
|
|
674
|
-
background-color: var(--ax-bg-strong-hover);
|
|
634
|
+
background-color: var(--ax-bg-neutral-strong-hover);
|
|
675
635
|
}
|
|
676
636
|
|
|
677
637
|
.navds-chips--medium .navds-chips__toggle--with-checkmark {
|
|
@@ -692,12 +652,12 @@
|
|
|
692
652
|
}
|
|
693
653
|
|
|
694
654
|
.navds-chips__removable--neutral {
|
|
695
|
-
background: var(--ax-bg-strong-pressed);
|
|
696
|
-
color: var(--ax-text-contrast);
|
|
655
|
+
background: var(--ax-bg-neutral-strong-pressed);
|
|
656
|
+
color: var(--ax-text-neutral-contrast);
|
|
697
657
|
}
|
|
698
658
|
|
|
699
659
|
.navds-chips__removable--neutral:hover {
|
|
700
|
-
background: var(--ax-bg-strong-hover);
|
|
660
|
+
background: var(--ax-bg-neutral-strong-hover);
|
|
701
661
|
}
|
|
702
662
|
|
|
703
663
|
.navds-chips__removable-icon {
|
|
@@ -755,7 +715,7 @@
|
|
|
755
715
|
}
|
|
756
716
|
|
|
757
717
|
.navds-fieldset__description {
|
|
758
|
-
color: var(--ax-text-subtle);
|
|
718
|
+
color: var(--ax-text-neutral-subtle);
|
|
759
719
|
}
|
|
760
720
|
|
|
761
721
|
.navds-fieldset > .navds-fieldset__description:not(:empty) {
|
|
@@ -796,10 +756,10 @@
|
|
|
796
756
|
text-align: center;
|
|
797
757
|
width: 100%;
|
|
798
758
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
799
|
-
border: 1px dashed var(--ax-border-
|
|
759
|
+
border: 1px dashed var(--ax-border-neutral);
|
|
800
760
|
border-radius: var(--ax-border-radius-xlarge);
|
|
801
761
|
background-color: var(--__axc-dropzone-background);
|
|
802
|
-
color: var(--ax-text-
|
|
762
|
+
color: var(--ax-text-neutral);
|
|
803
763
|
transition: background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
|
|
804
764
|
cursor: pointer;
|
|
805
765
|
flex-direction: column;
|
|
@@ -823,8 +783,8 @@
|
|
|
823
783
|
}
|
|
824
784
|
|
|
825
785
|
.navds-dropzone__area[data-disabled="true"] {
|
|
826
|
-
--__axc-dropzone-background: var(--ax-bg-soft);
|
|
827
|
-
border-color: var(--ax-border-subtleA);
|
|
786
|
+
--__axc-dropzone-background: var(--ax-bg-neutral-soft);
|
|
787
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
828
788
|
cursor: default;
|
|
829
789
|
}
|
|
830
790
|
|
|
@@ -833,7 +793,7 @@
|
|
|
833
793
|
}
|
|
834
794
|
|
|
835
795
|
.navds-dropzone--dragging > .navds-dropzone__area:after {
|
|
836
|
-
color: var(--ax-text-accent
|
|
796
|
+
color: var(--ax-text-accent);
|
|
837
797
|
background-color: var(--ax-bg-accent-moderateA);
|
|
838
798
|
content: "";
|
|
839
799
|
border: 1px dashed var(--ax-border-accent-strong);
|
|
@@ -843,10 +803,7 @@
|
|
|
843
803
|
animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
|
|
844
804
|
margin: -1px;
|
|
845
805
|
position: absolute;
|
|
846
|
-
|
|
847
|
-
bottom: 0;
|
|
848
|
-
left: 0;
|
|
849
|
-
right: 0;
|
|
806
|
+
inset: 0;
|
|
850
807
|
}
|
|
851
808
|
|
|
852
809
|
@keyframes akselDropzoneDragoverAnimation {
|
|
@@ -890,7 +847,7 @@
|
|
|
890
847
|
.navds-dropzone__area-release__icon {
|
|
891
848
|
padding: var(--__axc-dropzone-icon-padding);
|
|
892
849
|
border-radius: var(--ax-border-radius-full);
|
|
893
|
-
background-color: var(--ax-bg-moderateA);
|
|
850
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
894
851
|
transition: background-color .3s var(--__axc-dropzone-animation-ease-out), font-size .3s var(--__axc-dropzone-animation-ease-out);
|
|
895
852
|
font-size: 1.5rem;
|
|
896
853
|
display: grid;
|
|
@@ -911,38 +868,20 @@
|
|
|
911
868
|
}
|
|
912
869
|
|
|
913
870
|
.navds-dropzone--dragging .navds-dropzone__area-release {
|
|
914
|
-
color: var(--ax-text-accent);
|
|
871
|
+
color: var(--ax-text-accent-subtle);
|
|
915
872
|
top: 50%;
|
|
916
873
|
transform: translateY(-50%);
|
|
917
874
|
}
|
|
918
875
|
|
|
919
876
|
.navds-dropzone__area-disabled {
|
|
920
|
-
color: var(--ax-text-subtle);
|
|
877
|
+
color: var(--ax-text-neutral-subtle);
|
|
921
878
|
align-items: center;
|
|
922
879
|
gap: var(--ax-space-8);
|
|
923
880
|
flex-direction: column;
|
|
924
881
|
display: flex;
|
|
925
882
|
}
|
|
926
883
|
|
|
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) {
|
|
884
|
+
.navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
|
|
946
885
|
margin: 0;
|
|
947
886
|
padding: 0;
|
|
948
887
|
list-style: none;
|
|
@@ -950,7 +889,7 @@
|
|
|
950
889
|
|
|
951
890
|
.navds-file-item__inner {
|
|
952
891
|
background-color: var(--ax-bg-raised);
|
|
953
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
892
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
954
893
|
outline-offset: -1px;
|
|
955
894
|
border-radius: var(--ax-border-radius-xlarge);
|
|
956
895
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
@@ -965,8 +904,8 @@
|
|
|
965
904
|
}
|
|
966
905
|
|
|
967
906
|
.navds-file-item__icon {
|
|
968
|
-
background-color: var(--ax-bg-moderateA);
|
|
969
|
-
color: var(--ax-text-
|
|
907
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
908
|
+
color: var(--ax-text-neutral);
|
|
970
909
|
border-radius: var(--ax-border-radius-full);
|
|
971
910
|
min-width: 2.5rem;
|
|
972
911
|
min-height: 2.5rem;
|
|
@@ -1014,7 +953,7 @@
|
|
|
1014
953
|
}
|
|
1015
954
|
|
|
1016
955
|
.navds-form-field__description {
|
|
1017
|
-
color: var(--ax-text-subtle);
|
|
956
|
+
color: var(--ax-text-neutral-subtle);
|
|
1018
957
|
margin-top: -.375rem;
|
|
1019
958
|
}
|
|
1020
959
|
|
|
@@ -1028,7 +967,7 @@
|
|
|
1028
967
|
}
|
|
1029
968
|
|
|
1030
969
|
.navds-form-field__subdescription {
|
|
1031
|
-
color: var(--ax-text-subtle);
|
|
970
|
+
color: var(--ax-text-neutral-subtle);
|
|
1032
971
|
}
|
|
1033
972
|
|
|
1034
973
|
.navds-form-field--readonly > :where(.navds-form-field__label) {
|
|
@@ -1056,11 +995,7 @@
|
|
|
1056
995
|
outline-offset: 3px;
|
|
1057
996
|
}
|
|
1058
997
|
|
|
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) {
|
|
998
|
+
.navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
|
|
1064
999
|
outline: 3px solid var(--ax-border-focus);
|
|
1065
1000
|
}
|
|
1066
1001
|
|
|
@@ -1139,27 +1074,14 @@
|
|
|
1139
1074
|
border-color: orange;
|
|
1140
1075
|
border-left-style: solid;
|
|
1141
1076
|
border-left-width: 8px;
|
|
1077
|
+
border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1078
|
+
border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1142
1079
|
height: 100%;
|
|
1143
1080
|
position: absolute;
|
|
1144
1081
|
top: 0;
|
|
1145
1082
|
left: 0;
|
|
1146
1083
|
}
|
|
1147
1084
|
|
|
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
|
-
|
|
1163
1085
|
.navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
|
|
1164
1086
|
border-color: green;
|
|
1165
1087
|
}
|
|
@@ -1170,7 +1092,6 @@
|
|
|
1170
1092
|
}
|
|
1171
1093
|
|
|
1172
1094
|
.navds-checkbox, .navds-radio {
|
|
1173
|
-
width: -webkit-fit-content;
|
|
1174
1095
|
width: fit-content;
|
|
1175
1096
|
position: relative;
|
|
1176
1097
|
}
|
|
@@ -1190,8 +1111,8 @@
|
|
|
1190
1111
|
padding: var(--ax-space-12) 0;
|
|
1191
1112
|
cursor: pointer;
|
|
1192
1113
|
gap: var(--ax-space-8);
|
|
1193
|
-
--__axc-radio-checkbox-readonly-bg: var(--ax-bg-moderate);
|
|
1194
|
-
--__axc-radio-checkbox-readonly-border: var(--ax-border-subtle);
|
|
1114
|
+
--__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);
|
|
1115
|
+
--__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);
|
|
1195
1116
|
display: flex;
|
|
1196
1117
|
}
|
|
1197
1118
|
|
|
@@ -1199,7 +1120,7 @@
|
|
|
1199
1120
|
content: "";
|
|
1200
1121
|
border-radius: var(--ax-border-radius-medium);
|
|
1201
1122
|
background-color: var(--ax-bg-input);
|
|
1202
|
-
border: 2px solid var(--ax-border-
|
|
1123
|
+
border: 2px solid var(--ax-border-neutral);
|
|
1203
1124
|
flex-shrink: 0;
|
|
1204
1125
|
width: 1.5rem;
|
|
1205
1126
|
height: 1.5rem;
|
|
@@ -1313,8 +1234,8 @@
|
|
|
1313
1234
|
border-width: 6px;
|
|
1314
1235
|
}
|
|
1315
1236
|
|
|
1316
|
-
.navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
|
|
1317
|
-
color: var(--ax-text-accent);
|
|
1237
|
+
.navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label {
|
|
1238
|
+
color: var(--ax-text-accent-subtle);
|
|
1318
1239
|
}
|
|
1319
1240
|
|
|
1320
1241
|
.navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
|
|
@@ -1330,11 +1251,6 @@
|
|
|
1330
1251
|
background-color: var(--ax-bg-danger-moderate-hoverA);
|
|
1331
1252
|
}
|
|
1332
1253
|
|
|
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);
|
|
1336
|
-
}
|
|
1337
|
-
|
|
1338
1254
|
.navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
|
|
1339
1255
|
background-color: var(--ax-bg-danger-strong-pressed);
|
|
1340
1256
|
border-color: var(--ax-bg-danger-strong-pressed);
|
|
@@ -1352,11 +1268,7 @@
|
|
|
1352
1268
|
cursor: not-allowed;
|
|
1353
1269
|
}
|
|
1354
1270
|
|
|
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) {
|
|
1271
|
+
.navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
|
|
1360
1272
|
cursor: default;
|
|
1361
1273
|
}
|
|
1362
1274
|
|
|
@@ -1365,7 +1277,7 @@
|
|
|
1365
1277
|
}
|
|
1366
1278
|
|
|
1367
1279
|
.navds-checkbox--readonly > .navds-checkbox__input:hover + .navds-checkbox__label, .navds-radio--readonly > .navds-radio__input:hover + .navds-radio__label {
|
|
1368
|
-
color: var(--ax-text-
|
|
1280
|
+
color: var(--ax-text-neutral);
|
|
1369
1281
|
}
|
|
1370
1282
|
|
|
1371
1283
|
.navds-checkbox--readonly > .navds-checkbox__input:not(:disabled) + .navds-checkbox__label:before, .navds-checkbox--readonly > .navds-checkbox__input:hover .navds-checkbox__label:before, .navds-radio--readonly > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before, .navds-radio--readonly > .navds-radio__input:hover:not(:checked, :focus) + .navds-radio__label:before {
|
|
@@ -1379,17 +1291,17 @@
|
|
|
1379
1291
|
}
|
|
1380
1292
|
|
|
1381
1293
|
.navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
|
|
1382
|
-
color: var(--ax-text-subtle);
|
|
1294
|
+
color: var(--ax-text-neutral-subtle);
|
|
1383
1295
|
}
|
|
1384
1296
|
|
|
1385
1297
|
.navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
|
|
1386
|
-
background-color: var(--ax-bg-strong);
|
|
1387
|
-
box-shadow: inset 0 0 0 2px var(--ax-border-subtle), inset 0 0 0 8px var(--ax-bg-moderate);
|
|
1298
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
1299
|
+
box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
|
|
1388
1300
|
border-width: 0;
|
|
1389
1301
|
}
|
|
1390
1302
|
|
|
1391
1303
|
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1392
|
-
background-color: var(--ax-text-subtle);
|
|
1304
|
+
background-color: var(--ax-text-neutral-subtle);
|
|
1393
1305
|
}
|
|
1394
1306
|
|
|
1395
1307
|
@media (forced-colors: active) {
|
|
@@ -1440,22 +1352,17 @@
|
|
|
1440
1352
|
--__axc-radio-checkbox-high-contrast-text: graytext;
|
|
1441
1353
|
}
|
|
1442
1354
|
|
|
1443
|
-
:-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
|
|
1444
|
-
color: graytext;
|
|
1445
|
-
}
|
|
1446
|
-
|
|
1447
1355
|
:is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
|
|
1448
1356
|
color: graytext;
|
|
1449
1357
|
}
|
|
1450
1358
|
}
|
|
1451
1359
|
|
|
1452
1360
|
.navds-select__input {
|
|
1453
|
-
-webkit-appearance: none;
|
|
1454
1361
|
appearance: none;
|
|
1455
1362
|
background-color: var(--ax-bg-input);
|
|
1456
1363
|
border-radius: var(--ax-border-radius-large);
|
|
1457
|
-
border: 1px solid var(--ax-border-
|
|
1458
|
-
color: var(--ax-text-
|
|
1364
|
+
border: 1px solid var(--ax-border-neutral);
|
|
1365
|
+
color: var(--ax-text-neutral);
|
|
1459
1366
|
box-sizing: border-box;
|
|
1460
1367
|
width: 100%;
|
|
1461
1368
|
min-height: 3rem;
|
|
@@ -1486,7 +1393,7 @@
|
|
|
1486
1393
|
|
|
1487
1394
|
.navds-select__container {
|
|
1488
1395
|
width: 100%;
|
|
1489
|
-
color: var(--ax-text-
|
|
1396
|
+
color: var(--ax-text-neutral);
|
|
1490
1397
|
display: flex;
|
|
1491
1398
|
position: relative;
|
|
1492
1399
|
}
|
|
@@ -1494,7 +1401,7 @@
|
|
|
1494
1401
|
.navds-select__chevron {
|
|
1495
1402
|
right: var(--ax-space-8);
|
|
1496
1403
|
pointer-events: none;
|
|
1497
|
-
color: var(--ax-text-
|
|
1404
|
+
color: var(--ax-text-neutral);
|
|
1498
1405
|
align-self: center;
|
|
1499
1406
|
font-size: 1.5rem;
|
|
1500
1407
|
position: absolute;
|
|
@@ -1508,36 +1415,25 @@
|
|
|
1508
1415
|
|
|
1509
1416
|
.navds-form-field--small .navds-select__input {
|
|
1510
1417
|
min-height: 2rem;
|
|
1511
|
-
padding-
|
|
1512
|
-
padding-bottom: 0;
|
|
1513
|
-
}
|
|
1514
|
-
|
|
1515
|
-
.navds-select--error > * select {
|
|
1516
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1517
|
-
border-color: var(--ax-border-danger-strong);
|
|
1518
|
-
}
|
|
1519
|
-
|
|
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);
|
|
1418
|
+
padding-block: 0;
|
|
1523
1419
|
}
|
|
1524
1420
|
|
|
1525
|
-
.navds-select--error > * select:focus {
|
|
1421
|
+
.navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
|
|
1526
1422
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1527
1423
|
border-color: var(--ax-border-danger-strong);
|
|
1528
1424
|
}
|
|
1529
1425
|
|
|
1530
1426
|
.navds-select__input:disabled {
|
|
1531
1427
|
background-color: var(--ax-bg-input);
|
|
1532
|
-
border: 1px solid var(--ax-border-
|
|
1428
|
+
border: 1px solid var(--ax-border-neutral);
|
|
1533
1429
|
box-shadow: none;
|
|
1534
1430
|
cursor: not-allowed;
|
|
1535
1431
|
opacity: 1;
|
|
1536
|
-
color: var(--ax-text-
|
|
1432
|
+
color: var(--ax-text-neutral);
|
|
1537
1433
|
}
|
|
1538
1434
|
|
|
1539
1435
|
.navds-select__input:disabled > option {
|
|
1540
|
-
color: var(--ax-text-
|
|
1436
|
+
color: var(--ax-text-neutral);
|
|
1541
1437
|
}
|
|
1542
1438
|
|
|
1543
1439
|
@media (forced-colors: active) {
|
|
@@ -1547,18 +1443,12 @@
|
|
|
1547
1443
|
}
|
|
1548
1444
|
|
|
1549
1445
|
.navds-select--readonly .navds-select__input {
|
|
1550
|
-
background-color: var(--ax-bg-moderate);
|
|
1551
|
-
border-color: var(--ax-border-subtleA);
|
|
1446
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
1447
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
1552
1448
|
cursor: default;
|
|
1553
1449
|
}
|
|
1554
1450
|
|
|
1555
1451
|
@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
|
-
|
|
1562
1452
|
.navds-select--readonly .navds-select__input:is(:hover, :focus) {
|
|
1563
1453
|
color: buttontext;
|
|
1564
1454
|
background-color: buttonface;
|
|
@@ -1567,11 +1457,10 @@
|
|
|
1567
1457
|
}
|
|
1568
1458
|
|
|
1569
1459
|
.navds-select--readonly .navds-select__chevron {
|
|
1570
|
-
color: var(--ax-text-subtle);
|
|
1460
|
+
color: var(--ax-text-neutral-subtle);
|
|
1571
1461
|
}
|
|
1572
1462
|
|
|
1573
1463
|
.navds-switch {
|
|
1574
|
-
width: -webkit-fit-content;
|
|
1575
1464
|
width: fit-content;
|
|
1576
1465
|
min-height: 3rem;
|
|
1577
1466
|
position: relative;
|
|
@@ -1598,7 +1487,7 @@
|
|
|
1598
1487
|
|
|
1599
1488
|
.navds-switch__label-wrapper {
|
|
1600
1489
|
cursor: pointer;
|
|
1601
|
-
color: var(--ax-text-
|
|
1490
|
+
color: var(--ax-text-neutral);
|
|
1602
1491
|
}
|
|
1603
1492
|
|
|
1604
1493
|
.navds-switch__content {
|
|
@@ -1639,7 +1528,7 @@
|
|
|
1639
1528
|
}
|
|
1640
1529
|
|
|
1641
1530
|
.navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
|
|
1642
|
-
color: var(--ax-text-accent);
|
|
1531
|
+
color: var(--ax-text-accent-subtle);
|
|
1643
1532
|
}
|
|
1644
1533
|
|
|
1645
1534
|
.navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
|
|
@@ -1652,7 +1541,7 @@
|
|
|
1652
1541
|
height: 1.5rem;
|
|
1653
1542
|
top: var(--ax-space-12);
|
|
1654
1543
|
border-radius: var(--ax-border-radius-full);
|
|
1655
|
-
border: 2px solid var(--ax-border-
|
|
1544
|
+
border: 2px solid var(--ax-border-neutral);
|
|
1656
1545
|
transition-property: background-color, border-color;
|
|
1657
1546
|
transition-duration: .1s;
|
|
1658
1547
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
@@ -1676,7 +1565,7 @@
|
|
|
1676
1565
|
|
|
1677
1566
|
.navds-switch__input:disabled ~ .navds-switch__track {
|
|
1678
1567
|
background-color: var(--ax-bg-input);
|
|
1679
|
-
border-color: var(--ax-border-
|
|
1568
|
+
border-color: var(--ax-border-neutral);
|
|
1680
1569
|
}
|
|
1681
1570
|
|
|
1682
1571
|
.navds-switch__input:checked:disabled ~ .navds-switch__track {
|
|
@@ -1690,7 +1579,7 @@
|
|
|
1690
1579
|
}
|
|
1691
1580
|
|
|
1692
1581
|
.navds-switch__thumb {
|
|
1693
|
-
background-color: var(--ax-bg-strong);
|
|
1582
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
1694
1583
|
border-radius: var(--ax-border-radius-full);
|
|
1695
1584
|
justify-content: center;
|
|
1696
1585
|
align-items: center;
|
|
@@ -1706,7 +1595,7 @@
|
|
|
1706
1595
|
|
|
1707
1596
|
.navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
1708
1597
|
background-color: var(--ax-bg-raised);
|
|
1709
|
-
color: var(--ax-text-accent);
|
|
1598
|
+
color: var(--ax-text-accent-subtle);
|
|
1710
1599
|
width: 1.25rem;
|
|
1711
1600
|
height: 1.25rem;
|
|
1712
1601
|
top: 0;
|
|
@@ -1739,18 +1628,12 @@
|
|
|
1739
1628
|
width: auto;
|
|
1740
1629
|
}
|
|
1741
1630
|
|
|
1742
|
-
.navds-switch--right .navds-switch__input {
|
|
1743
|
-
left: auto;
|
|
1744
|
-
right: 0;
|
|
1745
|
-
}
|
|
1746
|
-
|
|
1747
|
-
.navds-switch--right .navds-switch__track {
|
|
1631
|
+
.navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
|
|
1748
1632
|
left: auto;
|
|
1749
1633
|
right: 0;
|
|
1750
1634
|
}
|
|
1751
1635
|
|
|
1752
1636
|
.navds-switch__input:disabled {
|
|
1753
|
-
-webkit-appearance: none;
|
|
1754
1637
|
appearance: none;
|
|
1755
1638
|
}
|
|
1756
1639
|
|
|
@@ -1762,40 +1645,17 @@
|
|
|
1762
1645
|
cursor: not-allowed;
|
|
1763
1646
|
}
|
|
1764
1647
|
|
|
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 {
|
|
1771
|
-
background-color: var(--ax-bg-moderate);
|
|
1772
|
-
border-color: var(--ax-border-subtleA);
|
|
1773
|
-
}
|
|
1774
|
-
|
|
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;
|
|
1648
|
+
.navds-switch--readonly > .navds-switch__track, .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
|
|
1649
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
1650
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
1787
1651
|
}
|
|
1788
1652
|
|
|
1789
|
-
.navds-switch--readonly > .navds-switch__input {
|
|
1653
|
+
.navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
|
|
1790
1654
|
cursor: default;
|
|
1791
1655
|
}
|
|
1792
1656
|
|
|
1793
|
-
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
|
|
1794
|
-
color: var(--ax-text-
|
|
1795
|
-
}
|
|
1796
|
-
|
|
1797
|
-
.navds-switch--readonly .navds-switch__label-wrapper:hover {
|
|
1798
|
-
color: var(--ax-text-default);
|
|
1657
|
+
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
|
|
1658
|
+
color: var(--ax-text-neutral);
|
|
1799
1659
|
}
|
|
1800
1660
|
|
|
1801
1661
|
.navds-switch--readonly .navds-switch__label {
|
|
@@ -1803,12 +1663,12 @@
|
|
|
1803
1663
|
}
|
|
1804
1664
|
|
|
1805
1665
|
.navds-switch--readonly .navds-switch__thumb {
|
|
1806
|
-
background-color: var(--ax-bg-strong);
|
|
1666
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
1807
1667
|
}
|
|
1808
1668
|
|
|
1809
1669
|
.navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
1810
|
-
background-color: var(--ax-bg-strong);
|
|
1811
|
-
color: var(--ax-text-contrast);
|
|
1670
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
1671
|
+
color: var(--ax-text-neutral-contrast);
|
|
1812
1672
|
}
|
|
1813
1673
|
|
|
1814
1674
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -1856,15 +1716,14 @@
|
|
|
1856
1716
|
}
|
|
1857
1717
|
|
|
1858
1718
|
.navds-text-field__input {
|
|
1859
|
-
-webkit-appearance: none;
|
|
1860
1719
|
appearance: none;
|
|
1861
1720
|
padding: var(--ax-space-8);
|
|
1862
1721
|
background: var(--ax-bg-input);
|
|
1863
1722
|
border-radius: var(--ax-border-radius-large);
|
|
1864
|
-
border: 1px solid var(--ax-border-
|
|
1723
|
+
border: 1px solid var(--ax-border-neutral);
|
|
1865
1724
|
width: 100%;
|
|
1866
1725
|
min-height: 3rem;
|
|
1867
|
-
color: var(--ax-text-
|
|
1726
|
+
color: var(--ax-text-neutral);
|
|
1868
1727
|
}
|
|
1869
1728
|
|
|
1870
1729
|
.navds-text-field__input:hover {
|
|
@@ -1879,12 +1738,12 @@
|
|
|
1879
1738
|
|
|
1880
1739
|
.navds-text-field__input:disabled {
|
|
1881
1740
|
background-color: var(--ax-bg-input);
|
|
1882
|
-
border-color: var(--ax-border-
|
|
1741
|
+
border-color: var(--ax-border-neutral);
|
|
1883
1742
|
cursor: not-allowed;
|
|
1884
1743
|
}
|
|
1885
1744
|
|
|
1886
1745
|
.navds-text-field__input::placeholder {
|
|
1887
|
-
color: var(--ax-text-subtle);
|
|
1746
|
+
color: var(--ax-text-neutral-subtle);
|
|
1888
1747
|
}
|
|
1889
1748
|
|
|
1890
1749
|
.navds-text-field__input[size] {
|
|
@@ -1902,8 +1761,8 @@
|
|
|
1902
1761
|
}
|
|
1903
1762
|
|
|
1904
1763
|
.navds-text-field--readonly .navds-text-field__input {
|
|
1905
|
-
background-color: var(--ax-bg-moderate);
|
|
1906
|
-
border-color: var(--ax-border-subtleA);
|
|
1764
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
1765
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
1907
1766
|
cursor: default;
|
|
1908
1767
|
}
|
|
1909
1768
|
|
|
@@ -1932,20 +1791,19 @@
|
|
|
1932
1791
|
|
|
1933
1792
|
.navds-textarea__input {
|
|
1934
1793
|
height: var(--__axc-textarea-height);
|
|
1935
|
-
-webkit-appearance: none;
|
|
1936
1794
|
appearance: none;
|
|
1937
1795
|
padding: var(--ax-space-8);
|
|
1938
1796
|
background-color: var(--ax-bg-input);
|
|
1939
1797
|
border-radius: var(--ax-border-radius-large);
|
|
1940
|
-
border: 1px solid var(--ax-border-
|
|
1798
|
+
border: 1px solid var(--ax-border-neutral);
|
|
1941
1799
|
resize: none;
|
|
1942
1800
|
width: 100%;
|
|
1943
|
-
color: var(--ax-text-
|
|
1801
|
+
color: var(--ax-text-neutral);
|
|
1944
1802
|
display: block;
|
|
1945
1803
|
}
|
|
1946
1804
|
|
|
1947
1805
|
.navds-textarea__input::placeholder {
|
|
1948
|
-
color: var(--ax-text-subtle);
|
|
1806
|
+
color: var(--ax-text-neutral-subtle);
|
|
1949
1807
|
}
|
|
1950
1808
|
|
|
1951
1809
|
.navds-textarea__input:hover {
|
|
@@ -1960,7 +1818,7 @@
|
|
|
1960
1818
|
|
|
1961
1819
|
.navds-textarea__input:disabled {
|
|
1962
1820
|
background-color: var(--ax-bg-input);
|
|
1963
|
-
border-color: var(--ax-border-
|
|
1821
|
+
border-color: var(--ax-border-neutral);
|
|
1964
1822
|
cursor: not-allowed;
|
|
1965
1823
|
}
|
|
1966
1824
|
|
|
@@ -1969,18 +1827,18 @@
|
|
|
1969
1827
|
}
|
|
1970
1828
|
|
|
1971
1829
|
.navds-textarea--readonly .navds-textarea__input {
|
|
1972
|
-
background-color: var(--ax-bg-moderate);
|
|
1973
|
-
border-color: var(--ax-border-subtleA);
|
|
1830
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
1831
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
1974
1832
|
cursor: default;
|
|
1975
1833
|
}
|
|
1976
1834
|
|
|
1977
1835
|
.navds-textarea__counter {
|
|
1978
|
-
color: var(--ax-text-subtle);
|
|
1836
|
+
color: var(--ax-text-neutral-subtle);
|
|
1979
1837
|
margin-top: -.25rem;
|
|
1980
1838
|
}
|
|
1981
1839
|
|
|
1982
1840
|
.navds-textarea__counter--error {
|
|
1983
|
-
color: var(--ax-text-danger);
|
|
1841
|
+
color: var(--ax-text-danger-subtle);
|
|
1984
1842
|
}
|
|
1985
1843
|
|
|
1986
1844
|
.navds-textarea__sr-counter {
|
|
@@ -1993,50 +1851,17 @@
|
|
|
1993
1851
|
|
|
1994
1852
|
.navds-textarea--resize-both .navds-textarea__input {
|
|
1995
1853
|
resize: both;
|
|
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;
|
|
1854
|
+
border-end-end-radius: 0;
|
|
2008
1855
|
}
|
|
2009
1856
|
|
|
2010
1857
|
.navds-textarea--resize-horizontal .navds-textarea__input {
|
|
2011
1858
|
resize: horizontal;
|
|
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;
|
|
1859
|
+
border-end-end-radius: 0;
|
|
2024
1860
|
}
|
|
2025
1861
|
|
|
2026
1862
|
.navds-textarea--resize-vertical .navds-textarea__input {
|
|
2027
1863
|
resize: vertical;
|
|
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;
|
|
1864
|
+
border-end-end-radius: 0;
|
|
2040
1865
|
}
|
|
2041
1866
|
|
|
2042
1867
|
.navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
|
|
@@ -2079,7 +1904,6 @@
|
|
|
2079
1904
|
}
|
|
2080
1905
|
|
|
2081
1906
|
.navds-search--with-size .navds-search__wrapper {
|
|
2082
|
-
width: -webkit-fit-content;
|
|
2083
1907
|
width: fit-content;
|
|
2084
1908
|
}
|
|
2085
1909
|
|
|
@@ -2102,13 +1926,7 @@
|
|
|
2102
1926
|
outline: none;
|
|
2103
1927
|
}
|
|
2104
1928
|
|
|
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 {
|
|
1929
|
+
.navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
|
|
2112
1930
|
border-right: none;
|
|
2113
1931
|
border-top-right-radius: 0;
|
|
2114
1932
|
border-bottom-right-radius: 0;
|
|
@@ -2164,7 +1982,7 @@
|
|
|
2164
1982
|
|
|
2165
1983
|
.navds-search__button-search.navds-button--secondary {
|
|
2166
1984
|
--__axc-button-border-width: 1px;
|
|
2167
|
-
--__axc-button-border-color: var(--ax-border-
|
|
1985
|
+
--__axc-button-border-color: var(--ax-border-neutral);
|
|
2168
1986
|
}
|
|
2169
1987
|
|
|
2170
1988
|
.navds-search__button-search.navds-button--secondary:not(:hover, :active) {
|
|
@@ -2175,14 +1993,6 @@
|
|
|
2175
1993
|
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
2176
1994
|
}
|
|
2177
1995
|
|
|
2178
|
-
.navds-search__button-search.navds-button--secondary:active:not(:disabled) {
|
|
2179
|
-
--__axc-button-border-color: transparent;
|
|
2180
|
-
}
|
|
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
|
-
|
|
2186
1996
|
.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) {
|
|
2187
1997
|
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
2188
1998
|
}
|
|
@@ -2196,11 +2006,7 @@
|
|
|
2196
2006
|
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
2197
2007
|
}
|
|
2198
2008
|
|
|
2199
|
-
.navds-search__input:focus-visible {
|
|
2200
|
-
z-index: 1;
|
|
2201
|
-
}
|
|
2202
|
-
|
|
2203
|
-
.navds-search__button-search:focus-visible {
|
|
2009
|
+
.navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
|
|
2204
2010
|
z-index: 1;
|
|
2205
2011
|
}
|
|
2206
2012
|
|
|
@@ -2223,10 +2029,6 @@
|
|
|
2223
2029
|
position: relative;
|
|
2224
2030
|
}
|
|
2225
2031
|
|
|
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
|
-
|
|
2230
2032
|
.navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
|
|
2231
2033
|
border-color: var(--ax-border-accent-strong);
|
|
2232
2034
|
}
|
|
@@ -2244,18 +2046,14 @@
|
|
|
2244
2046
|
}
|
|
2245
2047
|
|
|
2246
2048
|
.navds-combobox--disabled .navds-combobox__wrapper:hover {
|
|
2247
|
-
border-color: var(--ax-border-
|
|
2049
|
+
border-color: var(--ax-border-neutral);
|
|
2248
2050
|
}
|
|
2249
2051
|
|
|
2250
2052
|
.navds-combobox--disabled .navds-combobox__wrapper :hover {
|
|
2251
2053
|
cursor: not-allowed;
|
|
2252
2054
|
}
|
|
2253
2055
|
|
|
2254
|
-
.navds-combobox--disabled .navds-combobox__selected-options {
|
|
2255
|
-
pointer-events: none;
|
|
2256
|
-
}
|
|
2257
|
-
|
|
2258
|
-
.navds-combobox--disabled .navds-combobox--readonly {
|
|
2056
|
+
.navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
|
|
2259
2057
|
pointer-events: none;
|
|
2260
2058
|
}
|
|
2261
2059
|
|
|
@@ -2264,24 +2062,20 @@
|
|
|
2264
2062
|
}
|
|
2265
2063
|
|
|
2266
2064
|
.navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
|
|
2267
|
-
background-color: var(--ax-bg-moderateA);
|
|
2065
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
2268
2066
|
}
|
|
2269
2067
|
|
|
2270
2068
|
.navds-combobox--readonly .navds-combobox__button-toggle-list {
|
|
2271
|
-
color: var(--ax-bg-moderate);
|
|
2069
|
+
color: var(--ax-bg-neutral-moderate);
|
|
2272
2070
|
}
|
|
2273
2071
|
|
|
2274
2072
|
.navds-combobox--readonly .navds-combobox__wrapper {
|
|
2275
|
-
border-color: var(--ax-border-subtle);
|
|
2073
|
+
border-color: var(--ax-border-neutral-subtle);
|
|
2276
2074
|
overflow: clip;
|
|
2277
2075
|
}
|
|
2278
2076
|
|
|
2279
|
-
.navds-combobox--readonly .navds-text-field__input {
|
|
2280
|
-
background-color: var(--ax-bg-moderate);
|
|
2281
|
-
}
|
|
2282
|
-
|
|
2283
|
-
.navds-combobox--readonly .navds-combobox__input {
|
|
2284
|
-
background-color: var(--ax-bg-moderate);
|
|
2077
|
+
.navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
|
|
2078
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2285
2079
|
}
|
|
2286
2080
|
|
|
2287
2081
|
.navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
|
|
@@ -2290,7 +2084,7 @@
|
|
|
2290
2084
|
}
|
|
2291
2085
|
|
|
2292
2086
|
.navds-combobox__wrapper-inner {
|
|
2293
|
-
border: 1px solid var(--ax-border-
|
|
2087
|
+
border: 1px solid var(--ax-border-neutral);
|
|
2294
2088
|
border-radius: var(--ax-border-radius-large);
|
|
2295
2089
|
}
|
|
2296
2090
|
|
|
@@ -2301,7 +2095,7 @@
|
|
|
2301
2095
|
}
|
|
2302
2096
|
|
|
2303
2097
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
|
|
2304
|
-
border-color: var(--ax-border-
|
|
2098
|
+
border-color: var(--ax-border-neutral);
|
|
2305
2099
|
outline: none;
|
|
2306
2100
|
}
|
|
2307
2101
|
|
|
@@ -2330,7 +2124,7 @@
|
|
|
2330
2124
|
}
|
|
2331
2125
|
|
|
2332
2126
|
.navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
|
|
2333
|
-
border-color: var(--ax-border-
|
|
2127
|
+
border-color: var(--ax-border-neutral);
|
|
2334
2128
|
}
|
|
2335
2129
|
|
|
2336
2130
|
.navds-combobox--error .navds-combobox__wrapper-inner {
|
|
@@ -2405,11 +2199,7 @@
|
|
|
2405
2199
|
outline: none;
|
|
2406
2200
|
}
|
|
2407
2201
|
|
|
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 {
|
|
2202
|
+
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
|
|
2413
2203
|
outline: none;
|
|
2414
2204
|
}
|
|
2415
2205
|
}
|
|
@@ -2419,7 +2209,7 @@
|
|
|
2419
2209
|
}
|
|
2420
2210
|
|
|
2421
2211
|
.navds-combobox__button-toggle-list {
|
|
2422
|
-
color: var(--ax-text-
|
|
2212
|
+
color: var(--ax-text-neutral);
|
|
2423
2213
|
cursor: pointer;
|
|
2424
2214
|
background: none;
|
|
2425
2215
|
border: none;
|
|
@@ -2431,11 +2221,11 @@
|
|
|
2431
2221
|
}
|
|
2432
2222
|
|
|
2433
2223
|
.navds-combobox__button-toggle-list:hover {
|
|
2434
|
-
color: var(--ax-text-accent);
|
|
2224
|
+
color: var(--ax-text-accent-subtle);
|
|
2435
2225
|
}
|
|
2436
2226
|
|
|
2437
2227
|
.navds-combobox__button-toggle-list:hover:active {
|
|
2438
|
-
color: var(--ax-text-accent
|
|
2228
|
+
color: var(--ax-text-accent);
|
|
2439
2229
|
}
|
|
2440
2230
|
|
|
2441
2231
|
.navds-combobox__list {
|
|
@@ -2444,10 +2234,10 @@
|
|
|
2444
2234
|
left: 0;
|
|
2445
2235
|
right: 0;
|
|
2446
2236
|
top: calc(100% + var(--ax-space-8));
|
|
2447
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
2237
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
2448
2238
|
border-radius: var(--ax-border-radius-large);
|
|
2449
2239
|
background-color: var(--ax-bg-raised);
|
|
2450
|
-
color: var(--ax-text-
|
|
2240
|
+
color: var(--ax-text-neutral);
|
|
2451
2241
|
overscroll-behavior: contain;
|
|
2452
2242
|
box-shadow: var(--ax-shadow-dialog);
|
|
2453
2243
|
flex-direction: column;
|
|
@@ -2487,8 +2277,8 @@
|
|
|
2487
2277
|
}
|
|
2488
2278
|
|
|
2489
2279
|
.navds-combobox__list-item--max-selected {
|
|
2490
|
-
background-color: var(--ax-bg-moderateA);
|
|
2491
|
-
border-bottom: 1px solid var(--ax-border-subtle);
|
|
2280
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
2281
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtle);
|
|
2492
2282
|
padding-block: var(--ax-space-8);
|
|
2493
2283
|
line-height: var(--ax-font-line-height-large);
|
|
2494
2284
|
border-radius: 0;
|
|
@@ -2524,12 +2314,12 @@
|
|
|
2524
2314
|
|
|
2525
2315
|
.navds-combobox__list-item mark {
|
|
2526
2316
|
font-weight: var(--ax-font-weight-bold);
|
|
2527
|
-
color: var(--ax-text-
|
|
2317
|
+
color: var(--ax-text-neutral);
|
|
2528
2318
|
background-color: rgba(0, 0, 0, 0);
|
|
2529
2319
|
}
|
|
2530
2320
|
|
|
2531
2321
|
.navds-combobox__list-item svg {
|
|
2532
|
-
color: var(--ax-text-
|
|
2322
|
+
color: var(--ax-text-neutral);
|
|
2533
2323
|
}
|
|
2534
2324
|
|
|
2535
2325
|
.navds-combobox__list-item--selected {
|
|
@@ -2548,11 +2338,11 @@
|
|
|
2548
2338
|
border-radius: 0;
|
|
2549
2339
|
justify-content: flex-start;
|
|
2550
2340
|
gap: .25rem;
|
|
2551
|
-
margin-
|
|
2341
|
+
margin-block-start: calc(var(--ax-space-4) * -1);
|
|
2552
2342
|
}
|
|
2553
2343
|
|
|
2554
2344
|
.navds-combobox__list-item--new-option svg {
|
|
2555
|
-
color: var(--ax-text-
|
|
2345
|
+
color: var(--ax-text-neutral);
|
|
2556
2346
|
}
|
|
2557
2347
|
|
|
2558
2348
|
.navds-combobox__list-item--new-option:only-child {
|
|
@@ -2576,7 +2366,6 @@
|
|
|
2576
2366
|
}
|
|
2577
2367
|
|
|
2578
2368
|
.navds-combobox__input {
|
|
2579
|
-
min-width: -webkit-min-content;
|
|
2580
2369
|
min-width: min-content;
|
|
2581
2370
|
padding: .75rem 0;
|
|
2582
2371
|
}
|
|
@@ -2652,15 +2441,15 @@
|
|
|
2652
2441
|
}
|
|
2653
2442
|
|
|
2654
2443
|
.navds-form-summary {
|
|
2655
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
2444
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
2656
2445
|
border-radius: var(--ax-border-radius-xlarge);
|
|
2657
2446
|
background: var(--ax-bg-raised);
|
|
2658
2447
|
overflow: hidden;
|
|
2659
2448
|
}
|
|
2660
2449
|
|
|
2661
2450
|
.navds-form-summary__header {
|
|
2662
|
-
background: var(--ax-bg-moderateA);
|
|
2663
|
-
padding: var(--ax-space-16) var(--ax-space-
|
|
2451
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
2452
|
+
padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
|
|
2664
2453
|
justify-content: space-between;
|
|
2665
2454
|
gap: 0 var(--ax-space-12);
|
|
2666
2455
|
display: flex;
|
|
@@ -2668,7 +2457,7 @@
|
|
|
2668
2457
|
|
|
2669
2458
|
@media (max-width: 479px) {
|
|
2670
2459
|
.navds-form-summary__header {
|
|
2671
|
-
padding: var(--ax-space-12) var(--ax-space-16);
|
|
2460
|
+
padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
|
|
2672
2461
|
flex-direction: column;
|
|
2673
2462
|
}
|
|
2674
2463
|
}
|
|
@@ -2680,24 +2469,24 @@
|
|
|
2680
2469
|
}
|
|
2681
2470
|
|
|
2682
2471
|
.navds-form-summary > .navds-form-summary__answers {
|
|
2683
|
-
border-top: 1px solid var(--ax-border-subtleA);
|
|
2472
|
+
border-top: 1px solid var(--ax-border-neutral-subtleA);
|
|
2684
2473
|
}
|
|
2685
2474
|
|
|
2686
2475
|
.navds-form-summary__answers {
|
|
2687
|
-
padding: var(--ax-space-16) var(--ax-space-20);
|
|
2476
|
+
padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
|
|
2688
2477
|
margin: 0;
|
|
2689
2478
|
}
|
|
2690
2479
|
|
|
2691
2480
|
@media (max-width: 479px) {
|
|
2692
2481
|
.navds-form-summary__answers {
|
|
2693
|
-
padding: var(--ax-space-16);
|
|
2482
|
+
padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
|
|
2694
2483
|
}
|
|
2695
2484
|
}
|
|
2696
2485
|
|
|
2697
2486
|
.navds-form-summary__answer:not(:last-child) {
|
|
2698
2487
|
margin-bottom: var(--ax-space-16);
|
|
2699
2488
|
padding-bottom: var(--ax-space-16);
|
|
2700
|
-
border-bottom: 1px solid var(--ax-border-subtleA);
|
|
2489
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
2701
2490
|
}
|
|
2702
2491
|
|
|
2703
2492
|
.navds-form-summary__answer:has(.navds-form-summary__answer) {
|
|
@@ -2752,40 +2541,36 @@
|
|
|
2752
2541
|
}
|
|
2753
2542
|
|
|
2754
2543
|
.navds-form-progress__collapsible {
|
|
2544
|
+
visibility: hidden;
|
|
2545
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
2546
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
2547
|
+
background: var(--ax-bg-raised);
|
|
2548
|
+
padding-inline: var(--ax-space-20);
|
|
2549
|
+
opacity: .001;
|
|
2755
2550
|
grid-template-rows: 0fr;
|
|
2756
|
-
|
|
2551
|
+
margin-top: -2px;
|
|
2552
|
+
padding-block: 0;
|
|
2553
|
+
transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
|
|
2554
|
+
transition-duration: 1s;
|
|
2555
|
+
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
2757
2556
|
display: grid;
|
|
2758
2557
|
overflow: hidden;
|
|
2759
2558
|
}
|
|
2760
2559
|
|
|
2761
2560
|
.navds-form-progress__collapsible[hidden] {
|
|
2762
|
-
display: grid
|
|
2561
|
+
display: grid;
|
|
2763
2562
|
}
|
|
2764
2563
|
|
|
2765
2564
|
.navds-form-progress__collapsible[data-state="open"] {
|
|
2565
|
+
margin-top: var(--ax-space-4);
|
|
2566
|
+
visibility: visible;
|
|
2567
|
+
padding-block: var(--ax-space-16);
|
|
2568
|
+
opacity: 1;
|
|
2766
2569
|
grid-template-rows: 1fr;
|
|
2767
2570
|
}
|
|
2768
2571
|
|
|
2769
2572
|
.navds-form-progress__collapsible-content {
|
|
2770
|
-
opacity: .01;
|
|
2771
|
-
visibility: hidden;
|
|
2772
2573
|
min-height: 0;
|
|
2773
|
-
transition-property: opacity, visibility;
|
|
2774
|
-
transition-duration: .25s;
|
|
2775
|
-
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
2776
|
-
}
|
|
2777
|
-
|
|
2778
|
-
.navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
|
|
2779
|
-
visibility: visible;
|
|
2780
|
-
opacity: 1;
|
|
2781
|
-
}
|
|
2782
|
-
|
|
2783
|
-
.navds-form-progress__stepper {
|
|
2784
|
-
border: 1px solid var(--ax-border-subtle);
|
|
2785
|
-
border-radius: var(--ax-border-radius-xlarge);
|
|
2786
|
-
padding: var(--ax-space-16) var(--ax-space-20);
|
|
2787
|
-
margin-top: var(--ax-space-4);
|
|
2788
|
-
background: var(--ax-bg-raised);
|
|
2789
2574
|
}
|
|
2790
2575
|
|
|
2791
2576
|
.navds-accordion__header {
|
|
@@ -2797,7 +2582,7 @@
|
|
|
2797
2582
|
text-align: left;
|
|
2798
2583
|
cursor: pointer;
|
|
2799
2584
|
border-radius: var(--ax-border-radius-large);
|
|
2800
|
-
color: var(--ax-text-accent);
|
|
2585
|
+
color: var(--ax-text-accent-subtle);
|
|
2801
2586
|
background: none;
|
|
2802
2587
|
border: none;
|
|
2803
2588
|
display: flex;
|
|
@@ -2817,14 +2602,10 @@
|
|
|
2817
2602
|
}
|
|
2818
2603
|
|
|
2819
2604
|
.navds-accordion__header:hover {
|
|
2820
|
-
background-color: var(--ax-bg-accent-hoverA);
|
|
2821
|
-
}
|
|
2822
|
-
|
|
2823
|
-
.navds-accordion__header:hover:before {
|
|
2824
|
-
display: none;
|
|
2605
|
+
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
2825
2606
|
}
|
|
2826
2607
|
|
|
2827
|
-
.navds-accordion__header:hover:after {
|
|
2608
|
+
.navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
|
|
2828
2609
|
display: none;
|
|
2829
2610
|
}
|
|
2830
2611
|
|
|
@@ -2847,11 +2628,7 @@
|
|
|
2847
2628
|
z-index: 1;
|
|
2848
2629
|
}
|
|
2849
2630
|
|
|
2850
|
-
.navds-accordion__header:focus-visible:before {
|
|
2851
|
-
display: none;
|
|
2852
|
-
}
|
|
2853
|
-
|
|
2854
|
-
.navds-accordion__header:focus-visible:after {
|
|
2631
|
+
.navds-accordion__header:focus-visible:before, .navds-accordion__header:focus-visible:after {
|
|
2855
2632
|
display: none;
|
|
2856
2633
|
}
|
|
2857
2634
|
|
|
@@ -2861,7 +2638,7 @@
|
|
|
2861
2638
|
|
|
2862
2639
|
.navds-accordion__header:before, .navds-accordion__header:after {
|
|
2863
2640
|
content: "";
|
|
2864
|
-
background-color: var(--ax-border-subtleA);
|
|
2641
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
2865
2642
|
width: 100%;
|
|
2866
2643
|
height: 1px;
|
|
2867
2644
|
display: block;
|
|
@@ -2876,11 +2653,7 @@
|
|
|
2876
2653
|
bottom: 0;
|
|
2877
2654
|
}
|
|
2878
2655
|
|
|
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 {
|
|
2656
|
+
.navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after, .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
|
|
2884
2657
|
display: none;
|
|
2885
2658
|
}
|
|
2886
2659
|
|
|
@@ -2889,7 +2662,7 @@
|
|
|
2889
2662
|
background-color: var(--ax-bg-accent-moderateA);
|
|
2890
2663
|
width: 22px;
|
|
2891
2664
|
height: 22px;
|
|
2892
|
-
color: var(--ax-text-accent);
|
|
2665
|
+
color: var(--ax-text-accent-subtle);
|
|
2893
2666
|
align-self: center;
|
|
2894
2667
|
}
|
|
2895
2668
|
|
|
@@ -2916,7 +2689,7 @@
|
|
|
2916
2689
|
}
|
|
2917
2690
|
|
|
2918
2691
|
.navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
|
|
2919
|
-
box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
|
|
2692
|
+
box-shadow: -2px 0 0 0 var(--ax-border-neutral-subtleA);
|
|
2920
2693
|
}
|
|
2921
2694
|
|
|
2922
2695
|
.navds-accordion__item > .navds-accordion__content {
|
|
@@ -2925,8 +2698,7 @@
|
|
|
2925
2698
|
opacity: 0;
|
|
2926
2699
|
border-color: rgba(0, 0, 0, 0);
|
|
2927
2700
|
grid-template-rows: 0fr;
|
|
2928
|
-
margin-
|
|
2929
|
-
margin-bottom: 0;
|
|
2701
|
+
margin-block: 0;
|
|
2930
2702
|
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
2931
2703
|
transition-duration: .25s;
|
|
2932
2704
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
@@ -2936,26 +2708,24 @@
|
|
|
2936
2708
|
|
|
2937
2709
|
.navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
|
|
2938
2710
|
min-height: 0;
|
|
2939
|
-
padding-
|
|
2940
|
-
padding-bottom: 0;
|
|
2711
|
+
padding-block: 0;
|
|
2941
2712
|
}
|
|
2942
2713
|
|
|
2943
2714
|
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
|
|
2944
2715
|
visibility: visible;
|
|
2945
2716
|
margin-block: var(--ax-space-8);
|
|
2946
|
-
border-color: var(--ax-border-subtleA);
|
|
2717
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2947
2718
|
opacity: 1;
|
|
2948
2719
|
grid-template-rows: 1fr;
|
|
2949
|
-
margin-
|
|
2720
|
+
margin-block-end: var(--ax-space-24);
|
|
2950
2721
|
}
|
|
2951
2722
|
|
|
2952
2723
|
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
|
|
2953
|
-
min-height: -webkit-fit-content;
|
|
2954
2724
|
min-height: fit-content;
|
|
2955
2725
|
}
|
|
2956
2726
|
|
|
2957
2727
|
.navds-accordion__item[data-expanded="true"]:last-child {
|
|
2958
|
-
border-bottom: 1px solid var(--ax-border-subtleA);
|
|
2728
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
2959
2729
|
}
|
|
2960
2730
|
|
|
2961
2731
|
.navds-accordion__item--no-animation > .navds-accordion__content {
|
|
@@ -2997,7 +2767,7 @@
|
|
|
2997
2767
|
|
|
2998
2768
|
.navds-alert--small > .navds-alert__icon {
|
|
2999
2769
|
height: var(--ax-font-line-height-large);
|
|
3000
|
-
margin-
|
|
2770
|
+
margin-block-start: 0;
|
|
3001
2771
|
}
|
|
3002
2772
|
|
|
3003
2773
|
.navds-alert--info {
|
|
@@ -3054,24 +2824,16 @@
|
|
|
3054
2824
|
display: flex;
|
|
3055
2825
|
}
|
|
3056
2826
|
|
|
3057
|
-
.navds-alert--close-button > .navds-alert__wrapper {
|
|
3058
|
-
margin-
|
|
3059
|
-
}
|
|
3060
|
-
|
|
3061
|
-
.navds-alert--close-button > .navds-alert__icon {
|
|
3062
|
-
margin-top: var(--ax-space-2);
|
|
2827
|
+
.navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
|
|
2828
|
+
margin-block-start: var(--ax-space-2);
|
|
3063
2829
|
}
|
|
3064
2830
|
|
|
3065
2831
|
.navds-alert--close-button.navds-alert--small {
|
|
3066
2832
|
align-items: flex-start;
|
|
3067
2833
|
}
|
|
3068
2834
|
|
|
3069
|
-
.navds-alert--close-button.navds-alert--small > .navds-alert__wrapper {
|
|
3070
|
-
margin-
|
|
3071
|
-
}
|
|
3072
|
-
|
|
3073
|
-
.navds-alert--close-button.navds-alert--small > .navds-alert__icon {
|
|
3074
|
-
margin-top: var(--ax-space-4);
|
|
2835
|
+
.navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
|
|
2836
|
+
margin-block-start: var(--ax-space-4);
|
|
3075
2837
|
}
|
|
3076
2838
|
|
|
3077
2839
|
.navds-chat {
|
|
@@ -3097,8 +2859,8 @@
|
|
|
3097
2859
|
.navds-chat__avatar {
|
|
3098
2860
|
background-color: var(--ax-bg-raised);
|
|
3099
2861
|
border-radius: var(--ax-border-radius-full);
|
|
3100
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
3101
|
-
color: var(--ax-text-
|
|
2862
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
2863
|
+
color: var(--ax-text-neutral);
|
|
3102
2864
|
letter-spacing: .024rem;
|
|
3103
2865
|
flex-shrink: 0;
|
|
3104
2866
|
justify-content: center;
|
|
@@ -3133,9 +2895,8 @@
|
|
|
3133
2895
|
gap: var(--ax-space-8);
|
|
3134
2896
|
border-radius: var(--ax-border-radius-xlarge);
|
|
3135
2897
|
border-bottom-left-radius: var(--ax-border-radius-small);
|
|
3136
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
2898
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3137
2899
|
flex-direction: column;
|
|
3138
|
-
width: -webkit-fit-content;
|
|
3139
2900
|
width: fit-content;
|
|
3140
2901
|
display: flex;
|
|
3141
2902
|
}
|
|
@@ -3144,24 +2905,16 @@
|
|
|
3144
2905
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
3145
2906
|
}
|
|
3146
2907
|
|
|
3147
|
-
.navds-chat--info .navds-chat__bubble {
|
|
3148
|
-
background-color: var(--ax-bg-info-moderate);
|
|
3149
|
-
}
|
|
3150
|
-
|
|
3151
|
-
.navds-chat--info .navds-chat__avatar {
|
|
2908
|
+
.navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
|
|
3152
2909
|
background-color: var(--ax-bg-info-moderate);
|
|
3153
2910
|
}
|
|
3154
2911
|
|
|
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);
|
|
2912
|
+
.navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
|
|
2913
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
3161
2914
|
}
|
|
3162
2915
|
|
|
3163
2916
|
.navds-chat__top-text {
|
|
3164
|
-
color: var(--ax-text-
|
|
2917
|
+
color: var(--ax-text-neutral);
|
|
3165
2918
|
gap: var(--ax-space-8);
|
|
3166
2919
|
align-items: baseline;
|
|
3167
2920
|
margin: 0;
|
|
@@ -3185,105 +2938,7 @@
|
|
|
3185
2938
|
align-self: flex-start;
|
|
3186
2939
|
}
|
|
3187
2940
|
|
|
3188
|
-
.navds-copybutton {
|
|
3189
|
-
--__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
|
|
3190
|
-
cursor: pointer;
|
|
3191
|
-
border-radius: var(--ax-border-radius-large);
|
|
3192
|
-
padding: var(--__axc-copybutton-padding);
|
|
3193
|
-
background-color: rgba(0, 0, 0, 0);
|
|
3194
|
-
border: none;
|
|
3195
|
-
place-content: center;
|
|
3196
|
-
margin: 0;
|
|
3197
|
-
text-decoration: none;
|
|
3198
|
-
transition: color .2s cubic-bezier(.05, .7, .1, 1);
|
|
3199
|
-
display: grid;
|
|
3200
|
-
}
|
|
3201
|
-
|
|
3202
|
-
.navds-copybutton.navds-copybutton--icon-only {
|
|
3203
|
-
--__axc-copybutton-padding: var(--ax-space-12);
|
|
3204
|
-
}
|
|
3205
|
-
|
|
3206
|
-
.navds-copybutton.navds-copybutton--icon-right {
|
|
3207
|
-
--__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-12) var(--ax-space-20);
|
|
3208
|
-
}
|
|
3209
|
-
|
|
3210
|
-
.navds-copybutton:hover {
|
|
3211
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
3212
|
-
}
|
|
3213
|
-
|
|
3214
|
-
.navds-copybutton:focus-visible {
|
|
3215
|
-
outline: 3px solid var(--ax-border-focus);
|
|
3216
|
-
outline-offset: 3px;
|
|
3217
|
-
}
|
|
3218
|
-
|
|
3219
|
-
.navds-copybutton:disabled {
|
|
3220
|
-
cursor: not-allowed;
|
|
3221
|
-
opacity: var(--ax-opacity-disabled);
|
|
3222
|
-
}
|
|
3223
|
-
|
|
3224
|
-
.navds-copybutton:disabled:hover {
|
|
3225
|
-
background-color: rgba(0, 0, 0, 0);
|
|
3226
|
-
}
|
|
3227
|
-
|
|
3228
|
-
@media (forced-colors: active) {
|
|
3229
|
-
.navds-copybutton {
|
|
3230
|
-
color: buttontext;
|
|
3231
|
-
background-color: buttonface;
|
|
3232
|
-
border: 1px solid buttontext;
|
|
3233
|
-
}
|
|
3234
|
-
|
|
3235
|
-
.navds-copybutton:disabled {
|
|
3236
|
-
opacity: 1;
|
|
3237
|
-
border-color: graytext;
|
|
3238
|
-
}
|
|
3239
|
-
}
|
|
3240
|
-
|
|
3241
|
-
.navds-copybutton--small {
|
|
3242
|
-
--__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-12) var(--ax-space-4) var(--ax-space-8);
|
|
3243
|
-
min-width: 2rem;
|
|
3244
|
-
min-height: 2rem;
|
|
3245
|
-
}
|
|
3246
|
-
|
|
3247
|
-
.navds-copybutton--small.navds-copybutton--icon-right {
|
|
3248
|
-
--__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-8) var(--ax-space-4) var(--ax-space-12);
|
|
3249
|
-
}
|
|
3250
|
-
|
|
3251
|
-
.navds-copybutton--small.navds-copybutton--icon-only {
|
|
3252
|
-
--__axc-copybutton-padding: var(--ax-space-4);
|
|
3253
|
-
}
|
|
3254
|
-
|
|
3255
|
-
.navds-copybutton--small > .navds-copybutton__content {
|
|
3256
|
-
gap: var(--ax-space-4);
|
|
3257
|
-
}
|
|
3258
|
-
|
|
3259
|
-
.navds-copybutton--xsmall {
|
|
3260
|
-
--__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-8) var(--ax-space-2) var(--ax-space-4);
|
|
3261
|
-
min-width: 1.5rem;
|
|
3262
|
-
min-height: 1.5rem;
|
|
3263
|
-
}
|
|
3264
|
-
|
|
3265
|
-
.navds-copybutton--xsmall.navds-copybutton--icon-right {
|
|
3266
|
-
--__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-4) var(--ax-space-2) var(--ax-space-8);
|
|
3267
|
-
}
|
|
3268
|
-
|
|
3269
|
-
.navds-copybutton--xsmall.navds-copybutton--icon-only {
|
|
3270
|
-
--__axc-copybutton-padding: var(--ax-space-2);
|
|
3271
|
-
}
|
|
3272
|
-
|
|
3273
|
-
.navds-copybutton--xsmall .navds-copybutton__icon {
|
|
3274
|
-
font-size: 1.25rem;
|
|
3275
|
-
}
|
|
3276
|
-
|
|
3277
|
-
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
3278
|
-
gap: var(--ax-space-2);
|
|
3279
|
-
}
|
|
3280
|
-
|
|
3281
|
-
.navds-copybutton__icon {
|
|
3282
|
-
font-size: 1.5rem;
|
|
3283
|
-
display: flex;
|
|
3284
|
-
}
|
|
3285
|
-
|
|
3286
|
-
.navds-copybutton--active .navds-copybutton__icon {
|
|
2941
|
+
.navds-copybutton[data-active="true"] .navds-copybutton__icon {
|
|
3287
2942
|
animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
|
|
3288
2943
|
}
|
|
3289
2944
|
|
|
@@ -3305,54 +2960,22 @@
|
|
|
3305
2960
|
}
|
|
3306
2961
|
}
|
|
3307
2962
|
|
|
3308
|
-
.navds-copybutton--action {
|
|
3309
|
-
color: var(--ax-text-accent);
|
|
3310
|
-
}
|
|
3311
|
-
|
|
3312
|
-
.navds-copybutton--action.navds-copybutton--active {
|
|
3313
|
-
color: var(--ax-text-success);
|
|
3314
|
-
}
|
|
3315
|
-
|
|
3316
|
-
.navds-copybutton--action:disabled {
|
|
3317
|
-
color: var(--ax-text-accent);
|
|
3318
|
-
}
|
|
3319
|
-
|
|
3320
|
-
.navds-copybutton--neutral {
|
|
3321
|
-
color: var(--ax-text-subtle);
|
|
3322
|
-
}
|
|
3323
|
-
|
|
3324
|
-
.navds-copybutton--neutral:disabled {
|
|
3325
|
-
color: var(--ax-text-subtle);
|
|
3326
|
-
}
|
|
3327
|
-
|
|
3328
|
-
.navds-copybutton__content {
|
|
3329
|
-
justify-content: center;
|
|
3330
|
-
align-items: center;
|
|
3331
|
-
gap: var(--ax-space-6);
|
|
3332
|
-
display: inline-flex;
|
|
3333
|
-
}
|
|
3334
|
-
|
|
3335
2963
|
.navds-date {
|
|
3336
2964
|
padding: var(--ax-space-16) var(--ax-space-12);
|
|
3337
2965
|
}
|
|
3338
2966
|
|
|
3339
2967
|
.navds-date .rdp-day_range_middle.rdp-day_disabled {
|
|
3340
|
-
color: var(--ax-text-
|
|
3341
|
-
background: var(--ax-bg-moderateA);
|
|
2968
|
+
color: var(--ax-text-neutral);
|
|
2969
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
3342
2970
|
}
|
|
3343
2971
|
|
|
3344
2972
|
.navds-date .rdp-day_range_middle.rdp-day_selected {
|
|
3345
|
-
background-color: var(--ax-bg-accent-
|
|
2973
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
3346
2974
|
box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
|
|
3347
|
-
color: var(--ax-text-
|
|
3348
|
-
}
|
|
3349
|
-
|
|
3350
|
-
.navds-date .rdp-month {
|
|
3351
|
-
gap: var(--ax-space-20);
|
|
3352
|
-
display: grid;
|
|
2975
|
+
color: var(--ax-text-neutral);
|
|
3353
2976
|
}
|
|
3354
2977
|
|
|
3355
|
-
.navds-date.rdp-month {
|
|
2978
|
+
.navds-date .rdp-month, .navds-date.rdp-month {
|
|
3356
2979
|
gap: var(--ax-space-20);
|
|
3357
2980
|
display: grid;
|
|
3358
2981
|
}
|
|
@@ -3394,13 +3017,7 @@
|
|
|
3394
3017
|
position: relative;
|
|
3395
3018
|
}
|
|
3396
3019
|
|
|
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 {
|
|
3020
|
+
.navds-date .rdp-day_selected, .navds-date .navds-monthpicker__month--selected {
|
|
3404
3021
|
color: var(--ax-text-accent-contrast);
|
|
3405
3022
|
background: var(--ax-bg-accent-strong-pressed);
|
|
3406
3023
|
cursor: pointer;
|
|
@@ -3408,17 +3025,12 @@
|
|
|
3408
3025
|
|
|
3409
3026
|
.navds-date .rdp-day_disabled {
|
|
3410
3027
|
cursor: not-allowed;
|
|
3411
|
-
background-color: var(--ax-bg-moderateA);
|
|
3412
|
-
color: var(--ax-text-subtle);
|
|
3028
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
3029
|
+
color: var(--ax-text-neutral-subtle);
|
|
3413
3030
|
text-decoration: line-through;
|
|
3414
3031
|
}
|
|
3415
3032
|
|
|
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 {
|
|
3033
|
+
.navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
|
|
3422
3034
|
background: var(--ax-bg-accent-moderate-hoverA);
|
|
3423
3035
|
cursor: pointer;
|
|
3424
3036
|
}
|
|
@@ -3428,7 +3040,7 @@
|
|
|
3428
3040
|
}
|
|
3429
3041
|
|
|
3430
3042
|
.navds-date .rdp-day_today:before {
|
|
3431
|
-
background-color: var(--ax-text-accent);
|
|
3043
|
+
background-color: var(--ax-text-accent-subtle);
|
|
3432
3044
|
border-radius: var(--ax-border-radius-full);
|
|
3433
3045
|
content: "";
|
|
3434
3046
|
width: 6px;
|
|
@@ -3440,11 +3052,7 @@
|
|
|
3440
3052
|
transform: translateX(-50%);
|
|
3441
3053
|
}
|
|
3442
3054
|
|
|
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 {
|
|
3055
|
+
:is(.navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .navds-date .rdp-day_today:active):before {
|
|
3448
3056
|
background-color: var(--ax-text-accent-contrast);
|
|
3449
3057
|
}
|
|
3450
3058
|
|
|
@@ -3453,11 +3061,7 @@
|
|
|
3453
3061
|
pointer-events: none;
|
|
3454
3062
|
}
|
|
3455
3063
|
|
|
3456
|
-
.navds-date__modal .navds-date {
|
|
3457
|
-
padding: 0;
|
|
3458
|
-
}
|
|
3459
|
-
|
|
3460
|
-
.navds-date__modal-body > .navds-date {
|
|
3064
|
+
.navds-date__modal .navds-date, .navds-date__modal-body > .navds-date {
|
|
3461
3065
|
padding: 0;
|
|
3462
3066
|
}
|
|
3463
3067
|
|
|
@@ -3472,7 +3076,7 @@
|
|
|
3472
3076
|
.navds-date__caption-button {
|
|
3473
3077
|
width: 2rem;
|
|
3474
3078
|
height: 2rem;
|
|
3475
|
-
color: var(--ax-text-
|
|
3079
|
+
color: var(--ax-text-neutral);
|
|
3476
3080
|
}
|
|
3477
3081
|
|
|
3478
3082
|
.navds-date__caption__month .navds-select__container select {
|
|
@@ -3495,28 +3099,16 @@
|
|
|
3495
3099
|
}
|
|
3496
3100
|
|
|
3497
3101
|
.navds-date__wrapper, .navds-date__standalone-wrapper {
|
|
3498
|
-
width: -webkit-fit-content;
|
|
3499
3102
|
width: fit-content;
|
|
3500
|
-
height: -webkit-fit-content;
|
|
3501
3103
|
height: fit-content;
|
|
3502
3104
|
}
|
|
3503
3105
|
|
|
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 {
|
|
3106
|
+
:is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):focus-visible {
|
|
3515
3107
|
outline: 3px solid var(--ax-border-focus);
|
|
3516
3108
|
outline-offset: 3px;
|
|
3517
3109
|
}
|
|
3518
3110
|
|
|
3519
|
-
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
|
|
3111
|
+
:is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):active:not(:disabled) {
|
|
3520
3112
|
color: var(--ax-text-accent-contrast);
|
|
3521
3113
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
3522
3114
|
}
|
|
@@ -3530,12 +3122,14 @@
|
|
|
3530
3122
|
}
|
|
3531
3123
|
|
|
3532
3124
|
.navds-date__field-button {
|
|
3533
|
-
color: var(--ax-text-
|
|
3125
|
+
color: var(--ax-text-neutral);
|
|
3534
3126
|
cursor: pointer;
|
|
3535
3127
|
border-radius: calc(var(--ax-border-radius-large) - 1px);
|
|
3536
3128
|
padding: var(--ax-space-12);
|
|
3537
3129
|
background: none;
|
|
3538
3130
|
border: none;
|
|
3131
|
+
border-start-start-radius: 0;
|
|
3132
|
+
border-end-start-radius: 0;
|
|
3539
3133
|
justify-content: center;
|
|
3540
3134
|
align-items: center;
|
|
3541
3135
|
height: calc(100% - .125rem);
|
|
@@ -3549,21 +3143,6 @@
|
|
|
3549
3143
|
transform: translateY(-50%);
|
|
3550
3144
|
}
|
|
3551
3145
|
|
|
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
|
-
|
|
3567
3146
|
.navds-form-field--small .navds-date__field-button {
|
|
3568
3147
|
padding: var(--ax-space-4);
|
|
3569
3148
|
}
|
|
@@ -3583,7 +3162,6 @@
|
|
|
3583
3162
|
|
|
3584
3163
|
.navds-date__field-wrapper {
|
|
3585
3164
|
align-items: center;
|
|
3586
|
-
width: -webkit-fit-content;
|
|
3587
3165
|
width: fit-content;
|
|
3588
3166
|
display: inline-flex;
|
|
3589
3167
|
position: relative;
|
|
@@ -3600,14 +3178,10 @@
|
|
|
3600
3178
|
}
|
|
3601
3179
|
|
|
3602
3180
|
.navds-date__weeknumber-number {
|
|
3603
|
-
color: var(--ax-text-subtle);
|
|
3181
|
+
color: var(--ax-text-neutral-subtle);
|
|
3604
3182
|
font-size: .875rem;
|
|
3605
3183
|
}
|
|
3606
3184
|
|
|
3607
|
-
.navds-date__weeknumber:active .navds-date__weeknumber-number {
|
|
3608
|
-
color: var(--ax-text-contrast);
|
|
3609
|
-
}
|
|
3610
|
-
|
|
3611
3185
|
.navds-date__week-wrapper {
|
|
3612
3186
|
justify-content: center;
|
|
3613
3187
|
align-items: center;
|
|
@@ -3648,8 +3222,7 @@
|
|
|
3648
3222
|
color: var(--ac-dropdown-text, var(--a-text-default));
|
|
3649
3223
|
width: 27ch;
|
|
3650
3224
|
max-height: 616px;
|
|
3651
|
-
overflow
|
|
3652
|
-
overflow-y: auto;
|
|
3225
|
+
overflow: hidden auto;
|
|
3653
3226
|
}
|
|
3654
3227
|
|
|
3655
3228
|
.navds-dropdown__divider {
|
|
@@ -3737,7 +3310,7 @@
|
|
|
3737
3310
|
|
|
3738
3311
|
.navds-action-menu__content {
|
|
3739
3312
|
border-radius: var(--ax-border-radius-xlarge);
|
|
3740
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
3313
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3741
3314
|
box-shadow: var(--ax-shadow-dialog);
|
|
3742
3315
|
transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
|
|
3743
3316
|
overflow: hidden;
|
|
@@ -3794,7 +3367,7 @@
|
|
|
3794
3367
|
padding-right: var(--__axc-action-menu-item-pr);
|
|
3795
3368
|
font-size: var(--ax-font-size-medium);
|
|
3796
3369
|
scroll-margin-block: var(--__axc-action-menu-content-p);
|
|
3797
|
-
color: var(--ax-text-
|
|
3370
|
+
color: var(--ax-text-neutral);
|
|
3798
3371
|
line-height: 1.5;
|
|
3799
3372
|
text-decoration: none;
|
|
3800
3373
|
display: flex;
|
|
@@ -3807,7 +3380,7 @@
|
|
|
3807
3380
|
|
|
3808
3381
|
.navds-action-menu__item:focus {
|
|
3809
3382
|
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
3810
|
-
color: var(--ax-text-
|
|
3383
|
+
color: var(--ax-text-neutral);
|
|
3811
3384
|
outline: none;
|
|
3812
3385
|
}
|
|
3813
3386
|
|
|
@@ -3825,7 +3398,7 @@
|
|
|
3825
3398
|
}
|
|
3826
3399
|
|
|
3827
3400
|
.navds-action-menu__sub-trigger[data-state="open"] {
|
|
3828
|
-
background-color: var(--ax-bg-moderate-
|
|
3401
|
+
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
3829
3402
|
}
|
|
3830
3403
|
|
|
3831
3404
|
.navds-action-menu__sub-trigger:focus {
|
|
@@ -3833,12 +3406,12 @@
|
|
|
3833
3406
|
}
|
|
3834
3407
|
|
|
3835
3408
|
.navds-action-menu__item--danger {
|
|
3836
|
-
color: var(--ax-text-danger);
|
|
3409
|
+
color: var(--ax-text-danger-subtle);
|
|
3837
3410
|
}
|
|
3838
3411
|
|
|
3839
3412
|
.navds-action-menu__item--danger:focus {
|
|
3840
3413
|
background-color: var(--ax-bg-danger-moderate-hoverA);
|
|
3841
|
-
color: var(--ax-text-danger);
|
|
3414
|
+
color: var(--ax-text-danger-subtle);
|
|
3842
3415
|
}
|
|
3843
3416
|
|
|
3844
3417
|
.navds-action-menu__marker {
|
|
@@ -3866,8 +3439,8 @@
|
|
|
3866
3439
|
}
|
|
3867
3440
|
|
|
3868
3441
|
.navds-action-menu__shortcut {
|
|
3869
|
-
background-color: var(--ax-bg-moderateA);
|
|
3870
|
-
color: var(--ax-text-
|
|
3442
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
3443
|
+
color: var(--ax-text-neutral);
|
|
3871
3444
|
border-radius: var(--ax-border-radius-small);
|
|
3872
3445
|
padding: 0 var(--ax-space-4);
|
|
3873
3446
|
min-width: 1.125rem;
|
|
@@ -3883,7 +3456,7 @@
|
|
|
3883
3456
|
min-height: calc(var(--__axc-action-menu-item-height) - 6px);
|
|
3884
3457
|
padding-right: var(--__axc-action-menu-item-pr);
|
|
3885
3458
|
padding-left: var(--__axc-action-menu-item-pl);
|
|
3886
|
-
color: var(--ax-text-subtle);
|
|
3459
|
+
color: var(--ax-text-neutral-subtle);
|
|
3887
3460
|
border-radius: var(--ax-border-radius-medium);
|
|
3888
3461
|
-webkit-user-select: none;
|
|
3889
3462
|
user-select: none;
|
|
@@ -3896,7 +3469,7 @@
|
|
|
3896
3469
|
.navds-action-menu__divider {
|
|
3897
3470
|
height: 1px;
|
|
3898
3471
|
margin-block: var(--ax-space-8);
|
|
3899
|
-
background-color: var(--ax-border-subtleA);
|
|
3472
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
3900
3473
|
}
|
|
3901
3474
|
|
|
3902
3475
|
.navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator-icon--indeterminate {
|
|
@@ -3908,15 +3481,7 @@
|
|
|
3908
3481
|
display: grid;
|
|
3909
3482
|
}
|
|
3910
3483
|
|
|
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 {
|
|
3484
|
+
.navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
|
|
3920
3485
|
display: block;
|
|
3921
3486
|
}
|
|
3922
3487
|
|
|
@@ -3930,14 +3495,13 @@
|
|
|
3930
3495
|
--__axc-expansioncard-padding-inline: var(--ax-space-20);
|
|
3931
3496
|
border-radius: var(--ax-border-radius-xlarge);
|
|
3932
3497
|
background-color: var(--ax-bg-raised);
|
|
3933
|
-
border: 1px solid var(--ax-border-
|
|
3934
|
-
height: -webkit-fit-content;
|
|
3498
|
+
border: 1px solid var(--ax-border-neutral);
|
|
3935
3499
|
height: fit-content;
|
|
3936
3500
|
}
|
|
3937
3501
|
|
|
3938
3502
|
.navds-expansioncard:has(.navds-expansioncard__header:hover) {
|
|
3939
|
-
box-shadow: 0 0 0 1px var(--ax-border-strong);
|
|
3940
|
-
border-color: var(--ax-border-strong);
|
|
3503
|
+
box-shadow: 0 0 0 1px var(--ax-border-neutral-strong);
|
|
3504
|
+
border-color: var(--ax-border-neutral-strong);
|
|
3941
3505
|
}
|
|
3942
3506
|
|
|
3943
3507
|
.navds-expansioncard--small {
|
|
@@ -3949,10 +3513,6 @@
|
|
|
3949
3513
|
margin-top: var(--ax-space-2);
|
|
3950
3514
|
}
|
|
3951
3515
|
|
|
3952
|
-
.navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
|
|
3953
|
-
margin-top: 0;
|
|
3954
|
-
}
|
|
3955
|
-
|
|
3956
3516
|
.navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
|
|
3957
3517
|
margin-top: 0;
|
|
3958
3518
|
}
|
|
@@ -3974,7 +3534,7 @@
|
|
|
3974
3534
|
}
|
|
3975
3535
|
|
|
3976
3536
|
.navds-expansioncard__header:hover {
|
|
3977
|
-
background-color: var(--ax-bg-hoverA);
|
|
3537
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
3978
3538
|
}
|
|
3979
3539
|
|
|
3980
3540
|
.navds-expansioncard__header[data-open="true"] {
|
|
@@ -3984,7 +3544,7 @@
|
|
|
3984
3544
|
|
|
3985
3545
|
.navds-expansioncard__header[data-open="true"]:after {
|
|
3986
3546
|
content: "";
|
|
3987
|
-
background-color: var(--ax-border-subtleA);
|
|
3547
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
3988
3548
|
bottom: 0;
|
|
3989
3549
|
left: var(--__axc-expansioncard-padding-inline);
|
|
3990
3550
|
height: 1px;
|
|
@@ -4034,14 +3594,11 @@
|
|
|
4034
3594
|
width: 100%;
|
|
4035
3595
|
height: 100%;
|
|
4036
3596
|
position: absolute;
|
|
4037
|
-
|
|
4038
|
-
bottom: 0;
|
|
4039
|
-
left: 0;
|
|
4040
|
-
right: 0;
|
|
3597
|
+
inset: 0;
|
|
4041
3598
|
}
|
|
4042
3599
|
|
|
4043
3600
|
.navds-expansioncard__header:hover > .navds-expansioncard__header-button {
|
|
4044
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
3601
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
4045
3602
|
}
|
|
4046
3603
|
|
|
4047
3604
|
.navds-expansioncard__header-chevron {
|
|
@@ -4059,31 +3616,17 @@
|
|
|
4059
3616
|
.navds-expansioncard__content {
|
|
4060
3617
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
4061
3618
|
visibility: hidden;
|
|
3619
|
+
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
3620
|
+
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
4062
3621
|
grid-template-rows: 0fr;
|
|
4063
|
-
padding-
|
|
4064
|
-
|
|
4065
|
-
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
3622
|
+
padding-block: 0;
|
|
3623
|
+
transition-property: visibility, padding-block, grid-template-rows;
|
|
4066
3624
|
transition-duration: .25s;
|
|
4067
3625
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
4068
3626
|
display: grid;
|
|
4069
3627
|
overflow: hidden;
|
|
4070
3628
|
}
|
|
4071
3629
|
|
|
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
|
-
|
|
4087
3630
|
.navds-expansioncard__content[data-open="true"] {
|
|
4088
3631
|
visibility: visible;
|
|
4089
3632
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -4100,28 +3643,18 @@
|
|
|
4100
3643
|
transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
|
|
4101
3644
|
}
|
|
4102
3645
|
|
|
4103
|
-
.navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
|
|
4104
|
-
transition: none;
|
|
4105
|
-
}
|
|
4106
|
-
|
|
4107
3646
|
.navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
|
|
4108
3647
|
transition: none;
|
|
4109
3648
|
}
|
|
4110
3649
|
|
|
4111
3650
|
.navds-guide-panel {
|
|
4112
|
-
--__axc-guide-panel-guide-size:
|
|
4113
|
-
width: -webkit-fit-content;
|
|
3651
|
+
--__axc-guide-panel-guide-size: 5rem;
|
|
4114
3652
|
width: fit-content;
|
|
4115
3653
|
display: flex;
|
|
4116
3654
|
position: relative;
|
|
4117
3655
|
}
|
|
4118
3656
|
|
|
4119
|
-
.navds-guide-panel[data-poster="true"] {
|
|
4120
|
-
flex-direction: column;
|
|
4121
|
-
align-items: center;
|
|
4122
|
-
}
|
|
4123
|
-
|
|
4124
|
-
.navds-guide-panel[data-responsive="true"] {
|
|
3657
|
+
.navds-guide-panel[data-poster="true"], .navds-guide-panel[data-responsive="true"] {
|
|
4125
3658
|
flex-direction: column;
|
|
4126
3659
|
align-items: center;
|
|
4127
3660
|
}
|
|
@@ -4131,8 +3664,12 @@
|
|
|
4131
3664
|
align-items: flex-start;
|
|
4132
3665
|
}
|
|
4133
3666
|
|
|
3667
|
+
.navds-guide-panel[data-poster="false"][data-responsive="false"] {
|
|
3668
|
+
--__axc-guide-panel-guide-size: 3.75rem;
|
|
3669
|
+
}
|
|
3670
|
+
|
|
4134
3671
|
@media (min-width: 480px) {
|
|
4135
|
-
.navds-guide-panel {
|
|
3672
|
+
.navds-guide-panel[data-poster="false"][data-responsive="false"] {
|
|
4136
3673
|
--__axc-guide-panel-guide-size: 5rem;
|
|
4137
3674
|
}
|
|
4138
3675
|
|
|
@@ -4164,10 +3701,6 @@
|
|
|
4164
3701
|
position: relative;
|
|
4165
3702
|
}
|
|
4166
3703
|
|
|
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
|
-
|
|
4171
3704
|
.navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
|
|
4172
3705
|
margin-top: var(--ax-space-20);
|
|
4173
3706
|
}
|
|
@@ -4210,12 +3743,6 @@
|
|
|
4210
3743
|
position: absolute;
|
|
4211
3744
|
}
|
|
4212
3745
|
|
|
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
|
-
|
|
4219
3746
|
.navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
|
|
4220
3747
|
left: 50%;
|
|
4221
3748
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
@@ -4239,7 +3766,7 @@
|
|
|
4239
3766
|
.navds-help-text__button {
|
|
4240
3767
|
cursor: pointer;
|
|
4241
3768
|
border-radius: var(--ax-border-radius-full);
|
|
4242
|
-
color: var(--ax-bg-
|
|
3769
|
+
color: var(--ax-bg-info-strong);
|
|
4243
3770
|
padding: calc(var(--ax-space-4) / 2);
|
|
4244
3771
|
background-color: rgba(0, 0, 0, 0);
|
|
4245
3772
|
border: 0;
|
|
@@ -4261,21 +3788,17 @@
|
|
|
4261
3788
|
border: 1px solid var(--ax-border-info);
|
|
4262
3789
|
}
|
|
4263
3790
|
|
|
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 {
|
|
3791
|
+
.navds-help-text__icon--filled, .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
|
|
4269
3792
|
display: none;
|
|
4270
3793
|
}
|
|
4271
3794
|
|
|
4272
3795
|
.navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon--filled {
|
|
4273
3796
|
display: inherit;
|
|
4274
|
-
color: var(--ax-bg-
|
|
3797
|
+
color: var(--ax-bg-info-strong-hover);
|
|
4275
3798
|
}
|
|
4276
3799
|
|
|
4277
3800
|
.navds-help-text__button[aria-expanded="true"] > .navds-help-text__icon--filled {
|
|
4278
|
-
color: var(--ax-bg-
|
|
3801
|
+
color: var(--ax-bg-info-strong-pressed);
|
|
4279
3802
|
}
|
|
4280
3803
|
|
|
4281
3804
|
@media (forced-colors: active) {
|
|
@@ -4294,7 +3817,7 @@
|
|
|
4294
3817
|
|
|
4295
3818
|
.navds-internalheader {
|
|
4296
3819
|
background: var(--ax-bg-raised);
|
|
4297
|
-
border-bottom: 1px solid var(--ax-border-subtleA);
|
|
3820
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
4298
3821
|
align-self: stretch;
|
|
4299
3822
|
min-height: 3rem;
|
|
4300
3823
|
display: flex;
|
|
@@ -4312,12 +3835,11 @@
|
|
|
4312
3835
|
font: inherit;
|
|
4313
3836
|
font-weight: var(--ax-font-weight-bold);
|
|
4314
3837
|
text-align: left;
|
|
4315
|
-
padding-
|
|
4316
|
-
padding-bottom: 0;
|
|
3838
|
+
padding-block: 0;
|
|
4317
3839
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
4318
3840
|
border: none;
|
|
4319
|
-
border-right: 1px solid var(--ax-border-subtleA);
|
|
4320
|
-
color: var(--ax-text-
|
|
3841
|
+
border-right: 1px solid var(--ax-border-neutral-subtleA);
|
|
3842
|
+
color: var(--ax-text-neutral);
|
|
4321
3843
|
background: none;
|
|
4322
3844
|
align-items: center;
|
|
4323
3845
|
margin: 0;
|
|
@@ -4327,20 +3849,12 @@
|
|
|
4327
3849
|
overflow: visible;
|
|
4328
3850
|
}
|
|
4329
3851
|
|
|
4330
|
-
.navds-internalheader__title:-webkit-any(button) {
|
|
4331
|
-
cursor: pointer;
|
|
4332
|
-
}
|
|
4333
|
-
|
|
4334
3852
|
.navds-internalheader__title:is(button) {
|
|
4335
3853
|
cursor: pointer;
|
|
4336
3854
|
}
|
|
4337
3855
|
|
|
4338
3856
|
.navds-internalheader__title:hover {
|
|
4339
|
-
background: var(--ax-bg-moderate-
|
|
4340
|
-
}
|
|
4341
|
-
|
|
4342
|
-
.navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
|
|
4343
|
-
background: initial;
|
|
3857
|
+
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
4344
3858
|
}
|
|
4345
3859
|
|
|
4346
3860
|
.navds-internalheader__title:is(:hover, :active):not(button, a) {
|
|
@@ -4349,7 +3863,7 @@
|
|
|
4349
3863
|
|
|
4350
3864
|
.navds-internalheader__user {
|
|
4351
3865
|
padding: 0 var(--ax-space-20);
|
|
4352
|
-
border-left: 1px solid var(--ax-border-subtleA);
|
|
3866
|
+
border-left: 1px solid var(--ax-border-neutral-subtleA);
|
|
4353
3867
|
align-items: center;
|
|
4354
3868
|
display: flex;
|
|
4355
3869
|
}
|
|
@@ -4363,8 +3877,8 @@
|
|
|
4363
3877
|
align-items: center;
|
|
4364
3878
|
gap: var(--ax-space-8);
|
|
4365
3879
|
border: none;
|
|
4366
|
-
border-left: 1px solid var(--ax-border-subtleA);
|
|
4367
|
-
color: var(--ax-text-
|
|
3880
|
+
border-left: 1px solid var(--ax-border-neutral-subtleA);
|
|
3881
|
+
color: var(--ax-text-neutral);
|
|
4368
3882
|
background: none;
|
|
4369
3883
|
margin: 0;
|
|
4370
3884
|
line-height: normal;
|
|
@@ -4373,7 +3887,7 @@
|
|
|
4373
3887
|
}
|
|
4374
3888
|
|
|
4375
3889
|
.navds-internalheader__button:hover {
|
|
4376
|
-
background: var(--ax-bg-moderate-
|
|
3890
|
+
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
4377
3891
|
}
|
|
4378
3892
|
|
|
4379
3893
|
@media (forced-colors: active) {
|
|
@@ -4392,7 +3906,7 @@
|
|
|
4392
3906
|
}
|
|
4393
3907
|
|
|
4394
3908
|
:is(.navds-internalheader__title, .navds-internalheader__button):active {
|
|
4395
|
-
background: var(--ax-bg-moderate-
|
|
3909
|
+
background: var(--ax-bg-neutral-moderate-pressedA);
|
|
4396
3910
|
}
|
|
4397
3911
|
|
|
4398
3912
|
.navds-internalheader__user-button {
|
|
@@ -4401,7 +3915,7 @@
|
|
|
4401
3915
|
}
|
|
4402
3916
|
|
|
4403
3917
|
.navds-link {
|
|
4404
|
-
color: var(--ax-text-accent);
|
|
3918
|
+
color: var(--ax-text-accent-subtle);
|
|
4405
3919
|
align-items: center;
|
|
4406
3920
|
gap: var(--ax-space-2);
|
|
4407
3921
|
text-underline-offset: .1em;
|
|
@@ -4410,11 +3924,7 @@
|
|
|
4410
3924
|
display: inline-flex;
|
|
4411
3925
|
}
|
|
4412
3926
|
|
|
4413
|
-
.navds-link:hover {
|
|
4414
|
-
text-decoration-thickness: .111em;
|
|
4415
|
-
}
|
|
4416
|
-
|
|
4417
|
-
.navds-link:active {
|
|
3927
|
+
.navds-link:hover, .navds-link:active {
|
|
4418
3928
|
text-decoration-thickness: .111em;
|
|
4419
3929
|
}
|
|
4420
3930
|
|
|
@@ -4449,19 +3959,19 @@
|
|
|
4449
3959
|
}
|
|
4450
3960
|
|
|
4451
3961
|
:is(.navds-alert:not(.navds-alert--inline), .navds-confirmation-panel) .navds-link {
|
|
4452
|
-
color: var(--ax-text-
|
|
3962
|
+
color: var(--ax-text-neutral);
|
|
4453
3963
|
}
|
|
4454
3964
|
|
|
4455
3965
|
.navds-link--action {
|
|
4456
|
-
color: var(--ax-text-accent);
|
|
3966
|
+
color: var(--ax-text-accent-subtle);
|
|
4457
3967
|
}
|
|
4458
3968
|
|
|
4459
3969
|
.navds-link--neutral {
|
|
4460
|
-
color: var(--ax-text-
|
|
3970
|
+
color: var(--ax-text-neutral);
|
|
4461
3971
|
}
|
|
4462
3972
|
|
|
4463
3973
|
.navds-link--subtle {
|
|
4464
|
-
color: var(--ax-text-subtle);
|
|
3974
|
+
color: var(--ax-text-neutral-subtle);
|
|
4465
3975
|
}
|
|
4466
3976
|
|
|
4467
3977
|
.navds-loader {
|
|
@@ -4518,19 +4028,19 @@
|
|
|
4518
4028
|
.navds-loader__foreground {
|
|
4519
4029
|
stroke-dasharray: 80 200;
|
|
4520
4030
|
stroke-dashoffset: 0;
|
|
4521
|
-
stroke: var(--ax-border-strong);
|
|
4031
|
+
stroke: var(--ax-border-neutral-strong);
|
|
4522
4032
|
stroke-linecap: round;
|
|
4523
4033
|
stroke-width: var(--__axc-loader-stroke-width);
|
|
4524
4034
|
animation: 1.5s ease-in-out infinite loader-dasharray;
|
|
4525
4035
|
}
|
|
4526
4036
|
|
|
4527
4037
|
.navds-loader__background {
|
|
4528
|
-
stroke: var(--ax-border-subtleA);
|
|
4038
|
+
stroke: var(--ax-border-neutral-subtleA);
|
|
4529
4039
|
stroke-width: var(--__axc-loader-stroke-width);
|
|
4530
4040
|
}
|
|
4531
4041
|
|
|
4532
4042
|
.navds-loader--neutral .navds-loader__foreground {
|
|
4533
|
-
stroke: var(--ax-border-strong);
|
|
4043
|
+
stroke: var(--ax-border-neutral-strong);
|
|
4534
4044
|
}
|
|
4535
4045
|
|
|
4536
4046
|
.navds-loader--interaction .navds-loader__foreground {
|
|
@@ -4542,11 +4052,11 @@
|
|
|
4542
4052
|
}
|
|
4543
4053
|
|
|
4544
4054
|
.navds-loader--inverted .navds-loader__foreground {
|
|
4545
|
-
stroke: var(--ax-border-subtle);
|
|
4055
|
+
stroke: var(--ax-border-neutral-subtle);
|
|
4546
4056
|
}
|
|
4547
4057
|
|
|
4548
4058
|
.navds-loader--inverted .navds-loader__background {
|
|
4549
|
-
stroke: var(--ax-border-strong);
|
|
4059
|
+
stroke: var(--ax-border-neutral-strong);
|
|
4550
4060
|
}
|
|
4551
4061
|
|
|
4552
4062
|
.navds-loader--transparent .navds-loader__background {
|
|
@@ -4589,12 +4099,12 @@
|
|
|
4589
4099
|
.navds-modal {
|
|
4590
4100
|
--__axc-modal-bg: var(--ax-bg-raised);
|
|
4591
4101
|
background-color: var(--__axc-modal-bg);
|
|
4592
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4102
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4593
4103
|
border-radius: var(--ax-border-radius-xlarge);
|
|
4594
4104
|
box-shadow: var(--ax-shadow-dialog);
|
|
4595
4105
|
max-width: 100%;
|
|
4596
4106
|
max-height: 100%;
|
|
4597
|
-
color: var(--ax-text-
|
|
4107
|
+
color: var(--ax-text-neutral);
|
|
4598
4108
|
margin: auto;
|
|
4599
4109
|
padding: 0;
|
|
4600
4110
|
position: fixed;
|
|
@@ -4607,9 +4117,7 @@
|
|
|
4607
4117
|
}
|
|
4608
4118
|
|
|
4609
4119
|
.navds-modal--polyfilled {
|
|
4610
|
-
width: -webkit-fit-content;
|
|
4611
4120
|
width: fit-content;
|
|
4612
|
-
height: -webkit-fit-content;
|
|
4613
4121
|
height: fit-content;
|
|
4614
4122
|
margin: auto;
|
|
4615
4123
|
top: 50%;
|
|
@@ -4628,10 +4136,7 @@
|
|
|
4628
4136
|
|
|
4629
4137
|
._dialog_overlay {
|
|
4630
4138
|
position: fixed;
|
|
4631
|
-
|
|
4632
|
-
bottom: 0;
|
|
4633
|
-
left: 0;
|
|
4634
|
-
right: 0;
|
|
4139
|
+
inset: 0;
|
|
4635
4140
|
}
|
|
4636
4141
|
|
|
4637
4142
|
.navds-modal--medium {
|
|
@@ -4642,15 +4147,7 @@
|
|
|
4642
4147
|
width: 450px;
|
|
4643
4148
|
}
|
|
4644
4149
|
|
|
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 {
|
|
4150
|
+
.navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
|
|
4654
4151
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
4655
4152
|
}
|
|
4656
4153
|
|
|
@@ -4683,10 +4180,7 @@
|
|
|
4683
4180
|
.navds-modal--polyfilled + .backdrop {
|
|
4684
4181
|
background: rgba(2, 20, 49, .49);
|
|
4685
4182
|
position: fixed;
|
|
4686
|
-
|
|
4687
|
-
bottom: 0;
|
|
4688
|
-
left: 0;
|
|
4689
|
-
right: 0;
|
|
4183
|
+
inset: 0;
|
|
4690
4184
|
}
|
|
4691
4185
|
|
|
4692
4186
|
.navds-modal__button {
|
|
@@ -4706,7 +4200,7 @@
|
|
|
4706
4200
|
|
|
4707
4201
|
.navds-modal__label {
|
|
4708
4202
|
font-weight: var(--ax-font-weight-bold);
|
|
4709
|
-
color: var(--ax-text-subtle);
|
|
4203
|
+
color: var(--ax-text-neutral-subtle);
|
|
4710
4204
|
}
|
|
4711
4205
|
|
|
4712
4206
|
.navds-modal__body {
|
|
@@ -4736,7 +4230,6 @@
|
|
|
4736
4230
|
}
|
|
4737
4231
|
|
|
4738
4232
|
.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
|
|
4739
|
-
min-width: -webkit-fit-content;
|
|
4740
4233
|
min-width: fit-content;
|
|
4741
4234
|
max-width: 100vw;
|
|
4742
4235
|
max-height: 100vh;
|
|
@@ -4808,8 +4301,8 @@
|
|
|
4808
4301
|
}
|
|
4809
4302
|
|
|
4810
4303
|
.navds-pagination__item[data-selected="true"] {
|
|
4811
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
4812
|
-
color: var(--ax-text-contrast);
|
|
4304
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
4305
|
+
color: var(--ax-text-neutral-contrast);
|
|
4813
4306
|
}
|
|
4814
4307
|
|
|
4815
4308
|
.navds-pagination--invisible {
|
|
@@ -4820,13 +4313,19 @@
|
|
|
4820
4313
|
z-index: 1000;
|
|
4821
4314
|
background: var(--ax-bg-raised);
|
|
4822
4315
|
box-shadow: var(--ax-shadow-dialog);
|
|
4823
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4316
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4824
4317
|
border-radius: var(--ax-border-radius-xlarge);
|
|
4825
4318
|
max-width: calc(100vw - var(--ax-space-24));
|
|
4826
4319
|
}
|
|
4827
4320
|
|
|
4828
4321
|
.navds-popover__content {
|
|
4829
|
-
padding: var(--ax-space-16)
|
|
4322
|
+
padding: var(--ax-space-16);
|
|
4323
|
+
}
|
|
4324
|
+
|
|
4325
|
+
@media (min-width: 480px) {
|
|
4326
|
+
.navds-popover__content {
|
|
4327
|
+
padding: var(--ax-space-20);
|
|
4328
|
+
}
|
|
4830
4329
|
}
|
|
4831
4330
|
|
|
4832
4331
|
.navds-popover--hidden {
|
|
@@ -4858,7 +4357,7 @@
|
|
|
4858
4357
|
--__axc-tag-border: var(--ax-border-info);
|
|
4859
4358
|
--__axc-tag-bg: var(--ax-bg-info-moderateA);
|
|
4860
4359
|
--__axc-tag-bg-strong: var(--ax-bg-info-strong);
|
|
4861
|
-
--__axc-tag-text: var(--ax-text-info
|
|
4360
|
+
--__axc-tag-text: var(--ax-text-info);
|
|
4862
4361
|
--__axc-tag-text-strong: var(--ax-text-info-contrast);
|
|
4863
4362
|
}
|
|
4864
4363
|
|
|
@@ -4866,7 +4365,7 @@
|
|
|
4866
4365
|
--__axc-tag-border: var(--ax-border-success);
|
|
4867
4366
|
--__axc-tag-bg: var(--ax-bg-success-moderateA);
|
|
4868
4367
|
--__axc-tag-bg-strong: var(--ax-bg-success-strong);
|
|
4869
|
-
--__axc-tag-text: var(--ax-text-success
|
|
4368
|
+
--__axc-tag-text: var(--ax-text-success);
|
|
4870
4369
|
--__axc-tag-text-strong: var(--ax-text-success-contrast);
|
|
4871
4370
|
}
|
|
4872
4371
|
|
|
@@ -4874,7 +4373,7 @@
|
|
|
4874
4373
|
--__axc-tag-border: var(--ax-border-warning);
|
|
4875
4374
|
--__axc-tag-bg: var(--ax-bg-warning-moderateA);
|
|
4876
4375
|
--__axc-tag-bg-strong: var(--ax-bg-warning-strong);
|
|
4877
|
-
--__axc-tag-text: var(--ax-text-warning
|
|
4376
|
+
--__axc-tag-text: var(--ax-text-warning);
|
|
4878
4377
|
--__axc-tag-text-strong: var(--ax-text-warning-contrast);
|
|
4879
4378
|
}
|
|
4880
4379
|
|
|
@@ -4882,32 +4381,32 @@
|
|
|
4882
4381
|
--__axc-tag-border: var(--ax-border-danger);
|
|
4883
4382
|
--__axc-tag-bg: var(--ax-bg-danger-moderateA);
|
|
4884
4383
|
--__axc-tag-bg-strong: var(--ax-bg-danger-strong);
|
|
4885
|
-
--__axc-tag-text: var(--ax-text-danger
|
|
4384
|
+
--__axc-tag-text: var(--ax-text-danger);
|
|
4886
4385
|
--__axc-tag-text-strong: var(--ax-text-danger-contrast);
|
|
4887
4386
|
}
|
|
4888
4387
|
|
|
4889
4388
|
.navds-tag--neutral {
|
|
4890
|
-
--__axc-tag-border: var(--ax-border-
|
|
4891
|
-
--__axc-tag-bg: var(--ax-bg-moderateA);
|
|
4892
|
-
--__axc-tag-bg-strong: var(--ax-bg-strong);
|
|
4893
|
-
--__axc-tag-text: var(--ax-text-
|
|
4894
|
-
--__axc-tag-text-strong: var(--ax-text-contrast);
|
|
4389
|
+
--__axc-tag-border: var(--ax-border-neutral);
|
|
4390
|
+
--__axc-tag-bg: var(--ax-bg-neutral-moderateA);
|
|
4391
|
+
--__axc-tag-bg-strong: var(--ax-bg-neutral-strong);
|
|
4392
|
+
--__axc-tag-text: var(--ax-text-neutral);
|
|
4393
|
+
--__axc-tag-text-strong: var(--ax-text-neutral-contrast);
|
|
4895
4394
|
}
|
|
4896
4395
|
|
|
4897
|
-
.navds-tag--meta-
|
|
4898
|
-
--__axc-tag-border: var(--ax-border-meta-
|
|
4899
|
-
--__axc-tag-bg: var(--ax-bg-meta-
|
|
4900
|
-
--__axc-tag-bg-strong: var(--ax-bg-meta-
|
|
4901
|
-
--__axc-tag-text: var(--ax-text-meta-
|
|
4902
|
-
--__axc-tag-text-strong: var(--ax-text-meta-
|
|
4396
|
+
.navds-tag--meta-purple, .navds-tag--alt1 {
|
|
4397
|
+
--__axc-tag-border: var(--ax-border-meta-purple);
|
|
4398
|
+
--__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);
|
|
4399
|
+
--__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);
|
|
4400
|
+
--__axc-tag-text: var(--ax-text-meta-purple);
|
|
4401
|
+
--__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
|
|
4903
4402
|
}
|
|
4904
4403
|
|
|
4905
|
-
.navds-tag--meta-
|
|
4906
|
-
--__axc-tag-border: var(--ax-border-meta-
|
|
4907
|
-
--__axc-tag-bg: var(--ax-bg-meta-
|
|
4908
|
-
--__axc-tag-bg-strong: var(--ax-bg-meta-
|
|
4909
|
-
--__axc-tag-text: var(--ax-text-meta-
|
|
4910
|
-
--__axc-tag-text-strong: var(--ax-text-meta-
|
|
4404
|
+
.navds-tag--meta-lime, .navds-tag--alt2 {
|
|
4405
|
+
--__axc-tag-border: var(--ax-border-meta-lime);
|
|
4406
|
+
--__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);
|
|
4407
|
+
--__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);
|
|
4408
|
+
--__axc-tag-text: var(--ax-text-meta-lime);
|
|
4409
|
+
--__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
|
|
4911
4410
|
}
|
|
4912
4411
|
|
|
4913
4412
|
.navds-tag--small {
|
|
@@ -4925,21 +4424,10 @@
|
|
|
4925
4424
|
|
|
4926
4425
|
.navds-tag__icon--left {
|
|
4927
4426
|
font-size: var(--__axc-tag-icon-size);
|
|
4427
|
+
margin-inline-start: var(--__axc-tag-icon-margin);
|
|
4928
4428
|
display: flex;
|
|
4929
4429
|
}
|
|
4930
4430
|
|
|
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
|
-
|
|
4943
4431
|
.navds-tag--outline {
|
|
4944
4432
|
box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
|
|
4945
4433
|
background: var(--__axc-tag-bg);
|
|
@@ -4975,7 +4463,6 @@
|
|
|
4975
4463
|
grid-template-columns: auto minmax(0, 1fr);
|
|
4976
4464
|
align-items: center;
|
|
4977
4465
|
width: 100%;
|
|
4978
|
-
min-width: -webkit-fit-content;
|
|
4979
4466
|
min-width: fit-content;
|
|
4980
4467
|
display: grid;
|
|
4981
4468
|
position: relative;
|
|
@@ -5005,20 +4492,20 @@
|
|
|
5005
4492
|
}
|
|
5006
4493
|
|
|
5007
4494
|
.navds-timeline__axislabels-label {
|
|
5008
|
-
color: var(--ax-text-subtle);
|
|
4495
|
+
color: var(--ax-text-neutral-subtle);
|
|
5009
4496
|
white-space: nowrap;
|
|
5010
4497
|
position: absolute;
|
|
5011
4498
|
}
|
|
5012
4499
|
|
|
5013
4500
|
.navds-timeline__row {
|
|
5014
|
-
background: var(--ax-bg-
|
|
4501
|
+
background: var(--ax-bg-neutral-softA);
|
|
5015
4502
|
margin: var(--ax-space-16) 0;
|
|
5016
4503
|
grid-column: 2;
|
|
5017
4504
|
display: flex;
|
|
5018
4505
|
}
|
|
5019
4506
|
|
|
5020
4507
|
.navds-timeline__row--active {
|
|
5021
|
-
background: var(--ax-bg-accent-
|
|
4508
|
+
background: var(--ax-bg-accent-moderate);
|
|
5022
4509
|
}
|
|
5023
4510
|
|
|
5024
4511
|
.navds-timeline__row:last-of-type {
|
|
@@ -5084,6 +4571,7 @@
|
|
|
5084
4571
|
|
|
5085
4572
|
.navds-timeline__period--success.navds-timeline__period--clickable:hover {
|
|
5086
4573
|
background: var(--ax-bg-success-moderate-hover);
|
|
4574
|
+
border-color: var(--ax-border-success-strong);
|
|
5087
4575
|
}
|
|
5088
4576
|
|
|
5089
4577
|
.navds-timeline__period--success.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5100,6 +4588,7 @@
|
|
|
5100
4588
|
|
|
5101
4589
|
.navds-timeline__period--warning.navds-timeline__period--clickable:hover {
|
|
5102
4590
|
background: var(--ax-bg-warning-moderate-hover);
|
|
4591
|
+
border-color: var(--ax-border-warning-strong);
|
|
5103
4592
|
}
|
|
5104
4593
|
|
|
5105
4594
|
.navds-timeline__period--warning.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5116,6 +4605,7 @@
|
|
|
5116
4605
|
|
|
5117
4606
|
.navds-timeline__period--danger.navds-timeline__period--clickable:hover {
|
|
5118
4607
|
background: var(--ax-bg-danger-moderate-hover);
|
|
4608
|
+
border-color: var(--ax-border-danger-strong);
|
|
5119
4609
|
}
|
|
5120
4610
|
|
|
5121
4611
|
.navds-timeline__period--danger.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5132,6 +4622,7 @@
|
|
|
5132
4622
|
|
|
5133
4623
|
.navds-timeline__period--info.navds-timeline__period--clickable:hover {
|
|
5134
4624
|
background: var(--ax-bg-info-moderate-hover);
|
|
4625
|
+
border-color: var(--ax-border-info-strong);
|
|
5135
4626
|
}
|
|
5136
4627
|
|
|
5137
4628
|
.navds-timeline__period--info.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5141,18 +4632,19 @@
|
|
|
5141
4632
|
}
|
|
5142
4633
|
|
|
5143
4634
|
.navds-timeline__period--neutral {
|
|
5144
|
-
background: var(--ax-bg-moderate);
|
|
5145
|
-
border: solid 1px var(--ax-border-
|
|
5146
|
-
color: var(--ax-text-icon);
|
|
4635
|
+
background: var(--ax-bg-neutral-moderate);
|
|
4636
|
+
border: solid 1px var(--ax-border-neutral);
|
|
4637
|
+
color: var(--ax-text-neutral-icon);
|
|
5147
4638
|
}
|
|
5148
4639
|
|
|
5149
4640
|
.navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
|
|
5150
|
-
background: var(--ax-bg-moderate-hover);
|
|
4641
|
+
background: var(--ax-bg-neutral-moderate-hover);
|
|
4642
|
+
border-color: var(--ax-border-neutral-strong);
|
|
5151
4643
|
}
|
|
5152
4644
|
|
|
5153
4645
|
.navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
5154
|
-
background: var(--ax-bg-strong-pressed);
|
|
5155
|
-
color: var(--ax-text-contrast);
|
|
4646
|
+
background: var(--ax-bg-neutral-strong-pressed);
|
|
4647
|
+
color: var(--ax-text-neutral-contrast);
|
|
5156
4648
|
border: none;
|
|
5157
4649
|
}
|
|
5158
4650
|
|
|
@@ -5199,10 +4691,7 @@
|
|
|
5199
4691
|
width: 25px;
|
|
5200
4692
|
height: 25px;
|
|
5201
4693
|
position: absolute;
|
|
5202
|
-
|
|
5203
|
-
bottom: 0;
|
|
5204
|
-
left: -9px;
|
|
5205
|
-
right: 0;
|
|
4694
|
+
inset: -9px 0 0 -9px;
|
|
5206
4695
|
}
|
|
5207
4696
|
|
|
5208
4697
|
.navds-timeline__pin-button:hover {
|
|
@@ -5219,7 +4708,7 @@
|
|
|
5219
4708
|
content: "";
|
|
5220
4709
|
top: var(--navdsc-timeline-pin-size);
|
|
5221
4710
|
height: calc(100% - var(--navdsc-timeline-pin-size) * 2);
|
|
5222
|
-
background: var(--ax-border-strong);
|
|
4711
|
+
background: var(--ax-border-neutral-strong);
|
|
5223
4712
|
width: 1px;
|
|
5224
4713
|
margin: 0 auto;
|
|
5225
4714
|
}
|
|
@@ -5234,7 +4723,7 @@
|
|
|
5234
4723
|
.navds-timeline__zoom-button {
|
|
5235
4724
|
all: unset;
|
|
5236
4725
|
cursor: pointer;
|
|
5237
|
-
border: 1px solid var(--ax-border-
|
|
4726
|
+
border: 1px solid var(--ax-border-neutral);
|
|
5238
4727
|
background: var(--ax-bg-default);
|
|
5239
4728
|
border-width: 1px 0 1px 1px;
|
|
5240
4729
|
padding: 6px 9px 6px 8px;
|
|
@@ -5254,13 +4743,13 @@
|
|
|
5254
4743
|
}
|
|
5255
4744
|
|
|
5256
4745
|
.navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
|
|
5257
|
-
background: var(--ax-bg-moderate-hoverA);
|
|
4746
|
+
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
5258
4747
|
}
|
|
5259
4748
|
|
|
5260
4749
|
.navds-timeline__zoom-button[aria-pressed="true"] {
|
|
5261
|
-
background: var(--ax-bg-strong-pressed);
|
|
5262
|
-
border-color: var(--ax-bg-strong-pressed);
|
|
5263
|
-
color: var(--ax-text-contrast);
|
|
4750
|
+
background: var(--ax-bg-neutral-strong-pressed);
|
|
4751
|
+
border-color: var(--ax-bg-neutral-strong-pressed);
|
|
4752
|
+
color: var(--ax-text-neutral-contrast);
|
|
5264
4753
|
}
|
|
5265
4754
|
|
|
5266
4755
|
.navds-timeline__zoom li:focus-within {
|
|
@@ -5282,7 +4771,7 @@
|
|
|
5282
4771
|
background-color: var(--ax-bg-raised);
|
|
5283
4772
|
box-shadow: var(--ax-shadow-dialog);
|
|
5284
4773
|
border: 1px solid;
|
|
5285
|
-
border-color: var(--ax-border-subtleA);
|
|
4774
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
5286
4775
|
border-radius: var(--ax-border-radius-large);
|
|
5287
4776
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
5288
4777
|
}
|
|
@@ -5305,13 +4794,7 @@
|
|
|
5305
4794
|
outline: 4px solid rgba(0, 0, 0, 0);
|
|
5306
4795
|
}
|
|
5307
4796
|
|
|
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 {
|
|
4797
|
+
.navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
|
|
5315
4798
|
outline-offset: 3px;
|
|
5316
4799
|
box-shadow: none;
|
|
5317
4800
|
outline: 4px solid highlight;
|
|
@@ -5321,11 +4804,11 @@
|
|
|
5321
4804
|
.navds-tooltip {
|
|
5322
4805
|
z-index: 3000;
|
|
5323
4806
|
background-color: var(--ax-bg-raised);
|
|
5324
|
-
color: var(--ax-text-
|
|
4807
|
+
color: var(--ax-text-neutral);
|
|
5325
4808
|
border-radius: var(--ax-border-radius-medium);
|
|
5326
4809
|
padding: 0 var(--ax-space-6);
|
|
5327
4810
|
text-align: center;
|
|
5328
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4811
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
5329
4812
|
box-shadow: var(--ax-shadow-dialog);
|
|
5330
4813
|
flex-direction: column;
|
|
5331
4814
|
align-items: center;
|
|
@@ -5408,10 +4891,10 @@
|
|
|
5408
4891
|
|
|
5409
4892
|
.navds-tooltip__key {
|
|
5410
4893
|
font-family: var(--ax-font-family);
|
|
5411
|
-
color: var(--ax-text-
|
|
4894
|
+
color: var(--ax-text-neutral);
|
|
5412
4895
|
padding: 0 var(--ax-space-4);
|
|
5413
4896
|
border-radius: var(--ax-border-radius-small);
|
|
5414
|
-
background: var(--ax-bg-moderateA);
|
|
4897
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
5415
4898
|
justify-content: center;
|
|
5416
4899
|
align-items: center;
|
|
5417
4900
|
min-width: 1.125rem;
|
|
@@ -5437,7 +4920,7 @@
|
|
|
5437
4920
|
|
|
5438
4921
|
.navds-toggle-group {
|
|
5439
4922
|
border-radius: var(--ax-border-radius-large);
|
|
5440
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-
|
|
4923
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
|
|
5441
4924
|
background-color: rgba(0, 0, 0, 0);
|
|
5442
4925
|
grid-auto-columns: 1fr;
|
|
5443
4926
|
grid-auto-flow: column;
|
|
@@ -5449,13 +4932,12 @@
|
|
|
5449
4932
|
padding: var(--ax-space-4) var(--ax-space-12);
|
|
5450
4933
|
cursor: pointer;
|
|
5451
4934
|
min-height: 3rem;
|
|
5452
|
-
color: var(--ax-text-
|
|
4935
|
+
color: var(--ax-text-neutral);
|
|
5453
4936
|
border-radius: var(--ax-border-radius-large);
|
|
5454
4937
|
background-color: rgba(0, 0, 0, 0);
|
|
5455
4938
|
border: none;
|
|
5456
4939
|
justify-content: center;
|
|
5457
4940
|
align-items: center;
|
|
5458
|
-
min-width: -webkit-fit-content;
|
|
5459
4941
|
min-width: fit-content;
|
|
5460
4942
|
display: inline-flex;
|
|
5461
4943
|
position: relative;
|
|
@@ -5463,7 +4945,7 @@
|
|
|
5463
4945
|
|
|
5464
4946
|
.navds-toggle-group__button:hover {
|
|
5465
4947
|
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
5466
|
-
color: var(--ax-text-
|
|
4948
|
+
color: var(--ax-text-neutral);
|
|
5467
4949
|
}
|
|
5468
4950
|
|
|
5469
4951
|
.navds-toggle-group__button:focus-visible {
|
|
@@ -5479,7 +4961,7 @@
|
|
|
5479
4961
|
|
|
5480
4962
|
.navds-toggle-group__button:not([data-selected="true"], :first-child, .navds-toggle-group__button[data-selected="true"] + .navds-toggle-group__button):before {
|
|
5481
4963
|
content: "";
|
|
5482
|
-
background-color: var(--ax-border-subtleA);
|
|
4964
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
5483
4965
|
width: 1px;
|
|
5484
4966
|
height: 50%;
|
|
5485
4967
|
display: block;
|
|
@@ -5502,12 +4984,12 @@
|
|
|
5502
4984
|
}
|
|
5503
4985
|
|
|
5504
4986
|
:where(.navds-toggle-group--neutral) .navds-toggle-group__button:hover {
|
|
5505
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
4987
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
5506
4988
|
}
|
|
5507
4989
|
|
|
5508
4990
|
:where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
|
|
5509
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
5510
|
-
color: var(--ax-text-contrast);
|
|
4991
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
4992
|
+
color: var(--ax-text-neutral-contrast);
|
|
5511
4993
|
}
|
|
5512
4994
|
|
|
5513
4995
|
.navds-toggle-group--small .navds-toggle-group__button {
|
|
@@ -5563,7 +5045,7 @@
|
|
|
5563
5045
|
cursor: pointer;
|
|
5564
5046
|
align-items: flex-start;
|
|
5565
5047
|
gap: var(--ax-space-4);
|
|
5566
|
-
color: var(--ax-text-accent);
|
|
5048
|
+
color: var(--ax-text-accent-subtle);
|
|
5567
5049
|
padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
|
|
5568
5050
|
padding-block: var(--__axc-read-more-pb);
|
|
5569
5051
|
text-align: start;
|
|
@@ -5582,22 +5064,12 @@
|
|
|
5582
5064
|
transform: rotateX(-180deg);
|
|
5583
5065
|
}
|
|
5584
5066
|
|
|
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
|
-
|
|
5594
5067
|
.navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
|
|
5595
5068
|
border-radius: var(--ax-border-radius-medium);
|
|
5596
5069
|
}
|
|
5597
5070
|
|
|
5598
5071
|
.navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
|
|
5599
|
-
background-color: var(--ax-bg-hoverA);
|
|
5600
|
-
color: var(--ax-text-accent-strong);
|
|
5072
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
5601
5073
|
}
|
|
5602
5074
|
|
|
5603
5075
|
.navds-read-more[data-volume="high"] .navds-read-more__button {
|
|
@@ -5607,7 +5079,7 @@
|
|
|
5607
5079
|
|
|
5608
5080
|
.navds-read-more[data-volume="high"] .navds-read-more__button:hover {
|
|
5609
5081
|
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
5610
|
-
color: var(--ax-text-accent
|
|
5082
|
+
color: var(--ax-text-accent);
|
|
5611
5083
|
}
|
|
5612
5084
|
|
|
5613
5085
|
.navds-read-more[data-volume="high"].navds-read-more--large {
|
|
@@ -5615,20 +5087,15 @@
|
|
|
5615
5087
|
--__axc-read-more-pi-end: var(--ax-space-24);
|
|
5616
5088
|
}
|
|
5617
5089
|
|
|
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 {
|
|
5090
|
+
.navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
|
|
5624
5091
|
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
5625
5092
|
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
5626
5093
|
}
|
|
5627
5094
|
|
|
5628
5095
|
.navds-read-more__content {
|
|
5629
5096
|
margin-top: var(--ax-space-8);
|
|
5630
|
-
border-left: 2px solid var(--ax-border-subtleA);
|
|
5631
|
-
color: var(--ax-text-
|
|
5097
|
+
border-left: 2px solid var(--ax-border-neutral-subtleA);
|
|
5098
|
+
color: var(--ax-text-neutral);
|
|
5632
5099
|
margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
|
|
5633
5100
|
padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
|
|
5634
5101
|
}
|
|
@@ -5661,9 +5128,9 @@
|
|
|
5661
5128
|
}
|
|
5662
5129
|
|
|
5663
5130
|
.navds-progress-bar {
|
|
5664
|
-
background: var(--ax-bg-moderateA);
|
|
5131
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
5665
5132
|
border-radius: var(--ax-border-radius-full);
|
|
5666
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
|
|
5133
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
|
|
5667
5134
|
position: relative;
|
|
5668
5135
|
overflow: hidden;
|
|
5669
5136
|
}
|
|
@@ -5766,7 +5233,7 @@
|
|
|
5766
5233
|
}
|
|
5767
5234
|
|
|
5768
5235
|
.navds-skeleton {
|
|
5769
|
-
background-color: var(--ax-bg-moderateA);
|
|
5236
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
5770
5237
|
pointer-events: none;
|
|
5771
5238
|
height: 1.3em;
|
|
5772
5239
|
animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
|
|
@@ -5789,7 +5256,6 @@
|
|
|
5789
5256
|
}
|
|
5790
5257
|
|
|
5791
5258
|
.navds-skeleton--has-children.navds-skeleton--no-width {
|
|
5792
|
-
width: -webkit-fit-content;
|
|
5793
5259
|
width: fit-content;
|
|
5794
5260
|
}
|
|
5795
5261
|
|
|
@@ -5835,7 +5301,7 @@
|
|
|
5835
5301
|
--__axc-stepper-circle-size: 1.75rem;
|
|
5836
5302
|
--__axc-stepper-border-width: 2px;
|
|
5837
5303
|
--__axc-stepper-line-length: 1rem;
|
|
5838
|
-
color: var(--ax-text-accent);
|
|
5304
|
+
color: var(--ax-text-accent-subtle);
|
|
5839
5305
|
font-weight: var(--ax-font-weight-bold);
|
|
5840
5306
|
margin: 0;
|
|
5841
5307
|
padding-left: 0;
|
|
@@ -5861,11 +5327,11 @@
|
|
|
5861
5327
|
}
|
|
5862
5328
|
|
|
5863
5329
|
.navds-stepper__item--non-interactive .navds-stepper__line {
|
|
5864
|
-
background-color: var(--ax-border-strong);
|
|
5330
|
+
background-color: var(--ax-border-neutral-strong);
|
|
5865
5331
|
}
|
|
5866
5332
|
|
|
5867
5333
|
.navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
|
|
5868
|
-
background-color: var(--ax-border-strong);
|
|
5334
|
+
background-color: var(--ax-border-neutral-strong);
|
|
5869
5335
|
}
|
|
5870
5336
|
|
|
5871
5337
|
.navds-stepper__line--1 {
|
|
@@ -5903,18 +5369,7 @@
|
|
|
5903
5369
|
margin-bottom: 0;
|
|
5904
5370
|
}
|
|
5905
5371
|
|
|
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
|
-
|
|
5916
5372
|
.navds-stepper__step:is(button) {
|
|
5917
|
-
-webkit-appearance: none;
|
|
5918
5373
|
appearance: none;
|
|
5919
5374
|
font: inherit;
|
|
5920
5375
|
color: inherit;
|
|
@@ -5940,7 +5395,7 @@
|
|
|
5940
5395
|
}
|
|
5941
5396
|
|
|
5942
5397
|
.navds-stepper__step[data-interactive="true"] {
|
|
5943
|
-
color: var(--ax-text-accent);
|
|
5398
|
+
color: var(--ax-text-accent-subtle);
|
|
5944
5399
|
border-radius: var(--ax-border-radius-medium);
|
|
5945
5400
|
text-decoration: none;
|
|
5946
5401
|
}
|
|
@@ -5951,25 +5406,16 @@
|
|
|
5951
5406
|
text-decoration-thickness: .05em;
|
|
5952
5407
|
}
|
|
5953
5408
|
|
|
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 {
|
|
5409
|
+
:is(.navds-stepper__step[data-interactive="true"]:hover, .navds-stepper__step[data-interactive="true"]:active) .navds-stepper__content {
|
|
5959
5410
|
text-decoration-thickness: .111em;
|
|
5960
5411
|
}
|
|
5961
5412
|
|
|
5962
|
-
.navds-stepper__step[data-interactive="true"]:hover .navds-stepper__circle {
|
|
5963
|
-
color: var(--ax-text-accent-strong);
|
|
5964
|
-
}
|
|
5965
|
-
|
|
5966
5413
|
.navds-stepper__step[data-interactive="true"] .navds-stepper__circle {
|
|
5967
|
-
color: var(--ax-text-accent);
|
|
5414
|
+
color: var(--ax-text-accent-subtle);
|
|
5968
5415
|
border-color: var(--ax-border-accent-strong);
|
|
5969
5416
|
}
|
|
5970
5417
|
|
|
5971
5418
|
.navds-stepper__step[data-interactive="true"][data-active="true"] .navds-stepper__content {
|
|
5972
|
-
color: var(--ax-text-accent-strong);
|
|
5973
5419
|
text-decoration: none;
|
|
5974
5420
|
}
|
|
5975
5421
|
|
|
@@ -5985,28 +5431,22 @@
|
|
|
5985
5431
|
}
|
|
5986
5432
|
|
|
5987
5433
|
.navds-stepper__step[data-interactive="false"] {
|
|
5988
|
-
color: var(--ax-text-
|
|
5434
|
+
color: var(--ax-text-neutral-subtle);
|
|
5989
5435
|
cursor: default;
|
|
5990
5436
|
}
|
|
5991
5437
|
|
|
5992
5438
|
.navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
|
|
5993
|
-
color: var(--ax-
|
|
5994
|
-
border-color: var(--ax-border-strong);
|
|
5995
|
-
}
|
|
5996
|
-
|
|
5997
|
-
.navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__content {
|
|
5998
|
-
color: var(--ax-text-subtle);
|
|
5439
|
+
border-color: var(--ax-border-neutral-strong);
|
|
5999
5440
|
}
|
|
6000
5441
|
|
|
6001
5442
|
.navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
|
|
6002
|
-
color: var(--ax-text-contrast);
|
|
6003
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
6004
|
-
border-color: var(--ax-bg-strong-pressed);
|
|
5443
|
+
color: var(--ax-text-neutral-contrast);
|
|
5444
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
5445
|
+
border-color: var(--ax-bg-neutral-strong-pressed);
|
|
6005
5446
|
}
|
|
6006
5447
|
|
|
6007
5448
|
.navds-stepper__content {
|
|
6008
5449
|
grid-column: content;
|
|
6009
|
-
min-width: -webkit-fit-content;
|
|
6010
5450
|
min-width: fit-content;
|
|
6011
5451
|
padding-top: .035rem;
|
|
6012
5452
|
line-height: 1.5;
|
|
@@ -6041,11 +5481,7 @@
|
|
|
6041
5481
|
flex: 100%;
|
|
6042
5482
|
}
|
|
6043
5483
|
|
|
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 {
|
|
5484
|
+
.navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1, .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
|
|
6049
5485
|
visibility: hidden;
|
|
6050
5486
|
}
|
|
6051
5487
|
|
|
@@ -6100,12 +5536,12 @@
|
|
|
6100
5536
|
}
|
|
6101
5537
|
|
|
6102
5538
|
.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
|
|
6103
|
-
background-color: var(--ax-bg-hoverA);
|
|
5539
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6104
5540
|
transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
|
|
6105
5541
|
}
|
|
6106
5542
|
|
|
6107
5543
|
.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover {
|
|
6108
|
-
background-color: var(--ax-bg-accent-hoverA);
|
|
5544
|
+
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
6109
5545
|
}
|
|
6110
5546
|
|
|
6111
5547
|
.navds-table__row {
|
|
@@ -6113,11 +5549,15 @@
|
|
|
6113
5549
|
}
|
|
6114
5550
|
|
|
6115
5551
|
.navds-table__row--selected {
|
|
6116
|
-
background-color: var(--ax-bg-accent-
|
|
5552
|
+
background-color: var(--ax-bg-accent-softA);
|
|
5553
|
+
}
|
|
5554
|
+
|
|
5555
|
+
.navds-table__row--selected + .navds-table__expanded-row {
|
|
5556
|
+
background-color: var(--ax-bg-accent-softA);
|
|
6117
5557
|
}
|
|
6118
5558
|
|
|
6119
5559
|
.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
|
|
6120
|
-
background-color: var(--ax-bg-
|
|
5560
|
+
background-color: var(--ax-bg-neutral-softA);
|
|
6121
5561
|
}
|
|
6122
5562
|
|
|
6123
5563
|
.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
|
|
@@ -6125,12 +5565,16 @@
|
|
|
6125
5565
|
}
|
|
6126
5566
|
|
|
6127
5567
|
.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
|
|
6128
|
-
background-color: var(--ax-bg-
|
|
5568
|
+
background-color: var(--ax-bg-neutral-softA);
|
|
5569
|
+
}
|
|
5570
|
+
|
|
5571
|
+
.navds-table--zebra-stripes .navds-table__row--selected + .navds-table__expanded-row:nth-child(4n) {
|
|
5572
|
+
background-color: var(--ax-bg-accent-softA);
|
|
6129
5573
|
}
|
|
6130
5574
|
|
|
6131
5575
|
.navds-table__header-cell, .navds-table__data-cell {
|
|
6132
5576
|
padding: var(--ax-space-12) var(--ax-space-8);
|
|
6133
|
-
border-bottom: 1px solid var(--ax-border-
|
|
5577
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
6134
5578
|
text-align: left;
|
|
6135
5579
|
display: table-cell;
|
|
6136
5580
|
}
|
|
@@ -6147,14 +5591,6 @@
|
|
|
6147
5591
|
text-align: center;
|
|
6148
5592
|
}
|
|
6149
5593
|
|
|
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 {
|
|
6155
|
-
border-color: var(--ax-border-strong);
|
|
6156
|
-
}
|
|
6157
|
-
|
|
6158
5594
|
:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell {
|
|
6159
5595
|
border-bottom-color: rgba(0, 0, 0, 0);
|
|
6160
5596
|
}
|
|
@@ -6175,17 +5611,24 @@
|
|
|
6175
5611
|
top: -.375rem;
|
|
6176
5612
|
}
|
|
6177
5613
|
|
|
6178
|
-
.navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label
|
|
5614
|
+
.navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label {
|
|
5615
|
+
padding: 0;
|
|
5616
|
+
}
|
|
5617
|
+
|
|
5618
|
+
.navds-table .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-table .navds-radio__input:focus + .navds-radio__label:after {
|
|
5619
|
+
height: 100%;
|
|
5620
|
+
}
|
|
5621
|
+
|
|
5622
|
+
.navds-table__header-cell[aria-sort] {
|
|
6179
5623
|
padding: 0;
|
|
6180
5624
|
}
|
|
6181
5625
|
|
|
6182
5626
|
.navds-table__sort-button {
|
|
6183
|
-
-webkit-appearance: none;
|
|
6184
5627
|
appearance: none;
|
|
6185
|
-
color: var(--ax-text-accent);
|
|
5628
|
+
color: var(--ax-text-accent-subtle);
|
|
6186
5629
|
cursor: pointer;
|
|
6187
5630
|
padding: var(--ax-space-16) var(--ax-space-12);
|
|
6188
|
-
gap: var(--ax-space-
|
|
5631
|
+
gap: var(--ax-space-4);
|
|
6189
5632
|
width: 100%;
|
|
6190
5633
|
line-height: inherit;
|
|
6191
5634
|
font-weight: inherit;
|
|
@@ -6201,7 +5644,7 @@
|
|
|
6201
5644
|
}
|
|
6202
5645
|
|
|
6203
5646
|
.navds-table__sort-button:hover {
|
|
6204
|
-
background-color: var(--ax-bg-hoverA);
|
|
5647
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6205
5648
|
}
|
|
6206
5649
|
|
|
6207
5650
|
.navds-table__sort-button:focus-visible {
|
|
@@ -6210,8 +5653,8 @@
|
|
|
6210
5653
|
}
|
|
6211
5654
|
|
|
6212
5655
|
.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
|
|
6213
|
-
background-color: var(--ax-bg-accent-moderate);
|
|
6214
|
-
color: var(--ax-text-accent
|
|
5656
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
5657
|
+
color: var(--ax-text-accent);
|
|
6215
5658
|
}
|
|
6216
5659
|
|
|
6217
5660
|
.navds-table__header-cell--align-right .navds-table__sort-button {
|
|
@@ -6224,7 +5667,7 @@
|
|
|
6224
5667
|
|
|
6225
5668
|
.navds-table__sort-button svg {
|
|
6226
5669
|
flex-shrink: 0;
|
|
6227
|
-
font-size:
|
|
5670
|
+
font-size: 1.5rem;
|
|
6228
5671
|
}
|
|
6229
5672
|
|
|
6230
5673
|
.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
|
|
@@ -6279,7 +5722,11 @@
|
|
|
6279
5722
|
}
|
|
6280
5723
|
|
|
6281
5724
|
.navds-table__toggle-expand-button:hover, .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button {
|
|
6282
|
-
background-color: var(--ax-bg-hoverA);
|
|
5725
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
5726
|
+
}
|
|
5727
|
+
|
|
5728
|
+
.navds-table__row--selected :is(:scope .navds-table__toggle-expand-button:hover, :scope .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, :scope .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button) {
|
|
5729
|
+
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
6283
5730
|
}
|
|
6284
5731
|
|
|
6285
5732
|
.navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
|
|
@@ -6299,7 +5746,7 @@
|
|
|
6299
5746
|
}
|
|
6300
5747
|
|
|
6301
5748
|
.navds-table__expanded-row-collapse:not([style*="height: 0px;"]), .navds-table__expanded-row-collapse[style*="transition:"] {
|
|
6302
|
-
border-bottom: 1px solid var(--ax-border-
|
|
5749
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
6303
5750
|
}
|
|
6304
5751
|
|
|
6305
5752
|
.navds-table__expanded-row-content {
|
|
@@ -6328,7 +5775,7 @@
|
|
|
6328
5775
|
}
|
|
6329
5776
|
|
|
6330
5777
|
.navds-tabs__tablist-wrapper {
|
|
6331
|
-
box-shadow: inset 0 -1px var(--ax-border-
|
|
5778
|
+
box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
|
|
6332
5779
|
width: 100%;
|
|
6333
5780
|
display: flex;
|
|
6334
5781
|
}
|
|
@@ -6373,10 +5820,10 @@
|
|
|
6373
5820
|
.navds-tabs__tab {
|
|
6374
5821
|
min-height: 3rem;
|
|
6375
5822
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
6376
|
-
color: var(--ax-text-
|
|
5823
|
+
color: var(--ax-text-neutral);
|
|
6377
5824
|
cursor: pointer;
|
|
6378
5825
|
--__axc-tabs-line-width: 0;
|
|
6379
|
-
--__axc-tabs-line-color: var(--ax-border-
|
|
5826
|
+
--__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
|
|
6380
5827
|
box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
|
|
6381
5828
|
background: none;
|
|
6382
5829
|
border: none;
|
|
@@ -6452,27 +5899,23 @@
|
|
|
6452
5899
|
@media (forced-colors: active) {
|
|
6453
5900
|
.navds-tabs__tab[data-state="active"] {
|
|
6454
5901
|
border-bottom: 3px solid canvastext;
|
|
6455
|
-
padding-
|
|
5902
|
+
padding-block-end: calc(var(--ax-space-12) - 3px);
|
|
6456
5903
|
}
|
|
6457
5904
|
|
|
6458
5905
|
.navds-tabs__tab--small[data-state="active"] {
|
|
6459
|
-
padding-
|
|
5906
|
+
padding-block-end: calc(var(--ax-space-6) - 3px);
|
|
6460
5907
|
}
|
|
6461
5908
|
|
|
6462
5909
|
.navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
|
|
6463
|
-
padding-
|
|
5910
|
+
padding-block-end: calc(var(--ax-space-4) - 3px);
|
|
6464
5911
|
}
|
|
6465
5912
|
}
|
|
6466
5913
|
|
|
6467
5914
|
.navds-list ul, .navds-list ol {
|
|
6468
|
-
margin
|
|
5915
|
+
margin: 0;
|
|
6469
5916
|
padding: 0;
|
|
6470
5917
|
}
|
|
6471
5918
|
|
|
6472
|
-
.navds-list--small ul, .navds-list--small ol {
|
|
6473
|
-
margin-block: var(--ax-space-12);
|
|
6474
|
-
}
|
|
6475
|
-
|
|
6476
5919
|
.navds-list .navds-list :where(ul, ol) {
|
|
6477
5920
|
margin-block: var(--ax-space-8) 0;
|
|
6478
5921
|
}
|
|
@@ -6527,11 +5970,11 @@
|
|
|
6527
5970
|
}
|
|
6528
5971
|
|
|
6529
5972
|
.navds-list__item {
|
|
6530
|
-
margin-
|
|
5973
|
+
margin-block-end: var(--ax-space-8);
|
|
6531
5974
|
}
|
|
6532
5975
|
|
|
6533
5976
|
.navds-list__item:last-child {
|
|
6534
|
-
margin-
|
|
5977
|
+
margin-block-end: 0;
|
|
6535
5978
|
}
|
|
6536
5979
|
|
|
6537
5980
|
.navds-list__item-marker {
|
|
@@ -6552,7 +5995,7 @@
|
|
|
6552
5995
|
}
|
|
6553
5996
|
|
|
6554
5997
|
.navds-theme {
|
|
6555
|
-
color: var(--ax-text-
|
|
5998
|
+
color: var(--ax-text-neutral);
|
|
6556
5999
|
}
|
|
6557
6000
|
|
|
6558
6001
|
.navds-theme[data-background="true"] {
|
|
@@ -7515,7 +6958,6 @@
|
|
|
7515
6958
|
}
|
|
7516
6959
|
|
|
7517
6960
|
.navds-page {
|
|
7518
|
-
min-height: 100vh;
|
|
7519
6961
|
flex-direction: column;
|
|
7520
6962
|
min-height: 100lvh;
|
|
7521
6963
|
display: flex;
|
|
@@ -7524,8 +6966,7 @@
|
|
|
7524
6966
|
.navds-pageblock {
|
|
7525
6967
|
--__axc-page-padding-inline: 0px;
|
|
7526
6968
|
width: 100%;
|
|
7527
|
-
margin-
|
|
7528
|
-
margin-right: auto;
|
|
6969
|
+
margin-inline: auto;
|
|
7529
6970
|
}
|
|
7530
6971
|
|
|
7531
6972
|
.navds-page__content--grow {
|
|
@@ -7533,12 +6974,11 @@
|
|
|
7533
6974
|
}
|
|
7534
6975
|
|
|
7535
6976
|
.navds-page__content--fullheight {
|
|
7536
|
-
min-height: 100vh;
|
|
7537
6977
|
min-height: 100lvh;
|
|
7538
6978
|
}
|
|
7539
6979
|
|
|
7540
6980
|
.navds-page__content--padding {
|
|
7541
|
-
padding-
|
|
6981
|
+
padding-block-end: var(--ax-space-64);
|
|
7542
6982
|
}
|
|
7543
6983
|
|
|
7544
6984
|
.navds-pageblock--text {
|
|
@@ -7562,13 +7002,13 @@
|
|
|
7562
7002
|
}
|
|
7563
7003
|
|
|
7564
7004
|
.navds-pageblock--gutters {
|
|
7565
|
-
--__axc-page-padding-inline: var(--
|
|
7005
|
+
--__axc-page-padding-inline: var(--ax-space-16);
|
|
7566
7006
|
padding-inline: var(--__axc-page-padding-inline);
|
|
7567
7007
|
}
|
|
7568
7008
|
|
|
7569
7009
|
@media (min-width: 1024px) {
|
|
7570
7010
|
.navds-pageblock--gutters {
|
|
7571
|
-
--__axc-page-padding-inline: var(--
|
|
7011
|
+
--__axc-page-padding-inline: var(--ax-space-48);
|
|
7572
7012
|
}
|
|
7573
7013
|
}
|
|
7574
7014
|
|
|
@@ -7708,19 +7148,8 @@
|
|
|
7708
7148
|
}
|
|
7709
7149
|
|
|
7710
7150
|
.navds-stack > .navds-stack__spacer {
|
|
7711
|
-
margin-
|
|
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);
|
|
7151
|
+
margin-block-start: calc(var(--__axc-stack-gap) * -1);
|
|
7152
|
+
margin-inline-start: calc(var(--__axc-stack-gap) * -1);
|
|
7724
7153
|
}
|
|
7725
7154
|
|
|
7726
7155
|
@media (min-width: 480px) {
|