@navikt/ds-css 6.7.0 → 6.8.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.
Files changed (23) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/config/_mappings.js +11 -0
  3. package/dist/component/form.css +42 -0
  4. package/dist/component/form.min.css +1 -1
  5. package/dist/component/index.css +73 -49
  6. package/dist/component/index.min.css +1 -15
  7. package/dist/component/primitives.css +20 -41
  8. package/dist/component/primitives.min.css +1 -15
  9. package/dist/component/progressbar.css +7 -5
  10. package/dist/component/progressbar.min.css +1 -1
  11. package/dist/component/readmore.css +3 -2
  12. package/dist/component/readmore.min.css +1 -1
  13. package/dist/components.css +83 -48
  14. package/dist/components.min.css +1 -15
  15. package/dist/global/tokens.css +1 -1
  16. package/dist/index.css +73 -49
  17. package/dist/index.min.css +1 -15
  18. package/form/form-progress.css +52 -0
  19. package/form/index.css +1 -0
  20. package/package.json +2 -2
  21. package/primitives/hgrid.css +20 -41
  22. package/progress-bar.css +7 -5
  23. package/read-more.css +3 -2
package/dist/component/primitives.css CHANGED
@@ -258,18 +258,18 @@
258
258
 
259
259
  .navds-hgrid {
260
260
  --__ac-hgrid-columns-xs: initial;
261
- --__ac-hgrid-columns-sm: initial;
262
- --__ac-hgrid-columns-md: initial;
263
- --__ac-hgrid-columns-lg: initial;
264
- --__ac-hgrid-columns-xl: initial;
265
- --__ac-hgrid-columns-2xl: initial;
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: initial;
269
- --__ac-hgrid-gap-md: initial;
270
- --__ac-hgrid-gap-lg: initial;
271
- --__ac-hgrid-gap-xl: initial;
272
- --__ac-hgrid-gap-2xl: initial;
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, var(--__ac-hgrid-columns-xs));
285
- --__ac-hgrid-gap: var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs));
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, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)));
292
- --__ac-hgrid-gap: var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs)));
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
- --__ac-hgrid-columns-lg,
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
- --__ac-hgrid-columns-xl,
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
- --__ac-hgrid-columns-2xl,
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
 
package/dist/component/primitives.min.css CHANGED
@@ -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-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: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/component/progressbar.css CHANGED
@@ -39,15 +39,14 @@
39
39
  }
40
40
 
41
41
  .navds-progress-bar__foreground--indeterminate {
42
- --__ac-progress-bar-duration: initial;
43
- --__ac-progress-bar-delay: initial;
42
+ --__ac-progress-bar-simulated: initial;
44
43
 
45
44
  animation-name: navds-progress-bar-indeterminate-grow, navds-progress-bar-indeterminate;
46
45
  animation-timing-function: ease-in-out, ease-in-out;
47
- animation-duration: var(--__ac-progress-bar-duration), 2500ms;
46
+ animation-duration: var(--__ac-progress-bar-simulated), 2500ms;
48
47
  animation-fill-mode: forwards, none;
49
48
  animation-iteration-count: 1, infinite;
50
- animation-delay: 0s, calc((var(--__ac-progress-bar-duration) + var(--__ac-progress-bar-delay)));
49
+ animation-delay: 0s, var(--__ac-progress-bar-simulated);
51
50
  }
52
51
 
53
52
  /* navds-progress-bar-indeterminate wave animation */
@@ -86,11 +85,14 @@
86
85
  transform: translateX(-40%);
87
86
  }
88
87
 
89
- 40%,
90
88
  50% {
91
89
  transform: translateX(-20%);
92
90
  }
93
91
 
92
+ 75% {
93
+ transform: translateX(-10%);
94
+ }
95
+
94
96
  100% {
95
97
  transform: translateX(-10%);
96
98
  }
