@navikt/ds-css 6.7.1 → 6.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/config/_mappings.js +11 -0
- package/dist/component/form.css +71 -41
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +93 -84
- package/dist/component/index.min.css +1 -15
- package/dist/component/primitives.css +21 -42
- package/dist/component/primitives.min.css +1 -15
- package/dist/components.css +105 -90
- package/dist/components.min.css +1 -15
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +93 -84
- package/dist/index.min.css +1 -15
- package/form/combobox.css +31 -48
- package/form/form-progress.css +52 -0
- package/form/index.css +1 -0
- package/package.json +2 -2
- package/primitives/hgrid.css +20 -41
- package/primitives/page.css +1 -1
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
}
|
|
222
222
|
|
|
223
223
|
.navds-page__content--padding {
|
|
224
|
-
padding-block-end: var(--a-spacing-
|
|
224
|
+
padding-block-end: var(--a-spacing-16);
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
.navds-pageblock--text {
|
|
@@ -258,18 +258,18 @@
|
|
|
258
258
|
|
|
259
259
|
.navds-hgrid {
|
|
260
260
|
--__ac-hgrid-columns-xs: initial;
|
|
261
|
-
--__ac-hgrid-columns-sm:
|
|
262
|
-
--__ac-hgrid-columns-md:
|
|
263
|
-
--__ac-hgrid-columns-lg:
|
|
264
|
-
--__ac-hgrid-columns-xl:
|
|
265
|
-
--__ac-hgrid-columns-2xl:
|
|
261
|
+
--__ac-hgrid-columns-sm: var(--__ac-hgrid-columns-xs);
|
|
262
|
+
--__ac-hgrid-columns-md: var(--__ac-hgrid-columns-sm);
|
|
263
|
+
--__ac-hgrid-columns-lg: var(--__ac-hgrid-columns-md);
|
|
264
|
+
--__ac-hgrid-columns-xl: var(--__ac-hgrid-columns-lg);
|
|
265
|
+
--__ac-hgrid-columns-2xl: var(--__ac-hgrid-columns-xl);
|
|
266
266
|
--__ac-hgrid-columns: var(--__ac-hgrid-columns-xs);
|
|
267
267
|
--__ac-hgrid-gap-xs: initial;
|
|
268
|
-
--__ac-hgrid-gap-sm:
|
|
269
|
-
--__ac-hgrid-gap-md:
|
|
270
|
-
--__ac-hgrid-gap-lg:
|
|
271
|
-
--__ac-hgrid-gap-xl:
|
|
272
|
-
--__ac-hgrid-gap-2xl:
|
|
268
|
+
--__ac-hgrid-gap-sm: var(--__ac-hgrid-gap-xs);
|
|
269
|
+
--__ac-hgrid-gap-md: var(--__ac-hgrid-gap-sm);
|
|
270
|
+
--__ac-hgrid-gap-lg: var(--__ac-hgrid-gap-md);
|
|
271
|
+
--__ac-hgrid-gap-xl: var(--__ac-hgrid-gap-lg);
|
|
272
|
+
--__ac-hgrid-gap-2xl: var(--__ac-hgrid-gap-xl);
|
|
273
273
|
--__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
|
|
274
274
|
--__ac-hgrid-align: initial;
|
|
275
275
|
|
|
@@ -281,57 +281,36 @@
|
|
|
281
281
|
|
|
282
282
|
@media (min-width: 480px) {
|
|
283
283
|
.navds-hgrid {
|
|
284
|
-
--__ac-hgrid-columns: var(--__ac-hgrid-columns-sm
|
|
285
|
-
--__ac-hgrid-gap: var(--__ac-hgrid-gap-sm
|
|
284
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-sm);
|
|
285
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-sm);
|
|
286
286
|
}
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
@media (min-width: 768px) {
|
|
290
290
|
.navds-hgrid {
|
|
291
|
-
--__ac-hgrid-columns: var(--__ac-hgrid-columns-md
|
|
292
|
-
--__ac-hgrid-gap: var(--__ac-hgrid-gap-md
|
|
291
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-md);
|
|
292
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-md);
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
295
|
|
|
296
296
|
@media (min-width: 1024px) {
|
|
297
297
|
.navds-hgrid {
|
|
298
|
-
--__ac-hgrid-columns: var(
|
|
299
|
-
|
|
300
|
-
var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)))
|
|
301
|
-
);
|
|
302
|
-
--__ac-hgrid-gap: var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))));
|
|
298
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-lg);
|
|
299
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-lg);
|
|
303
300
|
}
|
|
304
301
|
}
|
|
305
302
|
|
|
306
303
|
@media (min-width: 1280px) {
|
|
307
304
|
.navds-hgrid {
|
|
308
|
-
--__ac-hgrid-columns: var(
|
|
309
|
-
|
|
310
|
-
var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
|
|
311
|
-
);
|
|
312
|
-
--__ac-hgrid-gap: var(
|
|
313
|
-
--__ac-hgrid-gap-xl,
|
|
314
|
-
var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
|
|
315
|
-
);
|
|
305
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-xl);
|
|
306
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-xl);
|
|
316
307
|
}
|
|
317
308
|
}
|
|
318
309
|
|
|
319
310
|
@media (min-width: 1440px) {
|
|
320
311
|
.navds-hgrid {
|
|
321
|
-
--__ac-hgrid-columns: var(
|
|
322
|
-
|
|
323
|
-
var(
|
|
324
|
-
--__ac-hgrid-columns-xl,
|
|
325
|
-
var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
|
|
326
|
-
)
|
|
327
|
-
);
|
|
328
|
-
--__ac-hgrid-gap: var(
|
|
329
|
-
--__ac-hgrid-gap-2xl,
|
|
330
|
-
var(
|
|
331
|
-
--__ac-hgrid-gap-xl,
|
|
332
|
-
var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
|
|
333
|
-
)
|
|
334
|
-
);
|
|
312
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-2xl);
|
|
313
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-2xl);
|
|
335
314
|
}
|
|
336
315
|
}
|
|
337
316
|
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
.navds-box{--__ac-box-padding-xs:initial;--__ac-box-padding-sm:var(--__ac-box-padding-xs);--__ac-box-padding-md:var(--__ac-box-padding-sm);--__ac-box-padding-lg:var(--__ac-box-padding-md);--__ac-box-padding-xl:var(--__ac-box-padding-lg);--__ac-box-padding-2xl:var(--__ac-box-padding-xl);--__ac-box-padding-inline-xs:initial;--__ac-box-padding-inline-sm:var(--__ac-box-padding-inline-xs);--__ac-box-padding-inline-md:var(--__ac-box-padding-inline-sm);--__ac-box-padding-inline-lg:var(--__ac-box-padding-inline-md);--__ac-box-padding-inline-xl:var(--__ac-box-padding-inline-lg);--__ac-box-padding-inline-2xl:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block-xs:initial;--__ac-box-padding-block-sm:var(--__ac-box-padding-block-xs);--__ac-box-padding-block-md:var(--__ac-box-padding-block-sm);--__ac-box-padding-block-lg:var(--__ac-box-padding-block-md);--__ac-box-padding-block-xl:var(--__ac-box-padding-block-lg);--__ac-box-padding-block-2xl:var(--__ac-box-padding-block-xl);--__ac-box-padding:var(--__ac-box-padding-xs);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xs);--__ac-box-padding-block:var(--__ac-box-padding-block-xs);--__ac-box-background:initial;--__ac-box-border-color:initial;--__ac-box-shadow:initial;--__ac-box-border-width:initial;--__ac-box-border-radius-xs:initial;--__ac-box-border-radius-sm:var(--__ac-box-border-radius-xs);--__ac-box-border-radius-md:var(--__ac-box-border-radius-sm);--__ac-box-border-radius-lg:var(--__ac-box-border-radius-md);--__ac-box-border-radius-xl:var(--__ac-box-border-radius-lg);--__ac-box-border-radius-2xl:var(--__ac-box-border-radius-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xs);background-color:var(--__ac-box-background);border-color:var(--__ac-box-border-color);border-radius:var(--__ac-box-border-radius);border-style:solid;border-width:var(--__ac-box-border-width,0);box-shadow:var(--__ac-box-shadow);padding-block:var(--__ac-box-padding-block,var(--__ac-box-padding));padding-inline:var(--__ac-box-padding-inline,var(--__ac-box-padding))}@media (min-width:480px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-sm);--__ac-box-padding-inline:var(--__ac-box-padding-inline-sm);--__ac-box-padding-block:var(--__ac-box-padding-block-sm);--__ac-box-border-radius:var(--__ac-box-border-radius-sm)}}@media (min-width:768px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-md);--__ac-box-padding-inline:var(--__ac-box-padding-inline-md);--__ac-box-padding-block:var(--__ac-box-padding-block-md);--__ac-box-border-radius:var(--__ac-box-border-radius-md)}}@media (min-width:1024px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-lg);--__ac-box-padding-inline:var(--__ac-box-padding-inline-lg);--__ac-box-padding-block:var(--__ac-box-padding-block-lg);--__ac-box-border-radius:var(--__ac-box-border-radius-lg)}}@media (min-width:1280px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block:var(--__ac-box-padding-block-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xl)}}@media (min-width:1440px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-2xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-2xl);--__ac-box-padding-block:var(--__ac-box-padding-block-2xl);--__ac-box-border-radius:var(--__ac-box-border-radius-2xl)}}.navds-bleed{--__ac-bleed-margin-inline-xs:initial;--__ac-bleed-margin-inline-sm:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-inline-md:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-inline-lg:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-inline-xl:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-inline-2xl:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block-xs:initial;--__ac-bleed-margin-block-sm:var(--__ac-bleed-margin-block-xs);--__ac-bleed-margin-block-md:var(--__ac-bleed-margin-block-sm);--__ac-bleed-margin-block-lg:var(--__ac-bleed-margin-block-md);--__ac-bleed-margin-block-xl:var(--__ac-bleed-margin-block-lg);--__ac-bleed-margin-block-2xl:var(--__ac-bleed-margin-block-xl);--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xs);margin-block:var(--__ac-bleed-margin-block);margin-inline:var(--__ac-bleed-margin-inline)}.navds-bleed--padding{--__ac-bleed-padding-inline-xs:initial;--__ac-bleed-padding-inline-sm:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-inline-md:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-inline-lg:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-inline-xl:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-inline-2xl:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block-xs:initial;--__ac-bleed-padding-block-sm:var(--__ac-bleed-padding-block-xs);--__ac-bleed-padding-block-md:var(--__ac-bleed-padding-block-sm);--__ac-bleed-padding-block-lg:var(--__ac-bleed-padding-block-md);--__ac-bleed-padding-block-xl:var(--__ac-bleed-padding-block-lg);--__ac-bleed-padding-block-2xl:var(--__ac-bleed-padding-block-xl);--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xs);padding-block:var(--__ac-bleed-padding-block);padding-inline:var(--__ac-bleed-padding-inline)}@media (min-width:480px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-sm)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-sm)}}@media (min-width:768px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-md)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-md)}}@media (min-width:1024px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-lg)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-lg)}}@media (min-width:1280px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xl)}}@media (min-width:1440px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-2xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-2xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-2xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-2xl)}}.navds-page{background-color:var(--__ac-page-background);display:flex;flex-direction:column;min-height:100vh;min-height:100lvh}.navds-pageblock{--__ac-page-padding-inline:0px;margin-inline:auto;width:100%}.navds-page__content--grow{flex-grow:1}.navds-page__content--fullheight{min-height:100vh;min-height:100lvh}.navds-page__content--padding{padding-block-end:var(--a-spacing-8)}.navds-pageblock--text{max-width:calc(var(--a-text-width-max) + var(--__ac-page-padding-inline) + var(--__ac-page-padding-inline))}.navds-pageblock--md{max-width:768px}.navds-pageblock--lg{max-width:1024px}.navds-pageblock--xl{max-width:1280px}.navds-pageblock--2xl{max-width:1440px}.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-4);padding-inline:var(--__ac-page-padding-inline)}@media (min-width:1024px){.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-12)}}.navds-hgrid{--__ac-hgrid-columns-xs:initial;--__ac-hgrid-columns-sm:initial;--__ac-hgrid-columns-md:initial;--__ac-hgrid-columns-lg:initial;--__ac-hgrid-columns-xl:initial;--__ac-hgrid-columns-2xl:initial;--__ac-hgrid-columns:var(--__ac-hgrid-columns-xs);--__ac-hgrid-gap-xs:initial;--__ac-hgrid-gap-sm:initial;--__ac-hgrid-gap-md:initial;--__ac-hgrid-gap-lg:initial;--__ac-hgrid-gap-xl:initial;--__ac-hgrid-gap-2xl:initial;--__ac-hgrid-gap:var(--__ac-hgrid-gap-xs);--__ac-hgrid-align:initial;align-items:var(--__ac-hgrid-align);display:grid;gap:var(--__ac-hgrid-gap);grid-template-columns:var(--__ac-hgrid-columns)}@media (min-width:480px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs));--__ac-hgrid-gap:var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))}}@media (min-width:768px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)));--__ac-hgrid-gap:var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs)))}}@media (min-width:1024px){.navds-hgrid{--__ac-hgrid-columns:var(
|
|
2
|
-
--__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)))
|
|
3
|
-
);--__ac-hgrid-gap:var(--__ac-hgrid-gap-lg,var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))))}}@media (min-width:1280px){.navds-hgrid{--__ac-hgrid-columns:var(
|
|
4
|
-
--__ac-hgrid-columns-xl,var(--__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs))))
|
|
5
|
-
);--__ac-hgrid-gap:var(
|
|
6
|
-
--__ac-hgrid-gap-xl,var(--__ac-hgrid-gap-lg,var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))))
|
|
7
|
-
)}}@media (min-width:1440px){.navds-hgrid{--__ac-hgrid-columns:var(
|
|
8
|
-
--__ac-hgrid-columns-2xl,var(
|
|
9
|
-
--__ac-hgrid-columns-xl,var(--__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs))))
|
|
10
|
-
)
|
|
11
|
-
);--__ac-hgrid-gap:var(
|
|
12
|
-
--__ac-hgrid-gap-2xl,var(
|
|
13
|
-
--__ac-hgrid-gap-xl,var(--__ac-hgrid-gap-lg,var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))))
|
|
14
|
-
)
|
|
15
|
-
)}}.navds-stack{--__ac-stack-wrap:initial;--__ac-stack-gap-xs:initial;--__ac-stack-gap-sm:var(--__ac-stack-gap-xs);--__ac-stack-gap-md:var(--__ac-stack-gap-sm);--__ac-stack-gap-lg:var(--__ac-stack-gap-md);--__ac-stack-gap-xl:var(--__ac-stack-gap-lg);--__ac-stack-gap-2xl:var(--__ac-stack-gap-xl);--__ac-stack-gap:var(--__ac-stack-gap-xs);--__ac-stack-justify-xs:initial;--__ac-stack-justify-sm:var(--__ac-stack-justify-xs);--__ac-stack-justify-md:var(--__ac-stack-justify-sm);--__ac-stack-justify-lg:var(--__ac-stack-justify-md);--__ac-stack-justify-xl:var(--__ac-stack-justify-lg);--__ac-stack-justify-2xl:var(--__ac-stack-justify-xl);--__ac-stack-justify:var(--__ac-stack-justify-xs);--__ac-stack-align-xs:initial;--__ac-stack-align-sm:var(--__ac-stack-align-xs);--__ac-stack-align-md:var(--__ac-stack-align-sm);--__ac-stack-align-lg:var(--__ac-stack-align-md);--__ac-stack-align-xl:var(--__ac-stack-align-lg);--__ac-stack-align-2xl:var(--__ac-stack-align-xl);--__ac-stack-align:var(--__ac-stack-align-xs);--__ac-stack-direction-xs:initial;--__ac-stack-direction-sm:var(--__ac-stack-direction-xs);--__ac-stack-direction-md:var(--__ac-stack-direction-sm);--__ac-stack-direction-lg:var(--__ac-stack-direction-md);--__ac-stack-direction-xl:var(--__ac-stack-direction-lg);--__ac-stack-direction-2xl:var(--__ac-stack-direction-xl);--__ac-stack-direction:var(--__ac-stack-direction-xs);align-items:var(--__ac-stack-align);display:flex;flex-flow:var(--__ac-stack-direction) var(--__ac-stack-wrap);gap:var(--__ac-stack-gap);justify-content:var(--__ac-stack-justify)}.navds-stack__spacer{align-self:stretch;flex:1;justify-self:stretch}.navds-stack>.navds-stack__spacer{margin-block-start:calc(var(--__ac-stack-gap)*-1);margin-inline-start:calc(var(--__ac-stack-gap)*-1)}@media (min-width:480px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-sm);--__ac-stack-align:var(--__ac-stack-align-sm);--__ac-stack-justify:var(--__ac-stack-justify-sm);--__ac-stack-direction:var(--__ac-stack-direction-sm)}}@media (min-width:768px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-md);--__ac-stack-align:var(--__ac-stack-align-md);--__ac-stack-justify:var(--__ac-stack-justify-md);--__ac-stack-direction:var(--__ac-stack-direction-md)}}@media (min-width:1024px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-lg);--__ac-stack-align:var(--__ac-stack-align-lg);--__ac-stack-justify:var(--__ac-stack-justify-lg);--__ac-stack-direction:var(--__ac-stack-direction-lg)}}@media (min-width:1280px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-xl);--__ac-stack-align:var(--__ac-stack-align-xl);--__ac-stack-justify:var(--__ac-stack-justify-xl);--__ac-stack-direction:var(--__ac-stack-direction-xl)}}@media (min-width:1440px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-2xl);--__ac-stack-align:var(--__ac-stack-align-2xl);--__ac-stack-justify:var(--__ac-stack-justify-2xl);--__ac-stack-direction:var(--__ac-stack-direction-2xl)}}@media (min-width:480px){.navds-responsive__below--sm{display:none!important}}@media (max-width:479px){.navds-responsive__above--sm{display:none!important}}@media (min-width:768px){.navds-responsive__below--md{display:none!important}}@media (max-width:767px){.navds-responsive__above--md{display:none!important}}@media (min-width:1024px){.navds-responsive__below--lg{display:none!important}}@media (max-width:1023px){.navds-responsive__above--lg{display:none!important}}@media (min-width:1280px){.navds-responsive__below--xl{display:none!important}}@media (max-width:1279px){.navds-responsive__above--xl{display:none!important}}@media (min-width:1440px){.navds-responsive__below--2xl{display:none!important}}@media (max-width:1439px){.navds-responsive__above--2xl{display:none!important}}
|
|
1
|
+
.navds-box{--__ac-box-padding-xs:initial;--__ac-box-padding-sm:var(--__ac-box-padding-xs);--__ac-box-padding-md:var(--__ac-box-padding-sm);--__ac-box-padding-lg:var(--__ac-box-padding-md);--__ac-box-padding-xl:var(--__ac-box-padding-lg);--__ac-box-padding-2xl:var(--__ac-box-padding-xl);--__ac-box-padding-inline-xs:initial;--__ac-box-padding-inline-sm:var(--__ac-box-padding-inline-xs);--__ac-box-padding-inline-md:var(--__ac-box-padding-inline-sm);--__ac-box-padding-inline-lg:var(--__ac-box-padding-inline-md);--__ac-box-padding-inline-xl:var(--__ac-box-padding-inline-lg);--__ac-box-padding-inline-2xl:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block-xs:initial;--__ac-box-padding-block-sm:var(--__ac-box-padding-block-xs);--__ac-box-padding-block-md:var(--__ac-box-padding-block-sm);--__ac-box-padding-block-lg:var(--__ac-box-padding-block-md);--__ac-box-padding-block-xl:var(--__ac-box-padding-block-lg);--__ac-box-padding-block-2xl:var(--__ac-box-padding-block-xl);--__ac-box-padding:var(--__ac-box-padding-xs);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xs);--__ac-box-padding-block:var(--__ac-box-padding-block-xs);--__ac-box-background:initial;--__ac-box-border-color:initial;--__ac-box-shadow:initial;--__ac-box-border-width:initial;--__ac-box-border-radius-xs:initial;--__ac-box-border-radius-sm:var(--__ac-box-border-radius-xs);--__ac-box-border-radius-md:var(--__ac-box-border-radius-sm);--__ac-box-border-radius-lg:var(--__ac-box-border-radius-md);--__ac-box-border-radius-xl:var(--__ac-box-border-radius-lg);--__ac-box-border-radius-2xl:var(--__ac-box-border-radius-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xs);background-color:var(--__ac-box-background);border-color:var(--__ac-box-border-color);border-radius:var(--__ac-box-border-radius);border-style:solid;border-width:var(--__ac-box-border-width,0);box-shadow:var(--__ac-box-shadow);padding-block:var(--__ac-box-padding-block,var(--__ac-box-padding));padding-inline:var(--__ac-box-padding-inline,var(--__ac-box-padding))}@media (min-width:480px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-sm);--__ac-box-padding-inline:var(--__ac-box-padding-inline-sm);--__ac-box-padding-block:var(--__ac-box-padding-block-sm);--__ac-box-border-radius:var(--__ac-box-border-radius-sm)}}@media (min-width:768px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-md);--__ac-box-padding-inline:var(--__ac-box-padding-inline-md);--__ac-box-padding-block:var(--__ac-box-padding-block-md);--__ac-box-border-radius:var(--__ac-box-border-radius-md)}}@media (min-width:1024px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-lg);--__ac-box-padding-inline:var(--__ac-box-padding-inline-lg);--__ac-box-padding-block:var(--__ac-box-padding-block-lg);--__ac-box-border-radius:var(--__ac-box-border-radius-lg)}}@media (min-width:1280px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-xl);--__ac-box-padding-block:var(--__ac-box-padding-block-xl);--__ac-box-border-radius:var(--__ac-box-border-radius-xl)}}@media (min-width:1440px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-2xl);--__ac-box-padding-inline:var(--__ac-box-padding-inline-2xl);--__ac-box-padding-block:var(--__ac-box-padding-block-2xl);--__ac-box-border-radius:var(--__ac-box-border-radius-2xl)}}.navds-bleed{--__ac-bleed-margin-inline-xs:initial;--__ac-bleed-margin-inline-sm:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-inline-md:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-inline-lg:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-inline-xl:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-inline-2xl:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block-xs:initial;--__ac-bleed-margin-block-sm:var(--__ac-bleed-margin-block-xs);--__ac-bleed-margin-block-md:var(--__ac-bleed-margin-block-sm);--__ac-bleed-margin-block-lg:var(--__ac-bleed-margin-block-md);--__ac-bleed-margin-block-xl:var(--__ac-bleed-margin-block-lg);--__ac-bleed-margin-block-2xl:var(--__ac-bleed-margin-block-xl);--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xs);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xs);margin-block:var(--__ac-bleed-margin-block);margin-inline:var(--__ac-bleed-margin-inline)}.navds-bleed--padding{--__ac-bleed-padding-inline-xs:initial;--__ac-bleed-padding-inline-sm:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-inline-md:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-inline-lg:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-inline-xl:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-inline-2xl:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block-xs:initial;--__ac-bleed-padding-block-sm:var(--__ac-bleed-padding-block-xs);--__ac-bleed-padding-block-md:var(--__ac-bleed-padding-block-sm);--__ac-bleed-padding-block-lg:var(--__ac-bleed-padding-block-md);--__ac-bleed-padding-block-xl:var(--__ac-bleed-padding-block-lg);--__ac-bleed-padding-block-2xl:var(--__ac-bleed-padding-block-xl);--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xs);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xs);padding-block:var(--__ac-bleed-padding-block);padding-inline:var(--__ac-bleed-padding-inline)}@media (min-width:480px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-sm);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-sm)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-sm);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-sm)}}@media (min-width:768px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-md);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-md)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-md);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-md)}}@media (min-width:1024px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-lg);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-lg)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-lg);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-lg)}}@media (min-width:1280px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-xl)}}@media (min-width:1440px){.navds-bleed{--__ac-bleed-margin-inline:var(--__ac-bleed-margin-inline-2xl);--__ac-bleed-margin-block:var(--__ac-bleed-margin-block-2xl)}.navds-bleed--padding{--__ac-bleed-padding-inline:var(--__ac-bleed-padding-inline-2xl);--__ac-bleed-padding-block:var(--__ac-bleed-padding-block-2xl)}}.navds-page{background-color:var(--__ac-page-background);display:flex;flex-direction:column;min-height:100vh;min-height:100lvh}.navds-pageblock{--__ac-page-padding-inline:0px;margin-inline:auto;width:100%}.navds-page__content--grow{flex-grow:1}.navds-page__content--fullheight{min-height:100vh;min-height:100lvh}.navds-page__content--padding{padding-block-end:var(--a-spacing-16)}.navds-pageblock--text{max-width:calc(var(--a-text-width-max) + var(--__ac-page-padding-inline) + var(--__ac-page-padding-inline))}.navds-pageblock--md{max-width:768px}.navds-pageblock--lg{max-width:1024px}.navds-pageblock--xl{max-width:1280px}.navds-pageblock--2xl{max-width:1440px}.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-4);padding-inline:var(--__ac-page-padding-inline)}@media (min-width:1024px){.navds-pageblock--gutters{--__ac-page-padding-inline:var(--a-spacing-12)}}.navds-hgrid{--__ac-hgrid-columns-xs:initial;--__ac-hgrid-columns-sm:var(--__ac-hgrid-columns-xs);--__ac-hgrid-columns-md:var(--__ac-hgrid-columns-sm);--__ac-hgrid-columns-lg:var(--__ac-hgrid-columns-md);--__ac-hgrid-columns-xl:var(--__ac-hgrid-columns-lg);--__ac-hgrid-columns-2xl:var(--__ac-hgrid-columns-xl);--__ac-hgrid-columns:var(--__ac-hgrid-columns-xs);--__ac-hgrid-gap-xs:initial;--__ac-hgrid-gap-sm:var(--__ac-hgrid-gap-xs);--__ac-hgrid-gap-md:var(--__ac-hgrid-gap-sm);--__ac-hgrid-gap-lg:var(--__ac-hgrid-gap-md);--__ac-hgrid-gap-xl:var(--__ac-hgrid-gap-lg);--__ac-hgrid-gap-2xl:var(--__ac-hgrid-gap-xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-xs);--__ac-hgrid-align:initial;align-items:var(--__ac-hgrid-align);display:grid;gap:var(--__ac-hgrid-gap);grid-template-columns:var(--__ac-hgrid-columns)}@media (min-width:480px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-sm);--__ac-hgrid-gap:var(--__ac-hgrid-gap-sm)}}@media (min-width:768px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-md);--__ac-hgrid-gap:var(--__ac-hgrid-gap-md)}}@media (min-width:1024px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-lg);--__ac-hgrid-gap:var(--__ac-hgrid-gap-lg)}}@media (min-width:1280px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-xl)}}@media (min-width:1440px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-2xl);--__ac-hgrid-gap:var(--__ac-hgrid-gap-2xl)}}.navds-stack{--__ac-stack-wrap:initial;--__ac-stack-gap-xs:initial;--__ac-stack-gap-sm:var(--__ac-stack-gap-xs);--__ac-stack-gap-md:var(--__ac-stack-gap-sm);--__ac-stack-gap-lg:var(--__ac-stack-gap-md);--__ac-stack-gap-xl:var(--__ac-stack-gap-lg);--__ac-stack-gap-2xl:var(--__ac-stack-gap-xl);--__ac-stack-gap:var(--__ac-stack-gap-xs);--__ac-stack-justify-xs:initial;--__ac-stack-justify-sm:var(--__ac-stack-justify-xs);--__ac-stack-justify-md:var(--__ac-stack-justify-sm);--__ac-stack-justify-lg:var(--__ac-stack-justify-md);--__ac-stack-justify-xl:var(--__ac-stack-justify-lg);--__ac-stack-justify-2xl:var(--__ac-stack-justify-xl);--__ac-stack-justify:var(--__ac-stack-justify-xs);--__ac-stack-align-xs:initial;--__ac-stack-align-sm:var(--__ac-stack-align-xs);--__ac-stack-align-md:var(--__ac-stack-align-sm);--__ac-stack-align-lg:var(--__ac-stack-align-md);--__ac-stack-align-xl:var(--__ac-stack-align-lg);--__ac-stack-align-2xl:var(--__ac-stack-align-xl);--__ac-stack-align:var(--__ac-stack-align-xs);--__ac-stack-direction-xs:initial;--__ac-stack-direction-sm:var(--__ac-stack-direction-xs);--__ac-stack-direction-md:var(--__ac-stack-direction-sm);--__ac-stack-direction-lg:var(--__ac-stack-direction-md);--__ac-stack-direction-xl:var(--__ac-stack-direction-lg);--__ac-stack-direction-2xl:var(--__ac-stack-direction-xl);--__ac-stack-direction:var(--__ac-stack-direction-xs);align-items:var(--__ac-stack-align);display:flex;flex-flow:var(--__ac-stack-direction) var(--__ac-stack-wrap);gap:var(--__ac-stack-gap);justify-content:var(--__ac-stack-justify)}.navds-stack__spacer{align-self:stretch;flex:1;justify-self:stretch}.navds-stack>.navds-stack__spacer{margin-block-start:calc(var(--__ac-stack-gap)*-1);margin-inline-start:calc(var(--__ac-stack-gap)*-1)}@media (min-width:480px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-sm);--__ac-stack-align:var(--__ac-stack-align-sm);--__ac-stack-justify:var(--__ac-stack-justify-sm);--__ac-stack-direction:var(--__ac-stack-direction-sm)}}@media (min-width:768px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-md);--__ac-stack-align:var(--__ac-stack-align-md);--__ac-stack-justify:var(--__ac-stack-justify-md);--__ac-stack-direction:var(--__ac-stack-direction-md)}}@media (min-width:1024px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-lg);--__ac-stack-align:var(--__ac-stack-align-lg);--__ac-stack-justify:var(--__ac-stack-justify-lg);--__ac-stack-direction:var(--__ac-stack-direction-lg)}}@media (min-width:1280px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-xl);--__ac-stack-align:var(--__ac-stack-align-xl);--__ac-stack-justify:var(--__ac-stack-justify-xl);--__ac-stack-direction:var(--__ac-stack-direction-xl)}}@media (min-width:1440px){.navds-stack{--__ac-stack-gap:var(--__ac-stack-gap-2xl);--__ac-stack-align:var(--__ac-stack-align-2xl);--__ac-stack-justify:var(--__ac-stack-justify-2xl);--__ac-stack-direction:var(--__ac-stack-direction-2xl)}}@media (min-width:480px){.navds-responsive__below--sm{display:none!important}}@media (max-width:479px){.navds-responsive__above--sm{display:none!important}}@media (min-width:768px){.navds-responsive__below--md{display:none!important}}@media (max-width:767px){.navds-responsive__above--md{display:none!important}}@media (min-width:1024px){.navds-responsive__below--lg{display:none!important}}@media (max-width:1023px){.navds-responsive__above--lg{display:none!important}}@media (min-width:1280px){.navds-responsive__below--xl{display:none!important}}@media (max-width:1279px){.navds-responsive__above--xl{display:none!important}}@media (min-width:1440px){.navds-responsive__below--2xl{display:none!important}}@media (max-width:1439px){.navds-responsive__above--2xl{display:none!important}}
|
package/dist/components.css
CHANGED
|
@@ -3799,20 +3799,43 @@
|
|
|
3799
3799
|
}
|
|
3800
3800
|
|
|
3801
3801
|
.navds-combobox__wrapper {
|
|
3802
|
+
--__ac-combobox-icon-size: 1.5rem;
|
|
3803
|
+
--__ac-combobox-wrapper-inner-padding: var(--a-spacing-2);
|
|
3804
|
+
--__ac-combobox-list-item-padding-block: var(--a-spacing-3);
|
|
3805
|
+
--__ac-combobox-list-item-padding-inline: var(--a-spacing-3);
|
|
3806
|
+
--__ac-combobox-border-width: 1px;
|
|
3807
|
+
--__ac-combobox-input-height: 2rem;
|
|
3808
|
+
|
|
3802
3809
|
display: flex;
|
|
3803
3810
|
flex-direction: column;
|
|
3804
3811
|
width: 100%;
|
|
3805
3812
|
position: relative;
|
|
3806
3813
|
}
|
|
3807
3814
|
|
|
3808
|
-
.navds-
|
|
3815
|
+
.navds-form-field--small .navds-combobox__wrapper {
|
|
3816
|
+
--__ac-combobox-icon-size: 1.25rem;
|
|
3817
|
+
--__ac-combobox-wrapper-inner-padding: var(--a-spacing-1);
|
|
3818
|
+
--__ac-combobox-list-item-padding-block: var(--a-spacing-1-alt);
|
|
3819
|
+
--__ac-combobox-list-item-padding-inline: var(--a-spacing-2);
|
|
3820
|
+
--__ac-combobox-input-height: 1.5rem;
|
|
3821
|
+
}
|
|
3822
|
+
|
|
3823
|
+
.navds-combobox__button-clear svg,
|
|
3824
|
+
.navds-combobox__button-toggle-list svg,
|
|
3825
|
+
.navds-combobox__list svg {
|
|
3826
|
+
width: var(--__ac-combobox-icon-size);
|
|
3827
|
+
height: var(--__ac-combobox-icon-size);
|
|
3828
|
+
}
|
|
3829
|
+
|
|
3830
|
+
.navds-combobox__wrapper-inner.navds-text-field__input {
|
|
3809
3831
|
position: relative;
|
|
3810
3832
|
display: flex;
|
|
3811
3833
|
flex-direction: row;
|
|
3812
3834
|
align-items: center;
|
|
3813
3835
|
justify-content: space-between;
|
|
3814
3836
|
width: 100%;
|
|
3815
|
-
padding: calc(var(--
|
|
3837
|
+
padding-block: calc(var(--__ac-combobox-wrapper-inner-padding) - var(--__ac-combobox-border-width));
|
|
3838
|
+
padding-inline: var(--__ac-combobox-wrapper-inner-padding);
|
|
3816
3839
|
}
|
|
3817
3840
|
|
|
3818
3841
|
.navds-combobox__wrapper-inner > :first-child {
|
|
@@ -3824,10 +3847,6 @@
|
|
|
3824
3847
|
flex-flow: row nowrap;
|
|
3825
3848
|
}
|
|
3826
3849
|
|
|
3827
|
-
.navds-form-field--small .navds-combobox__wrapper-inner {
|
|
3828
|
-
padding: var(--a-spacing-1) calc(var(--a-spacing-3) / 2);
|
|
3829
|
-
}
|
|
3830
|
-
|
|
3831
3850
|
.navds-combobox__wrapper-inner:hover {
|
|
3832
3851
|
cursor: text;
|
|
3833
3852
|
}
|
|
@@ -3847,7 +3866,7 @@
|
|
|
3847
3866
|
}
|
|
3848
3867
|
|
|
3849
3868
|
.navds-combobox__selected-options {
|
|
3850
|
-
gap: var(--
|
|
3869
|
+
gap: var(--__ac-combobox-wrapper-inner-padding);
|
|
3851
3870
|
align-items: center;
|
|
3852
3871
|
}
|
|
3853
3872
|
|
|
@@ -3882,7 +3901,7 @@
|
|
|
3882
3901
|
margin: 0;
|
|
3883
3902
|
min-width: 10ch;
|
|
3884
3903
|
width: 100%;
|
|
3885
|
-
height:
|
|
3904
|
+
height: var(--__ac-combobox-input-height);
|
|
3886
3905
|
}
|
|
3887
3906
|
|
|
3888
3907
|
.navds-combobox__input:focus-visible {
|
|
@@ -3947,11 +3966,6 @@
|
|
|
3947
3966
|
padding: 0;
|
|
3948
3967
|
}
|
|
3949
3968
|
|
|
3950
|
-
.navds-combobox__button-clear svg {
|
|
3951
|
-
width: 1.5rem;
|
|
3952
|
-
height: 1.5rem;
|
|
3953
|
-
}
|
|
3954
|
-
|
|
3955
3969
|
.navds-combobox__input::-webkit-search-cancel-button {
|
|
3956
3970
|
display: none;
|
|
3957
3971
|
}
|
|
@@ -3997,18 +4011,6 @@
|
|
|
3997
4011
|
}
|
|
3998
4012
|
}
|
|
3999
4013
|
|
|
4000
|
-
.navds-combobox__button-toggle-list svg {
|
|
4001
|
-
width: 1.5rem;
|
|
4002
|
-
height: 1.5rem;
|
|
4003
|
-
pointer-events: none;
|
|
4004
|
-
}
|
|
4005
|
-
|
|
4006
|
-
.navds-form-field--small .navds-combobox__button-toggle-list svg,
|
|
4007
|
-
.navds-form-field--small .navds-combobox__button-clear svg {
|
|
4008
|
-
width: 1.25rem;
|
|
4009
|
-
height: 1.25rem;
|
|
4010
|
-
}
|
|
4011
|
-
|
|
4012
4014
|
/* dropdown & non selectable dropdown items */
|
|
4013
4015
|
|
|
4014
4016
|
.navds-combobox__list {
|
|
@@ -4026,18 +4028,12 @@
|
|
|
4026
4028
|
border-radius: var(--a-border-radius-medium);
|
|
4027
4029
|
background-color: var(--ac-combobox-list-bg, var(--a-surface-default));
|
|
4028
4030
|
color: var(--ac-combobox-list-text, var(--a-text-default));
|
|
4029
|
-
gap: var(--a-spacing-1) 0;
|
|
4030
4031
|
}
|
|
4031
4032
|
|
|
4032
4033
|
.navds-combobox__list--closed {
|
|
4033
4034
|
display: none;
|
|
4034
4035
|
}
|
|
4035
4036
|
|
|
4036
|
-
.navds-combobox__list svg {
|
|
4037
|
-
height: 1.5rem;
|
|
4038
|
-
width: 1.5rem;
|
|
4039
|
-
}
|
|
4040
|
-
|
|
4041
4037
|
.navds-combobox__list_non-selectables {
|
|
4042
4038
|
position: sticky;
|
|
4043
4039
|
top: 0;
|
|
@@ -4051,23 +4047,17 @@
|
|
|
4051
4047
|
.navds-combobox__list-item--no-options,
|
|
4052
4048
|
.navds-combobox__list-item--new-option,
|
|
4053
4049
|
.navds-combobox__list-item--max-selected {
|
|
4050
|
+
align-items: center;
|
|
4054
4051
|
display: flex;
|
|
4055
4052
|
flex-direction: row;
|
|
4056
4053
|
justify-content: space-between;
|
|
4057
|
-
padding: var(--
|
|
4054
|
+
padding-block: var(--__ac-combobox-list-item-padding-block);
|
|
4055
|
+
padding-inline: var(--__ac-combobox-list-item-padding-inline);
|
|
4058
4056
|
width: 100%;
|
|
4059
4057
|
background-color: var(--ac-combobox-list-item-bg, var(--a-surface-default));
|
|
4060
4058
|
scroll-margin-top: 50px;
|
|
4061
4059
|
}
|
|
4062
4060
|
|
|
4063
|
-
.navds-form-field--small .navds-combobox__list-item,
|
|
4064
|
-
.navds-form-field--small .navds-combobox__list-item--loading,
|
|
4065
|
-
.navds-form-field--small .navds-combobox__list-item--no-options,
|
|
4066
|
-
.navds-form-field--small .navds-combobox__list-item--new-option,
|
|
4067
|
-
.navds-form-field--small .navds-combobox__list-item--max-selected {
|
|
4068
|
-
padding: calc(var(--a-spacing-3) / 2) var(--a-spacing-2);
|
|
4069
|
-
}
|
|
4070
|
-
|
|
4071
4061
|
.navds-combobox__list-item--loading {
|
|
4072
4062
|
justify-content: center;
|
|
4073
4063
|
background-color: var(--ac-combobox-list-item-loading-bg, var(--a-surface-default));
|
|
@@ -4078,7 +4068,6 @@
|
|
|
4078
4068
|
border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
4079
4069
|
border-start-end-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
4080
4070
|
border: 1px solid var(--ac-combobox-list-item-max-selected-border, var(--a-border-info));
|
|
4081
|
-
margin-bottom: calc(var(--a-spacing-1) * -1);
|
|
4082
4071
|
}
|
|
4083
4072
|
|
|
4084
4073
|
.navds-combobox__list_non-selectables:hover {
|
|
@@ -4105,12 +4094,7 @@
|
|
|
4105
4094
|
background-color: var(--ac-combobox-list-item-hover-bg, var(--a-surface-hover));
|
|
4106
4095
|
cursor: pointer;
|
|
4107
4096
|
border-left: 4px solid var(--ac-combobox-list-item-hover-border-left, var(--a-border-strong));
|
|
4108
|
-
padding-
|
|
4109
|
-
}
|
|
4110
|
-
|
|
4111
|
-
.navds-form-field--small .navds-combobox__list-item--focus,
|
|
4112
|
-
.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover {
|
|
4113
|
-
padding-left: calc(var(--a-spacing-2) - 4px);
|
|
4097
|
+
padding-inline-start: calc(var(--__ac-combobox-list-item-padding-inline) - 4px);
|
|
4114
4098
|
}
|
|
4115
4099
|
|
|
4116
4100
|
.navds-combobox__list-item[data-no-focus="true"] {
|
|
@@ -4130,7 +4114,6 @@
|
|
|
4130
4114
|
.navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover {
|
|
4131
4115
|
background-color: var(--ac-combobox-list-item-selected-hover-bg, var(--a-surface-action-subtle-hover));
|
|
4132
4116
|
border-left: 4px solid var(--ac-combobox-list-item-selected-hover-border-left, var(--a-border-focus));
|
|
4133
|
-
padding-left: calc(var(--a-spacing-3) - 4px);
|
|
4134
4117
|
}
|
|
4135
4118
|
|
|
4136
4119
|
.navds-combobox__list-item--new-option {
|
|
@@ -4295,6 +4278,59 @@
|
|
|
4295
4278
|
border-radius: var(--a-border-radius-large);
|
|
4296
4279
|
}
|
|
4297
4280
|
|
|
4281
|
+
.navds-form-progress__bar {
|
|
4282
|
+
margin-bottom: var(--a-spacing-2);
|
|
4283
|
+
}
|
|
4284
|
+
|
|
4285
|
+
.navds-form-progress__button[data-state="closed"] .navds-form-progress__btn-txt-hide,
|
|
4286
|
+
.navds-form-progress__button[data-state="open"] .navds-form-progress__btn-txt-show {
|
|
4287
|
+
display: none;
|
|
4288
|
+
}
|
|
4289
|
+
|
|
4290
|
+
.navds-form-progress__button:hover svg {
|
|
4291
|
+
transform: translateY(1px);
|
|
4292
|
+
}
|
|
4293
|
+
|
|
4294
|
+
.navds-form-progress__button[data-state="open"] svg {
|
|
4295
|
+
transform: rotate(-180deg);
|
|
4296
|
+
}
|
|
4297
|
+
|
|
4298
|
+
.navds-form-progress__button[data-state="open"]:hover svg {
|
|
4299
|
+
transform: translateY(-1px) rotate(-180deg);
|
|
4300
|
+
}
|
|
4301
|
+
|
|
4302
|
+
.navds-form-progress__collapsible {
|
|
4303
|
+
display: grid;
|
|
4304
|
+
grid-template-rows: 0fr;
|
|
4305
|
+
overflow: hidden;
|
|
4306
|
+
transition: grid-template-rows 0.3s cubic-bezier(0.3, 0, 0.15, 1);
|
|
4307
|
+
}
|
|
4308
|
+
|
|
4309
|
+
.navds-form-progress__collapsible[hidden] {
|
|
4310
|
+
display: grid;
|
|
4311
|
+
}
|
|
4312
|
+
|
|
4313
|
+
.navds-form-progress__collapsible[data-state="open"] {
|
|
4314
|
+
grid-template-rows: 1fr;
|
|
4315
|
+
}
|
|
4316
|
+
|
|
4317
|
+
.navds-form-progress__collapsible-content {
|
|
4318
|
+
min-height: 0;
|
|
4319
|
+
transition: visibility 0.3s;
|
|
4320
|
+
visibility: hidden;
|
|
4321
|
+
}
|
|
4322
|
+
|
|
4323
|
+
.navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
|
|
4324
|
+
visibility: visible;
|
|
4325
|
+
}
|
|
4326
|
+
|
|
4327
|
+
.navds-form-progress__stepper {
|
|
4328
|
+
border: 2px solid var(--a-border-subtle);
|
|
4329
|
+
border-radius: var(--a-border-radius-large);
|
|
4330
|
+
padding: var(--a-spacing-2) var(--a-spacing-4) 0;
|
|
4331
|
+
margin-top: var(--a-spacing-1);
|
|
4332
|
+
}
|
|
4333
|
+
|
|
4298
4334
|
.navds-help-text__button {
|
|
4299
4335
|
margin: 0;
|
|
4300
4336
|
border: 0;
|
|
@@ -7688,7 +7724,7 @@ button.navds-stepper__step {
|
|
|
7688
7724
|
}
|
|
7689
7725
|
|
|
7690
7726
|
.navds-page__content--padding {
|
|
7691
|
-
padding-block-end: var(--a-spacing-
|
|
7727
|
+
padding-block-end: var(--a-spacing-16);
|
|
7692
7728
|
}
|
|
7693
7729
|
|
|
7694
7730
|
.navds-pageblock--text {
|
|
@@ -7725,18 +7761,18 @@ button.navds-stepper__step {
|
|
|
7725
7761
|
|
|
7726
7762
|
.navds-hgrid {
|
|
7727
7763
|
--__ac-hgrid-columns-xs: initial;
|
|
7728
|
-
--__ac-hgrid-columns-sm:
|
|
7729
|
-
--__ac-hgrid-columns-md:
|
|
7730
|
-
--__ac-hgrid-columns-lg:
|
|
7731
|
-
--__ac-hgrid-columns-xl:
|
|
7732
|
-
--__ac-hgrid-columns-2xl:
|
|
7764
|
+
--__ac-hgrid-columns-sm: var(--__ac-hgrid-columns-xs);
|
|
7765
|
+
--__ac-hgrid-columns-md: var(--__ac-hgrid-columns-sm);
|
|
7766
|
+
--__ac-hgrid-columns-lg: var(--__ac-hgrid-columns-md);
|
|
7767
|
+
--__ac-hgrid-columns-xl: var(--__ac-hgrid-columns-lg);
|
|
7768
|
+
--__ac-hgrid-columns-2xl: var(--__ac-hgrid-columns-xl);
|
|
7733
7769
|
--__ac-hgrid-columns: var(--__ac-hgrid-columns-xs);
|
|
7734
7770
|
--__ac-hgrid-gap-xs: initial;
|
|
7735
|
-
--__ac-hgrid-gap-sm:
|
|
7736
|
-
--__ac-hgrid-gap-md:
|
|
7737
|
-
--__ac-hgrid-gap-lg:
|
|
7738
|
-
--__ac-hgrid-gap-xl:
|
|
7739
|
-
--__ac-hgrid-gap-2xl:
|
|
7771
|
+
--__ac-hgrid-gap-sm: var(--__ac-hgrid-gap-xs);
|
|
7772
|
+
--__ac-hgrid-gap-md: var(--__ac-hgrid-gap-sm);
|
|
7773
|
+
--__ac-hgrid-gap-lg: var(--__ac-hgrid-gap-md);
|
|
7774
|
+
--__ac-hgrid-gap-xl: var(--__ac-hgrid-gap-lg);
|
|
7775
|
+
--__ac-hgrid-gap-2xl: var(--__ac-hgrid-gap-xl);
|
|
7740
7776
|
--__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
|
|
7741
7777
|
--__ac-hgrid-align: initial;
|
|
7742
7778
|
|
|
@@ -7748,57 +7784,36 @@ button.navds-stepper__step {
|
|
|
7748
7784
|
|
|
7749
7785
|
@media (min-width: 480px) {
|
|
7750
7786
|
.navds-hgrid {
|
|
7751
|
-
--__ac-hgrid-columns: var(--__ac-hgrid-columns-sm
|
|
7752
|
-
--__ac-hgrid-gap: var(--__ac-hgrid-gap-sm
|
|
7787
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-sm);
|
|
7788
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-sm);
|
|
7753
7789
|
}
|
|
7754
7790
|
}
|
|
7755
7791
|
|
|
7756
7792
|
@media (min-width: 768px) {
|
|
7757
7793
|
.navds-hgrid {
|
|
7758
|
-
--__ac-hgrid-columns: var(--__ac-hgrid-columns-md
|
|
7759
|
-
--__ac-hgrid-gap: var(--__ac-hgrid-gap-md
|
|
7794
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-md);
|
|
7795
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-md);
|
|
7760
7796
|
}
|
|
7761
7797
|
}
|
|
7762
7798
|
|
|
7763
7799
|
@media (min-width: 1024px) {
|
|
7764
7800
|
.navds-hgrid {
|
|
7765
|
-
--__ac-hgrid-columns: var(
|
|
7766
|
-
|
|
7767
|
-
var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)))
|
|
7768
|
-
);
|
|
7769
|
-
--__ac-hgrid-gap: var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))));
|
|
7801
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-lg);
|
|
7802
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-lg);
|
|
7770
7803
|
}
|
|
7771
7804
|
}
|
|
7772
7805
|
|
|
7773
7806
|
@media (min-width: 1280px) {
|
|
7774
7807
|
.navds-hgrid {
|
|
7775
|
-
--__ac-hgrid-columns: var(
|
|
7776
|
-
|
|
7777
|
-
var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
|
|
7778
|
-
);
|
|
7779
|
-
--__ac-hgrid-gap: var(
|
|
7780
|
-
--__ac-hgrid-gap-xl,
|
|
7781
|
-
var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
|
|
7782
|
-
);
|
|
7808
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-xl);
|
|
7809
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-xl);
|
|
7783
7810
|
}
|
|
7784
7811
|
}
|
|
7785
7812
|
|
|
7786
7813
|
@media (min-width: 1440px) {
|
|
7787
7814
|
.navds-hgrid {
|
|
7788
|
-
--__ac-hgrid-columns: var(
|
|
7789
|
-
|
|
7790
|
-
var(
|
|
7791
|
-
--__ac-hgrid-columns-xl,
|
|
7792
|
-
var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
|
|
7793
|
-
)
|
|
7794
|
-
);
|
|
7795
|
-
--__ac-hgrid-gap: var(
|
|
7796
|
-
--__ac-hgrid-gap-2xl,
|
|
7797
|
-
var(
|
|
7798
|
-
--__ac-hgrid-gap-xl,
|
|
7799
|
-
var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
|
|
7800
|
-
)
|
|
7801
|
-
);
|
|
7815
|
+
--__ac-hgrid-columns: var(--__ac-hgrid-columns-2xl);
|
|
7816
|
+
--__ac-hgrid-gap: var(--__ac-hgrid-gap-2xl);
|
|
7802
7817
|
}
|
|
7803
7818
|
}
|
|
7804
7819
|
|