@navikt/ds-css 7.32.3 → 7.32.5
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/bundle.darkside.ts +2 -2
- package/config/tests/bundle.test.ts +1 -1
- package/darkside/modal.darkside.css +0 -4
- package/darkside/typography.darkside.css +1 -1
- package/dist/component/modal.css +1 -29
- package/dist/component/typography.css +1 -1
- package/dist/component/typography.min.css +1 -1
- package/dist/components.css +3 -1
- package/dist/components.min.css +1 -1
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/internalheader.min.css +1 -1
- package/dist/darkside/component/loader.min.css +1 -1
- package/dist/darkside/component/modal.css +0 -4
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/popover.min.css +1 -1
- package/dist/darkside/component/primitives.min.css +1 -1
- package/dist/darkside/component/process.min.css +1 -1
- package/dist/darkside/component/progressbar.min.css +1 -1
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/tooltip.min.css +1 -1
- package/dist/darkside/component/typography.css +1 -1
- package/dist/darkside/component/typography.min.css +1 -1
- package/dist/darkside/components.css +1 -5
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/baseline.min.css +1 -1
- package/dist/darkside/global/tokens.css +1 -1
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +2 -6
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/7.32.5/component/accordion.min.css +1 -0
- package/dist/darkside/version/7.32.5/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/button.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/chips.min.css +1 -1
- package/dist/darkside/version/7.32.5/component/date.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/dropdown.min.css +1 -1
- package/dist/darkside/version/7.32.5/component/form.min.css +1 -0
- package/dist/darkside/version/7.32.5/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/helptext.min.css +1 -1
- package/dist/darkside/version/7.32.5/component/internalheader.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/loader.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/modal.css +0 -4
- package/dist/darkside/version/7.32.5/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/popover.min.css +1 -1
- package/dist/darkside/version/7.32.5/component/primitives.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/process.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/progressbar.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/readmore.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/skeleton.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/stepper.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/tabs.min.css +1 -1
- package/dist/darkside/version/7.32.5/component/tag.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/timeline.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/togglegroup.min.css +1 -1
- package/dist/darkside/version/7.32.5/component/tooltip.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/component/typography.css +1 -1
- package/dist/darkside/version/7.32.5/component/typography.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/components.css +1 -5
- package/dist/darkside/version/7.32.5/components.min.css +1 -0
- package/dist/darkside/version/7.32.5/global/baseline.min.css +1 -0
- package/dist/darkside/version/{7.32.3 → 7.32.5}/global/tokens.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/global/tokens.min.css +1 -1
- package/dist/darkside/version/{7.32.3 → 7.32.5}/index.css +2 -6
- package/dist/darkside/version/7.32.5/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +4 -2
- package/dist/index.min.css +2 -2
- package/modal.css +1 -0
- package/package.json +4 -4
- package/typography.css +1 -1
- package/dist/darkside/version/7.32.3/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/alert.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/date.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/form.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/internalheader.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/modal.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/primitives.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/tag.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/tooltip.min.css +0 -1
- package/dist/darkside/version/7.32.3/component/typography.min.css +0 -1
- package/dist/darkside/version/7.32.3/components.min.css +0 -1
- package/dist/darkside/version/7.32.3/global/baseline.min.css +0 -1
- package/dist/darkside/version/7.32.3/index.min.css +0 -1
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/accordion.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/actionmenu.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/actionmenu.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/alert.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/button.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/chat.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/chat.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/chips.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/date.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/dropdown.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/expansioncard.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/expansioncard.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/form.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/guidepanel.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/helptext.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/link.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/linkanchor.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/linkanchor.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/linkcard.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/linkcard.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/linkpanel.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/linkpanel.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/list.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/process.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/readmore.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/stepper.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/table.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/table.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/tag.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/timeline.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/togglegroup.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/global/print.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.32.3 → 7.32.5}/global/reset.min.css +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import browserslist from "browserslist";
|
|
2
2
|
import esbuild from "esbuild";
|
|
3
3
|
import fastglob from "fast-glob";
|
|
4
|
-
import fs from "fs";
|
|
5
4
|
import { Features, browserslistToTargets, bundleAsync } from "lightningcss";
|
|
6
|
-
import
|
|
5
|
+
import fs from "node:fs";
|
|
6
|
+
import path from "node:path";
|
|
7
7
|
import {
|
|
8
8
|
StyleMappings,
|
|
9
9
|
componentsCss,
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
.aksel-body-short--large {
|
|
142
142
|
font-size: var(--ax-font-size-xlarge);
|
|
143
143
|
letter-spacing: -0.0013em;
|
|
144
|
-
line-height: var(--ax-font-line-height-
|
|
144
|
+
line-height: var(--ax-font-line-height-xlarge);
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.aksel-body-short--large.aksel-typo--spacing {
|
package/dist/component/modal.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
/* TODO: Remove in v8 */
|
|
1
2
|
.navds-modal__document-body {
|
|
2
3
|
overflow: hidden;
|
|
3
4
|
}
|
|
4
|
-
|
|
5
5
|
.navds-modal {
|
|
6
6
|
--__ac-modal-bg: var(--ac-modal-bg, var(--a-surface-default));
|
|
7
7
|
|
|
@@ -20,13 +20,11 @@
|
|
|
20
20
|
inset: 0;
|
|
21
21
|
z-index: 9999;
|
|
22
22
|
}
|
|
23
|
-
|
|
24
23
|
.navds-modal[open] {
|
|
25
24
|
display: flex;
|
|
26
25
|
flex-direction: column;
|
|
27
26
|
animation: akselModalFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
|
|
28
27
|
}
|
|
29
|
-
|
|
30
28
|
.navds-modal--polyfilled {
|
|
31
29
|
top: 50%;
|
|
32
30
|
bottom: unset; /* Overrides inset: 0 from .navds-modal */
|
|
@@ -39,15 +37,12 @@
|
|
|
39
37
|
height: fit-content;
|
|
40
38
|
margin: auto;
|
|
41
39
|
}
|
|
42
|
-
|
|
43
40
|
.navds-modal--polyfilled .navds-modal--polyfilled {
|
|
44
41
|
overflow: auto;
|
|
45
42
|
}
|
|
46
|
-
|
|
47
43
|
.navds-modal--polyfilled:not([open]) {
|
|
48
44
|
display: none; /* from polyfill */
|
|
49
45
|
}
|
|
50
|
-
|
|
51
46
|
._dialog_overlay {
|
|
52
47
|
/* From polyfill */
|
|
53
48
|
position: fixed;
|
|
@@ -57,15 +52,12 @@
|
|
|
57
52
|
/* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
|
|
58
53
|
left: 0;
|
|
59
54
|
}
|
|
60
|
-
|
|
61
55
|
.navds-modal--small {
|
|
62
56
|
width: var(--ac-modal-width-small, 450px);
|
|
63
57
|
}
|
|
64
|
-
|
|
65
58
|
.navds-modal--medium {
|
|
66
59
|
width: var(--ac-modal-width-medium, 700px);
|
|
67
60
|
}
|
|
68
|
-
|
|
69
61
|
@media (min-width: 480px) {
|
|
70
62
|
.navds-modal {
|
|
71
63
|
max-width: calc(100% - 2em);
|
|
@@ -75,7 +67,6 @@
|
|
|
75
67
|
max-width: min(700px, calc(100% - 2em));
|
|
76
68
|
}
|
|
77
69
|
}
|
|
78
|
-
|
|
79
70
|
@media (min-height: 480px) {
|
|
80
71
|
.navds-modal {
|
|
81
72
|
max-height: calc(100% - 2em);
|
|
@@ -86,7 +77,6 @@
|
|
|
86
77
|
max-height: calc(100% - 4em);
|
|
87
78
|
}
|
|
88
79
|
}
|
|
89
|
-
|
|
90
80
|
.navds-modal::backdrop {
|
|
91
81
|
/*
|
|
92
82
|
* Cannot use --a-surface-backdrop because ::backdrop does not inherit from anything but itself.
|
|
@@ -96,7 +86,6 @@
|
|
|
96
86
|
background: var(--ac-modal-backdrop, rgb(2 20 49 / 0.49));
|
|
97
87
|
animation: akselModalBackdropFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
|
|
98
88
|
}
|
|
99
|
-
|
|
100
89
|
.navds-modal--polyfilled + .backdrop /* Cannot be combined with ::backdrop selector */ {
|
|
101
90
|
background: var(--ac-modal-backdrop, rgb(2 20 49 / 0.49));
|
|
102
91
|
|
|
@@ -108,38 +97,31 @@
|
|
|
108
97
|
/* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
|
|
109
98
|
left: 0;
|
|
110
99
|
}
|
|
111
|
-
|
|
112
100
|
.navds-modal__button {
|
|
113
101
|
margin-left: var(--a-spacing-4);
|
|
114
102
|
float: right;
|
|
115
103
|
}
|
|
116
|
-
|
|
117
104
|
.navds-modal__header {
|
|
118
105
|
padding: var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6);
|
|
119
106
|
}
|
|
120
|
-
|
|
121
107
|
.navds-modal--small .navds-modal__header {
|
|
122
108
|
padding: var(--a-spacing-4) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4);
|
|
123
109
|
}
|
|
124
|
-
|
|
125
110
|
.navds-modal__header-icon svg {
|
|
126
111
|
display: inline;
|
|
127
112
|
vertical-align: -0.25rem;
|
|
128
113
|
margin-right: var(--a-spacing-1);
|
|
129
114
|
}
|
|
130
|
-
|
|
131
115
|
.navds-modal__label {
|
|
132
116
|
font-weight: 600;
|
|
133
117
|
color: var(--a-text-subtle);
|
|
134
118
|
}
|
|
135
|
-
|
|
136
119
|
.navds-modal__body {
|
|
137
120
|
padding: var(--a-spacing-6);
|
|
138
121
|
overflow: auto;
|
|
139
122
|
overscroll-behavior: contain;
|
|
140
123
|
position: relative; /* Needed to make sr-only elements position correctly - see Storybook */
|
|
141
124
|
}
|
|
142
|
-
|
|
143
125
|
.navds-modal:not(.navds-modal--polyfilled) .navds-modal__body {
|
|
144
126
|
background:
|
|
145
127
|
linear-gradient(var(--__ac-modal-bg) 30%, transparent) top,
|
|
@@ -154,39 +136,31 @@
|
|
|
154
136
|
background-attachment: local, local, scroll, scroll;
|
|
155
137
|
background-repeat: no-repeat;
|
|
156
138
|
}
|
|
157
|
-
|
|
158
139
|
.navds-modal--small .navds-modal__body {
|
|
159
140
|
padding: var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-4);
|
|
160
141
|
}
|
|
161
|
-
|
|
162
142
|
.navds-modal__header + .navds-modal__body {
|
|
163
143
|
padding-top: var(--a-spacing-0);
|
|
164
144
|
}
|
|
165
|
-
|
|
166
145
|
.navds-modal__footer {
|
|
167
146
|
display: flex;
|
|
168
147
|
flex-flow: row-reverse wrap;
|
|
169
148
|
gap: var(--a-spacing-4);
|
|
170
149
|
padding: var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6);
|
|
171
150
|
}
|
|
172
|
-
|
|
173
151
|
.navds-modal--small .navds-modal__footer {
|
|
174
152
|
padding: var(--a-spacing-4);
|
|
175
153
|
}
|
|
176
|
-
|
|
177
154
|
.navds-modal__footer :nth-of-type(2) {
|
|
178
155
|
margin-left: auto;
|
|
179
156
|
}
|
|
180
|
-
|
|
181
157
|
/* When Datepicker is used nested inside a Modal */
|
|
182
|
-
|
|
183
158
|
.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
|
|
184
159
|
min-width: fit-content;
|
|
185
160
|
max-width: 100vw;
|
|
186
161
|
max-height: 100vh;
|
|
187
162
|
animation: none;
|
|
188
163
|
}
|
|
189
|
-
|
|
190
164
|
@keyframes akselModalFadeIn {
|
|
191
165
|
0% {
|
|
192
166
|
opacity: 0.0001; /* Safari will not set focus inside the modal when it opens if we set this to 0 */
|
|
@@ -201,7 +175,6 @@
|
|
|
201
175
|
transform: none;
|
|
202
176
|
}
|
|
203
177
|
}
|
|
204
|
-
|
|
205
178
|
@keyframes akselModalBackdropFadeIn {
|
|
206
179
|
0% {
|
|
207
180
|
opacity: 0.0001;
|
|
@@ -215,7 +188,6 @@
|
|
|
215
188
|
opacity: 1;
|
|
216
189
|
}
|
|
217
190
|
}
|
|
218
|
-
|
|
219
191
|
@media (forced-colors: active) {
|
|
220
192
|
.navds-modal {
|
|
221
193
|
outline: 2px solid transparent;
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
.navds-body-short--large {
|
|
153
153
|
font-size: var(--a-font-size-xlarge);
|
|
154
154
|
letter-spacing: -0.0013em;
|
|
155
|
-
line-height: var(--a-font-line-height-
|
|
155
|
+
line-height: var(--a-font-line-height-xlarge);
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
.navds-body-short--large.navds-typo--spacing {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-theme=dark]{--__ac-typo-error-text:var(--a-red-300);--__ac-typo-text-subtle:var(--a-gray-300)}[data-theme=light]{--__ac-typo-error-text:initial;--__ac-typo-text-subtle:initial}.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-
|
|
1
|
+
[data-theme=dark]{--__ac-typo-error-text:var(--a-red-300);--__ac-typo-text-subtle:var(--a-gray-300)}[data-theme=light]{--__ac-typo-error-text:initial;--__ac-typo-text-subtle:initial}.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-body-short--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-label{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-label--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail{font-size:var(--a-font-size-small);letter-spacing:.004em;line-height:var(--a-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--a-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-error-message{color:var(--ac-typo-error-text,var(--__ac-typo-error-text,var(--a-text-danger)))}.navds-error-message.navds-error-message--show-icon{display:flex;gap:var(--a-spacing-1)}.navds-error-message.navds-error-message--show-icon svg{flex:0 0 auto;height:1em;margin-top:.15em;width:1em}.navds-typo--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navds-typo--semibold{font-weight:var(--a-font-weight-bold)}.navds-typo--align-start{text-align:start}.navds-typo--align-center{text-align:center}.navds-typo--align-end{text-align:end}.navds-typo--visually-hidden{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;white-space:nowrap!important;width:1px!important}.navds-typo--color-subtle{color:var(--__ac-typo-text-subtle,var(--a-text-subtle))}
|
package/dist/components.css
CHANGED
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
.navds-body-short--large {
|
|
233
233
|
font-size: var(--a-font-size-xlarge);
|
|
234
234
|
letter-spacing: -0.0013em;
|
|
235
|
-
line-height: var(--a-font-line-height-
|
|
235
|
+
line-height: var(--a-font-line-height-xlarge);
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
.navds-body-short--large.navds-typo--spacing {
|
|
@@ -5235,6 +5235,8 @@ button.navds-internalheader__title:active,
|
|
|
5235
5235
|
}
|
|
5236
5236
|
}
|
|
5237
5237
|
|
|
5238
|
+
/* TODO: Remove in v8 */
|
|
5239
|
+
|
|
5238
5240
|
.navds-modal__document-body {
|
|
5239
5241
|
overflow: hidden;
|
|
5240
5242
|
}
|
package/dist/components.min.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[data-theme=dark]{--__ac-typo-error-text:var(--a-red-300);--__ac-typo-text-subtle:var(--a-gray-300);--__ac-button-primary-text:var(--a-gray-900);--__ac-button-primary-bg:var(--a-blue-200);--__ac-button-primary-focus-border:var(--a-gray-900);--__ac-button-primary-hover-bg:var(--a-blue-300);--__ac-button-primary-active-bg:var(--a-blue-400);--__ac-button-secondary-text:var(--a-white);--__ac-button-secondary-hover-text:var(--a-white);--__ac-button-secondary-active-text:var(--a-white);--__ac-button-secondary-active-focus-border:var(--a-gray-900);--__ac-button-secondary-bg:var(--a-gray-900);--__ac-button-secondary-border:var(--a-blue-200);--__ac-button-secondary-hover-bg:var(--a-gray-800);--__ac-button-secondary-focus-border:var(--a-blue-200);--__ac-button-secondary-active-bg:var(--a-gray-700);--__ac-copybutton-action-text:var(--a-blue-300);--__ac-copybutton-bg-hover:#d6e7ff21;--__ac-copybutton-icon-success:#33aa5f;--__ac-copybutton-neutral-text:#e7f0feb0;--__ac-copybutton-text:#fbfcfef5;--__ac-form-description:var(--a-text-on-inverted);--__ac-textfield-text:var(--a-text-on-inverted);--__ac-textfield-bg:var(--a-surface-inverted);--__ac-textfield-border:var(--a-border-on-inverted);--__ac-textfield-hover-border:var(--a-blue-200);--__ac-textfield-placeholder:var(--a-gray-500);--__ac-textfield-error-border:var(--a-red-300);--__ac-textarea-text:var(--a-text-on-inverted);--__ac-textarea-bg:var(--a-transparent);--__ac-textarea-border:var(--a-border-on-inverted);--__ac-textarea-hover-border:var(--a-blue-200);--__ac-textarea-placeholder:var(--a-gray-500);--__ac-textarea-error-border:var(--a-red-300);--__ac-textarea-counter-text:var(--a-gray-300);--__ac-textarea-counter-error-text:var(--a-red-300);--__ac-search-button-border:var(--a-border-on-inverted);--__ac-search-button-border-hover:var(--a-blue-200);--__ac-search-clear-icon:var(--a-white);--__ac-search-clear-icon-hover:var(--a-blue-200);--__ac-search-error-border:var(--a-red-300)}[data-theme=light]{--__ac-typo-error-text:initial;--__ac-typo-text-subtle:initial;--__ac-button-primary-text:initial;--__ac-button-primary-bg:initial;--__ac-button-primary-focus-border:initial;--__ac-button-primary-hover-bg:initial;--__ac-button-primary-active-bg:initial;--__ac-button-secondary-text:initial;--__ac-button-secondary-hover-text:initial;--__ac-button-secondary-active-text:initial;--__ac-button-secondary-active-focus-border:initial;--__ac-button-secondary-bg:initial;--__ac-button-secondary-border:initial;--__ac-button-secondary-hover-bg:initial;--__ac-button-secondary-focus-border:initial;--__ac-button-secondary-active-bg:initial;--__ac-copybutton-action-text:initial;--__ac-copybutton-bg-hover:initial;--__ac-copybutton-icon-success:initial;--__ac-copybutton-neutral-text:initial;--__ac-copybutton-text:initial;--__ac-form-description:initial;--__ac-textfield-text:initial;--__ac-textfield-bg:initial;--__ac-textfield-border:initial;--__ac-textfield-hover-border:initial;--__ac-textfield-placeholder:initial;--__ac-textfield-error-border:initial;--__ac-textarea-text:initial;--__ac-textarea-bg:initial;--__ac-textarea-border:initial;--__ac-textarea-hover-border:initial;--__ac-textarea-placeholder:initial;--__ac-textarea-error-border:initial;--__ac-textarea-counter-text:initial;--__ac-textarea-counter-error-text:initial;--__ac-search-button-border:initial;--__ac-search-button-border-hover:initial;--__ac-search-clear-icon:initial;--__ac-search-clear-icon-hover:initial;--__ac-search-error-border:initial}.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-large)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-body-short--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-label{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-label--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail{font-size:var(--a-font-size-small);letter-spacing:.004em;line-height:var(--a-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--a-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-error-message{color:var(--ac-typo-error-text,var(--__ac-typo-error-text,var(--a-text-danger)))}.navds-error-message.navds-error-message--show-icon{display:flex;gap:var(--a-spacing-1)}.navds-error-message.navds-error-message--show-icon svg{flex:0 0 auto;height:1em;margin-top:.15em;width:1em}.navds-typo--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navds-typo--semibold{font-weight:var(--a-font-weight-bold)}.navds-typo--align-start{text-align:start}.navds-typo--align-center{text-align:center}.navds-typo--align-end{text-align:end}.navds-typo--visually-hidden{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;white-space:nowrap!important;width:1px!important}.navds-typo--color-subtle{color:var(--__ac-typo-text-subtle,var(--a-text-subtle))}.navds-accordion{--__ac-accordion-header-shadow-color:var(--ac-accordion-header-border,var(--a-border-divider))}.navds-accordion__header{--__ac-accordion-header-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);align-items:flex-start;background:var(--ac-accordion-header-bg,var(--a-surface-transparent));border:none;box-shadow:var(--__ac-accordion-header-shadow);cursor:pointer;display:flex;gap:var(--a-spacing-2);justify-content:flex-start;margin:0;padding:var(--a-spacing-3);position:relative;text-align:left;width:100%;z-index:1}.navds-accordion__header:hover{background-color:var(--ac-accordion-header-bg-hover,var(--a-surface-hover));color:var(--ac-accordion-header-text-hover,inherit);text-decoration:underline}.navds-accordion--small .navds-accordion__header{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-accordion--medium .navds-accordion__header{padding:var(--a-spacing-3)}.navds-accordion--large .navds-accordion__header{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-accordion__item:last-child>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open) :where(.navds-accordion__header){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item--open>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow)}.navds-accordion__header:focus-visible{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:3px}@supports not selector(:focus-visible){.navds-accordion__header:focus{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:none}}.navds-accordion__header-content{overflow:hidden;text-overflow:ellipsis}.navds-accordion__icon-wrapper{align-self:center;border-radius:var(--a-border-radius-medium);display:grid;height:var(--a-spacing-6);place-content:center;width:var(--a-spacing-6)}.navds-accordion__header:hover>.navds-accordion__icon-wrapper{background-color:var(--ac-accordion-header-icon-bg-hover,var(--a-surface-neutral-subtle-hover))}.navds-accordion__header-chevron{align-self:center;border-radius:var(--a-border-radius-medium);flex-shrink:0;font-size:1.5rem;height:1.75rem;transition:transform .15s ease-in-out}:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(1px)}.navds-accordion__item--open>:where(.navds-accordion__header)>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(0) rotate(-180deg)}.navds-accordion__item--open>:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(-1px) rotate(-180deg)}.navds-accordion__item--open{background-color:var(--ac-accordion-item-bg-open,var(--a-transparent))}.navds-accordion__item--open.navds-accordion__item--neutral{background-color:var(--ac-accordion-neutral-item-bg-open,var(--a-surface-neutral-subtle))}.navds-accordion__content{animation:fadeAccordionContent .25s ease;padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5)}.navds-accordion--indent>:where(.navds-accordion__item)>:where(.navds-accordion__content){padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11)}.navds-accordion__content--closed{display:none}.navds-accordion__item--no-animation :where(.navds-accordion__content){animation:none}@keyframes fadeAccordionContent{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-accordion__header{background-color:canvas;border:1px solid buttonborder;color:initial}.navds-accordion__header:hover{background-color:canvas;border:1px solid highlight;color:highlight}}.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}}.navds-button{--__ac-button-padding:var(--a-spacing-3) var(--a-spacing-5);align-items:center;background:none;border:none;border-radius:var(--ac-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:inline-flex;gap:var(--a-spacing-2);justify-content:center;margin:0;padding:var(--ac-button-padding,var(--__ac-button-padding));text-decoration:none}.navds-button--small{--__ac-button-padding:var(--a-spacing-1) var(--a-spacing-3);min-height:2rem;min-width:2rem;padding:var(--ac-button-padding-small,var(--__ac-button-padding))}.navds-button--xsmall{--__ac-button-padding:var(--a-spacing-05) var(--a-spacing-2);gap:var(--a-spacing-1);padding:var(--ac-button-padding-xsmall,var(--__ac-button-padding))}.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-3);padding:var(--ac-button-padding-icon-only,var(--__ac-button-padding))}.navds-button--small.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-1);padding:var(--ac-button-padding-icon-only-small,var(--__ac-button-padding))}.navds-button--xsmall.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-05);padding:var(--ac-button-padding-icon-only-xsmall,var(--__ac-button-padding))}.navds-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-button__icon{--ac-button-icon-margin:-4px;display:flex;font-size:1.5rem}.navds-button__icon:first-child{margin-left:var(--ac-button-icon-margin)}.navds-button__icon:last-child{margin-right:var(--ac-button-icon-margin)}.navds-button--icon-only .navds-button__icon{margin:0}:where(.navds-button--xsmall,.navds-button--small) .navds-button__icon{--ac-button-icon-margin:-2px;font-size:1.25rem}.navds-button--primary{background-color:var(--ac-button-primary-bg,var(--__ac-button-primary-bg,var(--a-surface-action)));color:var(--ac-button-primary-text,var(--__ac-button-primary-text,var(--a-text-on-action)))}@media (forced-colors:active){.navds-button.navds-button--primary{background-color:highlight;color:highlighttext}.navds-button.navds-button--primary span{forced-color-adjust:none}}.navds-button--primary:hover{background-color:var(--ac-button-primary-hover-bg,var(--__ac-button-primary-hover-bg,var(--a-surface-action-hover)))}.navds-button--primary:active{background-color:var(--ac-button-primary-active-bg,var(--__ac-button-primary-active-bg,var(--a-surface-action-active)))}.navds-button--primary:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@media (forced-colors:active){.navds-button--primary:focus-visible{box-shadow:none}}@supports not selector(:focus-visible){.navds-button--primary:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--primary:active:where(:disabled,.navds-button--disabled),.navds-button--primary:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-bg,var(--a-surface-action))}.navds-button--primary-neutral{background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral));color:var(--ac-button-primary-neutral-text,var(--a-text-on-neutral))}.navds-button--primary-neutral:hover{background-color:var(--ac-button-primary-neutral-hover-bg,var(--a-surface-neutral-hover))}.navds-button--primary-neutral:active{background-color:var(--ac-button-primary-neutral-active-bg,var(--a-surface-neutral-active))}.navds-button--primary-neutral:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--primary-neutral:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--primary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--primary-neutral:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral))}.navds-button--secondary{background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary:hover{background-color:var(
|
|
1
|
+
[data-theme=dark]{--__ac-typo-error-text:var(--a-red-300);--__ac-typo-text-subtle:var(--a-gray-300);--__ac-button-primary-text:var(--a-gray-900);--__ac-button-primary-bg:var(--a-blue-200);--__ac-button-primary-focus-border:var(--a-gray-900);--__ac-button-primary-hover-bg:var(--a-blue-300);--__ac-button-primary-active-bg:var(--a-blue-400);--__ac-button-secondary-text:var(--a-white);--__ac-button-secondary-hover-text:var(--a-white);--__ac-button-secondary-active-text:var(--a-white);--__ac-button-secondary-active-focus-border:var(--a-gray-900);--__ac-button-secondary-bg:var(--a-gray-900);--__ac-button-secondary-border:var(--a-blue-200);--__ac-button-secondary-hover-bg:var(--a-gray-800);--__ac-button-secondary-focus-border:var(--a-blue-200);--__ac-button-secondary-active-bg:var(--a-gray-700);--__ac-copybutton-action-text:var(--a-blue-300);--__ac-copybutton-bg-hover:#d6e7ff21;--__ac-copybutton-icon-success:#33aa5f;--__ac-copybutton-neutral-text:#e7f0feb0;--__ac-copybutton-text:#fbfcfef5;--__ac-form-description:var(--a-text-on-inverted);--__ac-textfield-text:var(--a-text-on-inverted);--__ac-textfield-bg:var(--a-surface-inverted);--__ac-textfield-border:var(--a-border-on-inverted);--__ac-textfield-hover-border:var(--a-blue-200);--__ac-textfield-placeholder:var(--a-gray-500);--__ac-textfield-error-border:var(--a-red-300);--__ac-textarea-text:var(--a-text-on-inverted);--__ac-textarea-bg:var(--a-transparent);--__ac-textarea-border:var(--a-border-on-inverted);--__ac-textarea-hover-border:var(--a-blue-200);--__ac-textarea-placeholder:var(--a-gray-500);--__ac-textarea-error-border:var(--a-red-300);--__ac-textarea-counter-text:var(--a-gray-300);--__ac-textarea-counter-error-text:var(--a-red-300);--__ac-search-button-border:var(--a-border-on-inverted);--__ac-search-button-border-hover:var(--a-blue-200);--__ac-search-clear-icon:var(--a-white);--__ac-search-clear-icon-hover:var(--a-blue-200);--__ac-search-error-border:var(--a-red-300)}[data-theme=light]{--__ac-typo-error-text:initial;--__ac-typo-text-subtle:initial;--__ac-button-primary-text:initial;--__ac-button-primary-bg:initial;--__ac-button-primary-focus-border:initial;--__ac-button-primary-hover-bg:initial;--__ac-button-primary-active-bg:initial;--__ac-button-secondary-text:initial;--__ac-button-secondary-hover-text:initial;--__ac-button-secondary-active-text:initial;--__ac-button-secondary-active-focus-border:initial;--__ac-button-secondary-bg:initial;--__ac-button-secondary-border:initial;--__ac-button-secondary-hover-bg:initial;--__ac-button-secondary-focus-border:initial;--__ac-button-secondary-active-bg:initial;--__ac-copybutton-action-text:initial;--__ac-copybutton-bg-hover:initial;--__ac-copybutton-icon-success:initial;--__ac-copybutton-neutral-text:initial;--__ac-copybutton-text:initial;--__ac-form-description:initial;--__ac-textfield-text:initial;--__ac-textfield-bg:initial;--__ac-textfield-border:initial;--__ac-textfield-hover-border:initial;--__ac-textfield-placeholder:initial;--__ac-textfield-error-border:initial;--__ac-textarea-text:initial;--__ac-textarea-bg:initial;--__ac-textarea-border:initial;--__ac-textarea-hover-border:initial;--__ac-textarea-placeholder:initial;--__ac-textarea-error-border:initial;--__ac-textarea-counter-text:initial;--__ac-textarea-counter-error-text:initial;--__ac-search-button-border:initial;--__ac-search-button-border-hover:initial;--__ac-search-clear-icon:initial;--__ac-search-clear-icon-hover:initial;--__ac-search-error-border:initial}.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-body-short--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-label{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-label--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail{font-size:var(--a-font-size-small);letter-spacing:.004em;line-height:var(--a-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--a-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-error-message{color:var(--ac-typo-error-text,var(--__ac-typo-error-text,var(--a-text-danger)))}.navds-error-message.navds-error-message--show-icon{display:flex;gap:var(--a-spacing-1)}.navds-error-message.navds-error-message--show-icon svg{flex:0 0 auto;height:1em;margin-top:.15em;width:1em}.navds-typo--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navds-typo--semibold{font-weight:var(--a-font-weight-bold)}.navds-typo--align-start{text-align:start}.navds-typo--align-center{text-align:center}.navds-typo--align-end{text-align:end}.navds-typo--visually-hidden{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;white-space:nowrap!important;width:1px!important}.navds-typo--color-subtle{color:var(--__ac-typo-text-subtle,var(--a-text-subtle))}.navds-accordion{--__ac-accordion-header-shadow-color:var(--ac-accordion-header-border,var(--a-border-divider))}.navds-accordion__header{--__ac-accordion-header-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);align-items:flex-start;background:var(--ac-accordion-header-bg,var(--a-surface-transparent));border:none;box-shadow:var(--__ac-accordion-header-shadow);cursor:pointer;display:flex;gap:var(--a-spacing-2);justify-content:flex-start;margin:0;padding:var(--a-spacing-3);position:relative;text-align:left;width:100%;z-index:1}.navds-accordion__header:hover{background-color:var(--ac-accordion-header-bg-hover,var(--a-surface-hover));color:var(--ac-accordion-header-text-hover,inherit);text-decoration:underline}.navds-accordion--small .navds-accordion__header{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-accordion--medium .navds-accordion__header{padding:var(--a-spacing-3)}.navds-accordion--large .navds-accordion__header{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-accordion__item:last-child>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open) :where(.navds-accordion__header){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item--open>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow)}.navds-accordion__header:focus-visible{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:3px}@supports not selector(:focus-visible){.navds-accordion__header:focus{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:none}}.navds-accordion__header-content{overflow:hidden;text-overflow:ellipsis}.navds-accordion__icon-wrapper{align-self:center;border-radius:var(--a-border-radius-medium);display:grid;height:var(--a-spacing-6);place-content:center;width:var(--a-spacing-6)}.navds-accordion__header:hover>.navds-accordion__icon-wrapper{background-color:var(--ac-accordion-header-icon-bg-hover,var(--a-surface-neutral-subtle-hover))}.navds-accordion__header-chevron{align-self:center;border-radius:var(--a-border-radius-medium);flex-shrink:0;font-size:1.5rem;height:1.75rem;transition:transform .15s ease-in-out}:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(1px)}.navds-accordion__item--open>:where(.navds-accordion__header)>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(0) rotate(-180deg)}.navds-accordion__item--open>:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(-1px) rotate(-180deg)}.navds-accordion__item--open{background-color:var(--ac-accordion-item-bg-open,var(--a-transparent))}.navds-accordion__item--open.navds-accordion__item--neutral{background-color:var(--ac-accordion-neutral-item-bg-open,var(--a-surface-neutral-subtle))}.navds-accordion__content{animation:fadeAccordionContent .25s ease;padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5)}.navds-accordion--indent>:where(.navds-accordion__item)>:where(.navds-accordion__content){padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11)}.navds-accordion__content--closed{display:none}.navds-accordion__item--no-animation :where(.navds-accordion__content){animation:none}@keyframes fadeAccordionContent{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-accordion__header{background-color:canvas;border:1px solid buttonborder;color:initial}.navds-accordion__header:hover{background-color:canvas;border:1px solid highlight;color:highlight}}.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}}.navds-button{--__ac-button-padding:var(--a-spacing-3) var(--a-spacing-5);align-items:center;background:none;border:none;border-radius:var(--ac-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:inline-flex;gap:var(--a-spacing-2);justify-content:center;margin:0;padding:var(--ac-button-padding,var(--__ac-button-padding));text-decoration:none}.navds-button--small{--__ac-button-padding:var(--a-spacing-1) var(--a-spacing-3);min-height:2rem;min-width:2rem;padding:var(--ac-button-padding-small,var(--__ac-button-padding))}.navds-button--xsmall{--__ac-button-padding:var(--a-spacing-05) var(--a-spacing-2);gap:var(--a-spacing-1);padding:var(--ac-button-padding-xsmall,var(--__ac-button-padding))}.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-3);padding:var(--ac-button-padding-icon-only,var(--__ac-button-padding))}.navds-button--small.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-1);padding:var(--ac-button-padding-icon-only-small,var(--__ac-button-padding))}.navds-button--xsmall.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-05);padding:var(--ac-button-padding-icon-only-xsmall,var(--__ac-button-padding))}.navds-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-button__icon{--ac-button-icon-margin:-4px;display:flex;font-size:1.5rem}.navds-button__icon:first-child{margin-left:var(--ac-button-icon-margin)}.navds-button__icon:last-child{margin-right:var(--ac-button-icon-margin)}.navds-button--icon-only .navds-button__icon{margin:0}:where(.navds-button--xsmall,.navds-button--small) .navds-button__icon{--ac-button-icon-margin:-2px;font-size:1.25rem}.navds-button--primary{background-color:var(--ac-button-primary-bg,var(--__ac-button-primary-bg,var(--a-surface-action)));color:var(--ac-button-primary-text,var(--__ac-button-primary-text,var(--a-text-on-action)))}@media (forced-colors:active){.navds-button.navds-button--primary{background-color:highlight;color:highlighttext}.navds-button.navds-button--primary span{forced-color-adjust:none}}.navds-button--primary:hover{background-color:var(--ac-button-primary-hover-bg,var(--__ac-button-primary-hover-bg,var(--a-surface-action-hover)))}.navds-button--primary:active{background-color:var(--ac-button-primary-active-bg,var(--__ac-button-primary-active-bg,var(--a-surface-action-active)))}.navds-button--primary:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@media (forced-colors:active){.navds-button--primary:focus-visible{box-shadow:none}}@supports not selector(:focus-visible){.navds-button--primary:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--primary:active:where(:disabled,.navds-button--disabled),.navds-button--primary:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-bg,var(--a-surface-action))}.navds-button--primary-neutral{background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral));color:var(--ac-button-primary-neutral-text,var(--a-text-on-neutral))}.navds-button--primary-neutral:hover{background-color:var(--ac-button-primary-neutral-hover-bg,var(--a-surface-neutral-hover))}.navds-button--primary-neutral:active{background-color:var(--ac-button-primary-neutral-active-bg,var(--a-surface-neutral-active))}.navds-button--primary-neutral:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--primary-neutral:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--primary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--primary-neutral:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral))}.navds-button--secondary{background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary:hover{background-color:var(
|
|
2
2
|
--ac-button-secondary-hover-bg,var(--__ac-button-secondary-hover-bg,var(--a-surface-action-subtle-hover))
|
|
3
3
|
);box-shadow:inset 0 0 0 2px var(--ac-button-secondary-hover-border,var(--a-border-action-hover));color:var(--ac-button-secondary-hover-text,var(--__ac-button-secondary-hover-text,var(--a-text-action-on-action-subtle)))}.navds-button--secondary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}}.navds-button--secondary:active{background-color:var(--ac-button-secondary-active-bg,var(--__ac-button-secondary-active-bg,var(--a-surface-action-active)));box-shadow:none;color:var(--ac-button-secondary-active-text,var(--__ac-button-secondary-active-text,var(--a-text-on-action)))}.navds-button--secondary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--secondary:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary-neutral{background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--secondary-neutral:hover{background-color:var(--ac-button-secondary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover))}.navds-button--secondary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}}.navds-button--secondary-neutral:active{background-color:var(--ac-button-secondary-neutral-active-bg,var(--a-surface-neutral-active));box-shadow:none;color:var(--ac-button-secondary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--secondary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--secondary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary-neutral:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--tertiary{background-color:var(--ac-button-tertiary-bg,var(--a-surface-transparent));color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary:hover{background-color:var(--ac-button-tertiary-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-button-tertiary-hover-text,var(--a-text-action-on-action-subtle))}.navds-button--tertiary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}}.navds-button--tertiary:active{background-color:var(--ac-button-tertiary-active-bg,var(--a-surface-action-active));color:var(--ac-button-tertiary-active-text,var(--a-text-on-action))}.navds-button--tertiary:active:hover{background-color:var(--ac-button-tertiary-active-hover-bg,var(--a-surface-action-active))}.navds-button--tertiary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary-neutral{color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--tertiary-neutral:hover{background-color:var(--ac-button-tertiary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-button-tertiary-neutral-hover-text,var(--a-text-default))}.navds-button--tertiary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active{background-color:var(--ac-button-tertiary-neutral-active-bg,var(--a-surface-neutral-active));color:var(--ac-button-tertiary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--tertiary-neutral:active:hover{background-color:var(--ac-button-tertiary-neutral-active-hover-bg,var(--a-surface-neutral-active))}.navds-button--tertiary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--danger{background-color:var(--ac-button-danger-bg,var(--a-surface-danger));color:var(--ac-button-danger-text,var(--a-text-on-danger))}.navds-button--danger:hover{background-color:var(--ac-button-danger-hover-bg,var(--a-surface-danger-hover))}.navds-button--danger:active{background-color:var(--ac-button-danger-active-bg,var(--a-surface-danger-active))}.navds-button--danger:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--danger:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--danger:active:where(:disabled,.navds-button--disabled),.navds-button--danger:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-danger-bg,var(--a-surface-danger))}.navds-button:where(:disabled,.navds-button--disabled){cursor:not-allowed}.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){opacity:.3}.navds-button>.navds-loader{position:absolute}.navds-button .navds-loader .navds-loader__foreground{stroke:var(--ac-button-loader-stroke,currentColor)}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:var(--ac-button-primary-loader-stroke-bg,#ffffff4d)}.navds-button--loading>:not(.navds-loader){visibility:hidden}@media (forced-colors:active){.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){color:GrayText;opacity:1}.navds-button{background-color:ButtonFace;border:1px solid #0000;color:ButtonText}.navds-button:hover{background-color:highlighttext;border-color:highlight;box-shadow:none;color:highlight}.navds-button:hover span{forced-color-adjust:none}.navds-button .navds-loader .navds-loader__foreground{stroke:canvas}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:canvastext}}.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)}.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}}.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-05);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips--medium .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1)}.navds-chips--small .navds-chips__toggle-icon{height:1rem;width:1rem}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left:var(--a-spacing-1-alt)}.navds-chips--icon-right{padding-right:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips--icon-right{padding-right:var(--a-spacing-05)}@media (forced-colors:active){.navds-chips__chip{border:1px solid #0000}.navds-chips__chip:hover{background-color:highlighttext;color:highlight}.navds-chips__chip:focus-visible{outline:2px solid #0000;outline-offset:2px}.navds-chips__chip:where([aria-pressed=true],:active,:hover)>span{forced-color-adjust:none}.navds-chips__toggle:active{background-color:highlight;color:highlighttext}.navds-chips__toggle[aria-pressed=true]{background-color:selecteditem;border:1px solid selecteditem;color:selecteditemtext}.navds-chips__toggle[aria-pressed=true]:hover{background-color:selecteditemtext;color:selecteditem}.navds-chips__toggle[aria-pressed=true]:active{background-color:highlight;color:highlighttext}}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-3) var(--a-spacing-4);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}@media (forced-colors:active){.navds-copybutton{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-copybutton.navds-copybutton:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-5)}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);min-height:2rem;min-width:2rem}.navds-copybutton--small.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-3)}.navds-copybutton--xsmall{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);min-height:1.5rem;min-width:1.5rem}.navds-copybutton--xsmall.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-1) var(--a-spacing-05) var(--a-spacing-2)}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-05)}.navds-copybutton__icon{display:flex;font-size:1.5rem}:where(.navds-copybutton--xsmall,.navds-copybutton--small) .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton__icon:first-of-type{margin-left:-.25rem}.navds-copybutton__icon:last-of-type{margin-right:-.25rem}.navds-copybutton__icon:only-child{margin:0}.navds-copybutton--active .navds-copybutton__icon{animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1)}@keyframes akselCopyButtonIconAnimation{8%{transform:translateY(0)}17%{transform:translateY(-10%)}25%{transform:translateY(2%)}30%{transform:translateY(0)}}:where(.navds-copybutton--small,.navds-copybutton--xsmall):where(:not(:only-child)){margin:-.125rem}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-action-hover-text,var(--__ac-copybutton-action-text,var(--a-text-action-hover)))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--__ac-copybutton-icon-success,var(--a-icon-success)))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-neutral-text,var(--a-text-subtle)))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-neutral-hover-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--small>.navds-copybutton__content{gap:var(--a-spacing-1-alt)}.navds-copybutton--xsmall>.navds-copybutton__content{gap:var(--a-spacing-1)}.navds-copybutton--active>.navds-copybutton__content{animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear)}@keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}.navds-copybutton:where(:disabled){cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-copybutton:where(:disabled){border-color:GrayText;opacity:1}}.navds-dropdown__menu{color:var(--ac-dropdown-text,var(--a-text-default));max-height:616px;overflow:hidden;overflow-y:auto;padding:var(--a-spacing-2) 0;width:27ch}.navds-dropdown__divider{border:none;border-bottom:1px solid var(--a-border-divider);margin:var(--a-spacing-3) 0}.navds-dropdown__menu>:not(.navds-dropdown__divider,.navds-dropdown__list){margin:0 var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__list{list-style:none;margin:0;padding:0}.navds-dropdown__list-item{margin:0}.navds-dropdown__list-heading{margin:var(--a-spacing-1) var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__item{align-items:center;background:#0000;border:none;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:pointer;display:flex;font:inherit;gap:var(--a-spacing-2);margin:0;overflow:visible;padding:var(--a-spacing-1) var(--a-spacing-4);text-align:left;text-decoration:none;width:100%}.navds-dropdown__item:hover{background-color:var(--ac-dropdown-item-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-dropdown-item-hover-text,var(--a-text-action-hover))}.navds-dropdown__item:active{background-color:var(--ac-dropdown-item-active-bg,var(--a-surface-action-active));color:var(--ac-dropdown-item-active-text,var(--a-text-on-action))}.navds-dropdown__item:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}@supports not selector(:focus-visible){.navds-dropdown__item:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}}.navds-dropdown__item:disabled{background:#0000;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-dropdown__item:hover{color:highlight}.navds-dropdown__item:disabled{color:graytext;opacity:1}}.navds-action-menu__content{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);overflow:hidden}.navds-action-menu__content>.navds-action-menu__content-inner{--__ac-action-menu-content-p:var(--a-spacing-2);--__ac-action-menu-item-pr:var(--a-spacing-3);--__ac-action-menu-item-pl:var(--a-spacing-2);--__ac-action-menu-item-height:2rem;animation-duration:.16s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--a-surface-default);border-radius:var(--a-border-radius-large);max-height:var(--__ac-action-menu-content-available-height);max-width:min(95vw,640px);min-width:128px;overflow:auto;padding:var(--__ac-action-menu-content-p);transform-origin:var(--__ac-action-menu-content-transform-origin)}.navds-action-menu__content:where([data-state=open]):where([data-side=bottom]){animation-name:aksel-action-from-bottom,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=top]){animation-name:aksel-action-from-top,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=left]){animation-name:aksel-action-from-left,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=right]){animation-name:aksel-action-from-right,aksel-action-fade-in}@keyframes aksel-action-from-bottom{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-left{0%{transform:translateX(4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-right{0%{transform:translateX(-4px)}to{transform:translateY(0)}}@keyframes aksel-action-fade-in{0%{opacity:.01}to{opacity:1}}.navds-action-menu__item{align-items:center;border-radius:var(--a-border-radius-medium);color:var(--a-text-default);cursor:default;display:flex;font-size:var(--a-font-size-medium);gap:var(--a-spacing-2);line-height:1.5;min-height:var(--__ac-action-menu-item-height);padding-left:var(--__ac-action-menu-item-pl);padding-right:var(--__ac-action-menu-item-pr);position:relative;scroll-margin-block:var(--__ac-action-menu-content-p);text-decoration:none}.navds-action-menu__item svg{flex-shrink:0}.navds-action-menu__item--has-icon{--__ac-action-menu-item-pl:var(--a-spacing-6)}.navds-action-menu__sub-trigger{--__ac-action-menu-item-pr:var(--a-spacing-05)}.navds-action-menu__item:focus{background-color:var(--a-surface-action-subtle-hover);color:var(--a-text-default);outline:none}.navds-action-menu__item--danger{color:var(--a-text-danger)}.navds-action-menu__item--danger:focus{background-color:var(--a-surface-danger-subtle)}.navds-action-menu__marker{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-action-menu__marker--right{margin-left:auto;padding-left:var(--a-spacing-4)}.navds-action-menu__marker--left{display:inline-flex;justify-content:center;left:0;position:absolute;width:var(--__ac-action-menu-item-pl)}.navds-action-menu__marker-icon svg{flex-shrink:0;font-size:18px}.navds-action-menu__shortcut{align-items:center;background-color:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-small);color:var(--a-text-default);display:inline-flex;font-size:var(--a-font-size-small);height:1.125rem;justify-content:center;line-height:1;min-width:1.125rem;padding:0 var(--a-spacing-1)}.navds-action-menu__label{align-items:center;border-radius:var(--a-border-radius-medium);color:var(--a-text-subtle);cursor:default;display:flex;font-size:var(--a-font-size-small);min-height:calc(var(--__ac-action-menu-item-height) - 6px);padding-left:var(--__ac-action-menu-item-pl);padding-right:var(--__ac-action-menu-item-pr);-webkit-user-select:none;user-select:none}.navds-action-menu__divider{background-color:var(--a-border-divider);height:1px;margin-block:var(--a-spacing-2)}.navds-action-menu__indicator{display:grid;place-content:center}.navds-action-menu__indicator-icon{font-size:14px}.navds-action-menu__indicator-icon--checked,.navds-action-menu__indicator-icon--indeterminate,.navds-action-menu__indicator-icon--unchecked{display:none}.navds-action-menu__indicator[data-state=unchecked] .navds-action-menu__indicator-icon--unchecked{display:block}.navds-action-menu__indicator:where([data-state=checked]) .navds-action-menu__indicator-icon--checked{display:block}.navds-action-menu__indicator:where([data-state=indeterminate]) .navds-action-menu__indicator-icon--indeterminate{display:block}.navds-action-menu__item:where([aria-disabled=true]){color:var(--a-text-subtle);opacity:.5;pointer-events:none}.navds-action-menu__sub-trigger:where([data-state=open]){background-color:var(--a-surface-neutral-subtle)}.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(
|
|
4
4
|
--ac-expansioncard-border-open-color,var(--ac-expansioncard-border-color,var(--a-border-default))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-accordion__header{justify-content:flex-start;align-items:flex-start;gap:var(--ax-space-12);width:100%;padding:var(--ax-space-12);text-align:left;cursor:pointer;border-radius:var(--ax-radius-8);color:var(--ax-text-subtle);background:none;border:none;display:flex;position:relative}.aksel-accordion__header>*{font-weight:var(--ax-font-weight-regular)}@media
|
|
1
|
+
@layer aksel.components{.aksel-accordion__header{justify-content:flex-start;align-items:flex-start;gap:var(--ax-space-12);width:100%;padding:var(--ax-space-12);text-align:left;cursor:pointer;border-radius:var(--ax-radius-8);color:var(--ax-text-subtle);background:none;border:none;display:flex;position:relative}.aksel-accordion__header>*{font-weight:var(--ax-font-weight-regular)}@media(forced-colors:active){.aksel-accordion__header{color:canvastext;background-color:canvas;border:1px solid buttonborder}}.aksel-accordion__header:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-accordion__header:hover:before,.aksel-accordion__header:hover:after{display:none}.aksel-accordion__header:hover>.aksel-accordion__icon-wrapper{background-color:var(--ax-bg-strong-hover);color:var(--ax-text-contrast)}@media(forced-colors:active){.aksel-accordion__header:hover{color:highlight;background-color:canvas;border:1px solid highlight}}.aksel-accordion__header:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;z-index:1}.aksel-accordion__header:focus-visible:before,.aksel-accordion__header:focus-visible:after{display:none}.aksel-accordion--small .aksel-accordion__header{padding-block:var(--ax-space-8)}.aksel-accordion__header:before,.aksel-accordion__header:after{content:"";background-color:var(--ax-border-neutral-subtleA);width:100%;height:1px;display:block;position:absolute;top:0;left:0;right:0}.aksel-accordion__header:after{top:initial;bottom:0}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__header:after,.aksel-accordion__item:not(:last-child)>.aksel-accordion__header:after,.aksel-accordion__item[data-expanded=false]:has(.aksel-accordion__header:where(:hover,:focus-visible))+.aksel-accordion__item>.aksel-accordion__header:before{display:none}.aksel-accordion__icon-wrapper{border-radius:var(--ax-radius-8);background-color:var(--ax-bg-moderateA);width:22px;height:22px;color:var(--ax-text-subtle);align-self:center}.aksel-accordion__header-chevron{height:inherit;width:inherit;flex-shrink:0;transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__header .aksel-accordion__header-chevron{transform:rotateX(-180deg)}.aksel-accordion--indent>.aksel-accordion__item .aksel-accordion__content-inner{padding-block:var(--ax-space-8);padding-inline:calc(var(--ax-space-20) + 2px) var(--ax-space-20)}@media(forced-colors:active){.aksel-accordion--indent>.aksel-accordion__item .aksel-accordion__content-inner{border-left:1px solid canvastext}}.aksel-accordion--indent>.aksel-accordion__item>.aksel-accordion__content{box-shadow:-2px 0 0 0 var(--ax-border-neutral-subtleA)}.aksel-accordion__item>.aksel-accordion__content{visibility:hidden;margin-inline:var(--ax-space-24) var(--ax-space-12);opacity:0;border-color:#0000;grid-template-rows:0fr;margin-block:0;transition-property:visibility,opacity,grid-template-rows,margin,min-height;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-accordion__item>.aksel-accordion__content .aksel-accordion__content-inner{min-height:0;padding-block:0}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__content{visibility:visible;margin-block:var(--ax-space-8);border-color:var(--ax-border-neutral-subtleA);opacity:1;grid-template-rows:1fr;margin-block-end:var(--ax-space-24)}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__content .aksel-accordion__content-inner{min-height:fit-content}.aksel-accordion__item[data-expanded=true]:last-child{border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-accordion__item--no-animation>.aksel-accordion__content{transition:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;border-color:var(--ax-border-default);background-color:var(--ax-bg-moderate);align-items:center;display:flex}.aksel-alert>.aksel-alert__icon{color:var(--ax-text-decoration)}@media
|
|
1
|
+
@layer aksel.components{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;border-color:var(--ax-border-default);background-color:var(--ax-bg-moderate);align-items:center;display:flex}.aksel-alert>.aksel-alert__icon{color:var(--ax-text-decoration)}@media(forced-colors:active){.aksel-alert{color:canvastext;background-color:canvas;border:1px solid canvastext}}.aksel-alert__wrapper--maxwidth{max-width:43.5rem}.aksel-alert__icon{height:var(--ax-font-line-height-xlarge);flex-shrink:0;align-self:flex-start;font-size:1.5rem}.aksel-alert--small{padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-8)}.aksel-alert--small>.aksel-alert__icon{height:var(--ax-font-line-height-large);margin-block-start:0}.aksel-alert--full-width{border-radius:0}.aksel-alert--inline{background-color:#0000;border:none;padding:0}.aksel-alert__button-wrapper{flex-flow:row;flex:1;justify-content:flex-end;align-self:flex-start;display:flex}.aksel-alert--close-button>.aksel-alert__wrapper,.aksel-alert--close-button>.aksel-alert__icon{margin-block-start:var(--ax-space-2)}.aksel-alert--close-button.aksel-alert--small{align-items:flex-start}.aksel-alert--close-button.aksel-alert--small>.aksel-alert__wrapper,.aksel-alert--close-button.aksel-alert--small>.aksel-alert__icon{margin-block-start:var(--ax-space-4)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-button{--__axc-button-icon-size: 1.5rem;--__axc-button-icon-margin: -4px;--__axc-button-border-color: transparent;--__axc-button-border-width: 2px;padding:var(--ax-space-12) var(--ax-space-20);border-radius:var(--ax-radius-8);cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-8);box-shadow:inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);background:none;border:none;text-decoration:none;display:inline-flex}.aksel-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-button[data-variant=primary]{background-color:var(--ax-bg-strong);color:var(--ax-text-contrast)}.aksel-button[data-variant=primary]:hover{background-color:var(--ax-bg-strong-hover)}.aksel-button[data-variant=primary]:active{background-color:var(--ax-bg-strong-pressed)}.aksel-button[data-variant=primary]:is(:disabled,.aksel-button--disabled){background-color:var(--ax-bg-strong)}.aksel-button[data-variant=secondary]{--__axc-button-border-color: var(--ax-border-default);color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=secondary][data-color=neutral]{color:var(--ax-text-default)}.aksel-button[data-variant=secondary]:hover{--__axc-button-border-color: var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-button[data-variant=secondary]:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-button[data-variant=secondary]:is(:disabled,.aksel-button--disabled){color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=secondary]:is(:disabled,.aksel-button--disabled)[data-color=neutral]{color:var(--ax-text-default)}.aksel-button[data-variant=tertiary]{color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=tertiary][data-color=neutral]{color:var(--ax-text-default)}.aksel-button[data-variant=tertiary]:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-button[data-variant=tertiary]:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-button[data-variant=tertiary][data-pressed=true]{background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.aksel-button[data-variant=tertiary]:is(:disabled,.aksel-button--disabled){color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=tertiary]:is(:disabled,.aksel-button--disabled)[data-color=neutral]{color:var(--ax-text-default)}.aksel-button--small,.aksel-button--xsmall{--__axc-button-icon-margin: -2px}.aksel-button--small{padding:var(--ax-space-4) var(--ax-space-12);gap:var(--ax-space-6);min-width:2rem;min-height:2rem}.aksel-button--xsmall{padding:var(--ax-space-2) var(--ax-space-8);gap:var(--ax-space-4);--__axc-button-icon-size: 1.25rem}@supports not selector(:focus-visible){.aksel-button:focus{outline:3px solid var(--ax-border-focus)}}.aksel-button__icon{font-size:var(--__axc-button-icon-size);display:flex}.aksel-button__icon:first-child{margin-left:var(--__axc-button-icon-margin)}.aksel-button__icon:last-child{margin-right:var(--__axc-button-icon-margin)}.aksel-button--icon-only .aksel-button__icon{margin:0}.aksel-button--icon-only{padding:var(--ax-space-12)}.aksel-button--icon-only.aksel-button--small{padding:var(--ax-space-4)}.aksel-button--icon-only.aksel-button--xsmall{padding:var(--ax-space-2)}.aksel-button:where(:disabled,.aksel-button--disabled){cursor:not-allowed}.aksel-button:not(.aksel-button--loading):where(:disabled,.aksel-button--disabled){opacity:var(--ax-opacity-disabled)}.aksel-button>.aksel-loader{position:absolute}.aksel-button .aksel-loader .aksel-loader__foreground{stroke:currentColor}.aksel-button--primary .aksel-loader .aksel-loader__background,.aksel-button--danger .aksel-loader .aksel-loader__background{stroke:#ffffff4d}.aksel-button--loading>:not(.aksel-loader){visibility:hidden}@media
|
|
1
|
+
@layer aksel.components{.aksel-button{--__axc-button-icon-size: 1.5rem;--__axc-button-icon-margin: -4px;--__axc-button-border-color: transparent;--__axc-button-border-width: 2px;padding:var(--ax-space-12) var(--ax-space-20);border-radius:var(--ax-radius-8);cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-8);box-shadow:inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);background:none;border:none;text-decoration:none;display:inline-flex}.aksel-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-button[data-variant=primary]{background-color:var(--ax-bg-strong);color:var(--ax-text-contrast)}.aksel-button[data-variant=primary]:hover{background-color:var(--ax-bg-strong-hover)}.aksel-button[data-variant=primary]:active{background-color:var(--ax-bg-strong-pressed)}.aksel-button[data-variant=primary]:is(:disabled,.aksel-button--disabled){background-color:var(--ax-bg-strong)}.aksel-button[data-variant=secondary]{--__axc-button-border-color: var(--ax-border-default);color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=secondary][data-color=neutral]{color:var(--ax-text-default)}.aksel-button[data-variant=secondary]:hover{--__axc-button-border-color: var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-button[data-variant=secondary]:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-button[data-variant=secondary]:is(:disabled,.aksel-button--disabled){color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=secondary]:is(:disabled,.aksel-button--disabled)[data-color=neutral]{color:var(--ax-text-default)}.aksel-button[data-variant=tertiary]{color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=tertiary][data-color=neutral]{color:var(--ax-text-default)}.aksel-button[data-variant=tertiary]:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-button[data-variant=tertiary]:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-button[data-variant=tertiary][data-pressed=true]{background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.aksel-button[data-variant=tertiary]:is(:disabled,.aksel-button--disabled){color:var(--ax-text-subtle);background-color:#0000}.aksel-button[data-variant=tertiary]:is(:disabled,.aksel-button--disabled)[data-color=neutral]{color:var(--ax-text-default)}.aksel-button--small,.aksel-button--xsmall{--__axc-button-icon-margin: -2px}.aksel-button--small{padding:var(--ax-space-4) var(--ax-space-12);gap:var(--ax-space-6);min-width:2rem;min-height:2rem}.aksel-button--xsmall{padding:var(--ax-space-2) var(--ax-space-8);gap:var(--ax-space-4);--__axc-button-icon-size: 1.25rem}@supports not selector(:focus-visible){.aksel-button:focus{outline:3px solid var(--ax-border-focus)}}.aksel-button__icon{font-size:var(--__axc-button-icon-size);display:flex}.aksel-button__icon:first-child{margin-left:var(--__axc-button-icon-margin)}.aksel-button__icon:last-child{margin-right:var(--__axc-button-icon-margin)}.aksel-button--icon-only .aksel-button__icon{margin:0}.aksel-button--icon-only{padding:var(--ax-space-12)}.aksel-button--icon-only.aksel-button--small{padding:var(--ax-space-4)}.aksel-button--icon-only.aksel-button--xsmall{padding:var(--ax-space-2)}.aksel-button:where(:disabled,.aksel-button--disabled){cursor:not-allowed}.aksel-button:not(.aksel-button--loading):where(:disabled,.aksel-button--disabled){opacity:var(--ax-opacity-disabled)}.aksel-button>.aksel-loader{position:absolute}.aksel-button .aksel-loader .aksel-loader__foreground{stroke:currentColor}.aksel-button--primary .aksel-loader .aksel-loader__background,.aksel-button--danger .aksel-loader .aksel-loader__background{stroke:#ffffff4d}.aksel-button--loading>:not(.aksel-loader){visibility:hidden}@media(forced-colors:active){.aksel-button:not(.aksel-button--loading):where(:disabled,.aksel-button--disabled){opacity:1;color:graytext}.aksel-button{color:buttontext;background-color:buttonface;border:1px solid rgba(0,0,0,0)}.aksel-button:not(:disabled):hover{color:highlight;box-shadow:none;background-color:highlighttext;border-color:highlight}.aksel-button:not(:disabled):hover span{forced-color-adjust:none}.aksel-button .aksel-loader .aksel-loader__foreground{stroke:canvas}.aksel-button--primary .aksel-loader .aksel-loader__background,.aksel-button--danger .aksel-loader .aksel-loader__background{stroke:canvastext}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-chips{gap:var(--ax-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aksel-chips li{margin:0;padding:0;list-style:none;display:block}.aksel-chips__chip{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-2);padding:0 var(--ax-space-12);border-radius:var(--ax-radius-full);min-height:2rem;margin:0;text-decoration:none;display:flex}.aksel-chips__chip:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-chips--readonly .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-chips--small .aksel-chips__chip{min-height:1.5rem;padding:0 var(--ax-space-8)}.aksel-chips--small .aksel-chips__toggle-icon{width:1rem;height:1rem}.aksel-chips--small .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-4)}.aksel-chips--small .aksel-chips__removable-icon{width:1.25rem;height:1.25rem}.aksel-chips--small .aksel-chips__removable-icon>svg{width:1rem}.aksel-chips--small .aksel-chips--icon-right{padding-right:var(--ax-space-2)}.aksel-chips__toggle{box-shadow:inset 0 0 0 1px var(--ax-border-subtleA);background-color:var(--ax-bg-moderate);color:var(--ax-text-default);transition:box-shadow .2s cubic-bezier(.15,1,.3,1)}.aksel-chips__toggle:hover{background-color:var(--ax-bg-moderate-hover);box-shadow:inset 0 0 0 1px var(--ax-border-default)}.aksel-chips__toggle[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.aksel-chips__toggle[data-pressed=true]:hover{background-color:var(--ax-bg-strong-hover)}.aksel-chips--medium .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-6)}.aksel-chips__removable{background:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);gap:0}.aksel-chips__removable:hover{background:var(--ax-bg-strong-hover)}.aksel-chips__removable-icon{border-radius:var(--ax-radius-full);place-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;display:grid}.aksel-chips--icon-left{padding-left:var(--ax-space-6)}.aksel-chips--icon-right{padding-right:var(--ax-space-6)}@media
|
|
1
|
+
@layer aksel.components{.aksel-chips{gap:var(--ax-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aksel-chips li{margin:0;padding:0;list-style:none;display:block}.aksel-chips__chip{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-2);padding:0 var(--ax-space-12);border-radius:var(--ax-radius-full);min-height:2rem;margin:0;text-decoration:none;display:flex}.aksel-chips__chip:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-chips--readonly .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-chips--small .aksel-chips__chip{min-height:1.5rem;padding:0 var(--ax-space-8)}.aksel-chips--small .aksel-chips__toggle-icon{width:1rem;height:1rem}.aksel-chips--small .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-4)}.aksel-chips--small .aksel-chips__removable-icon{width:1.25rem;height:1.25rem}.aksel-chips--small .aksel-chips__removable-icon>svg{width:1rem}.aksel-chips--small .aksel-chips--icon-right{padding-right:var(--ax-space-2)}.aksel-chips__toggle{box-shadow:inset 0 0 0 1px var(--ax-border-subtleA);background-color:var(--ax-bg-moderate);color:var(--ax-text-default);transition:box-shadow .2s cubic-bezier(.15,1,.3,1)}.aksel-chips__toggle:hover{background-color:var(--ax-bg-moderate-hover);box-shadow:inset 0 0 0 1px var(--ax-border-default)}.aksel-chips__toggle[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast)}.aksel-chips__toggle[data-pressed=true]:hover{background-color:var(--ax-bg-strong-hover)}.aksel-chips--medium .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-6)}.aksel-chips__removable{background:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);gap:0}.aksel-chips__removable:hover{background:var(--ax-bg-strong-hover)}.aksel-chips__removable-icon{border-radius:var(--ax-radius-full);place-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;display:grid}.aksel-chips--icon-left{padding-left:var(--ax-space-6)}.aksel-chips--icon-right{padding-right:var(--ax-space-6)}@media(forced-colors:active){.aksel-chips__chip{border:1px solid rgba(0,0,0,0)}.aksel-chips__chip:hover{color:highlight;background-color:highlighttext}.aksel-chips__chip:where([data-pressed=true],:active,:hover)>span{forced-color-adjust:none}.aksel-chips__toggle[data-pressed=true]{color:selecteditemtext;background-color:selecteditem;border:1px solid selecteditem}.aksel-chips__toggle[data-pressed=true]:hover{color:selecteditem;background-color:selecteditemtext}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-date{padding:var(--ax-space-16)}.aksel-date .rdp-table{border-collapse:separate}.aksel-date .rdp-cell{padding:1px}.aksel-date .rdp-day_range_middle.rdp-day_disabled{color:var(--ax-text-neutral);background:var(--ax-bg-neutral-moderateA)}.aksel-date .rdp-day_range_middle.rdp-day_selected{background-color:var(--ax-bg-moderate-pressedA);box-shadow:inset 0 0 0 1px var(--ax-border-subtleA);color:var(--ax-text-neutral)}.aksel-date .rdp-month,.aksel-date.rdp-month{gap:var(--ax-space-20);display:grid}.aksel-date .aksel-date__caption-label{text-transform:capitalize}.aksel-date .rdp-head_cell{text-transform:capitalize;font-size:var(--ax-font-size-small)}.aksel-date .rdp-button{all:unset;text-align:center;border-radius:var(--ax-radius-8);width:2.5rem;height:2.5rem;display:block}.aksel-date .rdp-day_range_start{border-radius:100% var(--ax-radius-12) var(--ax-radius-12) 100%}.aksel-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--ax-radius-8) 100% 100% var(--ax-radius-8)}.aksel-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--ax-radius-8)}.aksel-date .aksel-date__field{flex-direction:column;width:100%;display:flex;position:relative}.aksel-date .rdp-day_selected,.aksel-date .aksel-monthpicker__month--selected{color:var(--ax-text-contrast);background:var(--ax-bg-strong-pressed);cursor:pointer}.aksel-date .rdp-day_disabled{cursor:not-allowed;background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral-subtle);text-decoration:line-through}.aksel-date .rdp-button:where(:not(.rdp-day_selected,[disabled])):hover,.aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected,[disabled])):hover{background:var(--ax-bg-moderate-hoverA);cursor:pointer}.aksel-date .rdp-day_today{position:relative}.aksel-date .rdp-day_today:before{background-color:var(--ax-text-subtle);border-radius:var(--ax-radius-full);content:"";width:6px;height:6px;display:block;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle),.aksel-date .rdp-day_today:active):before{background-color:var(--ax-text-contrast)}.aksel-date .rdp-day_outside{visibility:hidden;pointer-events:none}.aksel-date__modal .aksel-date,.aksel-date__modal-body>.aksel-date{padding:0}@media
|
|
1
|
+
@layer aksel.components{.aksel-date{padding:var(--ax-space-16)}.aksel-date .rdp-table{border-collapse:separate}.aksel-date .rdp-cell{padding:1px}.aksel-date .rdp-day_range_middle.rdp-day_disabled{color:var(--ax-text-neutral);background:var(--ax-bg-neutral-moderateA)}.aksel-date .rdp-day_range_middle.rdp-day_selected{background-color:var(--ax-bg-moderate-pressedA);box-shadow:inset 0 0 0 1px var(--ax-border-subtleA);color:var(--ax-text-neutral)}.aksel-date .rdp-month,.aksel-date.rdp-month{gap:var(--ax-space-20);display:grid}.aksel-date .aksel-date__caption-label{text-transform:capitalize}.aksel-date .rdp-head_cell{text-transform:capitalize;font-size:var(--ax-font-size-small)}.aksel-date .rdp-button{all:unset;text-align:center;border-radius:var(--ax-radius-8);width:2.5rem;height:2.5rem;display:block}.aksel-date .rdp-day_range_start{border-radius:100% var(--ax-radius-12) var(--ax-radius-12) 100%}.aksel-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--ax-radius-8) 100% 100% var(--ax-radius-8)}.aksel-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--ax-radius-8)}.aksel-date .aksel-date__field{flex-direction:column;width:100%;display:flex;position:relative}.aksel-date .rdp-day_selected,.aksel-date .aksel-monthpicker__month--selected{color:var(--ax-text-contrast);background:var(--ax-bg-strong-pressed);cursor:pointer}.aksel-date .rdp-day_disabled{cursor:not-allowed;background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral-subtle);text-decoration:line-through}.aksel-date .rdp-button:where(:not(.rdp-day_selected,[disabled])):hover,.aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected,[disabled])):hover{background:var(--ax-bg-moderate-hoverA);cursor:pointer}.aksel-date .rdp-day_today{position:relative}.aksel-date .rdp-day_today:before{background-color:var(--ax-text-subtle);border-radius:var(--ax-radius-full);content:"";width:6px;height:6px;display:block;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle),.aksel-date .rdp-day_today:active):before{background-color:var(--ax-text-contrast)}.aksel-date .rdp-day_outside{visibility:hidden;pointer-events:none}.aksel-date__modal .aksel-date,.aksel-date__modal-body>.aksel-date{padding:0}@media(max-width:360px){.aksel-date__modal-body>.aksel-date{margin-inline:-12px}}.aksel-date__caption{justify-content:space-between;align-items:center;gap:var(--ax-space-4);padding-inline:var(--ax-space-4);display:flex}.aksel-date__caption-button{width:2rem;height:2rem;color:var(--ax-text-neutral)}.aksel-date__caption__month .aksel-select__container select{text-transform:capitalize}.aksel-date__month-button{all:unset;text-align:center;text-transform:capitalize;border-radius:var(--ax-radius-8);cursor:pointer;width:3rem;height:3rem}.aksel-date__year-label{align-items:center;display:flex}.aksel-date__wrapper,.aksel-date__standalone-wrapper{width:fit-content;height:fit-content}:is(:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) .rdp-cell>button.rdp-day,:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}:is(:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) .rdp-cell>button.rdp-day,:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled){color:var(--ax-text-contrast);background-color:var(--ax-bg-strong-pressed)}.aksel-date__field-input.aksel-text-field__input{padding-right:var(--ax-space-48)}.aksel-form-field--small .aksel-date__field-input{padding-right:var(--ax-space-32)}.aksel-date__field-button{color:var(--ax-text-neutral);cursor:pointer;border-radius:calc(var(--ax-radius-8) - 1px);padding:var(--ax-space-12);background:none;border:none;border-start-start-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;height:calc(100% - .125rem);margin:0;font-size:1.5rem;text-decoration:none;display:inline-flex;position:absolute;top:50%;right:.0625rem;transform:translateY(-50%)}.aksel-form-field--small .aksel-date__field-button{padding:var(--ax-space-4)}.aksel-form-field--disabled .aksel-date__field-button{opacity:1;cursor:not-allowed}.aksel-date__field--readonly .aksel-date__field-button{cursor:default}.aksel-date__field-button:focus-visible{outline-color:var(--ax-border-focus)}.aksel-date__field-wrapper{align-items:center;width:fit-content;display:inline-flex;position:relative}.aksel-date__week-row{align-items:center;gap:var(--ax-space-2);display:flex}.aksel-date__weeknumber{--__axc-button-border-width: 1px}.aksel-date__weeknumber-number{color:var(--ax-text-neutral-subtle);font-size:.875rem}.aksel-date__week-wrapper{justify-content:center;align-items:center;width:2.5rem;margin:0;display:flex}.aksel-date__modal-body{padding:var(--ax-space-16);align-items:flex-end;gap:var(--ax-space-8);flex-direction:column;display:flex}@media(min-width:480px){.aksel-date,.aksel-date__modal-body{padding:var(--ax-space-20)}.aksel-date__caption{gap:var(--ax-space-8)}.aksel-date .rdp-button,.aksel-date__caption-button{width:3rem;height:3rem}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-dropdown__menu{padding:var(--ax-space-8);color:var(--ax-text-neutral);width:27ch;max-height:616px;overflow:hidden auto}.aksel-dropdown__divider{margin:var(--ax-space-12) 0;border:none;border-bottom:1px solid var(--ax-border-neutral-subtle)}.aksel-dropdown__menu>:not(.aksel-dropdown__divider,.aksel-dropdown__list){margin:0 var(--ax-space-16) var(--ax-space-12)}.aksel-dropdown__list{margin:0;padding:0;list-style:none}.aksel-dropdown__list-item{margin:0}.aksel-dropdown__list-heading{margin-block:var(--ax-space-4) var(--ax-space-12);margin-inline:var(--ax-space-4)}.aksel-dropdown__item{font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--ax-space-8);width:100%;padding:var(--ax-space-4);border-radius:var(--ax-radius-4);color:var(--ax-text-neutral);background:none;border:none;margin:0;text-decoration:none;display:flex;overflow:visible}.aksel-dropdown__item:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-dropdown__item:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-dropdown__item:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}.aksel-dropdown__item:disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed;background:none}@media
|
|
1
|
+
@layer aksel.components{.aksel-dropdown__menu{padding:var(--ax-space-8);color:var(--ax-text-neutral);width:27ch;max-height:616px;overflow:hidden auto}.aksel-dropdown__divider{margin:var(--ax-space-12) 0;border:none;border-bottom:1px solid var(--ax-border-neutral-subtle)}.aksel-dropdown__menu>:not(.aksel-dropdown__divider,.aksel-dropdown__list){margin:0 var(--ax-space-16) var(--ax-space-12)}.aksel-dropdown__list{margin:0;padding:0;list-style:none}.aksel-dropdown__list-item{margin:0}.aksel-dropdown__list-heading{margin-block:var(--ax-space-4) var(--ax-space-12);margin-inline:var(--ax-space-4)}.aksel-dropdown__item{font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--ax-space-8);width:100%;padding:var(--ax-space-4);border-radius:var(--ax-radius-4);color:var(--ax-text-neutral);background:none;border:none;margin:0;text-decoration:none;display:flex;overflow:visible}.aksel-dropdown__item:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-dropdown__item:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-dropdown__item:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}.aksel-dropdown__item:disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed;background:none}@media(forced-colors:active){.aksel-dropdown__item:hover{color:highlight}.aksel-dropdown__item:disabled{opacity:1;color:graytext}}}
|