@navikt/ds-css 7.10.0 → 7.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/config/tests/bundle.test.ts +7 -2
- package/darkside/accordion.darkside.css +48 -55
- package/darkside/action-menu.darkside.css +3 -3
- package/darkside/baseline/fonts.darkside.css +12 -12
- package/darkside/button.darkside.css +4 -4
- package/darkside/chips.darkside.css +2 -2
- package/darkside/copybutton.darkside.css +3 -3
- package/darkside/date.darkside.css +8 -10
- package/darkside/expansioncard.darkside.css +5 -13
- package/darkside/form/combobox.darkside.css +3 -4
- package/darkside/form/error-summary.darkside.css +3 -3
- package/darkside/form/file-upload.darkside.css +11 -20
- package/darkside/form/form-progress.darkside.css +1 -1
- package/darkside/form/radio-checkbox.darkside.css +35 -16
- package/darkside/form/search.darkside.css +5 -5
- package/darkside/form/select.darkside.css +3 -3
- package/darkside/form/switch.darkside.css +31 -16
- package/darkside/form/text-field.darkside.css +3 -3
- package/darkside/form/textarea.darkside.css +3 -3
- package/darkside/index.css +0 -1
- package/darkside/internalheader.darkside.css +1 -1
- package/darkside/link.darkside.css +3 -2
- package/darkside/modal.darkside.css +1 -0
- package/darkside/stepper.darkside.css +3 -2
- package/darkside/table.darkside.css +3 -3
- package/darkside/tabs.darkside.css +4 -4
- package/darkside/timeline.darkside.css +10 -10
- package/darkside/toggle-group.darkside.css +4 -4
- package/darkside/typography.darkside.css +3 -0
- package/dist/component/alert.min.css +1 -1
- package/dist/component/chat.min.css +1 -1
- package/dist/component/date.min.css +1 -1
- package/dist/component/expansioncard.css +1 -0
- package/dist/component/expansioncard.min.css +2 -2
- package/dist/component/form.css +4 -0
- package/dist/component/form.min.css +1 -1
- package/dist/component/list.min.css +1 -1
- package/dist/component/modal.css +1 -0
- package/dist/component/modal.min.css +1 -1
- package/dist/component/primitives.min.css +1 -1
- package/dist/component/skeleton.min.css +1 -1
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.min.css +1 -1
- package/dist/component/timeline.min.css +1 -1
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/components.css +8 -0
- package/dist/components.min.css +4 -4
- package/dist/darkside/component/accordion.css +58 -56
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +12 -4
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/alert.css +13 -5
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.css +38 -4
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +11 -2
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +2 -2
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/copybutton.css +3 -3
- package/dist/darkside/component/copybutton.min.css +1 -1
- package/dist/darkside/component/date.css +67 -17
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.css +2 -1
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +36 -18
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +270 -88
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +17 -1
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +5 -1
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/internalheader.css +11 -2
- package/dist/darkside/component/internalheader.min.css +1 -1
- package/dist/darkside/component/link.css +8 -3
- package/dist/darkside/component/link.min.css +1 -1
- package/dist/darkside/component/list.css +2 -2
- package/dist/darkside/component/list.min.css +1 -1
- package/dist/darkside/component/modal.css +21 -3
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/primitives.css +18 -4
- package/dist/darkside/component/primitives.min.css +1 -1
- package/dist/darkside/component/readmore.css +15 -1
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.css +1 -0
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.css +25 -4
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +9 -4
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tabs.css +7 -7
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.css +12 -1
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/timeline.css +22 -12
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +5 -4
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/typography.css +3 -0
- package/dist/darkside/component/typography.min.css +1 -1
- package/dist/darkside/components.css +693 -296
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/fonts.css +12 -12
- package/dist/darkside/global/fonts.min.css +1 -1
- package/dist/darkside/global/tokens.css +850 -828
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +1558 -1139
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/accordion.css +58 -56
- package/dist/darkside/version/7.11.0/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/actionmenu.css +12 -4
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/actionmenu.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/alert.css +13 -5
- package/dist/darkside/version/7.11.0/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/button.css +38 -4
- package/dist/darkside/version/7.11.0/component/button.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chat.css +11 -2
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chat.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chips.css +2 -2
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/chips.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/copybutton.css +3 -3
- package/dist/darkside/version/7.11.0/component/copybutton.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/date.css +67 -17
- package/dist/darkside/version/7.11.0/component/date.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/dropdown.css +2 -1
- package/dist/darkside/version/7.11.0/component/dropdown.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/expansioncard.css +36 -18
- package/dist/darkside/version/7.11.0/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/form.css +270 -88
- package/dist/darkside/version/7.11.0/component/form.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/guidepanel.css +17 -1
- package/dist/darkside/version/7.11.0/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/helptext.css +5 -1
- package/dist/darkside/version/7.11.0/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/internalheader.css +11 -2
- package/dist/darkside/version/7.11.0/component/internalheader.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/link.css +8 -3
- package/dist/darkside/version/7.11.0/component/link.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/list.css +2 -2
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/list.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/modal.css +21 -3
- package/dist/darkside/version/7.11.0/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/primitives.css +18 -4
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/primitives.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/readmore.css +15 -1
- package/dist/darkside/version/7.11.0/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/skeleton.css +1 -0
- package/dist/darkside/version/7.11.0/component/skeleton.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/stepper.css +25 -4
- package/dist/darkside/version/7.11.0/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/table.css +9 -4
- package/dist/darkside/version/7.11.0/component/table.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tabs.css +7 -7
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tabs.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tag.css +12 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tag.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/timeline.css +22 -12
- package/dist/darkside/version/7.11.0/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/togglegroup.css +5 -4
- package/dist/darkside/version/7.11.0/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/component/typography.css +3 -0
- package/dist/darkside/version/7.11.0/component/typography.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/components.css +693 -296
- package/dist/darkside/version/7.11.0/components.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/global/fonts.css +12 -12
- package/dist/darkside/version/{7.10.0 → 7.11.0}/global/fonts.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.11.0}/global/tokens.css +850 -828
- package/dist/darkside/version/7.11.0/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.11.0}/index.css +1558 -1139
- package/dist/darkside/version/7.11.0/index.min.css +1 -0
- package/dist/global/baseline.min.css +1 -1
- package/dist/global/tokens.css +324 -324
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +332 -324
- package/dist/index.min.css +5 -5
- package/expansioncard.css +1 -0
- package/form/radio-checkbox.css +5 -0
- package/modal.css +1 -0
- package/package.json +3 -3
- package/darkside/link-panel.darkside.css +0 -47
- package/dist/darkside/component/linkpanel.css +0 -48
- package/dist/darkside/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/alert.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/button.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/copybutton.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/date.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/dropdown.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/form.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/internalheader.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/link.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/linkpanel.css +0 -48
- package/dist/darkside/version/7.10.0/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/modal.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/skeleton.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/table.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/typography.min.css +0 -1
- package/dist/darkside/version/7.10.0/components.min.css +0 -1
- package/dist/darkside/version/7.10.0/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.10.0/index.min.css +0 -1
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.11.0}/global/reset.min.css +0 -0
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
font-size: var(--ax-font-size-heading-2xlarge);
|
|
11
11
|
letter-spacing: -.01em;
|
|
12
12
|
line-height: var(--ax-font-line-height-heading-2xlarge);
|
|
13
|
+
font-weight: 650;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
.navds-heading--xlarge.navds-typo--spacing {
|
|
@@ -20,6 +21,7 @@
|
|
|
20
21
|
font-size: var(--ax-font-size-heading-xlarge);
|
|
21
22
|
letter-spacing: -.008em;
|
|
22
23
|
line-height: var(--ax-font-line-height-heading-xlarge);
|
|
24
|
+
font-weight: 650;
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
.navds-heading--large.navds-typo--spacing {
|
|
@@ -52,6 +54,7 @@
|
|
|
52
54
|
font-size: var(--ax-font-size-heading-medium);
|
|
53
55
|
letter-spacing: -.002em;
|
|
54
56
|
line-height: var(--ax-font-line-height-heading-medium);
|
|
57
|
+
font-weight: 650;
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
.navds-heading--medium.navds-typo--spacing {
|
|
@@ -260,7 +263,7 @@
|
|
|
260
263
|
--__axc-button-border-color: transparent;
|
|
261
264
|
--__axc-button-border-width: 2px;
|
|
262
265
|
padding: var(--ax-space-12) var(--ax-space-20);
|
|
263
|
-
border-radius: var(--ax-border-radius-
|
|
266
|
+
border-radius: var(--ax-border-radius-large);
|
|
264
267
|
cursor: pointer;
|
|
265
268
|
justify-content: center;
|
|
266
269
|
align-items: center;
|
|
@@ -308,7 +311,7 @@
|
|
|
308
311
|
|
|
309
312
|
@supports not selector(:focus-visible) {
|
|
310
313
|
.navds-button:focus {
|
|
311
|
-
outline:
|
|
314
|
+
outline: 3px solid var(--ax-border-focus);
|
|
312
315
|
}
|
|
313
316
|
}
|
|
314
317
|
|
|
@@ -342,6 +345,10 @@
|
|
|
342
345
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
343
346
|
}
|
|
344
347
|
|
|
348
|
+
.navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
|
|
349
|
+
background-color: var(--ax-bg-accent-strong);
|
|
350
|
+
}
|
|
351
|
+
|
|
345
352
|
.navds-button--primary:is(:disabled, .navds-button--disabled) {
|
|
346
353
|
background-color: var(--ax-bg-accent-strong);
|
|
347
354
|
}
|
|
@@ -370,6 +377,10 @@
|
|
|
370
377
|
background-color: var(--ax-bg-strong-pressed);
|
|
371
378
|
}
|
|
372
379
|
|
|
380
|
+
.navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
|
|
381
|
+
background-color: var(--ax-bg-strong);
|
|
382
|
+
}
|
|
383
|
+
|
|
373
384
|
.navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
|
|
374
385
|
background-color: var(--ax-bg-strong);
|
|
375
386
|
}
|
|
@@ -391,6 +402,12 @@
|
|
|
391
402
|
color: var(--ax-text-accent-contrast);
|
|
392
403
|
}
|
|
393
404
|
|
|
405
|
+
.navds-button--secondary:-webkit-any(:disabled, .navds-button--disabled) {
|
|
406
|
+
--__axc-button-border-color: var(--ax-border-accent);
|
|
407
|
+
color: var(--ax-text-accent);
|
|
408
|
+
background-color: rgba(0, 0, 0, 0);
|
|
409
|
+
}
|
|
410
|
+
|
|
394
411
|
.navds-button--secondary:is(:disabled, .navds-button--disabled) {
|
|
395
412
|
--__axc-button-border-color: var(--ax-border-accent);
|
|
396
413
|
color: var(--ax-text-accent);
|
|
@@ -398,7 +415,7 @@
|
|
|
398
415
|
}
|
|
399
416
|
|
|
400
417
|
.navds-button--secondary-neutral {
|
|
401
|
-
--__axc-button-border-color: var(--ax-border-
|
|
418
|
+
--__axc-button-border-color: var(--ax-border-default);
|
|
402
419
|
color: var(--ax-text-default);
|
|
403
420
|
background-color: rgba(0, 0, 0, 0);
|
|
404
421
|
}
|
|
@@ -414,8 +431,14 @@
|
|
|
414
431
|
background-color: var(--ax-bg-strong-pressed);
|
|
415
432
|
}
|
|
416
433
|
|
|
434
|
+
.navds-button--secondary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
|
|
435
|
+
--__axc-button-border-color: var(--ax-border-default);
|
|
436
|
+
color: var(--ax-text-default);
|
|
437
|
+
background-color: rgba(0, 0, 0, 0);
|
|
438
|
+
}
|
|
439
|
+
|
|
417
440
|
.navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
|
|
418
|
-
--__axc-button-border-color: var(--ax-border-
|
|
441
|
+
--__axc-button-border-color: var(--ax-border-default);
|
|
419
442
|
color: var(--ax-text-default);
|
|
420
443
|
background-color: rgba(0, 0, 0, 0);
|
|
421
444
|
}
|
|
@@ -434,6 +457,11 @@
|
|
|
434
457
|
color: var(--ax-text-accent-contrast);
|
|
435
458
|
}
|
|
436
459
|
|
|
460
|
+
.navds-button--tertiary:-webkit-any(:disabled, .navds-button--disabled) {
|
|
461
|
+
color: var(--ax-text-accent);
|
|
462
|
+
background-color: rgba(0, 0, 0, 0);
|
|
463
|
+
}
|
|
464
|
+
|
|
437
465
|
.navds-button--tertiary:is(:disabled, .navds-button--disabled) {
|
|
438
466
|
color: var(--ax-text-accent);
|
|
439
467
|
background-color: rgba(0, 0, 0, 0);
|
|
@@ -453,6 +481,11 @@
|
|
|
453
481
|
color: var(--ax-text-contrast);
|
|
454
482
|
}
|
|
455
483
|
|
|
484
|
+
.navds-button--tertiary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
|
|
485
|
+
color: var(--ax-text-default);
|
|
486
|
+
background-color: rgba(0, 0, 0, 0);
|
|
487
|
+
}
|
|
488
|
+
|
|
456
489
|
.navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
|
|
457
490
|
color: var(--ax-text-default);
|
|
458
491
|
background-color: rgba(0, 0, 0, 0);
|
|
@@ -471,6 +504,10 @@
|
|
|
471
504
|
background-color: var(--ax-bg-danger-strong-pressed);
|
|
472
505
|
}
|
|
473
506
|
|
|
507
|
+
.navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
|
|
508
|
+
background-color: var(--ax-bg-danger-strong);
|
|
509
|
+
}
|
|
510
|
+
|
|
474
511
|
.navds-button--danger:is(:disabled, .navds-button--disabled) {
|
|
475
512
|
background-color: var(--ax-bg-danger-strong);
|
|
476
513
|
}
|
|
@@ -562,8 +599,8 @@
|
|
|
562
599
|
}
|
|
563
600
|
|
|
564
601
|
.navds-chips__chip:focus-visible {
|
|
565
|
-
outline:
|
|
566
|
-
outline-offset:
|
|
602
|
+
outline: 3px solid var(--ax-border-focus);
|
|
603
|
+
outline-offset: 3px;
|
|
567
604
|
}
|
|
568
605
|
|
|
569
606
|
.navds-chips--readonly .navds-chips__chip {
|
|
@@ -775,18 +812,19 @@
|
|
|
775
812
|
}
|
|
776
813
|
|
|
777
814
|
.navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
|
|
778
|
-
color: var(--ax-text-accent-strong);
|
|
779
815
|
background-color: var(--ax-bg-accent-moderate-hover);
|
|
780
816
|
box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
|
|
781
817
|
}
|
|
782
818
|
|
|
783
|
-
.navds-dropzone__area:active .navds-dropzone__area-button {
|
|
819
|
+
.navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
|
|
784
820
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
785
821
|
color: var(--ax-text-accent-contrast);
|
|
786
822
|
box-shadow: none;
|
|
787
823
|
}
|
|
788
824
|
|
|
789
825
|
.navds-dropzone__area[data-disabled="true"] {
|
|
826
|
+
--__axc-dropzone-background: var(--ax-bg-soft);
|
|
827
|
+
border-color: var(--ax-border-subtleA);
|
|
790
828
|
cursor: default;
|
|
791
829
|
}
|
|
792
830
|
|
|
@@ -805,7 +843,10 @@
|
|
|
805
843
|
animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
|
|
806
844
|
margin: -1px;
|
|
807
845
|
position: absolute;
|
|
808
|
-
|
|
846
|
+
top: 0;
|
|
847
|
+
bottom: 0;
|
|
848
|
+
left: 0;
|
|
849
|
+
right: 0;
|
|
809
850
|
}
|
|
810
851
|
|
|
811
852
|
@keyframes akselDropzoneDragoverAnimation {
|
|
@@ -870,7 +911,7 @@
|
|
|
870
911
|
}
|
|
871
912
|
|
|
872
913
|
.navds-dropzone--dragging .navds-dropzone__area-release {
|
|
873
|
-
color: var(--ax-text-accent
|
|
914
|
+
color: var(--ax-text-accent);
|
|
874
915
|
top: 50%;
|
|
875
916
|
transform: translateY(-50%);
|
|
876
917
|
}
|
|
@@ -883,7 +924,25 @@
|
|
|
883
924
|
display: flex;
|
|
884
925
|
}
|
|
885
926
|
|
|
886
|
-
|
|
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) {
|
|
887
946
|
margin: 0;
|
|
888
947
|
padding: 0;
|
|
889
948
|
list-style: none;
|
|
@@ -935,7 +994,6 @@
|
|
|
935
994
|
}
|
|
936
995
|
|
|
937
996
|
.navds-file-item__error {
|
|
938
|
-
color: var(--ax-text-danger);
|
|
939
997
|
grid-template-rows: 0fr;
|
|
940
998
|
transition-property: grid-template-rows, padding-top;
|
|
941
999
|
transition-duration: .25s;
|
|
@@ -944,23 +1002,11 @@
|
|
|
944
1002
|
overflow: hidden;
|
|
945
1003
|
}
|
|
946
1004
|
|
|
947
|
-
.navds-file-
|
|
1005
|
+
.navds-file-item--error .navds-file-item__error {
|
|
948
1006
|
padding-top: var(--ax-space-4);
|
|
949
1007
|
grid-template-rows: 1fr;
|
|
950
1008
|
}
|
|
951
1009
|
|
|
952
|
-
.navds-file-item__error-content {
|
|
953
|
-
gap: var(--ax-space-4);
|
|
954
|
-
min-height: 0;
|
|
955
|
-
display: flex;
|
|
956
|
-
}
|
|
957
|
-
|
|
958
|
-
.navds-file-item__error-content > svg {
|
|
959
|
-
flex-shrink: 0;
|
|
960
|
-
height: 1rem;
|
|
961
|
-
margin-top: .1rem;
|
|
962
|
-
}
|
|
963
|
-
|
|
964
1010
|
.navds-form-field {
|
|
965
1011
|
justify-items: start;
|
|
966
1012
|
gap: var(--ax-space-8);
|
|
@@ -1007,16 +1053,20 @@
|
|
|
1007
1053
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
1008
1054
|
border: 4px solid var(--ax-border-danger);
|
|
1009
1055
|
border-radius: var(--ax-border-radius-xlarge);
|
|
1010
|
-
outline-offset:
|
|
1056
|
+
outline-offset: 3px;
|
|
1011
1057
|
}
|
|
1012
1058
|
|
|
1013
|
-
.navds-error-summary:focus-visible
|
|
1014
|
-
outline:
|
|
1059
|
+
.navds-error-summary:focus-visible {
|
|
1060
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
.navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
|
|
1064
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1015
1065
|
}
|
|
1016
1066
|
|
|
1017
1067
|
@supports not selector(:focus-visible) {
|
|
1018
1068
|
.navds-error-summary:focus {
|
|
1019
|
-
outline:
|
|
1069
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1020
1070
|
}
|
|
1021
1071
|
}
|
|
1022
1072
|
|
|
@@ -1089,14 +1139,27 @@
|
|
|
1089
1139
|
border-color: orange;
|
|
1090
1140
|
border-left-style: solid;
|
|
1091
1141
|
border-left-width: 8px;
|
|
1092
|
-
border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1093
|
-
border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1094
1142
|
height: 100%;
|
|
1095
1143
|
position: absolute;
|
|
1096
1144
|
top: 0;
|
|
1097
1145
|
left: 0;
|
|
1098
1146
|
}
|
|
1099
1147
|
|
|
1148
|
+
.navds-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
|
|
1149
|
+
border-top-left-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1150
|
+
border-bottom-left-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1151
|
+
}
|
|
1152
|
+
|
|
1153
|
+
.navds-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
|
|
1154
|
+
border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1155
|
+
border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1156
|
+
}
|
|
1157
|
+
|
|
1158
|
+
.navds-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
|
|
1159
|
+
border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1160
|
+
border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1100
1163
|
.navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
|
|
1101
1164
|
border-color: green;
|
|
1102
1165
|
}
|
|
@@ -1107,6 +1170,7 @@
|
|
|
1107
1170
|
}
|
|
1108
1171
|
|
|
1109
1172
|
.navds-checkbox, .navds-radio {
|
|
1173
|
+
width: -webkit-fit-content;
|
|
1110
1174
|
width: fit-content;
|
|
1111
1175
|
position: relative;
|
|
1112
1176
|
}
|
|
@@ -1167,25 +1231,40 @@
|
|
|
1167
1231
|
height: 1.25rem;
|
|
1168
1232
|
}
|
|
1169
1233
|
|
|
1170
|
-
.navds-checkbox__input:focus + .navds-checkbox__label:
|
|
1171
|
-
|
|
1172
|
-
|
|
1234
|
+
.navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
|
|
1235
|
+
content: "";
|
|
1236
|
+
width: 100%;
|
|
1237
|
+
height: calc(100% - var(--ax-space-24));
|
|
1238
|
+
border-radius: var(--ax-border-radius-medium);
|
|
1239
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1240
|
+
outline-offset: 3px;
|
|
1241
|
+
pointer-events: none;
|
|
1242
|
+
position: absolute;
|
|
1173
1243
|
}
|
|
1174
1244
|
|
|
1175
|
-
.navds-checkbox__input:
|
|
1176
|
-
|
|
1177
|
-
|
|
1245
|
+
.navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
|
|
1246
|
+
height: calc(100% - var(--ax-space-12));
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
.navds-checkbox__icon-indeterminate {
|
|
1250
|
+
display: none;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1178
1254
|
background-color: var(--ax-bg-default);
|
|
1179
|
-
border-radius: 1px;
|
|
1180
|
-
flex-shrink: 0;
|
|
1181
1255
|
width: .75rem;
|
|
1182
1256
|
height: .25rem;
|
|
1257
|
+
transform: translate(var(--ax-space-6), -50%);
|
|
1258
|
+
pointer-events: none;
|
|
1259
|
+
border-radius: 1px;
|
|
1260
|
+
display: block;
|
|
1183
1261
|
position: absolute;
|
|
1184
1262
|
top: 50%;
|
|
1185
1263
|
}
|
|
1186
1264
|
|
|
1187
|
-
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1188
|
-
transform: translate(
|
|
1265
|
+
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1266
|
+
transform: translate(var(--ax-space-4), -50%);
|
|
1267
|
+
height: .1875rem;
|
|
1189
1268
|
}
|
|
1190
1269
|
|
|
1191
1270
|
.navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
|
|
@@ -1251,6 +1330,11 @@
|
|
|
1251
1330
|
background-color: var(--ax-bg-danger-moderate-hoverA);
|
|
1252
1331
|
}
|
|
1253
1332
|
|
|
1333
|
+
.navds-checkbox--error > .navds-checkbox__input:-webkit-any(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
|
|
1334
|
+
background-color: var(--ax-bg-danger-strong-pressed);
|
|
1335
|
+
border-color: var(--ax-bg-danger-strong-pressed);
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1254
1338
|
.navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
|
|
1255
1339
|
background-color: var(--ax-bg-danger-strong-pressed);
|
|
1256
1340
|
border-color: var(--ax-bg-danger-strong-pressed);
|
|
@@ -1268,7 +1352,11 @@
|
|
|
1268
1352
|
cursor: not-allowed;
|
|
1269
1353
|
}
|
|
1270
1354
|
|
|
1271
|
-
.navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label)
|
|
1355
|
+
.navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label) {
|
|
1356
|
+
cursor: default;
|
|
1357
|
+
}
|
|
1358
|
+
|
|
1359
|
+
.navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
|
|
1272
1360
|
cursor: default;
|
|
1273
1361
|
}
|
|
1274
1362
|
|
|
@@ -1300,7 +1388,7 @@
|
|
|
1300
1388
|
border-width: 0;
|
|
1301
1389
|
}
|
|
1302
1390
|
|
|
1303
|
-
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1391
|
+
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1304
1392
|
background-color: var(--ax-text-subtle);
|
|
1305
1393
|
}
|
|
1306
1394
|
|
|
@@ -1321,7 +1409,7 @@
|
|
|
1321
1409
|
color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
1322
1410
|
}
|
|
1323
1411
|
|
|
1324
|
-
.navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1412
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1325
1413
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
1326
1414
|
}
|
|
1327
1415
|
|
|
@@ -1338,7 +1426,7 @@
|
|
|
1338
1426
|
background-color: var(--__axc-radio-checkbox-high-contrast-bg);
|
|
1339
1427
|
}
|
|
1340
1428
|
|
|
1341
|
-
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
1429
|
+
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
1342
1430
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
1343
1431
|
}
|
|
1344
1432
|
|
|
@@ -1352,15 +1440,20 @@
|
|
|
1352
1440
|
--__axc-radio-checkbox-high-contrast-text: graytext;
|
|
1353
1441
|
}
|
|
1354
1442
|
|
|
1443
|
+
:-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
|
|
1444
|
+
color: graytext;
|
|
1445
|
+
}
|
|
1446
|
+
|
|
1355
1447
|
:is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
|
|
1356
1448
|
color: graytext;
|
|
1357
1449
|
}
|
|
1358
1450
|
}
|
|
1359
1451
|
|
|
1360
1452
|
.navds-select__input {
|
|
1453
|
+
-webkit-appearance: none;
|
|
1361
1454
|
appearance: none;
|
|
1362
1455
|
background-color: var(--ax-bg-input);
|
|
1363
|
-
border-radius: var(--ax-border-radius-
|
|
1456
|
+
border-radius: var(--ax-border-radius-large);
|
|
1364
1457
|
border: 1px solid var(--ax-border-default);
|
|
1365
1458
|
color: var(--ax-text-default);
|
|
1366
1459
|
box-sizing: border-box;
|
|
@@ -1378,8 +1471,8 @@
|
|
|
1378
1471
|
}
|
|
1379
1472
|
|
|
1380
1473
|
.navds-select__input:focus {
|
|
1381
|
-
outline:
|
|
1382
|
-
outline-offset:
|
|
1474
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1475
|
+
outline-offset: 3px;
|
|
1383
1476
|
border-color: var(--ax-border-accent-strong);
|
|
1384
1477
|
}
|
|
1385
1478
|
|
|
@@ -1415,10 +1508,21 @@
|
|
|
1415
1508
|
|
|
1416
1509
|
.navds-form-field--small .navds-select__input {
|
|
1417
1510
|
min-height: 2rem;
|
|
1418
|
-
padding-
|
|
1511
|
+
padding-top: 0;
|
|
1512
|
+
padding-bottom: 0;
|
|
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);
|
|
1419
1518
|
}
|
|
1420
1519
|
|
|
1421
|
-
.navds-select--error > * select
|
|
1520
|
+
.navds-select--error > * select:hover {
|
|
1521
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1522
|
+
border-color: var(--ax-border-danger-strong);
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
.navds-select--error > * select:focus {
|
|
1422
1526
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1423
1527
|
border-color: var(--ax-border-danger-strong);
|
|
1424
1528
|
}
|
|
@@ -1449,6 +1553,12 @@
|
|
|
1449
1553
|
}
|
|
1450
1554
|
|
|
1451
1555
|
@media (forced-colors: active) {
|
|
1556
|
+
.navds-select--readonly .navds-select__input:-webkit-any(:hover, :focus) {
|
|
1557
|
+
color: buttontext;
|
|
1558
|
+
background-color: buttonface;
|
|
1559
|
+
border-color: buttontext;
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1452
1562
|
.navds-select--readonly .navds-select__input:is(:hover, :focus) {
|
|
1453
1563
|
color: buttontext;
|
|
1454
1564
|
background-color: buttonface;
|
|
@@ -1461,6 +1571,7 @@
|
|
|
1461
1571
|
}
|
|
1462
1572
|
|
|
1463
1573
|
.navds-switch {
|
|
1574
|
+
width: -webkit-fit-content;
|
|
1464
1575
|
width: fit-content;
|
|
1465
1576
|
min-height: 3rem;
|
|
1466
1577
|
position: relative;
|
|
@@ -1491,26 +1602,40 @@
|
|
|
1491
1602
|
}
|
|
1492
1603
|
|
|
1493
1604
|
.navds-switch__content {
|
|
1605
|
+
--__axc-switch-block-padding: .75rem;
|
|
1606
|
+
gap: var(--ax-space-2);
|
|
1607
|
+
padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
|
|
1494
1608
|
flex-direction: column;
|
|
1495
|
-
gap: .125rem;
|
|
1496
|
-
padding: .75rem 0 .75rem 3.25rem;
|
|
1497
1609
|
display: flex;
|
|
1610
|
+
position: relative;
|
|
1498
1611
|
}
|
|
1499
1612
|
|
|
1500
1613
|
.navds-switch--right .navds-switch__content {
|
|
1501
|
-
padding:
|
|
1614
|
+
padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
|
|
1502
1615
|
}
|
|
1503
1616
|
|
|
1504
1617
|
.navds-switch--small .navds-switch__content {
|
|
1505
|
-
|
|
1618
|
+
--__axc-switch-block-padding: .375rem;
|
|
1506
1619
|
}
|
|
1507
1620
|
|
|
1508
|
-
.navds-
|
|
1509
|
-
padding:
|
|
1621
|
+
.navds-switch__content.navds-switch--with-description {
|
|
1622
|
+
padding-bottom: 0;
|
|
1510
1623
|
}
|
|
1511
1624
|
|
|
1512
|
-
.navds-
|
|
1513
|
-
|
|
1625
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
|
|
1626
|
+
content: "";
|
|
1627
|
+
width: 100%;
|
|
1628
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 2);
|
|
1629
|
+
border-radius: var(--ax-border-radius-medium);
|
|
1630
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1631
|
+
outline-offset: 3px;
|
|
1632
|
+
pointer-events: none;
|
|
1633
|
+
position: absolute;
|
|
1634
|
+
left: 0;
|
|
1635
|
+
}
|
|
1636
|
+
|
|
1637
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
|
|
1638
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 1);
|
|
1514
1639
|
}
|
|
1515
1640
|
|
|
1516
1641
|
.navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
|
|
@@ -1559,9 +1684,9 @@
|
|
|
1559
1684
|
border-color: var(--ax-bg-accent-strong-pressed);
|
|
1560
1685
|
}
|
|
1561
1686
|
|
|
1562
|
-
.navds-switch__input:focus
|
|
1563
|
-
outline:
|
|
1564
|
-
outline-offset:
|
|
1687
|
+
.navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
|
|
1688
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1689
|
+
outline-offset: 3px;
|
|
1565
1690
|
}
|
|
1566
1691
|
|
|
1567
1692
|
.navds-switch__thumb {
|
|
@@ -1614,12 +1739,18 @@
|
|
|
1614
1739
|
width: auto;
|
|
1615
1740
|
}
|
|
1616
1741
|
|
|
1617
|
-
.navds-switch--right .navds-switch__input
|
|
1742
|
+
.navds-switch--right .navds-switch__input {
|
|
1743
|
+
left: auto;
|
|
1744
|
+
right: 0;
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
.navds-switch--right .navds-switch__track {
|
|
1618
1748
|
left: auto;
|
|
1619
1749
|
right: 0;
|
|
1620
1750
|
}
|
|
1621
1751
|
|
|
1622
1752
|
.navds-switch__input:disabled {
|
|
1753
|
+
-webkit-appearance: none;
|
|
1623
1754
|
appearance: none;
|
|
1624
1755
|
}
|
|
1625
1756
|
|
|
@@ -1631,16 +1762,39 @@
|
|
|
1631
1762
|
cursor: not-allowed;
|
|
1632
1763
|
}
|
|
1633
1764
|
|
|
1634
|
-
.navds-switch--readonly > .navds-switch__track
|
|
1765
|
+
.navds-switch--readonly > .navds-switch__track {
|
|
1635
1766
|
background-color: var(--ax-bg-moderate);
|
|
1636
1767
|
border-color: var(--ax-border-subtleA);
|
|
1637
1768
|
}
|
|
1638
1769
|
|
|
1639
|
-
.navds-switch--readonly > .navds-
|
|
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;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
.navds-switch--readonly > .navds-switch__input {
|
|
1640
1790
|
cursor: default;
|
|
1641
1791
|
}
|
|
1642
1792
|
|
|
1643
|
-
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper
|
|
1793
|
+
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
|
|
1794
|
+
color: var(--ax-text-default);
|
|
1795
|
+
}
|
|
1796
|
+
|
|
1797
|
+
.navds-switch--readonly .navds-switch__label-wrapper:hover {
|
|
1644
1798
|
color: var(--ax-text-default);
|
|
1645
1799
|
}
|
|
1646
1800
|
|
|
@@ -1680,9 +1834,8 @@
|
|
|
1680
1834
|
color: field;
|
|
1681
1835
|
}
|
|
1682
1836
|
|
|
1683
|
-
.navds-switch__input:focus-
|
|
1684
|
-
outline
|
|
1685
|
-
outline: 2px solid highlight;
|
|
1837
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
|
|
1838
|
+
outline: 3px solid highlight;
|
|
1686
1839
|
}
|
|
1687
1840
|
|
|
1688
1841
|
.navds-switch--disabled:not(.navds-switch--loading) {
|
|
@@ -1690,7 +1843,7 @@
|
|
|
1690
1843
|
}
|
|
1691
1844
|
|
|
1692
1845
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
|
|
1693
|
-
background-color: graytext;
|
|
1846
|
+
background-color: graytext !important;
|
|
1694
1847
|
}
|
|
1695
1848
|
|
|
1696
1849
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
|
|
@@ -1703,10 +1856,11 @@
|
|
|
1703
1856
|
}
|
|
1704
1857
|
|
|
1705
1858
|
.navds-text-field__input {
|
|
1859
|
+
-webkit-appearance: none;
|
|
1706
1860
|
appearance: none;
|
|
1707
1861
|
padding: var(--ax-space-8);
|
|
1708
1862
|
background: var(--ax-bg-input);
|
|
1709
|
-
border-radius: var(--ax-border-radius-
|
|
1863
|
+
border-radius: var(--ax-border-radius-large);
|
|
1710
1864
|
border: 1px solid var(--ax-border-default);
|
|
1711
1865
|
width: 100%;
|
|
1712
1866
|
min-height: 3rem;
|
|
@@ -1719,8 +1873,8 @@
|
|
|
1719
1873
|
|
|
1720
1874
|
.navds-text-field__input:focus-visible {
|
|
1721
1875
|
border-color: var(--ax-border-accent-strong);
|
|
1722
|
-
outline:
|
|
1723
|
-
outline-offset:
|
|
1876
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1877
|
+
outline-offset: 3px;
|
|
1724
1878
|
}
|
|
1725
1879
|
|
|
1726
1880
|
.navds-text-field__input:disabled {
|
|
@@ -1778,10 +1932,11 @@
|
|
|
1778
1932
|
|
|
1779
1933
|
.navds-textarea__input {
|
|
1780
1934
|
height: var(--__axc-textarea-height);
|
|
1935
|
+
-webkit-appearance: none;
|
|
1781
1936
|
appearance: none;
|
|
1782
1937
|
padding: var(--ax-space-8);
|
|
1783
1938
|
background-color: var(--ax-bg-input);
|
|
1784
|
-
border-radius: var(--ax-border-radius-
|
|
1939
|
+
border-radius: var(--ax-border-radius-large);
|
|
1785
1940
|
border: 1px solid var(--ax-border-default);
|
|
1786
1941
|
resize: none;
|
|
1787
1942
|
width: 100%;
|
|
@@ -1798,8 +1953,8 @@
|
|
|
1798
1953
|
}
|
|
1799
1954
|
|
|
1800
1955
|
.navds-textarea__input:focus-visible {
|
|
1801
|
-
outline:
|
|
1802
|
-
outline-offset:
|
|
1956
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1957
|
+
outline-offset: 3px;
|
|
1803
1958
|
border-color: var(--ax-border-accent-strong);
|
|
1804
1959
|
}
|
|
1805
1960
|
|
|
@@ -1838,17 +1993,50 @@
|
|
|
1838
1993
|
|
|
1839
1994
|
.navds-textarea--resize-both .navds-textarea__input {
|
|
1840
1995
|
resize: both;
|
|
1841
|
-
|
|
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;
|
|
1842
2008
|
}
|
|
1843
2009
|
|
|
1844
2010
|
.navds-textarea--resize-horizontal .navds-textarea__input {
|
|
1845
2011
|
resize: horizontal;
|
|
1846
|
-
|
|
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;
|
|
1847
2024
|
}
|
|
1848
2025
|
|
|
1849
2026
|
.navds-textarea--resize-vertical .navds-textarea__input {
|
|
1850
2027
|
resize: vertical;
|
|
1851
|
-
|
|
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;
|
|
1852
2040
|
}
|
|
1853
2041
|
|
|
1854
2042
|
.navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
|
|
@@ -1891,18 +2079,19 @@
|
|
|
1891
2079
|
}
|
|
1892
2080
|
|
|
1893
2081
|
.navds-search--with-size .navds-search__wrapper {
|
|
2082
|
+
width: -webkit-fit-content;
|
|
1894
2083
|
width: fit-content;
|
|
1895
2084
|
}
|
|
1896
2085
|
|
|
1897
2086
|
.navds-search__wrapper {
|
|
1898
|
-
border-radius: var(--ax-border-radius-
|
|
2087
|
+
border-radius: var(--ax-border-radius-large);
|
|
1899
2088
|
align-items: center;
|
|
1900
2089
|
display: inline-flex;
|
|
1901
2090
|
}
|
|
1902
2091
|
|
|
1903
2092
|
.navds-search__wrapper:has(.navds-search__input:focus-visible) {
|
|
1904
|
-
outline:
|
|
1905
|
-
outline-offset:
|
|
2093
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2094
|
+
outline-offset: 3px;
|
|
1906
2095
|
}
|
|
1907
2096
|
|
|
1908
2097
|
.navds-search__input {
|
|
@@ -1913,7 +2102,13 @@
|
|
|
1913
2102
|
outline: none;
|
|
1914
2103
|
}
|
|
1915
2104
|
|
|
1916
|
-
.navds-search__input.navds-search__input--primary
|
|
2105
|
+
.navds-search__input.navds-search__input--primary {
|
|
2106
|
+
border-right: none;
|
|
2107
|
+
border-top-right-radius: 0;
|
|
2108
|
+
border-bottom-right-radius: 0;
|
|
2109
|
+
}
|
|
2110
|
+
|
|
2111
|
+
.navds-search__input.navds-search__input--secondary {
|
|
1917
2112
|
border-right: none;
|
|
1918
2113
|
border-top-right-radius: 0;
|
|
1919
2114
|
border-bottom-right-radius: 0;
|
|
@@ -1962,8 +2157,8 @@
|
|
|
1962
2157
|
|
|
1963
2158
|
.navds-search__button-search {
|
|
1964
2159
|
border-radius: 0;
|
|
1965
|
-
border-top-right-radius: var(--ax-border-radius-
|
|
1966
|
-
border-bottom-right-radius: var(--ax-border-radius-
|
|
2160
|
+
border-top-right-radius: var(--ax-border-radius-large);
|
|
2161
|
+
border-bottom-right-radius: var(--ax-border-radius-large);
|
|
1967
2162
|
flex-shrink: 0;
|
|
1968
2163
|
}
|
|
1969
2164
|
|
|
@@ -1984,6 +2179,10 @@
|
|
|
1984
2179
|
--__axc-button-border-color: transparent;
|
|
1985
2180
|
}
|
|
1986
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
|
+
|
|
1987
2186
|
.navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
|
|
1988
2187
|
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
1989
2188
|
}
|
|
@@ -1997,7 +2196,11 @@
|
|
|
1997
2196
|
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
1998
2197
|
}
|
|
1999
2198
|
|
|
2000
|
-
.navds-search__input:focus-visible
|
|
2199
|
+
.navds-search__input:focus-visible {
|
|
2200
|
+
z-index: 1;
|
|
2201
|
+
}
|
|
2202
|
+
|
|
2203
|
+
.navds-search__button-search:focus-visible {
|
|
2001
2204
|
z-index: 1;
|
|
2002
2205
|
}
|
|
2003
2206
|
|
|
@@ -2013,13 +2216,17 @@
|
|
|
2013
2216
|
--__axc-combobox-list-item-padding-inline: var(--ax-space-12);
|
|
2014
2217
|
--__axc-combobox-border-width: 1px;
|
|
2015
2218
|
--__axc-combobox-input-height: 2rem;
|
|
2016
|
-
border-radius: var(--ax-border-radius-
|
|
2219
|
+
border-radius: var(--ax-border-radius-large);
|
|
2017
2220
|
flex-direction: column;
|
|
2018
2221
|
width: 100%;
|
|
2019
2222
|
display: flex;
|
|
2020
2223
|
position: relative;
|
|
2021
2224
|
}
|
|
2022
2225
|
|
|
2226
|
+
.navds-form-field:not(:-webkit-any(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
|
|
2227
|
+
border-color: var(--ax-border-accent-strong);
|
|
2228
|
+
}
|
|
2229
|
+
|
|
2023
2230
|
.navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
|
|
2024
2231
|
border-color: var(--ax-border-accent-strong);
|
|
2025
2232
|
}
|
|
@@ -2044,7 +2251,11 @@
|
|
|
2044
2251
|
cursor: not-allowed;
|
|
2045
2252
|
}
|
|
2046
2253
|
|
|
2047
|
-
.navds-combobox--disabled .navds-combobox__selected-options
|
|
2254
|
+
.navds-combobox--disabled .navds-combobox__selected-options {
|
|
2255
|
+
pointer-events: none;
|
|
2256
|
+
}
|
|
2257
|
+
|
|
2258
|
+
.navds-combobox--disabled .navds-combobox--readonly {
|
|
2048
2259
|
pointer-events: none;
|
|
2049
2260
|
}
|
|
2050
2261
|
|
|
@@ -2065,7 +2276,11 @@
|
|
|
2065
2276
|
overflow: clip;
|
|
2066
2277
|
}
|
|
2067
2278
|
|
|
2068
|
-
.navds-combobox--readonly .navds-text-field__input
|
|
2279
|
+
.navds-combobox--readonly .navds-text-field__input {
|
|
2280
|
+
background-color: var(--ax-bg-moderate);
|
|
2281
|
+
}
|
|
2282
|
+
|
|
2283
|
+
.navds-combobox--readonly .navds-combobox__input {
|
|
2069
2284
|
background-color: var(--ax-bg-moderate);
|
|
2070
2285
|
}
|
|
2071
2286
|
|
|
@@ -2076,7 +2291,7 @@
|
|
|
2076
2291
|
|
|
2077
2292
|
.navds-combobox__wrapper-inner {
|
|
2078
2293
|
border: 1px solid var(--ax-border-default);
|
|
2079
|
-
border-radius: var(--ax-border-radius-
|
|
2294
|
+
border-radius: var(--ax-border-radius-large);
|
|
2080
2295
|
}
|
|
2081
2296
|
|
|
2082
2297
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
|
|
@@ -2190,7 +2405,11 @@
|
|
|
2190
2405
|
outline: none;
|
|
2191
2406
|
}
|
|
2192
2407
|
|
|
2193
|
-
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus)
|
|
2408
|
+
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
|
|
2409
|
+
outline: none;
|
|
2410
|
+
}
|
|
2411
|
+
|
|
2412
|
+
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
|
|
2194
2413
|
outline: none;
|
|
2195
2414
|
}
|
|
2196
2415
|
}
|
|
@@ -2200,7 +2419,6 @@
|
|
|
2200
2419
|
}
|
|
2201
2420
|
|
|
2202
2421
|
.navds-combobox__button-toggle-list {
|
|
2203
|
-
border-radius: var(--ax-border-radius-medium);
|
|
2204
2422
|
color: var(--ax-text-default);
|
|
2205
2423
|
cursor: pointer;
|
|
2206
2424
|
background: none;
|
|
@@ -2249,7 +2467,7 @@
|
|
|
2249
2467
|
.navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
|
|
2250
2468
|
padding-block: var(--__axc-combobox-list-item-padding-block);
|
|
2251
2469
|
padding-inline: var(--__axc-combobox-list-item-padding-inline);
|
|
2252
|
-
border-radius: var(--ax-border-radius-
|
|
2470
|
+
border-radius: var(--ax-border-radius-large);
|
|
2253
2471
|
margin-inline: var(--ax-space-8);
|
|
2254
2472
|
margin-block: var(--ax-space-2);
|
|
2255
2473
|
border: 0;
|
|
@@ -2330,7 +2548,7 @@
|
|
|
2330
2548
|
border-radius: 0;
|
|
2331
2549
|
justify-content: flex-start;
|
|
2332
2550
|
gap: .25rem;
|
|
2333
|
-
margin-
|
|
2551
|
+
margin-top: calc(var(--ax-space-4) * -1);
|
|
2334
2552
|
}
|
|
2335
2553
|
|
|
2336
2554
|
.navds-combobox__list-item--new-option svg {
|
|
@@ -2358,6 +2576,7 @@
|
|
|
2358
2576
|
}
|
|
2359
2577
|
|
|
2360
2578
|
.navds-combobox__input {
|
|
2579
|
+
min-width: -webkit-min-content;
|
|
2361
2580
|
min-width: min-content;
|
|
2362
2581
|
padding: .75rem 0;
|
|
2363
2582
|
}
|
|
@@ -2563,7 +2782,7 @@
|
|
|
2563
2782
|
|
|
2564
2783
|
.navds-form-progress__stepper {
|
|
2565
2784
|
border: 1px solid var(--ax-border-subtle);
|
|
2566
|
-
border-radius: var(--ax-border-radius-
|
|
2785
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
2567
2786
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
2568
2787
|
margin-top: var(--ax-space-4);
|
|
2569
2788
|
background: var(--ax-bg-raised);
|
|
@@ -2601,7 +2820,11 @@
|
|
|
2601
2820
|
background-color: var(--ax-bg-accent-hoverA);
|
|
2602
2821
|
}
|
|
2603
2822
|
|
|
2604
|
-
.navds-accordion__header:hover:before
|
|
2823
|
+
.navds-accordion__header:hover:before {
|
|
2824
|
+
display: none;
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2827
|
+
.navds-accordion__header:hover:after {
|
|
2605
2828
|
display: none;
|
|
2606
2829
|
}
|
|
2607
2830
|
|
|
@@ -2619,17 +2842,21 @@
|
|
|
2619
2842
|
}
|
|
2620
2843
|
|
|
2621
2844
|
.navds-accordion__header:focus-visible {
|
|
2622
|
-
outline:
|
|
2623
|
-
outline-offset:
|
|
2845
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2846
|
+
outline-offset: 3px;
|
|
2624
2847
|
z-index: 1;
|
|
2625
2848
|
}
|
|
2626
2849
|
|
|
2627
|
-
.navds-accordion__header:focus-visible:before
|
|
2850
|
+
.navds-accordion__header:focus-visible:before {
|
|
2851
|
+
display: none;
|
|
2852
|
+
}
|
|
2853
|
+
|
|
2854
|
+
.navds-accordion__header:focus-visible:after {
|
|
2628
2855
|
display: none;
|
|
2629
2856
|
}
|
|
2630
2857
|
|
|
2631
2858
|
.navds-accordion--small .navds-accordion__header {
|
|
2632
|
-
padding-block: var(--
|
|
2859
|
+
padding-block: var(--ax-space-8);
|
|
2633
2860
|
}
|
|
2634
2861
|
|
|
2635
2862
|
.navds-accordion__header:before, .navds-accordion__header:after {
|
|
@@ -2644,16 +2871,16 @@
|
|
|
2644
2871
|
right: 0;
|
|
2645
2872
|
}
|
|
2646
2873
|
|
|
2647
|
-
.navds-accordion__item:last-child > .navds-accordion__content {
|
|
2648
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0);
|
|
2649
|
-
}
|
|
2650
|
-
|
|
2651
2874
|
.navds-accordion__header:after {
|
|
2652
2875
|
top: initial;
|
|
2653
2876
|
bottom: 0;
|
|
2654
2877
|
}
|
|
2655
2878
|
|
|
2656
|
-
.navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after
|
|
2879
|
+
.navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after {
|
|
2880
|
+
display: none;
|
|
2881
|
+
}
|
|
2882
|
+
|
|
2883
|
+
.navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
|
|
2657
2884
|
display: none;
|
|
2658
2885
|
}
|
|
2659
2886
|
|
|
@@ -2677,68 +2904,62 @@
|
|
|
2677
2904
|
transform: rotateX(-180deg);
|
|
2678
2905
|
}
|
|
2679
2906
|
|
|
2680
|
-
.navds-accordion__content {
|
|
2681
|
-
--
|
|
2682
|
-
padding-inline: var(--ax-space-
|
|
2683
|
-
max-height: 0;
|
|
2684
|
-
transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
|
|
2685
|
-
border-color: rgba(0, 0, 0, 0);
|
|
2686
|
-
padding-block: 0;
|
|
2687
|
-
animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
|
|
2688
|
-
display: none;
|
|
2689
|
-
overflow: hidden;
|
|
2690
|
-
}
|
|
2691
|
-
|
|
2692
|
-
.navds-accordion__item--no-animation {
|
|
2693
|
-
animation: none;
|
|
2907
|
+
.navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
|
|
2908
|
+
padding-block: var(--ax-space-8);
|
|
2909
|
+
padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
|
|
2694
2910
|
}
|
|
2695
2911
|
|
|
2696
|
-
@
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
}
|
|
2700
|
-
|
|
2701
|
-
20% {
|
|
2702
|
-
opacity: .01;
|
|
2703
|
-
}
|
|
2704
|
-
|
|
2705
|
-
100% {
|
|
2706
|
-
opacity: 1;
|
|
2912
|
+
@media (forced-colors: active) {
|
|
2913
|
+
.navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
|
|
2914
|
+
border-left: 1px solid canvastext;
|
|
2707
2915
|
}
|
|
2708
2916
|
}
|
|
2709
2917
|
|
|
2710
2918
|
.navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
|
|
2711
|
-
|
|
2919
|
+
box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
|
|
2712
2920
|
}
|
|
2713
2921
|
|
|
2714
|
-
.navds-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2922
|
+
.navds-accordion__item > .navds-accordion__content {
|
|
2923
|
+
visibility: hidden;
|
|
2924
|
+
margin-inline: var(--ax-space-24) var(--ax-space-12);
|
|
2925
|
+
opacity: 0;
|
|
2926
|
+
border-color: rgba(0, 0, 0, 0);
|
|
2927
|
+
grid-template-rows: 0fr;
|
|
2928
|
+
margin-top: 0;
|
|
2929
|
+
margin-bottom: 0;
|
|
2930
|
+
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
2931
|
+
transition-duration: .25s;
|
|
2932
|
+
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
2933
|
+
display: grid;
|
|
2934
|
+
overflow: hidden;
|
|
2718
2935
|
}
|
|
2719
2936
|
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2937
|
+
.navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
|
|
2938
|
+
min-height: 0;
|
|
2939
|
+
padding-top: 0;
|
|
2940
|
+
padding-bottom: 0;
|
|
2724
2941
|
}
|
|
2725
2942
|
|
|
2726
2943
|
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
padding-block: var(--ax-space-8);
|
|
2944
|
+
visibility: visible;
|
|
2945
|
+
margin-block: var(--ax-space-8);
|
|
2730
2946
|
border-color: var(--ax-border-subtleA);
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2947
|
+
opacity: 1;
|
|
2948
|
+
grid-template-rows: 1fr;
|
|
2949
|
+
margin-bottom: var(--ax-space-24);
|
|
2734
2950
|
}
|
|
2735
2951
|
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2952
|
+
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
|
|
2953
|
+
min-height: -webkit-fit-content;
|
|
2954
|
+
min-height: fit-content;
|
|
2955
|
+
}
|
|
2956
|
+
|
|
2957
|
+
.navds-accordion__item[data-expanded="true"]:last-child {
|
|
2958
|
+
border-bottom: 1px solid var(--ax-border-subtleA);
|
|
2959
|
+
}
|
|
2960
|
+
|
|
2961
|
+
.navds-accordion__item--no-animation > .navds-accordion__content {
|
|
2962
|
+
transition: none;
|
|
2742
2963
|
}
|
|
2743
2964
|
|
|
2744
2965
|
.navds-alert {
|
|
@@ -2776,7 +2997,7 @@
|
|
|
2776
2997
|
|
|
2777
2998
|
.navds-alert--small > .navds-alert__icon {
|
|
2778
2999
|
height: var(--ax-font-line-height-large);
|
|
2779
|
-
margin-
|
|
3000
|
+
margin-top: 0;
|
|
2780
3001
|
}
|
|
2781
3002
|
|
|
2782
3003
|
.navds-alert--info {
|
|
@@ -2833,16 +3054,24 @@
|
|
|
2833
3054
|
display: flex;
|
|
2834
3055
|
}
|
|
2835
3056
|
|
|
2836
|
-
.navds-alert--close-button > .navds-alert__wrapper
|
|
2837
|
-
margin-
|
|
3057
|
+
.navds-alert--close-button > .navds-alert__wrapper {
|
|
3058
|
+
margin-top: var(--ax-space-2);
|
|
3059
|
+
}
|
|
3060
|
+
|
|
3061
|
+
.navds-alert--close-button > .navds-alert__icon {
|
|
3062
|
+
margin-top: var(--ax-space-2);
|
|
2838
3063
|
}
|
|
2839
3064
|
|
|
2840
3065
|
.navds-alert--close-button.navds-alert--small {
|
|
2841
3066
|
align-items: flex-start;
|
|
2842
3067
|
}
|
|
2843
3068
|
|
|
2844
|
-
.navds-alert--close-button.navds-alert--small > .navds-alert__wrapper
|
|
2845
|
-
margin-
|
|
3069
|
+
.navds-alert--close-button.navds-alert--small > .navds-alert__wrapper {
|
|
3070
|
+
margin-top: var(--ax-space-4);
|
|
3071
|
+
}
|
|
3072
|
+
|
|
3073
|
+
.navds-alert--close-button.navds-alert--small > .navds-alert__icon {
|
|
3074
|
+
margin-top: var(--ax-space-4);
|
|
2846
3075
|
}
|
|
2847
3076
|
|
|
2848
3077
|
.navds-chat {
|
|
@@ -2906,6 +3135,7 @@
|
|
|
2906
3135
|
border-bottom-left-radius: var(--ax-border-radius-small);
|
|
2907
3136
|
border: 1px solid var(--ax-border-subtleA);
|
|
2908
3137
|
flex-direction: column;
|
|
3138
|
+
width: -webkit-fit-content;
|
|
2909
3139
|
width: fit-content;
|
|
2910
3140
|
display: flex;
|
|
2911
3141
|
}
|
|
@@ -2914,11 +3144,19 @@
|
|
|
2914
3144
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
2915
3145
|
}
|
|
2916
3146
|
|
|
2917
|
-
.navds-chat--info .navds-chat__bubble
|
|
3147
|
+
.navds-chat--info .navds-chat__bubble {
|
|
3148
|
+
background-color: var(--ax-bg-info-moderate);
|
|
3149
|
+
}
|
|
3150
|
+
|
|
3151
|
+
.navds-chat--info .navds-chat__avatar {
|
|
2918
3152
|
background-color: var(--ax-bg-info-moderate);
|
|
2919
3153
|
}
|
|
2920
3154
|
|
|
2921
|
-
.navds-chat--neutral .navds-chat__bubble
|
|
3155
|
+
.navds-chat--neutral .navds-chat__bubble {
|
|
3156
|
+
background-color: var(--ax-bg-moderateA);
|
|
3157
|
+
}
|
|
3158
|
+
|
|
3159
|
+
.navds-chat--neutral .navds-chat__avatar {
|
|
2922
3160
|
background-color: var(--ax-bg-moderateA);
|
|
2923
3161
|
}
|
|
2924
3162
|
|
|
@@ -2950,7 +3188,7 @@
|
|
|
2950
3188
|
.navds-copybutton {
|
|
2951
3189
|
--__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
|
|
2952
3190
|
cursor: pointer;
|
|
2953
|
-
border-radius: var(--ax-border-radius-
|
|
3191
|
+
border-radius: var(--ax-border-radius-large);
|
|
2954
3192
|
padding: var(--__axc-copybutton-padding);
|
|
2955
3193
|
background-color: rgba(0, 0, 0, 0);
|
|
2956
3194
|
border: none;
|
|
@@ -2974,8 +3212,8 @@
|
|
|
2974
3212
|
}
|
|
2975
3213
|
|
|
2976
3214
|
.navds-copybutton:focus-visible {
|
|
2977
|
-
outline:
|
|
2978
|
-
outline-offset:
|
|
3215
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3216
|
+
outline-offset: 3px;
|
|
2979
3217
|
}
|
|
2980
3218
|
|
|
2981
3219
|
.navds-copybutton:disabled {
|
|
@@ -3109,7 +3347,12 @@
|
|
|
3109
3347
|
color: var(--ax-text-default);
|
|
3110
3348
|
}
|
|
3111
3349
|
|
|
3112
|
-
.navds-date .rdp-month
|
|
3350
|
+
.navds-date .rdp-month {
|
|
3351
|
+
gap: var(--ax-space-20);
|
|
3352
|
+
display: grid;
|
|
3353
|
+
}
|
|
3354
|
+
|
|
3355
|
+
.navds-date.rdp-month {
|
|
3113
3356
|
gap: var(--ax-space-20);
|
|
3114
3357
|
display: grid;
|
|
3115
3358
|
}
|
|
@@ -3126,22 +3369,22 @@
|
|
|
3126
3369
|
.navds-date .rdp-button {
|
|
3127
3370
|
all: unset;
|
|
3128
3371
|
text-align: center;
|
|
3129
|
-
border-radius: var(--ax-border-radius-
|
|
3372
|
+
border-radius: var(--ax-border-radius-large);
|
|
3130
3373
|
width: 2.5rem;
|
|
3131
3374
|
height: 2.5rem;
|
|
3132
3375
|
display: block;
|
|
3133
3376
|
}
|
|
3134
3377
|
|
|
3135
3378
|
.navds-date .rdp-day_range_start {
|
|
3136
|
-
border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-
|
|
3379
|
+
border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
|
|
3137
3380
|
}
|
|
3138
3381
|
|
|
3139
3382
|
.navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
|
|
3140
|
-
border-radius: var(--ax-border-radius-
|
|
3383
|
+
border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
|
|
3141
3384
|
}
|
|
3142
3385
|
|
|
3143
3386
|
.navds-date .rdp-day_range_start.rdp-day_range_end {
|
|
3144
|
-
border-radius: var(--ax-border-radius-
|
|
3387
|
+
border-radius: var(--ax-border-radius-large);
|
|
3145
3388
|
}
|
|
3146
3389
|
|
|
3147
3390
|
.navds-date .navds-date__field {
|
|
@@ -3151,7 +3394,13 @@
|
|
|
3151
3394
|
position: relative;
|
|
3152
3395
|
}
|
|
3153
3396
|
|
|
3154
|
-
.navds-date .rdp-day_selected
|
|
3397
|
+
.navds-date .rdp-day_selected {
|
|
3398
|
+
color: var(--ax-text-accent-contrast);
|
|
3399
|
+
background: var(--ax-bg-accent-strong-pressed);
|
|
3400
|
+
cursor: pointer;
|
|
3401
|
+
}
|
|
3402
|
+
|
|
3403
|
+
.navds-date .navds-monthpicker__month--selected {
|
|
3155
3404
|
color: var(--ax-text-accent-contrast);
|
|
3156
3405
|
background: var(--ax-bg-accent-strong-pressed);
|
|
3157
3406
|
cursor: pointer;
|
|
@@ -3164,7 +3413,12 @@
|
|
|
3164
3413
|
text-decoration: line-through;
|
|
3165
3414
|
}
|
|
3166
3415
|
|
|
3167
|
-
.navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover
|
|
3416
|
+
.navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
|
|
3417
|
+
background: var(--ax-bg-accent-moderate-hoverA);
|
|
3418
|
+
cursor: pointer;
|
|
3419
|
+
}
|
|
3420
|
+
|
|
3421
|
+
.navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
|
|
3168
3422
|
background: var(--ax-bg-accent-moderate-hoverA);
|
|
3169
3423
|
cursor: pointer;
|
|
3170
3424
|
}
|
|
@@ -3186,7 +3440,11 @@
|
|
|
3186
3440
|
transform: translateX(-50%);
|
|
3187
3441
|
}
|
|
3188
3442
|
|
|
3189
|
-
|
|
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 {
|
|
3190
3448
|
background-color: var(--ax-text-accent-contrast);
|
|
3191
3449
|
}
|
|
3192
3450
|
|
|
@@ -3195,7 +3453,11 @@
|
|
|
3195
3453
|
pointer-events: none;
|
|
3196
3454
|
}
|
|
3197
3455
|
|
|
3198
|
-
.navds-date__modal .navds-date
|
|
3456
|
+
.navds-date__modal .navds-date {
|
|
3457
|
+
padding: 0;
|
|
3458
|
+
}
|
|
3459
|
+
|
|
3460
|
+
.navds-date__modal-body > .navds-date {
|
|
3199
3461
|
padding: 0;
|
|
3200
3462
|
}
|
|
3201
3463
|
|
|
@@ -3221,7 +3483,7 @@
|
|
|
3221
3483
|
all: unset;
|
|
3222
3484
|
text-align: center;
|
|
3223
3485
|
text-transform: capitalize;
|
|
3224
|
-
border-radius: var(--ax-border-radius-
|
|
3486
|
+
border-radius: var(--ax-border-radius-large);
|
|
3225
3487
|
cursor: pointer;
|
|
3226
3488
|
width: 3rem;
|
|
3227
3489
|
height: 3rem;
|
|
@@ -3233,16 +3495,28 @@
|
|
|
3233
3495
|
}
|
|
3234
3496
|
|
|
3235
3497
|
.navds-date__wrapper, .navds-date__standalone-wrapper {
|
|
3498
|
+
width: -webkit-fit-content;
|
|
3236
3499
|
width: fit-content;
|
|
3500
|
+
height: -webkit-fit-content;
|
|
3237
3501
|
height: fit-content;
|
|
3238
3502
|
}
|
|
3239
3503
|
|
|
3240
|
-
:is(
|
|
3241
|
-
outline:
|
|
3242
|
-
outline-offset:
|
|
3504
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
|
|
3505
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3506
|
+
outline-offset: 3px;
|
|
3507
|
+
}
|
|
3508
|
+
|
|
3509
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
|
|
3510
|
+
color: var(--ax-text-accent-contrast);
|
|
3511
|
+
background-color: var(--ax-bg-accent-strong-pressed);
|
|
3243
3512
|
}
|
|
3244
3513
|
|
|
3245
|
-
:is(
|
|
3514
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:focus-visible {
|
|
3515
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3516
|
+
outline-offset: 3px;
|
|
3517
|
+
}
|
|
3518
|
+
|
|
3519
|
+
:is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
|
|
3246
3520
|
color: var(--ax-text-accent-contrast);
|
|
3247
3521
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
3248
3522
|
}
|
|
@@ -3258,12 +3532,10 @@
|
|
|
3258
3532
|
.navds-date__field-button {
|
|
3259
3533
|
color: var(--ax-text-default);
|
|
3260
3534
|
cursor: pointer;
|
|
3261
|
-
border-radius: calc(var(--ax-border-radius-
|
|
3535
|
+
border-radius: calc(var(--ax-border-radius-large) - 1px);
|
|
3262
3536
|
padding: var(--ax-space-12);
|
|
3263
3537
|
background: none;
|
|
3264
3538
|
border: none;
|
|
3265
|
-
border-start-start-radius: 0;
|
|
3266
|
-
border-end-start-radius: 0;
|
|
3267
3539
|
justify-content: center;
|
|
3268
3540
|
align-items: center;
|
|
3269
3541
|
height: calc(100% - .125rem);
|
|
@@ -3277,6 +3549,21 @@
|
|
|
3277
3549
|
transform: translateY(-50%);
|
|
3278
3550
|
}
|
|
3279
3551
|
|
|
3552
|
+
.navds-date__field-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
3553
|
+
border-top-left-radius: 0;
|
|
3554
|
+
border-bottom-left-radius: 0;
|
|
3555
|
+
}
|
|
3556
|
+
|
|
3557
|
+
.navds-date__field-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
3558
|
+
border-top-right-radius: 0;
|
|
3559
|
+
border-bottom-right-radius: 0;
|
|
3560
|
+
}
|
|
3561
|
+
|
|
3562
|
+
.navds-date__field-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
3563
|
+
border-top-right-radius: 0;
|
|
3564
|
+
border-bottom-right-radius: 0;
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3280
3567
|
.navds-form-field--small .navds-date__field-button {
|
|
3281
3568
|
padding: var(--ax-space-4);
|
|
3282
3569
|
}
|
|
@@ -3296,6 +3583,7 @@
|
|
|
3296
3583
|
|
|
3297
3584
|
.navds-date__field-wrapper {
|
|
3298
3585
|
align-items: center;
|
|
3586
|
+
width: -webkit-fit-content;
|
|
3299
3587
|
width: fit-content;
|
|
3300
3588
|
display: inline-flex;
|
|
3301
3589
|
position: relative;
|
|
@@ -3360,7 +3648,8 @@
|
|
|
3360
3648
|
color: var(--ac-dropdown-text, var(--a-text-default));
|
|
3361
3649
|
width: 27ch;
|
|
3362
3650
|
max-height: 616px;
|
|
3363
|
-
overflow: hidden
|
|
3651
|
+
overflow-x: hidden;
|
|
3652
|
+
overflow-y: auto;
|
|
3364
3653
|
}
|
|
3365
3654
|
|
|
3366
3655
|
.navds-dropdown__divider {
|
|
@@ -3447,7 +3736,7 @@
|
|
|
3447
3736
|
}
|
|
3448
3737
|
|
|
3449
3738
|
.navds-action-menu__content {
|
|
3450
|
-
border-radius: var(--ax-border-radius-
|
|
3739
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
3451
3740
|
border: 1px solid var(--ax-border-subtleA);
|
|
3452
3741
|
box-shadow: var(--ax-shadow-dialog);
|
|
3453
3742
|
transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
|
|
@@ -3483,7 +3772,7 @@
|
|
|
3483
3772
|
--__axc-action-menu-item-pr: var(--ax-space-8);
|
|
3484
3773
|
--__axc-action-menu-item-pl: var(--ax-space-8);
|
|
3485
3774
|
--__axc-action-menu-item-height: 2rem;
|
|
3486
|
-
border-radius: var(--ax-border-radius-
|
|
3775
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
3487
3776
|
background-color: var(--ax-bg-raised);
|
|
3488
3777
|
min-width: 128px;
|
|
3489
3778
|
max-width: min(95vw, 640px);
|
|
@@ -3500,7 +3789,7 @@
|
|
|
3500
3789
|
gap: var(--ax-space-8);
|
|
3501
3790
|
min-height: var(--__axc-action-menu-item-height);
|
|
3502
3791
|
cursor: default;
|
|
3503
|
-
border-radius: var(--ax-border-radius-
|
|
3792
|
+
border-radius: var(--ax-border-radius-large);
|
|
3504
3793
|
padding-left: var(--__axc-action-menu-item-pl);
|
|
3505
3794
|
padding-right: var(--__axc-action-menu-item-pr);
|
|
3506
3795
|
font-size: var(--ax-font-size-medium);
|
|
@@ -3619,7 +3908,15 @@
|
|
|
3619
3908
|
display: grid;
|
|
3620
3909
|
}
|
|
3621
3910
|
|
|
3622
|
-
.navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked
|
|
3911
|
+
.navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked {
|
|
3912
|
+
display: block;
|
|
3913
|
+
}
|
|
3914
|
+
|
|
3915
|
+
.navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked {
|
|
3916
|
+
display: block;
|
|
3917
|
+
}
|
|
3918
|
+
|
|
3919
|
+
.navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
|
|
3623
3920
|
display: block;
|
|
3624
3921
|
}
|
|
3625
3922
|
|
|
@@ -3629,11 +3926,12 @@
|
|
|
3629
3926
|
|
|
3630
3927
|
.navds-expansioncard {
|
|
3631
3928
|
--__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
|
|
3632
|
-
--__axc-expansioncard-padding-block: var(--ax-space-
|
|
3929
|
+
--__axc-expansioncard-padding-block: var(--ax-space-20);
|
|
3633
3930
|
--__axc-expansioncard-padding-inline: var(--ax-space-20);
|
|
3634
3931
|
border-radius: var(--ax-border-radius-xlarge);
|
|
3635
3932
|
background-color: var(--ax-bg-raised);
|
|
3636
3933
|
border: 1px solid var(--ax-border-default);
|
|
3934
|
+
height: -webkit-fit-content;
|
|
3637
3935
|
height: fit-content;
|
|
3638
3936
|
}
|
|
3639
3937
|
|
|
@@ -3644,13 +3942,17 @@
|
|
|
3644
3942
|
|
|
3645
3943
|
.navds-expansioncard--small {
|
|
3646
3944
|
--__axc-expansioncard-padding-inline: var(--ax-space-16);
|
|
3647
|
-
--__axc-expansioncard-padding-block: var(--ax-space-
|
|
3945
|
+
--__axc-expansioncard-padding-block: var(--ax-space-16);
|
|
3648
3946
|
}
|
|
3649
3947
|
|
|
3650
3948
|
.navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
|
|
3651
3949
|
margin-top: var(--ax-space-2);
|
|
3652
3950
|
}
|
|
3653
3951
|
|
|
3952
|
+
.navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
|
|
3953
|
+
margin-top: 0;
|
|
3954
|
+
}
|
|
3955
|
+
|
|
3654
3956
|
.navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
|
|
3655
3957
|
margin-top: 0;
|
|
3656
3958
|
}
|
|
@@ -3672,7 +3974,7 @@
|
|
|
3672
3974
|
}
|
|
3673
3975
|
|
|
3674
3976
|
.navds-expansioncard__header:hover {
|
|
3675
|
-
background-color: var(--ax-bg-
|
|
3977
|
+
background-color: var(--ax-bg-hoverA);
|
|
3676
3978
|
}
|
|
3677
3979
|
|
|
3678
3980
|
.navds-expansioncard__header[data-open="true"] {
|
|
@@ -3682,7 +3984,7 @@
|
|
|
3682
3984
|
|
|
3683
3985
|
.navds-expansioncard__header[data-open="true"]:after {
|
|
3684
3986
|
content: "";
|
|
3685
|
-
background-color: var(--ax-border-
|
|
3987
|
+
background-color: var(--ax-border-subtleA);
|
|
3686
3988
|
bottom: 0;
|
|
3687
3989
|
left: var(--__axc-expansioncard-padding-inline);
|
|
3688
3990
|
height: 1px;
|
|
@@ -3722,15 +4024,7 @@
|
|
|
3722
4024
|
}
|
|
3723
4025
|
|
|
3724
4026
|
.navds-expansioncard__header-button:focus-visible {
|
|
3725
|
-
outline:
|
|
3726
|
-
outline-offset: 2px;
|
|
3727
|
-
}
|
|
3728
|
-
|
|
3729
|
-
@supports not selector(:focus-visible) {
|
|
3730
|
-
.navds-expansioncard__header-button:focus {
|
|
3731
|
-
outline: 2px solid var(--ax-border-focus);
|
|
3732
|
-
outline-offset: 2px;
|
|
3733
|
-
}
|
|
4027
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3734
4028
|
}
|
|
3735
4029
|
|
|
3736
4030
|
.navds-expansioncard__header-button:after {
|
|
@@ -3740,7 +4034,10 @@
|
|
|
3740
4034
|
width: 100%;
|
|
3741
4035
|
height: 100%;
|
|
3742
4036
|
position: absolute;
|
|
3743
|
-
|
|
4037
|
+
top: 0;
|
|
4038
|
+
bottom: 0;
|
|
4039
|
+
left: 0;
|
|
4040
|
+
right: 0;
|
|
3744
4041
|
}
|
|
3745
4042
|
|
|
3746
4043
|
.navds-expansioncard__header:hover > .navds-expansioncard__header-button {
|
|
@@ -3762,17 +4059,31 @@
|
|
|
3762
4059
|
.navds-expansioncard__content {
|
|
3763
4060
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
3764
4061
|
visibility: hidden;
|
|
3765
|
-
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
3766
|
-
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
3767
4062
|
grid-template-rows: 0fr;
|
|
3768
|
-
padding-
|
|
3769
|
-
|
|
4063
|
+
padding-top: 0;
|
|
4064
|
+
padding-bottom: 0;
|
|
4065
|
+
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
3770
4066
|
transition-duration: .25s;
|
|
3771
4067
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
3772
4068
|
display: grid;
|
|
3773
4069
|
overflow: hidden;
|
|
3774
4070
|
}
|
|
3775
4071
|
|
|
4072
|
+
.navds-expansioncard__content:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4073
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4074
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4075
|
+
}
|
|
4076
|
+
|
|
4077
|
+
.navds-expansioncard__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4078
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4079
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4080
|
+
}
|
|
4081
|
+
|
|
4082
|
+
.navds-expansioncard__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4083
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4084
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4085
|
+
}
|
|
4086
|
+
|
|
3776
4087
|
.navds-expansioncard__content[data-open="true"] {
|
|
3777
4088
|
visibility: visible;
|
|
3778
4089
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -3789,18 +4100,28 @@
|
|
|
3789
4100
|
transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
|
|
3790
4101
|
}
|
|
3791
4102
|
|
|
4103
|
+
.navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
|
|
4104
|
+
transition: none;
|
|
4105
|
+
}
|
|
4106
|
+
|
|
3792
4107
|
.navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
|
|
3793
4108
|
transition: none;
|
|
3794
4109
|
}
|
|
3795
4110
|
|
|
3796
4111
|
.navds-guide-panel {
|
|
3797
4112
|
--__axc-guide-panel-guide-size: 3.75rem;
|
|
4113
|
+
width: -webkit-fit-content;
|
|
3798
4114
|
width: fit-content;
|
|
3799
4115
|
display: flex;
|
|
3800
4116
|
position: relative;
|
|
3801
4117
|
}
|
|
3802
4118
|
|
|
3803
|
-
.navds-guide-panel[data-poster="true"]
|
|
4119
|
+
.navds-guide-panel[data-poster="true"] {
|
|
4120
|
+
flex-direction: column;
|
|
4121
|
+
align-items: center;
|
|
4122
|
+
}
|
|
4123
|
+
|
|
4124
|
+
.navds-guide-panel[data-responsive="true"] {
|
|
3804
4125
|
flex-direction: column;
|
|
3805
4126
|
align-items: center;
|
|
3806
4127
|
}
|
|
@@ -3843,6 +4164,10 @@
|
|
|
3843
4164
|
position: relative;
|
|
3844
4165
|
}
|
|
3845
4166
|
|
|
4167
|
+
.navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
|
|
4168
|
+
margin-top: var(--ax-space-20);
|
|
4169
|
+
}
|
|
4170
|
+
|
|
3846
4171
|
.navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
|
|
3847
4172
|
margin-top: var(--ax-space-20);
|
|
3848
4173
|
}
|
|
@@ -3885,6 +4210,12 @@
|
|
|
3885
4210
|
position: absolute;
|
|
3886
4211
|
}
|
|
3887
4212
|
|
|
4213
|
+
.navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
|
|
4214
|
+
left: 50%;
|
|
4215
|
+
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
4216
|
+
transform: translateX(-48%);
|
|
4217
|
+
}
|
|
4218
|
+
|
|
3888
4219
|
.navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
|
|
3889
4220
|
left: 50%;
|
|
3890
4221
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
@@ -3930,7 +4261,11 @@
|
|
|
3930
4261
|
border: 1px solid var(--ax-border-info);
|
|
3931
4262
|
}
|
|
3932
4263
|
|
|
3933
|
-
.navds-help-text__icon--filled
|
|
4264
|
+
.navds-help-text__icon--filled {
|
|
4265
|
+
display: none;
|
|
4266
|
+
}
|
|
4267
|
+
|
|
4268
|
+
.navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
|
|
3934
4269
|
display: none;
|
|
3935
4270
|
}
|
|
3936
4271
|
|
|
@@ -3977,7 +4312,8 @@
|
|
|
3977
4312
|
font: inherit;
|
|
3978
4313
|
font-weight: var(--ax-font-weight-bold);
|
|
3979
4314
|
text-align: left;
|
|
3980
|
-
padding-
|
|
4315
|
+
padding-top: 0;
|
|
4316
|
+
padding-bottom: 0;
|
|
3981
4317
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
3982
4318
|
border: none;
|
|
3983
4319
|
border-right: 1px solid var(--ax-border-subtleA);
|
|
@@ -3991,6 +4327,10 @@
|
|
|
3991
4327
|
overflow: visible;
|
|
3992
4328
|
}
|
|
3993
4329
|
|
|
4330
|
+
.navds-internalheader__title:-webkit-any(button) {
|
|
4331
|
+
cursor: pointer;
|
|
4332
|
+
}
|
|
4333
|
+
|
|
3994
4334
|
.navds-internalheader__title:is(button) {
|
|
3995
4335
|
cursor: pointer;
|
|
3996
4336
|
}
|
|
@@ -3999,6 +4339,10 @@
|
|
|
3999
4339
|
background: var(--ax-bg-moderate-hover);
|
|
4000
4340
|
}
|
|
4001
4341
|
|
|
4342
|
+
.navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
|
|
4343
|
+
background: initial;
|
|
4344
|
+
}
|
|
4345
|
+
|
|
4002
4346
|
.navds-internalheader__title:is(:hover, :active):not(button, a) {
|
|
4003
4347
|
background: initial;
|
|
4004
4348
|
}
|
|
@@ -4044,7 +4388,7 @@
|
|
|
4044
4388
|
|
|
4045
4389
|
:is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
|
|
4046
4390
|
outline: 3px solid var(--ax-border-focus);
|
|
4047
|
-
outline-offset: -
|
|
4391
|
+
outline-offset: -4px;
|
|
4048
4392
|
}
|
|
4049
4393
|
|
|
4050
4394
|
:is(.navds-internalheader__title, .navds-internalheader__button):active {
|
|
@@ -4066,13 +4410,18 @@
|
|
|
4066
4410
|
display: inline-flex;
|
|
4067
4411
|
}
|
|
4068
4412
|
|
|
4069
|
-
.navds-link:hover
|
|
4413
|
+
.navds-link:hover {
|
|
4414
|
+
text-decoration-thickness: .111em;
|
|
4415
|
+
}
|
|
4416
|
+
|
|
4417
|
+
.navds-link:active {
|
|
4070
4418
|
text-decoration-thickness: .111em;
|
|
4071
4419
|
}
|
|
4072
4420
|
|
|
4073
4421
|
.navds-link:focus-visible {
|
|
4074
|
-
outline:
|
|
4075
|
-
outline-offset:
|
|
4422
|
+
outline: 3px solid var(--ax-border-focus);
|
|
4423
|
+
outline-offset: 3px;
|
|
4424
|
+
border-radius: 1px;
|
|
4076
4425
|
}
|
|
4077
4426
|
|
|
4078
4427
|
.navds-link.navds-link--inline-text {
|
|
@@ -4246,6 +4595,7 @@
|
|
|
4246
4595
|
max-width: 100%;
|
|
4247
4596
|
max-height: 100%;
|
|
4248
4597
|
color: var(--ax-text-default);
|
|
4598
|
+
margin: auto;
|
|
4249
4599
|
padding: 0;
|
|
4250
4600
|
position: fixed;
|
|
4251
4601
|
}
|
|
@@ -4257,7 +4607,9 @@
|
|
|
4257
4607
|
}
|
|
4258
4608
|
|
|
4259
4609
|
.navds-modal--polyfilled {
|
|
4610
|
+
width: -webkit-fit-content;
|
|
4260
4611
|
width: fit-content;
|
|
4612
|
+
height: -webkit-fit-content;
|
|
4261
4613
|
height: fit-content;
|
|
4262
4614
|
margin: auto;
|
|
4263
4615
|
top: 50%;
|
|
@@ -4276,7 +4628,10 @@
|
|
|
4276
4628
|
|
|
4277
4629
|
._dialog_overlay {
|
|
4278
4630
|
position: fixed;
|
|
4279
|
-
|
|
4631
|
+
top: 0;
|
|
4632
|
+
bottom: 0;
|
|
4633
|
+
left: 0;
|
|
4634
|
+
right: 0;
|
|
4280
4635
|
}
|
|
4281
4636
|
|
|
4282
4637
|
.navds-modal--medium {
|
|
@@ -4287,7 +4642,15 @@
|
|
|
4287
4642
|
width: 450px;
|
|
4288
4643
|
}
|
|
4289
4644
|
|
|
4290
|
-
.navds-modal--small .navds-modal__header
|
|
4645
|
+
.navds-modal--small .navds-modal__header {
|
|
4646
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
4647
|
+
}
|
|
4648
|
+
|
|
4649
|
+
.navds-modal--small .navds-modal__body {
|
|
4650
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
4651
|
+
}
|
|
4652
|
+
|
|
4653
|
+
.navds-modal--small .navds-modal__footer {
|
|
4291
4654
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
4292
4655
|
}
|
|
4293
4656
|
|
|
@@ -4320,7 +4683,10 @@
|
|
|
4320
4683
|
.navds-modal--polyfilled + .backdrop {
|
|
4321
4684
|
background: rgba(2, 20, 49, .49);
|
|
4322
4685
|
position: fixed;
|
|
4323
|
-
|
|
4686
|
+
top: 0;
|
|
4687
|
+
bottom: 0;
|
|
4688
|
+
left: 0;
|
|
4689
|
+
right: 0;
|
|
4324
4690
|
}
|
|
4325
4691
|
|
|
4326
4692
|
.navds-modal__button {
|
|
@@ -4370,6 +4736,7 @@
|
|
|
4370
4736
|
}
|
|
4371
4737
|
|
|
4372
4738
|
.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
|
|
4739
|
+
min-width: -webkit-fit-content;
|
|
4373
4740
|
min-width: fit-content;
|
|
4374
4741
|
max-width: 100vw;
|
|
4375
4742
|
max-height: 100vh;
|
|
@@ -4558,10 +4925,21 @@
|
|
|
4558
4925
|
|
|
4559
4926
|
.navds-tag__icon--left {
|
|
4560
4927
|
font-size: var(--__axc-tag-icon-size);
|
|
4561
|
-
margin-inline-start: var(--__axc-tag-icon-margin);
|
|
4562
4928
|
display: flex;
|
|
4563
4929
|
}
|
|
4564
4930
|
|
|
4931
|
+
.navds-tag__icon--left:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4932
|
+
margin-left: var(--__axc-tag-icon-margin);
|
|
4933
|
+
}
|
|
4934
|
+
|
|
4935
|
+
.navds-tag__icon--left:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4936
|
+
margin-right: var(--__axc-tag-icon-margin);
|
|
4937
|
+
}
|
|
4938
|
+
|
|
4939
|
+
.navds-tag__icon--left:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
4940
|
+
margin-right: var(--__axc-tag-icon-margin);
|
|
4941
|
+
}
|
|
4942
|
+
|
|
4565
4943
|
.navds-tag--outline {
|
|
4566
4944
|
box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
|
|
4567
4945
|
background: var(--__axc-tag-bg);
|
|
@@ -4597,6 +4975,7 @@
|
|
|
4597
4975
|
grid-template-columns: auto minmax(0, 1fr);
|
|
4598
4976
|
align-items: center;
|
|
4599
4977
|
width: 100%;
|
|
4978
|
+
min-width: -webkit-fit-content;
|
|
4600
4979
|
min-width: fit-content;
|
|
4601
4980
|
display: grid;
|
|
4602
4981
|
position: relative;
|
|
@@ -4659,12 +5038,12 @@
|
|
|
4659
5038
|
|
|
4660
5039
|
.navds-timeline__period:focus-visible {
|
|
4661
5040
|
z-index: 4;
|
|
4662
|
-
outline:
|
|
4663
|
-
outline-offset:
|
|
5041
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5042
|
+
outline-offset: 3px;
|
|
4664
5043
|
}
|
|
4665
5044
|
|
|
4666
5045
|
.navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
|
|
4667
|
-
box-shadow: 0 0 0
|
|
5046
|
+
box-shadow: 0 0 0 3px var(--ax-bg-default);
|
|
4668
5047
|
}
|
|
4669
5048
|
|
|
4670
5049
|
.navds-timeline__period {
|
|
@@ -4820,7 +5199,10 @@
|
|
|
4820
5199
|
width: 25px;
|
|
4821
5200
|
height: 25px;
|
|
4822
5201
|
position: absolute;
|
|
4823
|
-
|
|
5202
|
+
top: -9px;
|
|
5203
|
+
bottom: 0;
|
|
5204
|
+
left: -9px;
|
|
5205
|
+
right: 0;
|
|
4824
5206
|
}
|
|
4825
5207
|
|
|
4826
5208
|
.navds-timeline__pin-button:hover {
|
|
@@ -4828,9 +5210,9 @@
|
|
|
4828
5210
|
}
|
|
4829
5211
|
|
|
4830
5212
|
.navds-timeline__pin-button:focus-visible {
|
|
4831
|
-
box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0
|
|
4832
|
-
outline:
|
|
4833
|
-
outline-offset:
|
|
5213
|
+
box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
|
|
5214
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5215
|
+
outline-offset: 3px;
|
|
4834
5216
|
}
|
|
4835
5217
|
|
|
4836
5218
|
.navds-timeline__pin-wrapper:before {
|
|
@@ -4886,7 +5268,7 @@
|
|
|
4886
5268
|
}
|
|
4887
5269
|
|
|
4888
5270
|
.navds-timeline__zoom-button:focus-visible {
|
|
4889
|
-
box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0
|
|
5271
|
+
box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
|
|
4890
5272
|
border-width: 1px;
|
|
4891
5273
|
}
|
|
4892
5274
|
|
|
@@ -4907,8 +5289,8 @@
|
|
|
4907
5289
|
|
|
4908
5290
|
@media (forced-colors: active) {
|
|
4909
5291
|
.navds-timeline__period:focus {
|
|
4910
|
-
outline-offset:
|
|
4911
|
-
outline:
|
|
5292
|
+
outline-offset: 3px;
|
|
5293
|
+
outline: 3px solid highlight;
|
|
4912
5294
|
}
|
|
4913
5295
|
|
|
4914
5296
|
.navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
|
|
@@ -4923,8 +5305,14 @@
|
|
|
4923
5305
|
outline: 4px solid rgba(0, 0, 0, 0);
|
|
4924
5306
|
}
|
|
4925
5307
|
|
|
4926
|
-
.navds-timeline__pin-button:focus
|
|
4927
|
-
outline-offset:
|
|
5308
|
+
.navds-timeline__pin-button:focus {
|
|
5309
|
+
outline-offset: 3px;
|
|
5310
|
+
box-shadow: none;
|
|
5311
|
+
outline: 4px solid highlight;
|
|
5312
|
+
}
|
|
5313
|
+
|
|
5314
|
+
.navds-timeline__pin-button:focus-visible {
|
|
5315
|
+
outline-offset: 3px;
|
|
4928
5316
|
box-shadow: none;
|
|
4929
5317
|
outline: 4px solid highlight;
|
|
4930
5318
|
}
|
|
@@ -5048,7 +5436,7 @@
|
|
|
5048
5436
|
}
|
|
5049
5437
|
|
|
5050
5438
|
.navds-toggle-group {
|
|
5051
|
-
border-radius: var(--ax-border-radius-
|
|
5439
|
+
border-radius: var(--ax-border-radius-large);
|
|
5052
5440
|
box-shadow: inset 0 0 0 1px var(--ax-border-default);
|
|
5053
5441
|
background-color: rgba(0, 0, 0, 0);
|
|
5054
5442
|
grid-auto-columns: 1fr;
|
|
@@ -5062,11 +5450,12 @@
|
|
|
5062
5450
|
cursor: pointer;
|
|
5063
5451
|
min-height: 3rem;
|
|
5064
5452
|
color: var(--ax-text-default);
|
|
5065
|
-
border-radius: var(--ax-border-radius-
|
|
5453
|
+
border-radius: var(--ax-border-radius-large);
|
|
5066
5454
|
background-color: rgba(0, 0, 0, 0);
|
|
5067
5455
|
border: none;
|
|
5068
5456
|
justify-content: center;
|
|
5069
5457
|
align-items: center;
|
|
5458
|
+
min-width: -webkit-fit-content;
|
|
5070
5459
|
min-width: fit-content;
|
|
5071
5460
|
display: inline-flex;
|
|
5072
5461
|
position: relative;
|
|
@@ -5078,8 +5467,8 @@
|
|
|
5078
5467
|
}
|
|
5079
5468
|
|
|
5080
5469
|
.navds-toggle-group__button:focus-visible {
|
|
5081
|
-
outline:
|
|
5082
|
-
outline-offset:
|
|
5470
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5471
|
+
outline-offset: 3px;
|
|
5083
5472
|
z-index: 1;
|
|
5084
5473
|
}
|
|
5085
5474
|
|
|
@@ -5163,53 +5552,6 @@
|
|
|
5163
5552
|
border-color: var(--ac-panel-border, var(--a-border-default));
|
|
5164
5553
|
}
|
|
5165
5554
|
|
|
5166
|
-
.navds-link-panel {
|
|
5167
|
-
color: var(--ac-link-panel-text, var(--a-text-default));
|
|
5168
|
-
justify-content: space-between;
|
|
5169
|
-
align-items: center;
|
|
5170
|
-
gap: var(--a-spacing-4);
|
|
5171
|
-
text-decoration: none;
|
|
5172
|
-
display: flex;
|
|
5173
|
-
}
|
|
5174
|
-
|
|
5175
|
-
.navds-link-panel:hover .navds-link-panel__title {
|
|
5176
|
-
color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
|
|
5177
|
-
text-decoration: underline;
|
|
5178
|
-
}
|
|
5179
|
-
|
|
5180
|
-
.navds-link-panel:hover {
|
|
5181
|
-
box-shadow: var(--a-shadow-small);
|
|
5182
|
-
border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
|
|
5183
|
-
}
|
|
5184
|
-
|
|
5185
|
-
.navds-link-panel:focus-visible {
|
|
5186
|
-
outline-offset: 2px;
|
|
5187
|
-
box-shadow: var(--a-shadow-focus);
|
|
5188
|
-
outline: 3px solid rgba(0, 0, 0, 0);
|
|
5189
|
-
}
|
|
5190
|
-
|
|
5191
|
-
@supports not selector(:focus-visible) {
|
|
5192
|
-
.navds-link-panel:focus {
|
|
5193
|
-
outline-offset: 2px;
|
|
5194
|
-
box-shadow: var(--a-shadow-focus);
|
|
5195
|
-
outline: 3px solid rgba(0, 0, 0, 0);
|
|
5196
|
-
}
|
|
5197
|
-
}
|
|
5198
|
-
|
|
5199
|
-
.navds-link-panel__chevron {
|
|
5200
|
-
flex-shrink: 0;
|
|
5201
|
-
font-size: 1.5rem;
|
|
5202
|
-
transition: transform .2s;
|
|
5203
|
-
}
|
|
5204
|
-
|
|
5205
|
-
.navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
|
|
5206
|
-
transform: translateX(4px);
|
|
5207
|
-
}
|
|
5208
|
-
|
|
5209
|
-
.navds-link-panel__description {
|
|
5210
|
-
margin-top: var(--a-spacing-1);
|
|
5211
|
-
}
|
|
5212
|
-
|
|
5213
5555
|
.navds-read-more {
|
|
5214
5556
|
--__axc-read-more-icon-size: 1.5rem;
|
|
5215
5557
|
--__axc-read-more-pi-start: 0px;
|
|
@@ -5240,6 +5582,15 @@
|
|
|
5240
5582
|
transform: rotateX(-180deg);
|
|
5241
5583
|
}
|
|
5242
5584
|
|
|
5585
|
+
.navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button {
|
|
5586
|
+
border-radius: var(--ax-border-radius-medium);
|
|
5587
|
+
}
|
|
5588
|
+
|
|
5589
|
+
.navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
|
|
5590
|
+
background-color: var(--ax-bg-hoverA);
|
|
5591
|
+
color: var(--ax-text-accent-strong);
|
|
5592
|
+
}
|
|
5593
|
+
|
|
5243
5594
|
.navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
|
|
5244
5595
|
border-radius: var(--ax-border-radius-medium);
|
|
5245
5596
|
}
|
|
@@ -5264,7 +5615,12 @@
|
|
|
5264
5615
|
--__axc-read-more-pi-end: var(--ax-space-24);
|
|
5265
5616
|
}
|
|
5266
5617
|
|
|
5267
|
-
.navds-read-more[data-volume="high"].navds-read-more--small
|
|
5618
|
+
.navds-read-more[data-volume="high"].navds-read-more--small {
|
|
5619
|
+
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
5620
|
+
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
5621
|
+
}
|
|
5622
|
+
|
|
5623
|
+
.navds-read-more[data-volume="high"].navds-read-more--medium {
|
|
5268
5624
|
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
5269
5625
|
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
5270
5626
|
}
|
|
@@ -5433,6 +5789,7 @@
|
|
|
5433
5789
|
}
|
|
5434
5790
|
|
|
5435
5791
|
.navds-skeleton--has-children.navds-skeleton--no-width {
|
|
5792
|
+
width: -webkit-fit-content;
|
|
5436
5793
|
width: fit-content;
|
|
5437
5794
|
}
|
|
5438
5795
|
|
|
@@ -5532,12 +5889,13 @@
|
|
|
5532
5889
|
padding: var(--__axc-stepper-border-width);
|
|
5533
5890
|
margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
|
|
5534
5891
|
justify-content: flex-start;
|
|
5892
|
+
width: 100%;
|
|
5535
5893
|
display: grid;
|
|
5536
5894
|
}
|
|
5537
5895
|
|
|
5538
5896
|
.navds-stepper__step:focus-visible {
|
|
5539
|
-
outline:
|
|
5540
|
-
outline-offset:
|
|
5897
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5898
|
+
outline-offset: 3px;
|
|
5541
5899
|
isolation: isolate;
|
|
5542
5900
|
}
|
|
5543
5901
|
|
|
@@ -5545,7 +5903,18 @@
|
|
|
5545
5903
|
margin-bottom: 0;
|
|
5546
5904
|
}
|
|
5547
5905
|
|
|
5906
|
+
.navds-stepper__step:-webkit-any(button) {
|
|
5907
|
+
-webkit-appearance: none;
|
|
5908
|
+
appearance: none;
|
|
5909
|
+
font: inherit;
|
|
5910
|
+
color: inherit;
|
|
5911
|
+
text-align: inherit;
|
|
5912
|
+
background-color: rgba(0, 0, 0, 0);
|
|
5913
|
+
border: none;
|
|
5914
|
+
}
|
|
5915
|
+
|
|
5548
5916
|
.navds-stepper__step:is(button) {
|
|
5917
|
+
-webkit-appearance: none;
|
|
5549
5918
|
appearance: none;
|
|
5550
5919
|
font: inherit;
|
|
5551
5920
|
color: inherit;
|
|
@@ -5582,7 +5951,11 @@
|
|
|
5582
5951
|
text-decoration-thickness: .05em;
|
|
5583
5952
|
}
|
|
5584
5953
|
|
|
5585
|
-
|
|
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 {
|
|
5586
5959
|
text-decoration-thickness: .111em;
|
|
5587
5960
|
}
|
|
5588
5961
|
|
|
@@ -5633,6 +6006,7 @@
|
|
|
5633
6006
|
|
|
5634
6007
|
.navds-stepper__content {
|
|
5635
6008
|
grid-column: content;
|
|
6009
|
+
min-width: -webkit-fit-content;
|
|
5636
6010
|
min-width: fit-content;
|
|
5637
6011
|
padding-top: .035rem;
|
|
5638
6012
|
line-height: 1.5;
|
|
@@ -5667,7 +6041,11 @@
|
|
|
5667
6041
|
flex: 100%;
|
|
5668
6042
|
}
|
|
5669
6043
|
|
|
5670
|
-
.navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1
|
|
6044
|
+
.navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1 {
|
|
6045
|
+
visibility: hidden;
|
|
6046
|
+
}
|
|
6047
|
+
|
|
6048
|
+
.navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
|
|
5671
6049
|
visibility: hidden;
|
|
5672
6050
|
}
|
|
5673
6051
|
|
|
@@ -5769,7 +6147,11 @@
|
|
|
5769
6147
|
text-align: center;
|
|
5770
6148
|
}
|
|
5771
6149
|
|
|
5772
|
-
:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell
|
|
6150
|
+
:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell {
|
|
6151
|
+
border-color: var(--ax-border-strong);
|
|
6152
|
+
}
|
|
6153
|
+
|
|
6154
|
+
:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
|
|
5773
6155
|
border-color: var(--ax-border-strong);
|
|
5774
6156
|
}
|
|
5775
6157
|
|
|
@@ -5798,6 +6180,7 @@
|
|
|
5798
6180
|
}
|
|
5799
6181
|
|
|
5800
6182
|
.navds-table__sort-button {
|
|
6183
|
+
-webkit-appearance: none;
|
|
5801
6184
|
appearance: none;
|
|
5802
6185
|
color: var(--ax-text-accent);
|
|
5803
6186
|
cursor: pointer;
|
|
@@ -5822,8 +6205,8 @@
|
|
|
5822
6205
|
}
|
|
5823
6206
|
|
|
5824
6207
|
.navds-table__sort-button:focus-visible {
|
|
5825
|
-
outline:
|
|
5826
|
-
outline-offset: -
|
|
6208
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6209
|
+
outline-offset: -5px;
|
|
5827
6210
|
}
|
|
5828
6211
|
|
|
5829
6212
|
.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
|
|
@@ -5904,7 +6287,7 @@
|
|
|
5904
6287
|
}
|
|
5905
6288
|
|
|
5906
6289
|
.navds-table__toggle-expand-button:focus-visible {
|
|
5907
|
-
outline:
|
|
6290
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5908
6291
|
}
|
|
5909
6292
|
|
|
5910
6293
|
.navds-table__expanded-row-cell {
|
|
@@ -6013,8 +6396,8 @@
|
|
|
6013
6396
|
}
|
|
6014
6397
|
|
|
6015
6398
|
.navds-tabs__tab:focus-visible {
|
|
6016
|
-
outline:
|
|
6017
|
-
outline-offset: -
|
|
6399
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6400
|
+
outline-offset: -3px;
|
|
6018
6401
|
}
|
|
6019
6402
|
|
|
6020
6403
|
.navds-tabs__tab-inner {
|
|
@@ -6062,22 +6445,22 @@
|
|
|
6062
6445
|
}
|
|
6063
6446
|
|
|
6064
6447
|
.navds-tabs__tabpanel:focus-visible {
|
|
6065
|
-
outline:
|
|
6066
|
-
outline-offset: -
|
|
6448
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6449
|
+
outline-offset: -4px;
|
|
6067
6450
|
}
|
|
6068
6451
|
|
|
6069
6452
|
@media (forced-colors: active) {
|
|
6070
6453
|
.navds-tabs__tab[data-state="active"] {
|
|
6071
6454
|
border-bottom: 3px solid canvastext;
|
|
6072
|
-
padding-
|
|
6455
|
+
padding-bottom: calc(var(--ax-space-12) - 3px);
|
|
6073
6456
|
}
|
|
6074
6457
|
|
|
6075
6458
|
.navds-tabs__tab--small[data-state="active"] {
|
|
6076
|
-
padding-
|
|
6459
|
+
padding-bottom: calc(var(--ax-space-6) - 3px);
|
|
6077
6460
|
}
|
|
6078
6461
|
|
|
6079
6462
|
.navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
|
|
6080
|
-
padding-
|
|
6463
|
+
padding-bottom: calc(var(--ax-space-4) - 3px);
|
|
6081
6464
|
}
|
|
6082
6465
|
}
|
|
6083
6466
|
|
|
@@ -6144,11 +6527,11 @@
|
|
|
6144
6527
|
}
|
|
6145
6528
|
|
|
6146
6529
|
.navds-list__item {
|
|
6147
|
-
margin-
|
|
6530
|
+
margin-bottom: var(--ax-space-8);
|
|
6148
6531
|
}
|
|
6149
6532
|
|
|
6150
6533
|
.navds-list__item:last-child {
|
|
6151
|
-
margin-
|
|
6534
|
+
margin-bottom: 0;
|
|
6152
6535
|
}
|
|
6153
6536
|
|
|
6154
6537
|
.navds-list__item-marker {
|
|
@@ -7132,6 +7515,7 @@
|
|
|
7132
7515
|
}
|
|
7133
7516
|
|
|
7134
7517
|
.navds-page {
|
|
7518
|
+
min-height: 100vh;
|
|
7135
7519
|
flex-direction: column;
|
|
7136
7520
|
min-height: 100lvh;
|
|
7137
7521
|
display: flex;
|
|
@@ -7140,7 +7524,8 @@
|
|
|
7140
7524
|
.navds-pageblock {
|
|
7141
7525
|
--__axc-page-padding-inline: 0px;
|
|
7142
7526
|
width: 100%;
|
|
7143
|
-
margin-
|
|
7527
|
+
margin-left: auto;
|
|
7528
|
+
margin-right: auto;
|
|
7144
7529
|
}
|
|
7145
7530
|
|
|
7146
7531
|
.navds-page__content--grow {
|
|
@@ -7148,11 +7533,12 @@
|
|
|
7148
7533
|
}
|
|
7149
7534
|
|
|
7150
7535
|
.navds-page__content--fullheight {
|
|
7536
|
+
min-height: 100vh;
|
|
7151
7537
|
min-height: 100lvh;
|
|
7152
7538
|
}
|
|
7153
7539
|
|
|
7154
7540
|
.navds-page__content--padding {
|
|
7155
|
-
padding-
|
|
7541
|
+
padding-bottom: var(--ax-space-64);
|
|
7156
7542
|
}
|
|
7157
7543
|
|
|
7158
7544
|
.navds-pageblock--text {
|
|
@@ -7322,8 +7708,19 @@
|
|
|
7322
7708
|
}
|
|
7323
7709
|
|
|
7324
7710
|
.navds-stack > .navds-stack__spacer {
|
|
7325
|
-
margin-
|
|
7326
|
-
|
|
7711
|
+
margin-top: calc(var(--__axc-stack-gap) * -1);
|
|
7712
|
+
}
|
|
7713
|
+
|
|
7714
|
+
.navds-stack > .navds-stack__spacer:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
7715
|
+
margin-left: calc(var(--__axc-stack-gap) * -1);
|
|
7716
|
+
}
|
|
7717
|
+
|
|
7718
|
+
.navds-stack > .navds-stack__spacer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
7719
|
+
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
7720
|
+
}
|
|
7721
|
+
|
|
7722
|
+
.navds-stack > .navds-stack__spacer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
7723
|
+
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
7327
7724
|
}
|
|
7328
7725
|
|
|
7329
7726
|
@media (min-width: 480px) {
|