package/dist/component/progressbar.min.css CHANGED
@@ -1 +1 @@
1
- .navds-progress-bar{background:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-full);box-shadow:inset 0 1px 3px 0 #00000026,inset 0 0 1px 0 #0003;overflow:hidden;position:relative}.navds-progress-bar--small{height:12px;min-width:12px}.navds-progress-bar--medium{height:16px;min-width:16px}.navds-progress-bar--large{height:24px;min-width:24px}.navds-progress-bar__foreground{--__ac-progress-bar-translate:initial;background:var(--ac-progress-bar-fg,var(--a-surface-alt-3));border-radius:inherit;bottom:0;left:0;position:absolute;top:0;transform:translateX(var(--__ac-progress-bar-translate));transform-origin:left;transition:transform .2s ease;width:100%}.navds-progress-bar__foreground--indeterminate{--__ac-progress-bar-duration:initial;--__ac-progress-bar-delay:initial;animation-delay:0s,calc(var(--__ac-progress-bar-duration) + var(--__ac-progress-bar-delay));animation-duration:var(--__ac-progress-bar-duration),2.5s;animation-fill-mode:forwards,none;animation-iteration-count:1,infinite;animation-name:navds-progress-bar-indeterminate-grow,navds-progress-bar-indeterminate;animation-timing-function:ease-in-out,ease-in-out}@keyframes navds-progress-bar-indeterminate{0%{left:-50%;transform:translateX(0);width:50%}50%{animation-direction:reverse;left:100%;transform:translateX(0);width:50%}to{left:-50%;transform:translateX(0);width:50%}}@keyframes navds-progress-bar-indeterminate-grow{0%{transform:translateX(-100%)}20%{transform:translateX(-80%)}30%{transform:translateX(-40%)}40%,50%{transform:translateX(-20%)}to{transform:translateX(-10%)}}@media (forced-colors:active){.navds-progress-bar__foreground{background:Highlight}.navds-progress-bar{outline:1px solid #0000}}
1
+ .navds-progress-bar{background:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-full);box-shadow:inset 0 1px 3px 0 #00000026,inset 0 0 1px 0 #0003;overflow:hidden;position:relative}.navds-progress-bar--small{height:12px;min-width:12px}.navds-progress-bar--medium{height:16px;min-width:16px}.navds-progress-bar--large{height:24px;min-width:24px}.navds-progress-bar__foreground{--__ac-progress-bar-translate:initial;background:var(--ac-progress-bar-fg,var(--a-surface-alt-3));border-radius:inherit;bottom:0;left:0;position:absolute;top:0;transform:translateX(var(--__ac-progress-bar-translate));transform-origin:left;transition:transform .2s ease;width:100%}.navds-progress-bar__foreground--indeterminate{--__ac-progress-bar-simulated:initial;animation-delay:0s,var(--__ac-progress-bar-simulated);animation-duration:var(--__ac-progress-bar-simulated),2.5s;animation-fill-mode:forwards,none;animation-iteration-count:1,infinite;animation-name:navds-progress-bar-indeterminate-grow,navds-progress-bar-indeterminate;animation-timing-function:ease-in-out,ease-in-out}@keyframes navds-progress-bar-indeterminate{0%{left:-50%;transform:translateX(0);width:50%}50%{animation-direction:reverse;left:100%;transform:translateX(0);width:50%}to{left:-50%;transform:translateX(0);width:50%}}@keyframes navds-progress-bar-indeterminate-grow{0%{transform:translateX(-100%)}20%{transform:translateX(-80%)}30%{transform:translateX(-40%)}50%{transform:translateX(-20%)}75%{transform:translateX(-10%)}to{transform:translateX(-10%)}}@media (forced-colors:active){.navds-progress-bar__foreground{background:Highlight}.navds-progress-bar{outline:1px solid #0000}}
package/dist/component/readmore.css CHANGED
@@ -79,7 +79,8 @@
79
79
  }
80
80
 
81
81
  .navds-read-more__button:hover > .navds-read-more__expand-icon {
82
- transform: translateY(1px);
82
+ position: relative;
83
+ top: 1px;
83
84
  }
84
85
 
85
86
  .navds-read-more--open > .navds-read-more__button > .navds-read-more__expand-icon {
@@ -87,5 +88,5 @@
87
88
  }
88
89
 
89
90
  .navds-read-more--open > .navds-read-more__button:hover > .navds-read-more__expand-icon {
90
- transform: translateY(-1px) rotate(-180deg);
91
+ top: -1px;
91
92
  }
