@solid-design-system/styles 6.28.1 → 6.29.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 (86) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/cdn/modules/chip.css +1 -1
  3. package/cdn/modules/container.css +2 -2
  4. package/cdn/modules/copyright.css +2 -2
  5. package/cdn/modules/display.css +1 -1
  6. package/cdn/modules/flag.css +1 -1
  7. package/cdn/modules/footnotes.css +2 -2
  8. package/cdn/modules/headline.css +2 -2
  9. package/cdn/modules/hidden-links.css +1 -1
  10. package/cdn/modules/interactive.css +1 -1
  11. package/cdn/modules/leadtext.css +1 -1
  12. package/cdn/modules/list.css +2 -2
  13. package/cdn/modules/mark.css +1 -1
  14. package/cdn/modules/media.css +2 -2
  15. package/cdn/modules/meta.css +1 -1
  16. package/cdn/modules/pagination.css +1 -1
  17. package/cdn/modules/paragraph.css +1 -1
  18. package/cdn/modules/prose.css +2 -2
  19. package/cdn/modules/status-badge.css +1 -1
  20. package/cdn/modules/table-cell.css +2 -2
  21. package/cdn/modules/table.css +2 -2
  22. package/cdn/solid-styles.css +2 -2
  23. package/cdn-versioned/modules/chip.css +2 -2
  24. package/cdn-versioned/modules/container.css +2 -2
  25. package/cdn-versioned/modules/copyright.css +2 -2
  26. package/cdn-versioned/modules/display.css +2 -2
  27. package/cdn-versioned/modules/flag.css +2 -2
  28. package/cdn-versioned/modules/footnotes.css +2 -2
  29. package/cdn-versioned/modules/headline.css +2 -2
  30. package/cdn-versioned/modules/hidden-links.css +2 -2
  31. package/cdn-versioned/modules/interactive.css +2 -2
  32. package/cdn-versioned/modules/leadtext.css +2 -2
  33. package/cdn-versioned/modules/list.css +2 -2
  34. package/cdn-versioned/modules/mark.css +2 -2
  35. package/cdn-versioned/modules/media.css +2 -2
  36. package/cdn-versioned/modules/meta.css +2 -2
  37. package/cdn-versioned/modules/pagination.css +2 -2
  38. package/cdn-versioned/modules/paragraph.css +2 -2
  39. package/cdn-versioned/modules/prose.css +2 -2
  40. package/cdn-versioned/modules/status-badge.css +2 -2
  41. package/cdn-versioned/modules/table-cell.css +2 -2
  42. package/cdn-versioned/modules/table.css +2 -2
  43. package/cdn-versioned/solid-styles.css +2 -2
  44. package/dist/modules/chip.css +1 -1
  45. package/dist/modules/container.css +5 -5
  46. package/dist/modules/copyright.css +7 -7
  47. package/dist/modules/display.css +1 -1
  48. package/dist/modules/flag.css +1 -1
  49. package/dist/modules/footnotes.css +5 -5
  50. package/dist/modules/headline.css +2 -2
  51. package/dist/modules/hidden-links.css +1 -1
  52. package/dist/modules/interactive.css +1 -1
  53. package/dist/modules/leadtext.css +1 -1
  54. package/dist/modules/list.css +4 -4
  55. package/dist/modules/mark.css +1 -1
  56. package/dist/modules/media.css +2 -2
  57. package/dist/modules/meta.css +1 -1
  58. package/dist/modules/pagination.css +1 -1
  59. package/dist/modules/paragraph.css +1 -1
  60. package/dist/modules/prose.css +16 -16
  61. package/dist/modules/status-badge.css +1 -1
  62. package/dist/modules/table-cell.css +6 -6
  63. package/dist/modules/table.css +3 -3
  64. package/dist/solid-styles.css +30 -30
  65. package/dist-versioned/modules/chip.css +6 -6
  66. package/dist-versioned/modules/container.css +33 -33
  67. package/dist-versioned/modules/copyright.css +13 -13
  68. package/dist-versioned/modules/display.css +7 -7
  69. package/dist-versioned/modules/flag.css +6 -6
  70. package/dist-versioned/modules/footnotes.css +33 -33
  71. package/dist-versioned/modules/headline.css +32 -32
  72. package/dist-versioned/modules/hidden-links.css +5 -5
  73. package/dist-versioned/modules/interactive.css +17 -17
  74. package/dist-versioned/modules/leadtext.css +4 -4
  75. package/dist-versioned/modules/list.css +34 -34
  76. package/dist-versioned/modules/mark.css +2 -2
  77. package/dist-versioned/modules/media.css +6 -6
  78. package/dist-versioned/modules/meta.css +8 -8
  79. package/dist-versioned/modules/pagination.css +62 -62
  80. package/dist-versioned/modules/paragraph.css +4 -4
  81. package/dist-versioned/modules/prose.css +141 -141
  82. package/dist-versioned/modules/status-badge.css +7 -7
  83. package/dist-versioned/modules/table-cell.css +22 -22
  84. package/dist-versioned/modules/table.css +5 -5
  85. package/dist-versioned/solid-styles.css +306 -306
  86. package/package.json +9 -9
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  .sd-display {
@@ -78,7 +78,7 @@
78
78
  }
