@navikt/ds-css 5.4.0 → 5.5.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 (21) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/baseline/_utilities.css +2 -0
  3. package/config/_mappings.js +28 -24
  4. package/dist/component/index.css +194 -76
  5. package/dist/component/index.min.css +31 -3
  6. package/dist/component/primitives.css +118 -0
  7. package/dist/component/primitives.min.css +29 -1
  8. package/dist/component/skeleton.css +4 -0
  9. package/dist/component/skeleton.min.css +1 -1
  10. package/dist/components.css +122 -0
  11. package/dist/components.min.css +30 -2
  12. package/dist/global/baseline.css +2 -0
  13. package/dist/global/baseline.min.css +1 -1
  14. package/dist/global/tokens.css +76 -76
  15. package/dist/global/tokens.min.css +1 -1
  16. package/dist/index.css +194 -76
  17. package/dist/index.min.css +31 -3
  18. package/package.json +2 -2
  19. package/primitives/box.css +117 -0
  20. package/primitives/index.css +1 -0
  21. package/skeleton.css +4 -0
package/dist/component/primitives.css CHANGED
@@ -1,3 +1,121 @@
1
+ .navds-box {
2
+ --__ac-box-padding-xs: initial;
3
+ --__ac-box-padding-sm: initial;
4
+ --__ac-box-padding-md: initial;
5
+ --__ac-box-padding-lg: initial;
6
+ --__ac-box-padding-xl: initial;
7
+ --__ac-box-padding-block-xs: initial;
8
+ --__ac-box-padding-inline-xs: initial;
9
+ --__ac-box-padding-block-sm: initial;
10
+ --__ac-box-padding-inline-sm: initial;
11
+ --__ac-box-padding-block-md: initial;
12
+ --__ac-box-padding-inline-md: initial;
13
+ --__ac-box-padding-block-lg: initial;
14
+ --__ac-box-padding-inline-lg: initial;
15
+ --__ac-box-padding-block-xl: initial;
16
+ --__ac-box-padding-inline-xl: initial;
17
+ --__ac-box-padding: var(--__ac-box-padding-xs);
18
+ --__ac-box-padding-inline: var(--__ac-box-padding-inline-xs);
19
+ --__ac-box-padding-block: var(--__ac-box-padding-block-xs);
20
+ --__ac-box-background: initial;
21
+ --__ac-box-border-color: initial;
22
+ --__ac-box-shadow: initial;
23
+ --__ac-box-border-width: initial;
24
+ --__ac-box-border-radius-xs: initial;
25
+ --__ac-box-border-radius-sm: initial;
26
+ --__ac-box-border-radius-md: initial;
27
+ --__ac-box-border-radius-lg: initial;
28
+ --__ac-box-border-radius-xl: initial;
29
+ --__ac-box-border-radius: var(--__ac-box-border-radius-xs);
30
+
31
+ padding-inline: var(--__ac-box-padding-inline, var(--__ac-box-padding));
32
+ padding-block: var(--__ac-box-padding-block, var(--__ac-box-padding));
33
+ background-color: var(--__ac-box-background);
34
+ border-style: solid;
35
+ border-color: var(--__ac-box-border-color);
36
+ border-radius: var(--__ac-box-border-radius);
37
+ box-shadow: var(--__ac-box-shadow);
38
+ border-width: var(--__ac-box-border-width, 0);
39
+ }
40
+
41
+ @media (min-width: 480px) {
42
+ .navds-box {
43
+ --__ac-box-padding: var(--__ac-box-padding-sm, var(--__ac-box-padding-xs));
44
+ --__ac-box-padding-inline: var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs));
45
+ --__ac-box-padding-block: var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs));
46
+ --__ac-box-border-radius: var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs));
47
+ }
48
+ }
49
+
50
+ @media (min-width: 768px) {
51
+ .navds-box {
52
+ --__ac-box-padding: var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs)));
53
+ --__ac-box-padding-inline: var(
54
+ --__ac-box-padding-inline-md,
55
+ var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs))
56
+ );
57
+ --__ac-box-padding-block: var(
58
+ --__ac-box-padding-block-md,
59
+ var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs))
60
+ );
61
+ --__ac-box-border-radius: var(
62
+ --__ac-box-border-radius-md,
63
+ var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs))
64
+ );
65
+ }
66
+ }
67
+
68
+ @media (min-width: 1024px) {
69
+ .navds-box {
70
+ --__ac-box-padding: var(
71
+ --__ac-box-padding-lg,
72
+ var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs)))
73
+ );
74
+ --__ac-box-padding-inline: var(
75
+ --__ac-box-padding-inline-lg,
76
+ var(--__ac-box-padding-inline-md, var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs)))
77
+ );
78
+ --__ac-box-padding-block: var(
79
+ --__ac-box-padding-block-lg,
80
+ var(--__ac-box-padding-block-md, var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs)))
81
+ );
82
+ --__ac-box-border-radius: var(
83
+ --__ac-box-border-radius-lg,
84
+ var(--__ac-box-border-radius-md, var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs)))
85
+ );
86
+ }
87
+ }
88
+
89
+ @media (min-width: 1280px) {
90
+ .navds-box {
91
+ --__ac-box-padding: var(
92
+ --__ac-box-padding-xl,
93
+ var(--__ac-box-padding-lg, var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs))))
94
+ );
95
+ --__ac-box-padding-inline: var(
96
+ --__ac-box-padding-inline-xl,
97
+ var(
98
+ --__ac-box-padding-inline-lg,
99
+ var(--__ac-box-padding-inline-md, var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs)))
100
+ )
101
+ );
102
+ --__ac-box-padding-block: var(
103
+ --__ac-box-padding-block-xl,
104
+ var(
105
+ --__ac-box-padding-block-lg,
106
+ var(--__ac-box-padding-block-md, var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs)))
107
+ )
108
+ );
109
+ --__ac-box-border-radius: var(
110
+ --__ac-box-border-radius-xl,
111
+ var(
112
+ --__ac-box-border-radius-lg,
113
+ var(--__ac-box-border-radius-md, var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs)))
114
+ )
115
+ );
116
+ }
117
+ }
118
+
1
119
  .navds-hgrid {
2
120
  --__ac-hgrid-columns-xs: initial;
3
121
  --__ac-hgrid-columns-sm: initial;
package/dist/component/primitives.min.css CHANGED
@@ -1,4 +1,32 @@
1
- .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: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: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(
1
+ .navds-box{--__ac-box-padding-xs:initial;--__ac-box-padding-sm:initial;--__ac-box-padding-md:initial;--__ac-box-padding-lg:initial;--__ac-box-padding-xl:initial;--__ac-box-padding-block-xs:initial;--__ac-box-padding-inline-xs:initial;--__ac-box-padding-block-sm:initial;--__ac-box-padding-inline-sm:initial;--__ac-box-padding-block-md:initial;--__ac-box-padding-inline-md:initial;--__ac-box-padding-block-lg:initial;--__ac-box-padding-inline-lg:initial;--__ac-box-padding-block-xl:initial;--__ac-box-padding-inline-xl:initial;--__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:initial;--__ac-box-border-radius-md:initial;--__ac-box-border-radius-lg:initial;--__ac-box-border-radius-xl:initial;--__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,var(--__ac-box-padding-xs));--__ac-box-padding-inline:var(--__ac-box-padding-inline-sm,var(--__ac-box-padding-inline-xs));--__ac-box-padding-block:var(--__ac-box-padding-block-sm,var(--__ac-box-padding-block-xs));--__ac-box-border-radius:var(--__ac-box-border-radius-sm,var(--__ac-box-border-radius-xs))}}@media (min-width:768px){.navds-box{--__ac-box-padding:var(--__ac-box-padding-md,var(--__ac-box-padding-sm,var(--__ac-box-padding-xs)));--__ac-box-padding-inline:var(
2
+ --__ac-box-padding-inline-md,var(--__ac-box-padding-inline-sm,var(--__ac-box-padding-inline-xs))
3
+ );--__ac-box-padding-block:var(
4
+ --__ac-box-padding-block-md,var(--__ac-box-padding-block-sm,var(--__ac-box-padding-block-xs))
5
+ );--__ac-box-border-radius:var(
6
+ --__ac-box-border-radius-md,var(--__ac-box-border-radius-sm,var(--__ac-box-border-radius-xs))
7
+ )}}@media (min-width:1024px){.navds-box{--__ac-box-padding:var(
8
+ --__ac-box-padding-lg,var(--__ac-box-padding-md,var(--__ac-box-padding-sm,var(--__ac-box-padding-xs)))
9
+ );--__ac-box-padding-inline:var(
10
+ --__ac-box-padding-inline-lg,var(--__ac-box-padding-inline-md,var(--__ac-box-padding-inline-sm,var(--__ac-box-padding-inline-xs)))
11
+ );--__ac-box-padding-block:var(
12
+ --__ac-box-padding-block-lg,var(--__ac-box-padding-block-md,var(--__ac-box-padding-block-sm,var(--__ac-box-padding-block-xs)))
13
+ );--__ac-box-border-radius:var(
14
+ --__ac-box-border-radius-lg,var(--__ac-box-border-radius-md,var(--__ac-box-border-radius-sm,var(--__ac-box-border-radius-xs)))
15
+ )}}@media (min-width:1280px){.navds-box{--__ac-box-padding:var(
16
+ --__ac-box-padding-xl,var(--__ac-box-padding-lg,var(--__ac-box-padding-md,var(--__ac-box-padding-sm,var(--__ac-box-padding-xs))))
17
+ );--__ac-box-padding-inline:var(
18
+ --__ac-box-padding-inline-xl,var(
19
+ --__ac-box-padding-inline-lg,var(--__ac-box-padding-inline-md,var(--__ac-box-padding-inline-sm,var(--__ac-box-padding-inline-xs)))
20
+ )
21
+ );--__ac-box-padding-block:var(
22
+ --__ac-box-padding-block-xl,var(
23
+ --__ac-box-padding-block-lg,var(--__ac-box-padding-block-md,var(--__ac-box-padding-block-sm,var(--__ac-box-padding-block-xs)))
24
+ )
25
+ );--__ac-box-border-radius:var(
26
+ --__ac-box-border-radius-xl,var(
27
+ --__ac-box-border-radius-lg,var(--__ac-box-border-radius-md,var(--__ac-box-border-radius-sm,var(--__ac-box-border-radius-xs)))
28
+ )
29
+ )}}.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: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: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
30
  --__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)))