package/dist/component/readmore.min.css CHANGED
@@ -1 +1 @@
1
- .navds-read-more__button{align-items:flex-start;background:none;border:none;border-radius:var(--a-border-radius-small);color:var(--ac-read-more-text,var(--a-text-action));cursor:pointer;display:flex;gap:var(--a-spacing-05);margin:0;padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-05);text-align:start}.navds-read-more--small .navds-read-more__button{padding:var(--a-spacing-05) var(--a-spacing-1-alt) var(--a-spacing-05) var(--a-spacing-05)}@media (forced-colors:active){.navds-read-more__button{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-read-more__button.navds-read-more__button:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-read-more__button:hover{background-color:var(--ac-read-more-hover-bg,var(--a-surface-hover));color:var(--ac-read-more-hover-text,var(--a-text-action-hover))}.navds-read-more__button:active{background-color:var(--ac-read-more-active-bg,var(--a-surface-active))}.navds-read-more__button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-read-more__button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-read-more__content{border-left:2px solid var(--ac-read-more-line,var(--a-border-divider));color:var(--a-text-default);margin-left:.8125rem;margin-top:var(--a-spacing-1);padding-left:.8125rem}.navds-read-more--small .navds-read-more__content{margin-left:.6875rem;padding-left:.6875rem}.navds-read-more__content--closed{display:none}.navds-read-more__expand-icon{flex-shrink:0;font-size:1.5rem}.navds-read-more--small .navds-read-more__expand-icon{font-size:1.25rem}.navds-read-more__button:hover>.navds-read-more__expand-icon{transform:translateY(1px)}.navds-read-more--open>.navds-read-more__button>.navds-read-more__expand-icon{transform:rotate(-180deg)}.navds-read-more--open>.navds-read-more__button:hover>.navds-read-more__expand-icon{transform:translateY(-1px) rotate(-180deg)}
1
+ .navds-read-more__button{align-items:flex-start;background:none;border:none;border-radius:var(--a-border-radius-small);color:var(--ac-read-more-text,var(--a-text-action));cursor:pointer;display:flex;gap:var(--a-spacing-05);margin:0;padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-05);text-align:start}.navds-read-more--small .navds-read-more__button{padding:var(--a-spacing-05) var(--a-spacing-1-alt) var(--a-spacing-05) var(--a-spacing-05)}@media (forced-colors:active){.navds-read-more__button{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-read-more__button.navds-read-more__button:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-read-more__button:hover{background-color:var(--ac-read-more-hover-bg,var(--a-surface-hover));color:var(--ac-read-more-hover-text,var(--a-text-action-hover))}.navds-read-more__button:active{background-color:var(--ac-read-more-active-bg,var(--a-surface-active))}.navds-read-more__button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-read-more__button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-read-more__content{border-left:2px solid var(--ac-read-more-line,var(--a-border-divider));color:var(--a-text-default);margin-left:.8125rem;margin-top:var(--a-spacing-1);padding-left:.8125rem}.navds-read-more--small .navds-read-more__content{margin-left:.6875rem;padding-left:.6875rem}.navds-read-more__content--closed{display:none}.navds-read-more__expand-icon{flex-shrink:0;font-size:1.5rem}.navds-read-more--small .navds-read-more__expand-icon{font-size:1.25rem}.navds-read-more__button:hover>.navds-read-more__expand-icon{position:relative;top:1px}.navds-read-more--open>.navds-read-more__button>.navds-read-more__expand-icon{transform:rotate(-180deg)}.navds-read-more--open>.navds-read-more__button:hover>.navds-read-more__expand-icon{top:-1px}
package/dist/components.css CHANGED
@@ -4295,6 +4295,59 @@
4295
4295
  border-radius: var(--a-border-radius-large);
4296
4296
  }
4297
4297
 
4298
+ .navds-form-progress__bar {
4299
+ margin-bottom: var(--a-spacing-2);
4300
+ }
4301
+
4302
+ .navds-form-progress__button[data-state="closed"] .navds-form-progress__btn-txt-hide,
4303
+ .navds-form-progress__button[data-state="open"] .navds-form-progress__btn-txt-show {
4304
+ display: none;
4305
+ }
4306
+
4307
+ .navds-form-progress__button:hover svg {
4308
+ transform: translateY(1px);
4309
+ }
4310
+
4311
+ .navds-form-progress__button[data-state="open"] svg {
4312
+ transform: rotate(-180deg);
4313
+ }
4314
+
4315
+ .navds-form-progress__button[data-state="open"]:hover svg {
4316
+ transform: translateY(-1px) rotate(-180deg);
4317
+ }
4318
+
4319
+ .navds-form-progress__collapsible {
4320
+ display: grid;
4321
+ grid-template-rows: 0fr;
4322
+ overflow: hidden;
4323
+ transition: grid-template-rows 0.3s cubic-bezier(0.3, 0, 0.15, 1);
4324
+ }
4325
+
4326
+ .navds-form-progress__collapsible[hidden] {
4327
+ display: grid;
4328
+ }
4329
+
4330
+ .navds-form-progress__collapsible[data-state="open"] {
4331
+ grid-template-rows: 1fr;
4332
+ }
4333
+
4334
+ .navds-form-progress__collapsible-content {
4335
+ min-height: 0;
4336
+ transition: visibility 0.3s;
4337
+ visibility: hidden;
4338
+ }
4339
+
4340
+ .navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
4341
+ visibility: visible;
4342
+ }
4343
+
4344
+ .navds-form-progress__stepper {
4345
+ border: 2px solid var(--a-border-subtle);
4346
+ border-radius: var(--a-border-radius-large);
4347
+ padding: var(--a-spacing-2) var(--a-spacing-4) 0;
4348
+ margin-top: var(--a-spacing-1);
4349
+ }
4350
+
4298
4351
  .navds-help-text__button {
4299
4352
  margin: 0;
4300
4353
  border: 0;
@@ -6415,7 +6468,8 @@ button.navds-internalheader__title:active,
6415
6468
  }
6416
6469
 
6417
6470
  .navds-read-more__button:hover > .navds-read-more__expand-icon {
6418
- transform: translateY(1px);
6471
+ position: relative;
6472
+ top: 1px;
6419
6473
  }
6420
6474
 
6421
6475
  .navds-read-more--open > .navds-read-more__button > .navds-read-more__expand-icon {
@@ -6423,7 +6477,7 @@ button.navds-internalheader__title:active,
6423
6477
  }
6424
6478
 
6425
6479
  .navds-read-more--open > .navds-read-more__button:hover > .navds-read-more__expand-icon {
6426
- transform: translateY(-1px) rotate(-180deg);
6480
+ top: -1px;
6427
6481
  }
6428
6482
 
6429
6483
  .navds-progress-bar {
@@ -6467,15 +6521,14 @@ button.navds-internalheader__title:active,
6467
6521
  }
6468
6522
 
6469
6523
  .navds-progress-bar__foreground--indeterminate {
6470
- --__ac-progress-bar-duration: initial;
6471
- --__ac-progress-bar-delay: initial;
6524
+ --__ac-progress-bar-simulated: initial;
6472
6525
 
6473
6526
  animation-name: navds-progress-bar-indeterminate-grow, navds-progress-bar-indeterminate;
6474
6527
  animation-timing-function: ease-in-out, ease-in-out;
6475
- animation-duration: var(--__ac-progress-bar-duration), 2500ms;
6528
+ animation-duration: var(--__ac-progress-bar-simulated), 2500ms;
6476
6529
  animation-fill-mode: forwards, none;
6477
6530
  animation-iteration-count: 1, infinite;
6478
- animation-delay: 0s, calc((var(--__ac-progress-bar-duration) + var(--__ac-progress-bar-delay)));
6531
+ animation-delay: 0s, var(--__ac-progress-bar-simulated);
6479
6532
  }
6480
6533
 
6481
6534
  /* navds-progress-bar-indeterminate wave animation */
@@ -6514,11 +6567,14 @@ button.navds-internalheader__title:active,
6514
6567
  transform: translateX(-40%);
6515
6568
  }