79
79
  @media (width >= 40rem) {
80
80
  .sd-headline.sd-headline sd-icon, .sd-headline:is(h1):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-headline) sd-icon {
81
- margin-top: calc(var(--sd-spacing-1) * 0)
81
+ margin-top: 0
82
82
  }
83
83
  }
84
84
  .sd-headline.sd-headline--size-3xl, .sd-headline:is(h2):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-3xl, .sd-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-headline) {
@@ -337,7 +337,7 @@
337
337
  list-style-type: '';
338
338
  }
339
339
  .sd-list--icon > li:first-of-type {
340
- padding-top: calc(var(--sd-spacing-1) * 0);
340
+ padding-top: 0;
341
341
  }
342
342
  .sd-list--icon li {
343
343
  position: relative;
@@ -348,7 +348,7 @@
348
348
  }
349
349
  .sd-list--icon li > sd-icon:first-of-type, .sd-list--icon li > .sd-list--icon__icon:first-of-type {
350
350
  position: absolute;
351
- left: calc(var(--sd-spacing-1) * 0);
351
+ left: 0;
352
352
  font-size: var(--sd-text-3xl);
353
353
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
354
354
  color: rgb(var(--sd-color-icon-fill-primary));
@@ -358,7 +358,7 @@
358
358
  }
359
359
  .sd-list--icon.sd-list--horizontal li {
360
360
  display: flex;
361
- padding-top: calc(var(--sd-spacing-1) * 0);
361
+ padding-top: 0;
362
362
  }
363
363
  .sd-list--icon.sd-list--horizontal li:not(:last-child) {
364
364
  margin-right: var(--sd-spacing-8);
@@ -391,7 +391,7 @@
391
391
  color: rgba(var(--sd-color-text-white));
392
392
  }
393
393
  .sd-prose figure, figure.sd-media {
394
- margin: calc(var(--sd-spacing-1) * 0);
394
+ margin: 0;
395
395
  }
396
396
  .sd-prose figure figcaption, figure.sd-media figcaption {
397
397
  color: rgba(var(--sd-color-text-neutral-700));
@@ -437,13 +437,13 @@
437
437
  content: var(--tw-content);
438
438
  }
439
439
  .sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after {
440
- right: calc(var(--sd-spacing-1) * 0);
441
- left: calc(var(--sd-spacing-1) * 0);
440
+ right: 0;
441
+ left: 0;
442
442
  height: var(--sd-spacing-2\.5);
443
443
  }
444
444
  .sd-table-cell--shadow-top:before, .sd-table-cell--shadow-bottom:before {
445
445
  position: absolute;
446
- left: calc(var(--sd-spacing-1) * 0);
446
+ left: 0;
447
447
  display: block;
448
448
  height: 1px;
449
449
  width: 100%;
@@ -454,8 +454,8 @@
454
454
  content: var(--tw-content);
455
455
  }
456
456
  .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
457
- top: calc(var(--sd-spacing-1) * 0);
458
- bottom: calc(var(--sd-spacing-1) * 0);
457
+ top: 0;
458
+ bottom: 0;
459
459
  width: var(--sd-spacing-2\.5);
460
460
  }
461
461
  .sd-table-cell.sd-table-cell--shadow-active:after {
@@ -500,8 +500,8 @@
500
500
  all: unset;
501
501
  display: table;
502
502
  border-collapse: collapse;
503
- --tw-border-spacing-x: calc(var(--sd-spacing-1) * 0);
504
- --tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
503
+ --tw-border-spacing-x: 0;
504
+ --tw-border-spacing-y: 0;
505
505
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
506
506
  }
507
507
  .sd-table thead tr:first-of-type, .sd-table tfoot tr:first-of-type, .sd-prose table thead tr:first-of-type, .sd-prose table tfoot tr:first-of-type {
@@ -515,7 +515,7 @@
515
515
  margin-top: var(--sd-spacing-4);
516
516
  }
517
517
  .sd-prose > *:first-child {
518
- margin-top: calc(var(--sd-spacing-1) * 0);
518
+ margin-top: 0;
519
519
  }
520
520
  .sd-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
521
521
  margin-top: var(--sd-spacing-2);
