@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
|
@@ -68,26 +68,42 @@
|
|
|
68
68
|
height: 1.25rem;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.navds-checkbox__input:focus + .navds-checkbox__label::
|
|
72
|
-
.navds-radio__input:focus + .navds-radio__label::
|
|
73
|
-
outline: 2px solid var(--ax-border-focus);
|
|
74
|
-
outline-offset: 2px;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
|
|
71
|
+
.navds-checkbox__input:focus + .navds-checkbox__label::after,
|
|
72
|
+
.navds-radio__input:focus + .navds-radio__label::after {
|
|
78
73
|
content: "";
|
|
79
74
|
position: absolute;
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
75
|
+
width: 100%;
|
|
76
|
+
height: calc(100% - var(--ax-space-24));
|
|
77
|
+
border-radius: var(--ax-border-radius-medium);
|
|
78
|
+
outline: 3px solid var(--ax-border-focus);
|
|
79
|
+
outline-offset: 3px;
|
|
80
|
+
pointer-events: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label::after,
|
|
84
|
+
.navds-radio--small > .navds-radio__input:focus + .navds-radio__label::after {
|
|
85
|
+
height: calc(100% - var(--ax-space-12));
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.navds-checkbox__icon-indeterminate {
|
|
89
|
+
display: none;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
93
|
+
display: block;
|
|
83
94
|
width: 0.75rem;
|
|
84
95
|
height: 0.25rem;
|
|
96
|
+
background-color: var(--ax-bg-default);
|
|
85
97
|
border-radius: 1px;
|
|
86
|
-
|
|
98
|
+
position: absolute;
|
|
99
|
+
transform: translate(var(--ax-space-6), -50%);
|
|
100
|
+
top: 50%;
|
|
101
|
+
pointer-events: none;
|
|
87
102
|
}
|
|
88
103
|
|
|
89
|
-
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
90
|
-
transform: translate(
|
|
104
|
+
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
105
|
+
transform: translate(var(--ax-space-4), -50%);
|
|
106
|
+
height: 0.1875rem;
|
|
91
107
|
}
|
|
92
108
|
|
|
93
109
|
.navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label::before {
|
|
@@ -221,7 +237,7 @@
|
|
|
221
237
|
inset 0 0 0 8px var(--ax-bg-moderate);
|
|
222
238
|
}
|
|
223
239
|
|
|
224
|
-
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
240
|
+
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
225
241
|
background-color: var(--ax-text-subtle);
|
|
226
242
|
}
|
|
227
243
|
|
|
@@ -246,7 +262,7 @@
|
|
|
246
262
|
color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
247
263
|
}
|
|
248
264
|
|
|
249
|
-
.navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
265
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
250
266
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
251
267
|
}
|
|
252
268
|
|
|
@@ -264,7 +280,10 @@
|
|
|
264
280
|
background-color: var(--__axc-radio-checkbox-high-contrast-bg);
|
|
265
281
|
}
|
|
266
282
|
|
|
267
|
-
.navds-checkbox--readonly
|
|
283
|
+
.navds-checkbox--readonly
|
|
284
|
+
> .navds-checkbox__input:indeterminate
|
|
285
|
+
+ .navds-checkbox__label
|
|
286
|
+
> .navds-checkbox__icon-indeterminate {
|
|
268
287
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
269
288
|
}
|
|
270
289
|
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
.navds-search__wrapper {
|
|
23
23
|
display: inline-flex;
|
|
24
24
|
align-items: center;
|
|
25
|
-
border-radius: var(--ax-border-radius-
|
|
25
|
+
border-radius: var(--ax-border-radius-large);
|
|
26
26
|
|
|
27
27
|
/* We have to outline the whole container to include the Search-buttons */
|
|
28
28
|
&:has(.navds-search__input:focus-visible) {
|
|
29
|
-
outline:
|
|
30
|
-
outline-offset:
|
|
29
|
+
outline: 3px solid var(--ax-border-focus);
|
|
30
|
+
outline-offset: 3px;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
@@ -97,8 +97,8 @@
|
|
|
97
97
|
.navds-search__button-search {
|
|
98
98
|
flex-shrink: 0;
|
|
99
99
|
border-radius: 0;
|
|
100
|
-
border-top-right-radius: var(--ax-border-radius-
|
|
101
|
-
border-bottom-right-radius: var(--ax-border-radius-
|
|
100
|
+
border-top-right-radius: var(--ax-border-radius-large);
|
|
101
|
+
border-bottom-right-radius: var(--ax-border-radius-large);
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.navds-search__button-search.navds-button--secondary {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.navds-select__input {
|
|
2
2
|
appearance: none;
|
|
3
3
|
background-color: var(--ax-bg-input);
|
|
4
|
-
border-radius: var(--ax-border-radius-
|
|
4
|
+
border-radius: var(--ax-border-radius-large);
|
|
5
5
|
border: 1px solid var(--ax-border-default);
|
|
6
6
|
color: var(--ax-text-default);
|
|
7
7
|
width: 100%;
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
&:focus {
|
|
21
|
-
outline:
|
|
22
|
-
outline-offset:
|
|
21
|
+
outline: 3px solid var(--ax-border-focus);
|
|
22
|
+
outline-offset: 3px;
|
|
23
23
|
border-color: var(--ax-border-accent-strong);
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -31,26 +31,41 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.navds-switch__content {
|
|
34
|
+
--__axc-switch-block-padding: 0.75rem;
|
|
35
|
+
|
|
36
|
+
position: relative;
|
|
34
37
|
display: flex;
|
|
35
38
|
flex-direction: column;
|
|
36
|
-
gap:
|
|
37
|
-
padding:
|
|
39
|
+
gap: var(--ax-space-2);
|
|
40
|
+
padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
|
|
38
41
|
|
|
39
42
|
.navds-switch--right & {
|
|
40
|
-
padding:
|
|
43
|
+
padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
|
|
41
44
|
}
|
|
42
45
|
|
|
43
46
|
.navds-switch--small & {
|
|
44
|
-
|
|
47
|
+
--__axc-switch-block-padding: 0.375rem;
|
|
45
48
|
}
|
|
46
49
|
|
|
47
|
-
|
|
48
|
-
padding:
|
|
50
|
+
&.navds-switch--with-description {
|
|
51
|
+
padding-bottom: 0;
|
|
49
52
|
}
|
|
50
|
-
}
|
|
51
53
|
|
|
52
|
-
.navds-
|
|
53
|
-
|
|
54
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > &::after {
|
|
55
|
+
content: "";
|
|
56
|
+
position: absolute;
|
|
57
|
+
left: 0;
|
|
58
|
+
width: 100%;
|
|
59
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 2);
|
|
60
|
+
border-radius: var(--ax-border-radius-medium);
|
|
61
|
+
outline: 3px solid var(--ax-border-focus);
|
|
62
|
+
outline-offset: 3px;
|
|
63
|
+
pointer-events: none;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > &.navds-switch--with-description::after {
|
|
67
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 1);
|
|
68
|
+
}
|
|
54
69
|
}
|
|
55
70
|
|
|
56
71
|
.navds-switch__input:hover ~ .navds-switch__label-wrapper,
|
|
@@ -100,9 +115,9 @@
|
|
|
100
115
|
border-color: var(--ax-bg-accent-strong-pressed);
|
|
101
116
|
}
|
|
102
117
|
|
|
103
|
-
.navds-switch__input:focus
|
|
104
|
-
outline:
|
|
105
|
-
outline-offset:
|
|
118
|
+
.navds-switch--standalone > .navds-switch__input:focus ~ & {
|
|
119
|
+
outline: 3px solid var(--ax-border-focus);
|
|
120
|
+
outline-offset: 3px;
|
|
106
121
|
}
|
|
107
122
|
}
|
|
108
123
|
|
|
@@ -238,9 +253,9 @@
|
|
|
238
253
|
color: field;
|
|
239
254
|
}
|
|
240
255
|
|
|
241
|
-
.navds-switch__input:focus
|
|
242
|
-
|
|
243
|
-
outline
|
|
256
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content::after,
|
|
257
|
+
.navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
|
|
258
|
+
outline: 3px solid highlight;
|
|
244
259
|
}
|
|
245
260
|
|
|
246
261
|
.navds-switch--disabled:not(.navds-switch--loading) {
|
|
@@ -248,7 +263,7 @@
|
|
|
248
263
|
}
|
|
249
264
|
|
|
250
265
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
|
|
251
|
-
background-color: graytext;
|
|
266
|
+
background-color: graytext !important;
|
|
252
267
|
}
|
|
253
268
|
|
|
254
269
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
appearance: none;
|
|
3
3
|
padding: var(--ax-space-8);
|
|
4
4
|
background: var(--ax-bg-input);
|
|
5
|
-
border-radius: var(--ax-border-radius-
|
|
5
|
+
border-radius: var(--ax-border-radius-large);
|
|
6
6
|
border: 1px solid var(--ax-border-default);
|
|
7
7
|
min-height: 3rem;
|
|
8
8
|
width: 100%;
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
|
|
15
15
|
&:focus-visible {
|
|
16
16
|
border-color: var(--ax-border-accent-strong);
|
|
17
|
-
outline:
|
|
18
|
-
outline-offset:
|
|
17
|
+
outline: 3px solid var(--ax-border-focus);
|
|
18
|
+
outline-offset: 3px;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
&:disabled {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
appearance: none;
|
|
5
5
|
padding: var(--ax-space-8);
|
|
6
6
|
background-color: var(--ax-bg-input);
|
|
7
|
-
border-radius: var(--ax-border-radius-
|
|
7
|
+
border-radius: var(--ax-border-radius-large);
|
|
8
8
|
border: 1px solid var(--ax-border-default);
|
|
9
9
|
resize: none;
|
|
10
10
|
width: 100%;
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
&:focus-visible {
|
|
23
|
-
outline:
|
|
24
|
-
outline-offset:
|
|
23
|
+
outline: 3px solid var(--ax-border-focus);
|
|
24
|
+
outline-offset: 3px;
|
|
25
25
|
border-color: var(--ax-border-accent-strong);
|
|
26
26
|
}
|
|
27
27
|
|
package/darkside/index.css
CHANGED
|
@@ -45,7 +45,6 @@
|
|
|
45
45
|
@import "./tooltip.darkside.css" layer(aksel.components);
|
|
46
46
|
@import "./toggle-group.darkside.css" layer(aksel.components);
|
|
47
47
|
@import "./panel.darkside.css" layer(aksel.components);
|
|
48
|
-
@import "./link-panel.darkside.css" layer(aksel.components);
|
|
49
48
|
@import "./read-more.darkside.css" layer(aksel.components);
|
|
50
49
|
@import "./progress-bar.darkside.css" layer(aksel.components);
|
|
51
50
|
@import "./skeleton.darkside.css" layer(aksel.components);
|
|
@@ -66,10 +66,11 @@
|
|
|
66
66
|
padding: var(--__axc-stepper-border-width);
|
|
67
67
|
margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1)
|
|
68
68
|
var(--__axc-stepper-circle-size);
|
|
69
|
+
width: 100%;
|
|
69
70
|
|
|
70
71
|
&:focus-visible {
|
|
71
|
-
outline:
|
|
72
|
-
outline-offset:
|
|
72
|
+
outline: 3px solid var(--ax-border-focus);
|
|
73
|
+
outline-offset: 3px;
|
|
73
74
|
|
|
74
75
|
/* Isolate item to make outline show above line--2 */
|
|
75
76
|
isolation: isolate;
|
|
@@ -126,8 +126,8 @@
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
.navds-table__sort-button:focus-visible {
|
|
129
|
-
outline:
|
|
130
|
-
outline-offset: -
|
|
129
|
+
outline: 3px solid var(--ax-border-focus);
|
|
130
|
+
outline-offset: -5px;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
.navds-table__toggle-expand-button:focus-visible {
|
|
214
|
-
outline:
|
|
214
|
+
outline: 3px solid var(--ax-border-focus);
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
.navds-table__expanded-row-cell {
|
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
&:focus-visible {
|
|
71
|
-
outline:
|
|
72
|
-
outline-offset: -
|
|
71
|
+
outline: 3px solid var(--ax-border-focus);
|
|
72
|
+
outline-offset: -3px;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
|
|
@@ -126,8 +126,8 @@
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
.navds-tabs__tabpanel:focus-visible {
|
|
129
|
-
outline:
|
|
130
|
-
outline-offset: -
|
|
129
|
+
outline: 3px solid var(--ax-border-focus);
|
|
130
|
+
outline-offset: -4px;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
@media (forced-colors: active) {
|
|
@@ -64,11 +64,11 @@
|
|
|
64
64
|
|
|
65
65
|
.navds-timeline__period:focus-visible {
|
|
66
66
|
z-index: 4;
|
|
67
|
-
outline:
|
|
68
|
-
outline-offset:
|
|
67
|
+
outline: 3px solid var(--ax-border-focus);
|
|
68
|
+
outline-offset: 3px;
|
|
69
69
|
|
|
70
70
|
&& {
|
|
71
|
-
box-shadow: 0 0 0
|
|
71
|
+
box-shadow: 0 0 0 3px var(--ax-bg-default);
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
|
|
@@ -237,9 +237,9 @@
|
|
|
237
237
|
&:focus-visible {
|
|
238
238
|
box-shadow:
|
|
239
239
|
inset 0 0 0 4px var(--ax-border-danger-strong),
|
|
240
|
-
0 0 0
|
|
241
|
-
outline:
|
|
242
|
-
outline-offset:
|
|
240
|
+
0 0 0 3px var(--ax-bg-default);
|
|
241
|
+
outline: 3px solid var(--ax-border-focus);
|
|
242
|
+
outline-offset: 3px;
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
245
|
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
.navds-timeline__zoom-button:focus-visible {
|
|
299
299
|
box-shadow:
|
|
300
300
|
0 0 0 1px var(--ax-bg-default),
|
|
301
|
-
0 0 0
|
|
301
|
+
0 0 0 4px var(--ax-border-focus);
|
|
302
302
|
border-width: 1px;
|
|
303
303
|
}
|
|
304
304
|
|
|
@@ -323,8 +323,8 @@
|
|
|
323
323
|
|
|
324
324
|
@media (forced-colors: active) {
|
|
325
325
|
.navds-timeline__period:focus {
|
|
326
|
-
outline:
|
|
327
|
-
outline-offset:
|
|
326
|
+
outline: 3px solid highlight;
|
|
327
|
+
outline-offset: 3px;
|
|
328
328
|
}
|
|
329
329
|
|
|
330
330
|
.navds-timeline__period--success,
|
|
@@ -350,7 +350,7 @@
|
|
|
350
350
|
.navds-timeline__pin-button:focus,
|
|
351
351
|
.navds-timeline__pin-button:focus-visible {
|
|
352
352
|
outline: 4px solid highlight;
|
|
353
|
-
outline-offset:
|
|
353
|
+
outline-offset: 3px;
|
|
354
354
|
box-shadow: none;
|
|
355
355
|
}
|
|
356
356
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
/* Main Togglegroup */
|
|
12
12
|
.navds-toggle-group {
|
|
13
|
-
border-radius: var(--ax-border-radius-
|
|
13
|
+
border-radius: var(--ax-border-radius-large);
|
|
14
14
|
background-color: transparent;
|
|
15
15
|
box-shadow: inset 0 0 0 1px var(--ax-border-default);
|
|
16
16
|
display: inline-grid;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
cursor: pointer;
|
|
31
31
|
background-color: transparent;
|
|
32
32
|
color: var(--ax-text-default);
|
|
33
|
-
border-radius: var(--ax-border-radius-
|
|
33
|
+
border-radius: var(--ax-border-radius-large);
|
|
34
34
|
min-width: fit-content;
|
|
35
35
|
position: relative;
|
|
36
36
|
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
&:focus-visible {
|
|
43
|
-
outline:
|
|
44
|
-
outline-offset:
|
|
43
|
+
outline: 3px solid var(--ax-border-focus);
|
|
44
|
+
outline-offset: 3px;
|
|
45
45
|
z-index: 1;
|
|
46
46
|
}
|
|
47
47
|
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
font-size: var(--ax-font-size-heading-2xlarge);
|
|
9
9
|
letter-spacing: -0.01em;
|
|
10
10
|
line-height: var(--ax-font-line-height-heading-2xlarge);
|
|
11
|
+
font-weight: 650;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
.navds-heading--xlarge.navds-typo--spacing {
|
|
@@ -18,6 +19,7 @@
|
|
|
18
19
|
font-size: var(--ax-font-size-heading-xlarge);
|
|
19
20
|
letter-spacing: -0.008em;
|
|
20
21
|
line-height: var(--ax-font-line-height-heading-xlarge);
|
|
22
|
+
font-weight: 650;
|
|
21
23
|
}
|
|
22
24
|
|
|
23
25
|
.navds-heading--large.navds-typo--spacing {
|
|
@@ -51,6 +53,7 @@
|
|
|
51
53
|
font-size: var(--ax-font-size-heading-medium);
|
|
52
54
|
letter-spacing: -0.002em;
|
|
53
55
|
line-height: var(--ax-font-line-height-heading-medium);
|
|
56
|
+
font-weight: 650;
|
|
54
57
|
}
|
|
55
58
|
|
|
56
59
|
.navds-heading--medium.navds-typo--spacing {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-alert{align-items:center;border:1px solid;border-radius:var(--a-border-radius-medium);display:flex;gap:var(--a-spacing-3);padding:var(--a-spacing-4)}.navds-alert--small.navds-alert--close-button{align-items:flex-start}.navds-alert__wrapper--maxwidth{max-width:43.5rem}.navds-alert--close-button>.navds-alert__wrapper{margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__wrapper{margin-block-start:var(--a-spacing-1)}.navds-alert--small{gap:var(--a-spacing-2);padding:var(--a-spacing-2) var(--a-spacing-4)}.navds-alert--full-width{border-radius:0}.navds-alert>.navds-alert__icon{align-self:flex-start;background:radial-gradient(circle,var(--a-surface-default) 47%,0,#0000);flex-shrink:0;font-size:1.5rem;height:var(--a-font-line-height-xlarge)}.navds-alert--small>.navds-alert__icon{height:var(--a-font-line-height-large);margin-block-start:0}.navds-alert--close-button>.navds-alert__icon{margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__icon{margin-block-start:var(--a-spacing-1)}.navds-alert--error{background-color:var(--ac-alert-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-alert-error-border,var(--a-border-danger))}.navds-alert--error>.navds-alert__icon{color:var(--ac-alert-icon-error-color,var(--a-icon-danger))}.navds-alert--warning{background-color:var(--ac-alert-warning-bg,var(--a-surface-warning-subtle));border-color:var(--ac-alert-warning-border,var(--a-border-warning))}.navds-alert--warning>.navds-alert__icon{background:radial-gradient(circle at 50% 57%,var(--a-surface-default) 30%,0,#0000);color:var(--ac-alert-icon-warning-color,var(--a-icon-warning))}.navds-alert--info{background-color:var(--ac-alert-info-bg,var(--a-surface-info-subtle));border-color:var(--ac-alert-info-border,var(--a-border-info))}.navds-alert--info>.navds-alert__icon{color:var(--ac-alert-icon-info-color,var(--a-icon-info))}.navds-alert--success{background-color:var(--ac-alert-success-bg,var(--a-surface-success-subtle));border-color:var(--ac-alert-success-border,var(--a-border-success))}.navds-alert--success>.navds-alert__icon{color:var(--ac-alert-icon-success-color,var(--a-icon-success))}.navds-alert--inline{background-color:initial;border:none;padding:0}.navds-alert__button-wrapper{align-self:flex-start;display:flex;flex:1;flex-flow:row nowrap;justify-content:flex-end}@media (forced-colors:active){.navds-alert{background-color:canvas;border:1px solid canvastext;color:initial}}
|
|
1
|
+
.navds-alert{align-items:center;border:1px solid;border-radius:var(--a-border-radius-medium);display:flex;gap:var(--a-spacing-3);padding:var(--a-spacing-4)}.navds-alert--small.navds-alert--close-button{align-items:flex-start}.navds-alert__wrapper--maxwidth{max-width:43.5rem}.navds-alert--close-button>.navds-alert__wrapper{-webkit-margin-before:var(--a-spacing-05);margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__wrapper{-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-alert--small{gap:var(--a-spacing-2);padding:var(--a-spacing-2) var(--a-spacing-4)}.navds-alert--full-width{border-radius:0}.navds-alert>.navds-alert__icon{align-self:flex-start;background:radial-gradient(circle,var(--a-surface-default) 47%,0,#0000);flex-shrink:0;font-size:1.5rem;height:var(--a-font-line-height-xlarge)}.navds-alert--small>.navds-alert__icon{-webkit-margin-before:0;height:var(--a-font-line-height-large);margin-block-start:0}.navds-alert--close-button>.navds-alert__icon{-webkit-margin-before:var(--a-spacing-05);margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__icon{-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-alert--error{background-color:var(--ac-alert-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-alert-error-border,var(--a-border-danger))}.navds-alert--error>.navds-alert__icon{color:var(--ac-alert-icon-error-color,var(--a-icon-danger))}.navds-alert--warning{background-color:var(--ac-alert-warning-bg,var(--a-surface-warning-subtle));border-color:var(--ac-alert-warning-border,var(--a-border-warning))}.navds-alert--warning>.navds-alert__icon{background:radial-gradient(circle at 50% 57%,var(--a-surface-default) 30%,0,#0000);color:var(--ac-alert-icon-warning-color,var(--a-icon-warning))}.navds-alert--info{background-color:var(--ac-alert-info-bg,var(--a-surface-info-subtle));border-color:var(--ac-alert-info-border,var(--a-border-info))}.navds-alert--info>.navds-alert__icon{color:var(--ac-alert-icon-info-color,var(--a-icon-info))}.navds-alert--success{background-color:var(--ac-alert-success-bg,var(--a-surface-success-subtle));border-color:var(--ac-alert-success-border,var(--a-border-success))}.navds-alert--success>.navds-alert__icon{color:var(--ac-alert-icon-success-color,var(--a-icon-success))}.navds-alert--inline{background-color:initial;border:none;padding:0}.navds-alert__button-wrapper{align-self:flex-start;display:flex;flex:1;flex-flow:row nowrap;justify-content:flex-end}@media (forced-colors:active){.navds-alert{background-color:canvas;border:1px solid canvastext;color:initial}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-chat{align-items:flex-end;display:flex;gap:var(--a-spacing-3);max-width:40.75rem}.navds-chat--right{flex-direction:row-reverse}.navds-chat__bubble-wrapper{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat__avatar{align-items:center;background-color:var(--ac-chat-avatar-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-full);box-shadow:var(--a-shadow-xsmall);color:var(--ac-chat-avatar-color,var(--a-text-default));display:flex;flex-shrink:0;font-size:1.06rem;height:2.5rem;justify-content:center;letter-spacing:.024rem;line-height:2.5rem;overflow:hidden;width:2.5rem}.navds-chat__avatar svg{align-self:center;max-height:1.5rem;max-width:1.5rem;width:100%}.navds-chat__bubble{background-color:var(--ac-chat-bubble-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-xlarge);border-bottom-left-radius:2px;box-shadow:var(--a-shadow-xsmall);display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4);width:fit-content}.navds-chat--right .navds-chat__bubble{border-radius:var(--a-border-radius-xlarge);border-bottom-right-radius:2px}.navds-chat--small .navds-chat__bubble{padding:var(--a-spacing-3)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--a-surface-info-subtle)}.navds-chat--subtle .navds-chat__avatar,.navds-chat--subtle .navds-chat__bubble{background-color:var(--a-surface-default)}.navds-chat__top-text{align-items:baseline;color:var(--ac-chat-top-text,var(--a-text-default));display:flex;font-weight:400;gap:var(--a-spacing-2);margin:0}.navds-chat--right .navds-chat__top-text{align-self:flex-end}.navds-chat--top-text-left .navds-chat__top-text{align-self:flex-start}.navds-chat--left .navds-chat__top-text--right,.navds-chat--top-text-right .navds-chat__top-text{align-self:flex-end}.navds-chat--right .navds-chat__top-text--left{align-self:flex-start}@media (forced-colors:active){.navds-chat__avatar,.navds-chat__bubble{background-color:canvas;border:1px solid canvastext;color:initial}.navds-chat__avatar svg{forced-color-adjust:none}}
|
|
1
|
+
.navds-chat{align-items:flex-end;display:flex;gap:var(--a-spacing-3);max-width:40.75rem}.navds-chat--right{flex-direction:row-reverse}.navds-chat__bubble-wrapper{display:flex;flex-direction:column;gap:var(--a-spacing-3);list-style:none;margin:0;padding:0}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat__avatar{align-items:center;background-color:var(--ac-chat-avatar-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-full);box-shadow:var(--a-shadow-xsmall);color:var(--ac-chat-avatar-color,var(--a-text-default));display:flex;flex-shrink:0;font-size:1.06rem;height:2.5rem;justify-content:center;letter-spacing:.024rem;line-height:2.5rem;overflow:hidden;width:2.5rem}.navds-chat__avatar svg{align-self:center;max-height:1.5rem;max-width:1.5rem;width:100%}.navds-chat__bubble{background-color:var(--ac-chat-bubble-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-xlarge);border-bottom-left-radius:2px;box-shadow:var(--a-shadow-xsmall);display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4);width:-webkit-fit-content;width:fit-content}.navds-chat--right .navds-chat__bubble{border-radius:var(--a-border-radius-xlarge);border-bottom-right-radius:2px}.navds-chat--small .navds-chat__bubble{padding:var(--a-spacing-3)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--a-surface-info-subtle)}.navds-chat--subtle .navds-chat__avatar,.navds-chat--subtle .navds-chat__bubble{background-color:var(--a-surface-default)}.navds-chat__top-text{align-items:baseline;color:var(--ac-chat-top-text,var(--a-text-default));display:flex;font-weight:400;gap:var(--a-spacing-2);margin:0}.navds-chat--right .navds-chat__top-text{align-self:flex-end}.navds-chat--top-text-left .navds-chat__top-text{align-self:flex-start}.navds-chat--left .navds-chat__top-text--right,.navds-chat--top-text-right .navds-chat__top-text{align-self:flex-end}.navds-chat--right .navds-chat__top-text--left{align-self:flex-start}@media (forced-colors:active){.navds-chat__avatar,.navds-chat__bubble{background-color:canvas;border:1px solid canvastext;color:initial}.navds-chat__avatar svg{forced-color-adjust:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-date{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-date .rdp-day_range_middle.rdp-day_disabled{background:var(--ac-date-middle-bg,var(--a-surface-action-selected));color:var(--ac-date-middle-text,var(--a-text-on-action))}.navds-date .rdp-month,.navds-date.rdp-month{display:grid;gap:var(--a-spacing-5)}.navds-date__caption-label{text-transform:capitalize}.navds-date .rdp-head_cell{font-size:var(--a-font-size-small);text-transform:capitalize}.navds-date .rdp-weeknumber{align-items:center;border-radius:var(--a-border-radius-medium);display:flex;justify-content:center;margin:var(--a-spacing-2)}.navds-date .rdp-weeknumber,.navds-date .rdp-weeknumber.rdp-button{color:var(--a-text-subtle);font-size:var(--a-font-size-small);height:2rem;width:2rem}.navds-date .rdp-weeknumber.rdp-button{box-shadow:0 0 0 1px var(--a-border-default)}.navds-date .rdp-weeknumber.rdp-button:active{background-color:var(--a-surface-action-active);box-shadow:none;color:var(--a-text-on-action)}.navds-date__caption__month .navds-select__container select{text-transform:capitalize}.navds-date .rdp-button{all:unset;border-radius:var(--a-border-radius-medium);display:block;height:2.5rem;text-align:center;width:2.5rem}.navds-date .rdp-day_range_start{border-radius:var(--a-border-radius-xlarge) var(--a-border-radius-medium) var(--a-border-radius-medium) var(--a-border-radius-xlarge)}.navds-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--a-border-radius-medium) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge) var(--a-border-radius-medium)}.navds-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--a-border-radius-xlarge)}.navds-date .navds-date__month-button:not(.rdp-day_selected,[disabled]):focus-visible,.navds-date .rdp-button:not(.rdp-day_selected,[disabled]):focus-visible{box-shadow:var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button:not(.rdp-day_selected,[disabled]):focus,.navds-date .rdp-button:not(.rdp-day_selected,[disabled]):focus{box-shadow:var(--a-shadow-focus)}}.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus-visible,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-date__month-button{all:unset;border-radius:var(--a-border-radius-medium);cursor:pointer;height:3rem;text-align:center;text-transform:capitalize;width:3rem}.navds-date__month-button:focus-visible,.navds-monthpicker__caption-button:focus-visible{box-shadow:var(--a-shadow-focus);z-index:1}@supports not selector(:focus-visible){.navds-date__month-button:focus,.navds-monthpicker__caption-button:focus{box-shadow:var(--a-shadow-focus);z-index:1}}.navds-date__year-label{align-items:center;display:flex}.navds-date__standalone-wrapper,.navds-date__wrapper{height:fit-content;width:fit-content}.navds-date .navds-date__field{display:flex;flex-direction:column;position:relative;width:100%}.navds-date__field-wrapper{align-items:center;display:inline-flex;position:relative;width:fit-content}.navds-date .rdp-day_selected,.navds-monthpicker__month--selected{background:var(--ac-date-selected-bg,var(--a-surface-action-selected));color:var(--ac-date-selected-text,var(--a-text-on-action));cursor:pointer}.navds-date .rdp-day_disabled{background-color:var(--ac-date-disabled-bg,var(--a-surface-neutral-subtle));color:var(--ac-date-disabled-text,var(--a-text-subtle));cursor:not-allowed;text-decoration:line-through}.navds-date .rdp-button:where(:not(.rdp-day_selected,[disabled])):hover,.navds-date__month-button:where(:not(.rdp-day_selected,[disabled])):hover{background:var(--ac-date-hover-bg,var(--a-surface-action-subtle-hover));cursor:pointer}.navds-date .rdp-day_today{box-shadow:0 0 0 1px var(--ac-date-today-border,var(--a-border-action-selected));text-decoration:underline}.navds-date__caption{align-items:center;display:flex;gap:var(--a-spacing-1);justify-content:space-between;padding-inline:var(--a-spacing-1)}.navds-date__caption-button,.navds-date__caption-button:disabled,.navds-date__caption-button:disabled:hover{color:var(--ac-date-caption-text,var(--a-text-default))}.navds-date__field-input{padding-right:var(--a-spacing-12)}.navds-form-field--small .navds-date__field-input{padding-right:var(--a-spacing-8)}.navds-date__field--error .navds-date__field-input:not(:hover,:disabled){border-color:var(--ac-date-input-error-border,var(--a-border-danger));box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger))}.navds-date__field--error .navds-date__field-input:focus-visible:not(:hover,:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date__field--error .navds-date__field-input:focus:not(:hover,:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-date__field-button{align-items:center;background:none;border:none;border-radius:calc(var(--a-border-radius-medium) - 1px);border-end-start-radius:0;border-start-start-radius:0;color:var(--ac-date-input-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-size:1.5rem;height:calc(100% - .125rem);justify-content:center;margin:0;padding:var(--a-spacing-3);position:absolute;right:.0625rem;text-decoration:none;top:50%;transform:translateY(-50%)}.navds-form-field--small .navds-date__field-button{padding:var(--a-spacing-1)}.navds-date__field-button:hover:where(:not([disabled])){background-color:var(--ac-date-input-button-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-date-input-button-hover-text,var(--a-text-action-on-action-subtle))}.navds-form-field--disabled .navds-date__field-button{cursor:not-allowed;opacity:1}.navds-date__field-button:focus-visible{border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-date__field-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-date__caption__year{width:5rem}.navds-date .rdp-day_outside{pointer-events:none;visibility:hidden}.navds-date__field--readonly .navds-date__field-button{color:var(--a-gray-500);cursor:default}.navds-date__caption-button{height:2rem;width:2rem}.navds-date__week-row{align-items:center;display:flex;gap:var(--a-spacing-05)}.navds-date__week-wrapper{align-items:center;display:flex;justify-content:center;margin:0;width:2.5rem}.navds-date__modal.navds-date{padding:0}.navds-date__modal-body{align-items:flex-end;display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4)}.navds-date__modal-body>.navds-date{padding:0}.navds-date__popover:where(.navds-popover){border:none}@media (min-width:480px){.navds-date{padding:var(--a-spacing-5) var(--a-spacing-4)}.navds-date__modal-body{padding:var(--a-spacing-6)}.navds-date__caption{gap:var(--a-spacing-2)}.navds-date .rdp-button,.navds-date__caption-button{height:3rem;width:3rem}}
|
|
1
|
+
.navds-date{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-date .rdp-day_range_middle.rdp-day_disabled{background:var(--ac-date-middle-bg,var(--a-surface-action-selected));color:var(--ac-date-middle-text,var(--a-text-on-action))}.navds-date .rdp-month,.navds-date.rdp-month{display:grid;gap:var(--a-spacing-5)}.navds-date__caption-label{text-transform:capitalize}.navds-date .rdp-head_cell{font-size:var(--a-font-size-small);text-transform:capitalize}.navds-date .rdp-weeknumber{align-items:center;border-radius:var(--a-border-radius-medium);display:flex;justify-content:center;margin:var(--a-spacing-2)}.navds-date .rdp-weeknumber,.navds-date .rdp-weeknumber.rdp-button{color:var(--a-text-subtle);font-size:var(--a-font-size-small);height:2rem;width:2rem}.navds-date .rdp-weeknumber.rdp-button{box-shadow:0 0 0 1px var(--a-border-default)}.navds-date .rdp-weeknumber.rdp-button:active{background-color:var(--a-surface-action-active);box-shadow:none;color:var(--a-text-on-action)}.navds-date__caption__month .navds-select__container select{text-transform:capitalize}.navds-date .rdp-button{all:unset;border-radius:var(--a-border-radius-medium);display:block;height:2.5rem;text-align:center;width:2.5rem}.navds-date .rdp-day_range_start{border-radius:var(--a-border-radius-xlarge) var(--a-border-radius-medium) var(--a-border-radius-medium) var(--a-border-radius-xlarge)}.navds-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--a-border-radius-medium) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge) var(--a-border-radius-medium)}.navds-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--a-border-radius-xlarge)}.navds-date .navds-date__month-button:not(.rdp-day_selected,[disabled]):focus-visible,.navds-date .rdp-button:not(.rdp-day_selected,[disabled]):focus-visible{box-shadow:var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button:not(.rdp-day_selected,[disabled]):focus,.navds-date .rdp-button:not(.rdp-day_selected,[disabled]):focus{box-shadow:var(--a-shadow-focus)}}.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus-visible,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date .navds-date__month-button.rdp-day_selected:not([disabled]):focus,.navds-date .rdp-button.rdp-day_selected:not([disabled]):focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-date__month-button{all:unset;border-radius:var(--a-border-radius-medium);cursor:pointer;height:3rem;text-align:center;text-transform:capitalize;width:3rem}.navds-date__month-button:focus-visible,.navds-monthpicker__caption-button:focus-visible{box-shadow:var(--a-shadow-focus);z-index:1}@supports not selector(:focus-visible){.navds-date__month-button:focus,.navds-monthpicker__caption-button:focus{box-shadow:var(--a-shadow-focus);z-index:1}}.navds-date__year-label{align-items:center;display:flex}.navds-date__standalone-wrapper,.navds-date__wrapper{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.navds-date .navds-date__field{display:flex;flex-direction:column;position:relative;width:100%}.navds-date__field-wrapper{align-items:center;display:inline-flex;position:relative;width:-webkit-fit-content;width:fit-content}.navds-date .rdp-day_selected,.navds-monthpicker__month--selected{background:var(--ac-date-selected-bg,var(--a-surface-action-selected));color:var(--ac-date-selected-text,var(--a-text-on-action));cursor:pointer}.navds-date .rdp-day_disabled{background-color:var(--ac-date-disabled-bg,var(--a-surface-neutral-subtle));color:var(--ac-date-disabled-text,var(--a-text-subtle));cursor:not-allowed;text-decoration:line-through}.navds-date .rdp-button:where(:not(.rdp-day_selected,[disabled])):hover,.navds-date__month-button:where(:not(.rdp-day_selected,[disabled])):hover{background:var(--ac-date-hover-bg,var(--a-surface-action-subtle-hover));cursor:pointer}.navds-date .rdp-day_today{box-shadow:0 0 0 1px var(--ac-date-today-border,var(--a-border-action-selected));text-decoration:underline}.navds-date__caption{align-items:center;display:flex;gap:var(--a-spacing-1);justify-content:space-between;padding-inline:var(--a-spacing-1)}.navds-date__caption-button,.navds-date__caption-button:disabled,.navds-date__caption-button:disabled:hover{color:var(--ac-date-caption-text,var(--a-text-default))}.navds-date__field-input{padding-right:var(--a-spacing-12)}.navds-form-field--small .navds-date__field-input{padding-right:var(--a-spacing-8)}.navds-date__field--error .navds-date__field-input:not(:hover,:disabled){border-color:var(--ac-date-input-error-border,var(--a-border-danger));box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger))}.navds-date__field--error .navds-date__field-input:focus-visible:not(:hover,:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-date__field--error .navds-date__field-input:focus:not(:hover,:disabled){box-shadow:inset 0 0 0 1px var(--ac-date-input-error-border,var(--a-border-danger)),var(--a-shadow-focus)}}.navds-date__field-button{align-items:center;background:none;border:none;border-radius:calc(var(--a-border-radius-medium) - 1px);border-end-start-radius:0;border-start-start-radius:0;color:var(--ac-date-input-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-size:1.5rem;height:calc(100% - .125rem);justify-content:center;margin:0;padding:var(--a-spacing-3);position:absolute;right:.0625rem;text-decoration:none;top:50%;transform:translateY(-50%)}.navds-form-field--small .navds-date__field-button{padding:var(--a-spacing-1)}.navds-date__field-button:hover:where(:not([disabled])){background-color:var(--ac-date-input-button-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-date-input-button-hover-text,var(--a-text-action-on-action-subtle))}.navds-form-field--disabled .navds-date__field-button{cursor:not-allowed;opacity:1}.navds-date__field-button:focus-visible{border-radius:var(--a-border-radius-medium);box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-date__field-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-date__caption__year{width:5rem}.navds-date .rdp-day_outside{pointer-events:none;visibility:hidden}.navds-date__field--readonly .navds-date__field-button{color:var(--a-gray-500);cursor:default}.navds-date__caption-button{height:2rem;width:2rem}.navds-date__week-row{align-items:center;display:flex;gap:var(--a-spacing-05)}.navds-date__week-wrapper{align-items:center;display:flex;justify-content:center;margin:0;width:2.5rem}.navds-date__modal.navds-date{padding:0}.navds-date__modal-body{align-items:flex-end;display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4)}.navds-date__modal-body>.navds-date{padding:0}.navds-date__popover:where(.navds-popover){border:none}@media (min-width:480px){.navds-date{padding:var(--a-spacing-5) var(--a-spacing-4)}.navds-date__modal-body{padding:var(--a-spacing-6)}.navds-date__caption{gap:var(--a-spacing-2)}.navds-date .rdp-button,.navds-date__caption-button{height:3rem;width:3rem}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.navds-expansioncard{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-color,var(--a-border-default));--__ac-expansioncard-border-radius:var(--ac-expansioncard-border-radius,var(--a-border-radius-large));--__ac-expansioncard-border-width:1px;--__ac-expansioncard-padding-block:var(--a-spacing-4);--__ac-expansioncard-padding-inline:var(--a-spacing-6);background-color:var(--ac-expansioncard-bg,var(--a-surface-default));border-radius:var(--__ac-expansioncard-border-radius);height:fit-content}.navds-expansioncard--open{--__ac-expansioncard-border-color:var(
|
|
1
|
+
.navds-expansioncard{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-color,var(--a-border-default));--__ac-expansioncard-border-radius:var(--ac-expansioncard-border-radius,var(--a-border-radius-large));--__ac-expansioncard-border-width:1px;--__ac-expansioncard-padding-block:var(--a-spacing-4);--__ac-expansioncard-padding-inline:var(--a-spacing-6);background-color:var(--ac-expansioncard-bg,var(--a-surface-default));border-radius:var(--__ac-expansioncard-border-radius);height:-webkit-fit-content;height:fit-content}.navds-expansioncard--open{--__ac-expansioncard-border-color:var(
|
|
2
2
|
--ac-expansioncard-border-open-color,var(--ac-expansioncard-border-color,var(--a-border-default))
|
|
3
|
-
)}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline);position:relative;width:100%}.navds-expansioncard--small{--__ac-expansioncard-padding-block:var(--a-spacing-3);--__ac-expansioncard-padding-inline:var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header):after{background-color:var(--a-border-divider);bottom:0;content:"";height:1px;left:var(--__ac-expansioncard-padding-inline);opacity:1;position:absolute;transition:opacity .1s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - var(--__ac-expansioncard-padding-inline)*2)}.navds-expansioncard--open>:where(.navds-expansioncard__header:hover):after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small>:where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background:#0000;border:none;border-radius:var(--ac-expansioncard-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;font-size:1.5rem;margin:0;min-height:3rem;min-width:3rem;place-content:center}.navds-expansioncard--small>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button){min-height:2rem;min-width:2rem}:where(.navds-expansioncard__header):hover>:where(.navds-expansioncard__header-button){background-color:var(--a-surface-hover)}.navds-expansioncard__header-chevron{transition:transform .15s ease-in-out}.navds-expansioncard--open>:where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron){transform:translateY(0) rotate(180deg)}.navds-expansioncard__header-button:hover>:where(.navds-expansioncard__header-chevron){transform:translateY(1px)}.navds-expansioncard__header-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}@supports not selector(:focus-visible){.navds-expansioncard__header-button:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}}.navds-expansioncard--open>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron){transform:translateY(-1px) rotate(180deg)}.navds-expansioncard__header-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-5);border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-end-end-radius:var(--__ac-expansioncard-border-radius);border-end-start-radius:var(--__ac-expansioncard-border-radius);border-top:none;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline) var(--__ac-expansioncard-padding-inline)}.navds-expansioncard--small .navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-4)}.navds-expansioncard__content--closed{display:none}:where(.navds-expansioncard__header):hover+.navds-expansioncard__content{box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__content-inner{animation:fadeExpansionCard .25s ease}.navds-expansioncard--no-animation :where(.navds-expansioncard__content-inner){animation:none}@keyframes fadeExpansionCard{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-expansioncard:hover{--__ac-expansioncard-border-color:highlight;outline:1px solid highlight}}
|
|
3
|
+
)}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline);position:relative;width:100%}.navds-expansioncard--small{--__ac-expansioncard-padding-block:var(--a-spacing-3);--__ac-expansioncard-padding-inline:var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header):after{background-color:var(--a-border-divider);bottom:0;content:"";height:1px;left:var(--__ac-expansioncard-padding-inline);opacity:1;position:absolute;transition:opacity .1s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - var(--__ac-expansioncard-padding-inline)*2)}.navds-expansioncard--open>:where(.navds-expansioncard__header:hover):after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small>:where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background:#0000;border:none;border-radius:var(--ac-expansioncard-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;font-size:1.5rem;margin:0;min-height:3rem;min-width:3rem;padding:0;place-content:center}.navds-expansioncard--small>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button){min-height:2rem;min-width:2rem}:where(.navds-expansioncard__header):hover>:where(.navds-expansioncard__header-button){background-color:var(--a-surface-hover)}.navds-expansioncard__header-chevron{transition:transform .15s ease-in-out}.navds-expansioncard--open>:where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron){transform:translateY(0) rotate(180deg)}.navds-expansioncard__header-button:hover>:where(.navds-expansioncard__header-chevron){transform:translateY(1px)}.navds-expansioncard__header-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}@supports not selector(:focus-visible){.navds-expansioncard__header-button:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}}.navds-expansioncard--open>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron){transform:translateY(-1px) rotate(180deg)}.navds-expansioncard__header-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-5);border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-end-end-radius:var(--__ac-expansioncard-border-radius);border-end-start-radius:var(--__ac-expansioncard-border-radius);border-top:none;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline) var(--__ac-expansioncard-padding-inline)}.navds-expansioncard--small .navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-4)}.navds-expansioncard__content--closed{display:none}:where(.navds-expansioncard__header):hover+.navds-expansioncard__content{box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__content-inner{animation:fadeExpansionCard .25s ease}.navds-expansioncard--no-animation :where(.navds-expansioncard__content-inner){animation:none}@keyframes fadeExpansionCard{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-expansioncard:hover{--__ac-expansioncard-border-color:highlight;outline:1px solid highlight}}
|
package/dist/component/form.css
CHANGED
|
@@ -487,6 +487,10 @@ li.navds-file-item {
|
|
|
487
487
|
0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action-hover)),
|
|
488
488
|
0 0 0 4px var(--a-border-focus);
|
|
489
489
|
}
|
|
490
|
+
/* Temp-fix to remove new darkside indeterminate node */
|
|
491
|
+
.navds-checkbox__icon-indeterminate {
|
|
492
|
+
display: none;
|
|
493
|
+
}
|
|
490
494
|
.navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
|
|
491
495
|
content: "";
|
|
492
496
|
position: absolute;
|