6516
6569
 
6517
- 40%,
6518
6570
  50% {
6519
6571
  transform: translateX(-20%);
6520
6572
  }
6521
6573
 
6574
+ 75% {
6575
+ transform: translateX(-10%);
6576
+ }
6577
+
6522
6578
  100% {
6523
6579
  transform: translateX(-10%);
6524
6580
  }
@@ -7722,18 +7778,18 @@ button.navds-stepper__step {
7722
7778
 
7723
7779
  .navds-hgrid {
7724
7780
  --__ac-hgrid-columns-xs: initial;
7725
- --__ac-hgrid-columns-sm: initial;
7726
- --__ac-hgrid-columns-md: initial;
7727
- --__ac-hgrid-columns-lg: initial;
7728
- --__ac-hgrid-columns-xl: initial;
7729
- --__ac-hgrid-columns-2xl: initial;
7781
+ --__ac-hgrid-columns-sm: var(--__ac-hgrid-columns-xs);
7782
+ --__ac-hgrid-columns-md: var(--__ac-hgrid-columns-sm);
7783
+ --__ac-hgrid-columns-lg: var(--__ac-hgrid-columns-md);
7784
+ --__ac-hgrid-columns-xl: var(--__ac-hgrid-columns-lg);
7785
+ --__ac-hgrid-columns-2xl: var(--__ac-hgrid-columns-xl);
7730
7786
  --__ac-hgrid-columns: var(--__ac-hgrid-columns-xs);
7731
7787
  --__ac-hgrid-gap-xs: initial;
7732
- --__ac-hgrid-gap-sm: initial;
7733
- --__ac-hgrid-gap-md: initial;
7734
- --__ac-hgrid-gap-lg: initial;
7735
- --__ac-hgrid-gap-xl: initial;
7736
- --__ac-hgrid-gap-2xl: initial;
7788
+ --__ac-hgrid-gap-sm: var(--__ac-hgrid-gap-xs);
7789
+ --__ac-hgrid-gap-md: var(--__ac-hgrid-gap-sm);
7790
+ --__ac-hgrid-gap-lg: var(--__ac-hgrid-gap-md);
7791
+ --__ac-hgrid-gap-xl: var(--__ac-hgrid-gap-lg);
7792
+ --__ac-hgrid-gap-2xl: var(--__ac-hgrid-gap-xl);
7737
7793
  --__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
7738
7794
  --__ac-hgrid-align: initial;
7739
7795
 
@@ -7745,57 +7801,36 @@ button.navds-stepper__step {
7745
7801
 
7746
7802
  @media (min-width: 480px) {
7747
7803
  .navds-hgrid {
7748
- --__ac-hgrid-columns: var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs));
7749
- --__ac-hgrid-gap: var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs));
7804
+ --__ac-hgrid-columns: var(--__ac-hgrid-columns-sm);
7805
+ --__ac-hgrid-gap: var(--__ac-hgrid-gap-sm);
7750
7806
  }