@@ -527,7 +527,7 @@
527
527
  margin-top: var(--sd-spacing-6);
528
528
  }
529
529
  .sd-prose hr {
530
- height: calc(var(--sd-spacing-1) * 0);
530
+ height: 0;
531
531
  border-top-style: var(--tw-border-style);
532
532
  border-top-width: 1px;
533
533
  border-color: rgba(var(--sd-color-border-neutral-500));
@@ -548,7 +548,7 @@
548
548
  display: inline;
549
549
  }
550
550
  .sd-prose > :is(ul, ol):not(#_) {
551
- padding-block: calc(var(--sd-spacing-1) * 0);
551
+ padding-block: 0;
552
552
  }
553
553
  .sd-prose--inverted hr {
554
554
  border-color: rgba(var(--sd-color-border-white));
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  .sd-status-badge {
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  .sd-prose td, .sd-prose th, .sd-table-cell {
@@ -36,13 +36,13 @@
36
36
  content: var(--tw-content);
37
37
  }
38
38
  .sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after {
39
- right: calc(var(--sd-spacing-1) * 0);
40
- left: calc(var(--sd-spacing-1) * 0);
39
+ right: 0;
40
+ left: 0;
41
41
  height: var(--sd-spacing-2\.5);
42
42
  }
43
43
  .sd-table-cell--shadow-top:before, .sd-table-cell--shadow-bottom:before {
44
44
  position: absolute;
45
- left: calc(var(--sd-spacing-1) * 0);
45
+ left: 0;
46
46
  display: block;
47
47
  height: 1px;
48
48
  width: 100%;
@@ -53,8 +53,8 @@
53
53
  content: var(--tw-content);
54
54
  }
55
55
  .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
56
- top: calc(var(--sd-spacing-1) * 0);
57
- bottom: calc(var(--sd-spacing-1) * 0);
56
+ top: 0;
57
+ bottom: 0;
58
58
  width: var(--sd-spacing-2\.5);
59
59
  }
60
60
  .sd-table-cell.sd-table-cell--shadow-active:after {
@@ -1,12 +1,12 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  .sd-table, .sd-prose table {
5
5
  all: unset;
6
6
  display: table;
7
7
  border-collapse: collapse;
8
- --tw-border-spacing-x: calc(var(--sd-spacing-1) * 0);
9
- --tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
8
+ --tw-border-spacing-x: 0;
9
+ --tw-border-spacing-y: 0;
10
10
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
11
11
  }
12
12
  .sd-table thead tr:first-of-type, .sd-table tfoot tr:first-of-type, .sd-prose table thead tr:first-of-type, .sd-prose table tfoot tr:first-of-type {
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  .sd-chip {
@@ -75,22 +75,22 @@
75
75
  content: '';
76
76
  }
77
77
  .sd-container--triangle-top::before {
78
- top: calc(var(--sd-spacing-1) * 0);
78
+ top: 0;
79
79
  left: calc(50% - 14px);
80
80
  border-top-color: var(--triangle-background);
81
81
  }
82
82
  .sd-container--triangle-right::before {
83
- right: calc(var(--sd-spacing-1) * 0);
83
+ right: 0;
84
84
  top: calc(50% - 14px);
85
85
  border-right-color: var(--triangle-background);
86
86
  }
87
87
  .sd-container--triangle-bottom::before {
88
- bottom: calc(var(--sd-spacing-1) * 0);
88
+ bottom: 0;
89
89
  left: calc(50% - 14px);
90
90
  border-bottom-color: var(--triangle-background);
91
91
  }
92
92
  .sd-container--triangle-left::before {
93
- left: calc(var(--sd-spacing-1) * 0);
93
+ left: 0;
94
94
  top: calc(50% - 14px);
95
95
  border-left-color: var(--triangle-background);
96
96
  }
@@ -165,8 +165,8 @@
165
165
  }
166
166
  .sd-copyright::after {
167
167
  position: absolute;
168
- bottom: calc(var(--sd-spacing-1) * 0);
169
- left: calc(var(--sd-spacing-1) * 0);
168
+ bottom: 0;
169
+ left: 0;
170
170
  display: block;
171
171
  width: 100%;
172
172
  padding-bottom: var(--sd-spacing-2);
@@ -184,8 +184,8 @@
184
184
  width: max-content;
185
185
  padding-top: var(--sd-spacing-2);
186
186
  padding-right: var(--sd-spacing-1);
187
- padding-bottom: calc(var(--sd-spacing-1) * 0);
188
- padding-left: calc(var(--sd-spacing-1) * 0);
187
+ padding-bottom: 0;
188
+ padding-left: 0;
189
189
  writing-mode: vertical-rl;
190
190
  text-orientation: sideways-right;
191
191
  transform: rotate(180deg);
@@ -199,8 +199,8 @@
199
199
  }
200
200
  .sd-copyright--placement-top::after {
201
201
  position: absolute;
202
- top: calc(var(--sd-spacing-1) * 0);
203
- right: calc(var(--sd-spacing-1) * 0);
202
+ top: 0;
203
+ right: 0;
204
204
  display: block;
205
205
  max-height: -moz-fit-content;
206
206
  max-height: fit-content;
@@ -240,8 +240,8 @@
240
240
  border-width: var(--sd-flag-border-width);
241
241
  }
242
242
  .sd-footnotes {
243
- margin-block: calc(var(--sd-spacing-1) * 0);
244
- padding: calc(var(--sd-spacing-1) * 0);
243
+ margin-block: 0;
244
+ padding: 0;
245
245
  text-align: left;
246
246
  font-size: var(--sd-text-sm);
247
247
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
@@ -279,7 +279,7 @@
279
279
  }
280
280
  .sd-footnotes:is(ol) li .sd-footnotes--marker .sd-footnotes--marker::before, .sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2)) .sd-footnotes--marker::before, .sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker)) .sd-footnotes--marker::before {
281
281
  position: relative;
282
- left: calc(var(--sd-spacing-1) * 0);
282
+ left: 0;
283
283
  vertical-align: super;
284
284
  --tw-leading: var(--leading-normal, 1.5);
285
285
  line-height: var(--leading-normal, 1.5);
@@ -288,7 +288,7 @@
288
288
  content: counter(footnotes-multiple, lower-alpha);
289
289
  }