3
31
  );--__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
32
  --__ac-hgrid-columns-xl,var(--__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs))))
package/dist/component/skeleton.css CHANGED
@@ -5,6 +5,10 @@
5
5
  pointer-events: none;
6
6
  }
7
7
 
8
+ .navds-skeleton--inline {
9
+ display: inline-block;
10
+ }
11
+
8
12
  .navds-skeleton--has-children {
9
13
  color: transparent;
10
14
  }
package/dist/component/skeleton.min.css CHANGED
@@ -1 +1 @@
1
- .navds-skeleton{-webkit-animation:akselSkeletonAnimation .8s linear infinite alternate;animation:akselSkeletonAnimation .8s linear infinite alternate;background-color:var(--ac-skeleton-bg,var(--a-surface-neutral-moderate));height:1.3em;pointer-events:none}.navds-skeleton--has-children{color:transparent}.navds-skeleton--has-children>*{visibility:hidden}.navds-skeleton--has-children.navds-skeleton--no-height{height:auto}.navds-skeleton--has-children.navds-skeleton--no-width{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-skeleton--text{border-radius:var(--a-border-radius-medium);height:auto;-webkit-transform:scaleY(.6);transform:scaleY(.6);-webkit-transform-origin:0 55%;transform-origin:0 55%}.navds-skeleton--text:empty:before{content:"\00a0"}.navds-skeleton--circle{border-radius:var(--a-border-radius-full)}.navds-skeleton--rectangle{border-radius:0}.navds-skeleton--rounded{border-radius:var(--a-border-radius-xlarge)}@-webkit-keyframes akselSkeletonAnimation{0%{opacity:1}to{opacity:.4}}@keyframes akselSkeletonAnimation{0%{opacity:1}to{opacity:.4}}
1
+ .navds-skeleton{-webkit-animation:akselSkeletonAnimation .8s linear infinite alternate;animation:akselSkeletonAnimation .8s linear infinite alternate;background-color:var(--ac-skeleton-bg,var(--a-surface-neutral-moderate));height:1.3em;pointer-events:none}.navds-skeleton--inline{display:inline-block}.navds-skeleton--has-children{color:transparent}.navds-skeleton--has-children>*{visibility:hidden}.navds-skeleton--has-children.navds-skeleton--no-height{height:auto}.navds-skeleton--has-children.navds-skeleton--no-width{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navds-skeleton--text{border-radius:var(--a-border-radius-medium);height:auto;-webkit-transform:scaleY(.6);transform:scaleY(.6);-webkit-transform-origin:0 55%;transform-origin:0 55%}.navds-skeleton--text:empty:before{content:"\00a0"}.navds-skeleton--circle{border-radius:var(--a-border-radius-full)}.navds-skeleton--rectangle{border-radius:0}.navds-skeleton--rounded{border-radius:var(--a-border-radius-xlarge)}@-webkit-keyframes akselSkeletonAnimation{0%{opacity:1}to{opacity:.4}}@keyframes akselSkeletonAnimation{0%{opacity:1}to{opacity:.4}}
package/dist/components.css CHANGED
@@ -341,6 +341,124 @@
341
341
  color: var(--__ac-typo-text-subtle, var(--a-text-subtle));
342
342
  }
343
343
 
344
+ .navds-box {
345
+ --__ac-box-padding-xs: initial;
346
+ --__ac-box-padding-sm: initial;
347
+ --__ac-box-padding-md: initial;
348
+ --__ac-box-padding-lg: initial;
349
+ --__ac-box-padding-xl: initial;
350
+ --__ac-box-padding-block-xs: initial;
351
+ --__ac-box-padding-inline-xs: initial;
352
+ --__ac-box-padding-block-sm: initial;
353
+ --__ac-box-padding-inline-sm: initial;
354
+ --__ac-box-padding-block-md: initial;
355
+ --__ac-box-padding-inline-md: initial;
356
+ --__ac-box-padding-block-lg: initial;
357
+ --__ac-box-padding-inline-lg: initial;
358
+ --__ac-box-padding-block-xl: initial;
359
+ --__ac-box-padding-inline-xl: initial;
360
+ --__ac-box-padding: var(--__ac-box-padding-xs);
361
+ --__ac-box-padding-inline: var(--__ac-box-padding-inline-xs);
362
+ --__ac-box-padding-block: var(--__ac-box-padding-block-xs);
363
+ --__ac-box-background: initial;
364
+ --__ac-box-border-color: initial;
365
+ --__ac-box-shadow: initial;
366
+ --__ac-box-border-width: initial;
367
+ --__ac-box-border-radius-xs: initial;
368
+ --__ac-box-border-radius-sm: initial;
369
+ --__ac-box-border-radius-md: initial;
370
+ --__ac-box-border-radius-lg: initial;
371
+ --__ac-box-border-radius-xl: initial;
372
+ --__ac-box-border-radius: var(--__ac-box-border-radius-xs);
373
+
374
+ padding-inline: var(--__ac-box-padding-inline, var(--__ac-box-padding));
375
+ padding-block: var(--__ac-box-padding-block, var(--__ac-box-padding));
376
+ background-color: var(--__ac-box-background);
377
+ border-style: solid;
378
+ border-color: var(--__ac-box-border-color);
379
+ border-radius: var(--__ac-box-border-radius);
380
+ box-shadow: var(--__ac-box-shadow);
381
+ border-width: var(--__ac-box-border-width, 0);
382
+ }
383
+
384
+ @media (min-width: 480px) {
385
+ .navds-box {
386
+ --__ac-box-padding: var(--__ac-box-padding-sm, var(--__ac-box-padding-xs));
387
+ --__ac-box-padding-inline: var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs));
388
+ --__ac-box-padding-block: var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs));
389
+ --__ac-box-border-radius: var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs));
390
+ }
391
+ }
392
+
393
+ @media (min-width: 768px) {
394
+ .navds-box {
395
+ --__ac-box-padding: var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs)));
396
+ --__ac-box-padding-inline: var(
397
+ --__ac-box-padding-inline-md,
398
+ var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs))
399
+ );
400
+ --__ac-box-padding-block: var(
401
+ --__ac-box-padding-block-md,
402
+ var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs))
403
+ );
404
+ --__ac-box-border-radius: var(
405
+ --__ac-box-border-radius-md,
406
+ var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs))
407
+ );
408
+ }
409
+ }
410
+
411
+ @media (min-width: 1024px) {
412
+ .navds-box {
413
+ --__ac-box-padding: var(
414
+ --__ac-box-padding-lg,
415
+ var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs)))
416
+ );
417
+ --__ac-box-padding-inline: var(
418
+ --__ac-box-padding-inline-lg,
419
+ var(--__ac-box-padding-inline-md, var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs)))
420
+ );
421
+ --__ac-box-padding-block: var(
422
+ --__ac-box-padding-block-lg,
423
+ var(--__ac-box-padding-block-md, var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs)))
424
+ );
425
+ --__ac-box-border-radius: var(
426
+ --__ac-box-border-radius-lg,
427
+ var(--__ac-box-border-radius-md, var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs)))
428
+ );
429
+ }
430
+ }
431
+
432
+ @media (min-width: 1280px) {
433
+ .navds-box {
434
+ --__ac-box-padding: var(
435
+ --__ac-box-padding-xl,
436
+ var(--__ac-box-padding-lg, var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs))))
437
+ );
438
+ --__ac-box-padding-inline: var(
439
+ --__ac-box-padding-inline-xl,
440
+ var(
441
+ --__ac-box-padding-inline-lg,
442
+ var(--__ac-box-padding-inline-md, var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs)))
443
+ )
444
+ );
445
+ --__ac-box-padding-block: var(
446
+ --__ac-box-padding-block-xl,
447
+ var(
448
+ --__ac-box-padding-block-lg,
449
+ var(--__ac-box-padding-block-md, var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs)))
450
+ )
451
+ );
452
+ --__ac-box-border-radius: var(
453
+ --__ac-box-border-radius-xl,
454
+ var(
455
+ --__ac-box-border-radius-lg,
456
+ var(--__ac-box-border-radius-md, var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs)))
457
+ )
458
+ );
459
+ }
460
+ }
461
+
344
462
  .navds-hgrid {
345
463
  --__ac-hgrid-columns-xs: initial;
346
464
  --__ac-hgrid-columns-sm: initial;
@@ -5568,6 +5686,10 @@ button.navds-internalheader__title:active,
5568
5686
  pointer-events: none;
5569
5687
  }
5570
5688
 
5689
+ .navds-skeleton--inline {
5690
+ display: inline-block;
5691
+ }
5692
+
5571
5693
  .navds-skeleton--has-children {
5572
5694
  color: transparent;
5573
5695
  }