7751
7807
  }
7752
7808
 
7753
7809
  @media (min-width: 768px) {
7754
7810
  .navds-hgrid {
7755
- --__ac-hgrid-columns: var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)));
7756
- --__ac-hgrid-gap: var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs)));
7811
+ --__ac-hgrid-columns: var(--__ac-hgrid-columns-md);
7812
+ --__ac-hgrid-gap: var(--__ac-hgrid-gap-md);
7757
7813
  }
7758
7814
  }
7759
7815
 
7760
7816
  @media (min-width: 1024px) {
7761
7817
  .navds-hgrid {
7762
- --__ac-hgrid-columns: var(
7763
- --__ac-hgrid-columns-lg,
7764
- var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)))
7765
- );
7766
- --__ac-hgrid-gap: var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))));
7818
+ --__ac-hgrid-columns: var(--__ac-hgrid-columns-lg);
7819
+ --__ac-hgrid-gap: var(--__ac-hgrid-gap-lg);
7767
7820
  }
7768
7821
  }
7769
7822
 
7770
7823
  @media (min-width: 1280px) {
7771
7824
  .navds-hgrid {
7772
- --__ac-hgrid-columns: var(
7773
- --__ac-hgrid-columns-xl,
7774
- var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
7775
- );
7776
- --__ac-hgrid-gap: var(
7777
- --__ac-hgrid-gap-xl,
7778
- var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
7779
- );
7825
+ --__ac-hgrid-columns: var(--__ac-hgrid-columns-xl);
7826
+ --__ac-hgrid-gap: var(--__ac-hgrid-gap-xl);
7780
7827
  }
7781
7828
  }
7782
7829
 
7783
7830
  @media (min-width: 1440px) {
7784
7831
  .navds-hgrid {
7785
- --__ac-hgrid-columns: var(
7786
- --__ac-hgrid-columns-2xl,
7787
- var(
7788
- --__ac-hgrid-columns-xl,
7789
- var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
7790
- )
7791
- );
7792
- --__ac-hgrid-gap: var(
7793
- --__ac-hgrid-gap-2xl,
7794
- var(
7795
- --__ac-hgrid-gap-xl,
7796
- var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
7797
- )
7798
- );
7832
+ --__ac-hgrid-columns: var(--__ac-hgrid-columns-2xl);
7833
+ --__ac-hgrid-gap: var(--__ac-hgrid-gap-2xl);
7799
7834
  }
7800
7835
  }
7801
7836