290
290
  .sd-footnotes:is(ol) li .sd-footnotes--marker {
291
- bottom: calc(var(--sd-spacing-1) * 0);
291
+ bottom: 0;
292
292
  display: block;
293
293
  }
294
294
  .sd-footnotes:is(ol) li .sd-footnotes--marker:focus-visible {
@@ -808,7 +808,7 @@ mark.sd-mark {
808
808
  }
809
809
  @media (width >= 40rem) {
810
810
  .sd-headline.sd-headline sd-icon, .sd-headline:is(h1):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-headline) sd-icon {
811
- margin-top: calc(var(--sd-spacing-1) * 0)
811
+ margin-top: 0
812
812
  }
813
813
  }
814
814
  .sd-headline.sd-headline--size-3xl, .sd-headline:is(h2):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-3xl, .sd-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-headline) {
@@ -1067,7 +1067,7 @@ mark.sd-mark {
1067
1067
  list-style-type: '';
1068
1068
  }
1069
1069
  .sd-list--icon > li:first-of-type {
1070
- padding-top: calc(var(--sd-spacing-1) * 0);
1070
+ padding-top: 0;
1071
1071
  }
1072
1072
  .sd-list--icon li {
1073
1073
  position: relative;
@@ -1078,7 +1078,7 @@ mark.sd-mark {
1078
1078
  }
1079
1079
  .sd-list--icon li > sd-icon:first-of-type, .sd-list--icon li > .sd-list--icon__icon:first-of-type {
1080
1080
  position: absolute;
1081
- left: calc(var(--sd-spacing-1) * 0);
1081
+ left: 0;
1082
1082
  font-size: var(--sd-text-3xl);
1083
1083
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
1084
1084
  color: rgb(var(--sd-color-icon-fill-primary));
@@ -1088,7 +1088,7 @@ mark.sd-mark {
1088
1088
  }
1089
1089
  .sd-list--icon.sd-list--horizontal li {
1090
1090
  display: flex;
1091
- padding-top: calc(var(--sd-spacing-1) * 0);
1091
+ padding-top: 0;
1092
1092
  }
1093
1093
  .sd-list--icon.sd-list--horizontal li:not(:last-child) {
1094
1094
  margin-right: var(--sd-spacing-8);
@@ -1121,7 +1121,7 @@ mark.sd-mark {
1121
1121
  color: rgba(var(--sd-color-text-white));
1122
1122
  }
1123
1123
  .sd-prose figure, figure.sd-media {
1124
- margin: calc(var(--sd-spacing-1) * 0);
1124
+ margin: 0;
1125
1125
  }
1126
1126
  .sd-prose figure figcaption, figure.sd-media figcaption {
1127
1127
  color: rgba(var(--sd-color-text-neutral-700));
@@ -1167,13 +1167,13 @@ mark.sd-mark {
1167
1167
  content: var(--tw-content);
1168
1168
  }
1169
1169
  .sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after {
1170
- right: calc(var(--sd-spacing-1) * 0);
1171
- left: calc(var(--sd-spacing-1) * 0);
1170
+ right: 0;
1171
+ left: 0;
1172
1172
  height: var(--sd-spacing-2\.5);
1173
1173
  }
1174
1174
  .sd-table-cell--shadow-top:before, .sd-table-cell--shadow-bottom:before {
1175
1175
  position: absolute;
1176
- left: calc(var(--sd-spacing-1) * 0);
1176
+ left: 0;
1177
1177
  display: block;
1178
1178
  height: 1px;
1179
1179
  width: 100%;
@@ -1184,8 +1184,8 @@ mark.sd-mark {
1184
1184
  content: var(--tw-content);
1185
1185
  }
1186
1186
  .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
1187
- top: calc(var(--sd-spacing-1) * 0);
1188
- bottom: calc(var(--sd-spacing-1) * 0);
1187
+ top: 0;
1188
+ bottom: 0;
1189
1189
  width: var(--sd-spacing-2\.5);
1190
1190
  }
1191
1191
  .sd-table-cell.sd-table-cell--shadow-active:after {
@@ -1230,8 +1230,8 @@ mark.sd-mark {
1230
1230
  all: unset;
1231
1231
  display: table;
1232
1232
  border-collapse: collapse;
1233
- --tw-border-spacing-x: calc(var(--sd-spacing-1) * 0);
1234
- --tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
1233
+ --tw-border-spacing-x: 0;
1234
+ --tw-border-spacing-y: 0;
1235
1235
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1236
1236
  }
1237
1237
  .sd-table thead tr:first-of-type, .sd-table tfoot tr:first-of-type, .sd-prose table thead tr:first-of-type, .sd-prose table tfoot tr:first-of-type {
@@ -1245,7 +1245,7 @@ mark.sd-mark {
1245
1245
  margin-top: var(--sd-spacing-4);
1246
1246
  }
1247
1247
  .sd-prose > *:first-child {
1248
- margin-top: calc(var(--sd-spacing-1) * 0);
1248
+ margin-top: 0;
1249
1249
  }
1250
1250
  .sd-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
1251
1251
  margin-top: var(--sd-spacing-2);
@@ -1257,7 +1257,7 @@ mark.sd-mark {
1257
1257
  margin-top: var(--sd-spacing-6);
1258
1258
  }
1259
1259
  .sd-prose hr {
1260
- height: calc(var(--sd-spacing-1) * 0);
1260
+ height: 0;
1261
1261
  border-top-style: var(--tw-border-style);
1262
1262
  border-top-width: 1px;
1263
1263
  border-color: rgba(var(--sd-color-border-neutral-500));
@@ -1278,7 +1278,7 @@ mark.sd-mark {
1278
1278
  display: inline;
1279
1279
  }
1280
1280
  .sd-prose > :is(ul, ol):not(#_) {
1281
- padding-block: calc(var(--sd-spacing-1) * 0);
1281
+ padding-block: 0;
1282
1282
  }
1283
1283
  .sd-prose--inverted hr {
1284
1284
  border-color: rgba(var(--sd-color-border-white));
@@ -1,7 +1,7 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-28-1-chip {
4
+ .sd-6-29-0-chip {
5
5
  display: inline-flex;
6
6
  height: var(--sd-spacing-6);
7
7
  align-items: center;
@@ -15,20 +15,20 @@
15
15
  white-space: nowrap;
16
16
  color: rgba(var(--sd-color-text-black));
17
17
  }
18
- .sd-6-28-1-chip--primary-500 {
18
+ .sd-6-29-0-chip--primary-500 {
19
19
  border-color: rgba(var(--sd-chip--primary-500-color-border, rgba(255, 255, 255, 0)));
20
20
  background-color: rgba(var(--sd-chip--primary-500-color-background, rgba(var(--sd-color-primary-500))));
21
21
  color: rgba(var(--sd-chip--primary-500-color-text, rgba(var(--sd-color-white))));
22
22
  }
23
- .sd-6-28-1-chip--primary-300 {
23
+ .sd-6-29-0-chip--primary-300 {
24
24
  border-color: rgba(var(--sd-chip--primary-300-color-border, rgba(255, 255, 255, 0)));
25
25
  background-color: rgba(var(--sd-chip--primary-300-color-background, rgba(var(--sd-color-primary-300))));
26
26
  }
27
- .sd-6-28-1-chip--white {
27
+ .sd-6-29-0-chip--white {
28
28
  border-color: rgba(var(--sd-chip--white-color-border, rgba(255, 255, 255, 0)));
29
29
  background-color: rgba(var(--sd-chip--white-color-background, rgba(var(--sd-color-white))));
30
30
  }
31
- .sd-6-28-1-chip{
31
+ .sd-6-29-0-chip{
32
32
  font-size: var(--sd-chip-font-size);
33
33
  border-width: var(--sd-chip-border-width);
34
34
  font-weight: var(--sd-chip-font-weight);
@@ -1,38 +1,38 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
- .sd-6-28-1-container {
3
+ .sd-6-29-0-container {
4
4
  position: relative;
5
5
  background-color: rgba(var(--sd-color-background-neutral-100));
6
6
  padding-inline: var(--sd-spacing-10);
7
7
  padding-block: var(--sd-spacing-8);
8
8
  }
9
- .sd-6-28-1-container--variant-primary-100 {
9
+ .sd-6-29-0-container--variant-primary-100 {
10
10
  background-color: rgba(var(--sd-color-background-primary-100));
11
11
  }
12
- .sd-6-28-1-container--variant-primary-800 {
12
+ .sd-6-29-0-container--variant-primary-800 {
13
13
  background-color: rgba(var(--sd-container--primary-800-color-background, rgba(var(--sd-color-primary-800))));
14
14
  }
15
- .sd-6-28-1-container--variant-primary {
15
+ .sd-6-29-0-container--variant-primary {
16
16
  background-color: rgba(var(--sd-color-background-primary));
17
17
  }
18
- .sd-6-28-1-container--variant-border-neutral-400 {
18
+ .sd-6-29-0-container--variant-border-neutral-400 {
19
19
  --tw-border-style: solid;
20
20
  border-style: solid;
21
21
  border-color: rgba(var(--sd-color-border-neutral-400));
22
22
  background-color: rgba(var(--sd-color-background-white));
23
23
  border-width: 1px;
24
24
  }
25
- .sd-6-28-1-container--variant-white {
25
+ .sd-6-29-0-container--variant-white {
26
26
  background-color: rgba(var(--sd-color-background-white));
27
27
  }
28
- .sd-6-28-1-container--padding-sm {
28
+ .sd-6-29-0-container--padding-sm {
29
29
  padding-inline: var(--sd-spacing-6);
30
30
  padding-block: var(--sd-spacing-4);
31
31
  }
32
- .sd-6-28-1-container{
32
+ .sd-6-29-0-container{
33
33
  --triangle-background: rgba(var(--sd-color-background-white));
34
34
  }
35
- .sd-6-28-1-container--triangle-top::before, .sd-6-28-1-container--triangle-right::before, .sd-6-28-1-container--triangle-bottom::before, .sd-6-28-1-container--triangle-left::before {
35
+ .sd-6-29-0-container--triangle-top::before, .sd-6-29-0-container--triangle-right::before, .sd-6-29-0-container--triangle-bottom::before, .sd-6-29-0-container--triangle-left::before {
36
36
  position: absolute;
37
37
  display: block;
38
38
  --tw-border-style: solid;
@@ -41,27 +41,27 @@
41
41
  border-width: 14px;
42
42
  content: '';
43
43
  }
44
- .sd-6-28-1-container--triangle-top::before {
45
- top: calc(var(--sd-spacing-1) * 0);
44
+ .sd-6-29-0-container--triangle-top::before {
45
+ top: 0;
46
46
  left: calc(50% - 14px);
47
47
  border-top-color: var(--triangle-background);
48
48
  }
49
- .sd-6-28-1-container--triangle-right::before {
50
- right: calc(var(--sd-spacing-1) * 0);
49
+ .sd-6-29-0-container--triangle-right::before {
50
+ right: 0;
51
51
  top: calc(50% - 14px);
52
52
  border-right-color: var(--triangle-background);
53
53
  }
54
- .sd-6-28-1-container--triangle-bottom::before {
55
- bottom: calc(var(--sd-spacing-1) * 0);
54
+ .sd-6-29-0-container--triangle-bottom::before {
55
+ bottom: 0;
56
56
  left: calc(50% - 14px);
57
57
  border-bottom-color: var(--triangle-background);
58
58
  }
59
- .sd-6-28-1-container--triangle-left::before {
60
- left: calc(var(--sd-spacing-1) * 0);
59
+ .sd-6-29-0-container--triangle-left::before {
60
+ left: 0;
61
61
  top: calc(50% - 14px);
62
62
  border-left-color: var(--triangle-background);
63
63
  }
64
- .sd-6-28-1-container--triangle-top-border::after, .sd-6-28-1-container--triangle-top-border::before, .sd-6-28-1-container--triangle-right-border::after, .sd-6-28-1-container--triangle-right-border::before, .sd-6-28-1-container--triangle-bottom-border::after, .sd-6-28-1-container--triangle-bottom-border::before, .sd-6-28-1-container--triangle-left-border::after, .sd-6-28-1-container--triangle-left-border::before {
64
+ .sd-6-29-0-container--triangle-top-border::after, .sd-6-29-0-container--triangle-top-border::before, .sd-6-29-0-container--triangle-right-border::after, .sd-6-29-0-container--triangle-right-border::before, .sd-6-29-0-container--triangle-bottom-border::after, .sd-6-29-0-container--triangle-bottom-border::before, .sd-6-29-0-container--triangle-left-border::after, .sd-6-29-0-container--triangle-left-border::before {
65
65
  position: absolute;
66
66
  display: block;
67
67
  --tw-border-style: solid;
@@ -69,53 +69,53 @@
69
69
  border-color: transparent;
70
70
  content: '';
71
71
  }
72
- .sd-6-28-1-container--triangle-top-border::after, .sd-6-28-1-container--triangle-right-border::after, .sd-6-28-1-container--triangle-bottom-border::after, .sd-6-28-1-container--triangle-left-border::after {
72
+ .sd-6-29-0-container--triangle-top-border::after, .sd-6-29-0-container--triangle-right-border::after, .sd-6-29-0-container--triangle-bottom-border::after, .sd-6-29-0-container--triangle-left-border::after {
73
73
  border-width: 14px;
74
74
  }
75
- .sd-6-28-1-container--triangle-top-border::before, .sd-6-28-1-container--triangle-right-border::before, .sd-6-28-1-container--triangle-bottom-border::before, .sd-6-28-1-container--triangle-left-border::before {
75
+ .sd-6-29-0-container--triangle-top-border::before, .sd-6-29-0-container--triangle-right-border::before, .sd-6-29-0-container--triangle-bottom-border::before, .sd-6-29-0-container--triangle-left-border::before {
76
76
  border-width: 15px;
77
77
  }
78
- .sd-6-28-1-container--triangle-top-border::after, .sd-6-28-1-container--triangle-top-border::before {
78
+ .sd-6-29-0-container--triangle-top-border::after, .sd-6-29-0-container--triangle-top-border::before {
79
79
  top: -1px;
80
80
  }
81
- .sd-6-28-1-container--triangle-top-border::before {
81
+ .sd-6-29-0-container--triangle-top-border::before {
82
82
  border-top-color: rgba(var(--sd-color-border-neutral-400));
83
83
  left: calc(50% - 15px);
84
84
  }
85
- .sd-6-28-1-container--triangle-top-border::after {
85
+ .sd-6-29-0-container--triangle-top-border::after {
86
86
  left: calc(50% - 14px);
87
87
  border-top-color: var(--triangle-background);
88
88
  }
89
- .sd-6-28-1-container--triangle-right-border::after, .sd-6-28-1-container--triangle-right-border::before {
89
+ .sd-6-29-0-container--triangle-right-border::after, .sd-6-29-0-container--triangle-right-border::before {
90
90
  right: -1px;
91
91
  }
92
- .sd-6-28-1-container--triangle-right-border::before {
92
+ .sd-6-29-0-container--triangle-right-border::before {
93
93
  border-right-color: rgba(var(--sd-color-border-neutral-400));
94
94
  top: calc(50% - 15px);
95
95
  }
96
- .sd-6-28-1-container--triangle-right-border::after {
96
+ .sd-6-29-0-container--triangle-right-border::after {
97
97
  top: calc(50% - 14px);
98
98
  border-right-color: var(--triangle-background);
99
99
  }
100
- .sd-6-28-1-container--triangle-bottom-border::after, .sd-6-28-1-container--triangle-bottom-border::before {
100
+ .sd-6-29-0-container--triangle-bottom-border::after, .sd-6-29-0-container--triangle-bottom-border::before {
101
101
  bottom: -1px;
102
102
  }
103
- .sd-6-28-1-container--triangle-bottom-border::before {
103
+ .sd-6-29-0-container--triangle-bottom-border::before {
104
104
  border-bottom-color: rgba(var(--sd-color-border-neutral-400));
105
105
  left: calc(50% - 15px);
106
106
  }
107
- .sd-6-28-1-container--triangle-bottom-border::after {
107
+ .sd-6-29-0-container--triangle-bottom-border::after {
108
108
  left: calc(50% - 14px);
109
109
  border-bottom-color: var(--triangle-background);
110
110
  }
111
- .sd-6-28-1-container--triangle-left-border::after, .sd-6-28-1-container--triangle-left-border::before {
111
+ .sd-6-29-0-container--triangle-left-border::after, .sd-6-29-0-container--triangle-left-border::before {
112
112
  left: -1px;
113
113
  }
114
- .sd-6-28-1-container--triangle-left-border::before {
114
+ .sd-6-29-0-container--triangle-left-border::before {
115
115
  border-left-color: rgba(var(--sd-color-border-neutral-400));
116
116
  top: calc(50% - 15px);
117
117
  }
118
- .sd-6-28-1-container--triangle-left-border::after {
118
+ .sd-6-29-0-container--triangle-left-border::after {
119
119
  top: calc(50% - 14px);
120
120
  border-left-color: var(--triangle-background);
121
121
  }
@@ -1,7 +1,7 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-28-1-copyright {
4
+ .sd-6-29-0-copyright {
5
5
  position: relative;
6
6
  --tw-blur: ;
7
7
  --tw-brightness: ;
@@ -12,10 +12,10 @@
12
12
  --tw-saturate: ;
13
13
  --tw-sepia: ;
14
14
  }
15
- .sd-6-28-1-copyright::after {
15
+ .sd-6-29-0-copyright::after {
16
16
  position: absolute;
17
- bottom: calc(var(--sd-spacing-1) * 0);
18
- left: calc(var(--sd-spacing-1) * 0);
17
+ bottom: 0;
18
+ left: 0;
19
19
  display: block;
20
20
  width: 100%;
21
21
  padding-bottom: var(--sd-spacing-2);
@@ -28,28 +28,28 @@
28
28
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
29
29
  content: var(--copyright);
30
30
  }
31
- .sd-6-28-1-copyright--orientation-vertical::after {
31
+ .sd-6-29-0-copyright--orientation-vertical::after {
32
32
  width: -moz-max-content;
33
33
  width: max-content;
34
34
  padding-top: var(--sd-spacing-2);
35
35
  padding-right: var(--sd-spacing-1);
36
- padding-bottom: calc(var(--sd-spacing-1) * 0);
37
- padding-left: calc(var(--sd-spacing-1) * 0);
36
+ padding-bottom: 0;
37
+ padding-left: 0;
38
38
  writing-mode: vertical-rl;
39
39
  text-orientation: sideways-right;
40
40
  transform: rotate(180deg);
41
41
  }
42
- .sd-6-28-1-copyright--color-black::after {
42
+ .sd-6-29-0-copyright--color-black::after {
43
43
  color: rgba(var(--sd-color-text-black));
44
44
  filter: drop-shadow(0 0 transparent);
45
45
  }
46
- .sd-6-28-1-copyright--no-shadow::after {
46
+ .sd-6-29-0-copyright--no-shadow::after {
47
47
  filter: drop-shadow(0 0 transparent);
48
48
  }
49
- .sd-6-28-1-copyright--placement-top::after {
49
+ .sd-6-29-0-copyright--placement-top::after {
50
50
  position: absolute;
51
- top: calc(var(--sd-spacing-1) * 0);
52
- right: calc(var(--sd-spacing-1) * 0);
51
+ top: 0;
52
+ right: 0;
53
53
  display: block;
54
54
  max-height: -moz-fit-content;
55
55
  max-height: fit-content;
@@ -1,7 +1,7 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-28-1-display {
4
+ .sd-6-29-0-display {
5
5
  font-size: var(--sd-text-3xl);
6
6
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
7
7
  --tw-leading: var(--leading-tight, 1.25);
@@ -11,12 +11,12 @@
11
11
  color: rgba(var(--sd-color-text-black));
12
12
  }
13
13
  @media (width >= 64rem) {
14
- .sd-6-28-1-display {
14
+ .sd-6-29-0-display {
15
15
  font-size: var(--sd-text-4xl);
16
16
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
17
17
  }
18
18
  }
19
- .sd-6-28-1-display--size-xl {
19
+ .sd-6-29-0-display--size-xl {
20
20
  font-size: var(--sd-text-xl);
21
21
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
22
22
  --tw-leading: var(--leading-tight, 1.25);
@@ -25,7 +25,7 @@
25
25
  font-weight: var(--sd-font-weight-normal);
26
26
  color: rgba(var(--sd-color-text-black));
27
27
  }
28
- .sd-6-28-1-display--size-3xl {
28
+ .sd-6-29-0-display--size-3xl {
29
29
  font-size: var(--sd-text-2xl);
30
30
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
31
31
  --tw-leading: var(--leading-tight, 1.25);
@@ -35,12 +35,12 @@
35
35
  color: rgba(var(--sd-color-text-black));
36
36
  }
37
37
  @media (width >= 64rem) {
38
- .sd-6-28-1-display--size-3xl {
38
+ .sd-6-29-0-display--size-3xl {
39
39
  font-size: var(--sd-text-3xl);
40
40
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
41
41
  }
42
42
  }
43
- .sd-6-28-1-display--inverted {
43
+ .sd-6-29-0-display--inverted {
44
44
  color: rgba(var(--sd-color-text-white));
45
45
  }
46
46
  @property --tw-leading {