@solid-design-system/tokens 6.13.1 → 6.14.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 (15) hide show
  1. package/README.md +4 -3
  2. package/cdn/themes/kid/kid.css +1 -1
  3. package/cdn/themes/tailwind.css +6 -0
  4. package/cdn/themes/ui-dark/ui-dark.css +1 -1
  5. package/cdn/themes/ui-light/ui-light.css +1 -1
  6. package/cdn/themes/vb/vb.css +1 -1
  7. package/dist/theme.js +1 -1
  8. package/dist/themes/kid/kid.css +108 -65
  9. package/dist/themes/tailwind.css +6 -0
  10. package/dist/themes/ui-dark/ui-dark.css +104 -62
  11. package/dist/themes/ui-light/ui-light.css +95 -53
  12. package/dist/themes/vb/vb.css +138 -95
  13. package/dist/tokens.scss +64 -48
  14. package/dist/tokens.tailwind.json +6 -2
  15. package/package.json +1 -1
package/dist/tokens.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  $sd-theme: var(--sd-theme);
2
2
  $sd-accordion-border-width: var(--sd-accordion-border-width);
3
+ $sd-accordion-color-icon-fill: var(--sd-accordion-color-icon-fill);
3
4
  $sd-accordion-color-text: var(--sd-accordion-color-text);
4
5
  $sd-accordion-padding-block: var(--sd-accordion-padding-block);
5
- $sd-accordion__chevron-color-text: var(--sd-accordion__chevron-color-text);
6
6
  $sd-accordion__indicator-color: var(--sd-accordion__indicator-color);
7
7
  $sd-aspect-16\/10: var(--sd-aspect-16\/10);
8
8
  $sd-aspect-21\/9: var(--sd-aspect-21\/9);
@@ -16,9 +16,8 @@ $sd-aspect-6\/5: var(--sd-aspect-6\/5);
16
16
  $sd-aspect-golden-ratio: var(--sd-aspect-golden-ratio);
17
17
  $sd-aspect-square: var(--sd-aspect-square);
18
18
  $sd-aspect-video: var(--sd-aspect-video);
19
- $sd-audio--inverted-color-border: var(--sd-audio--inverted-color-border);
20
- $sd-audio__slide-bar--inverted-color-border: var(--sd-audio__slide-bar--inverted-color-border);
21
- $sd-audio__timestamp-color-text: var(--sd-audio__timestamp-color-text);
19
+ $sd-audio__slide-bar--inverted-color-background: var(--sd-audio__slide-bar--inverted-color-background);
20
+ $sd-audio__track-bar--inverted-color-background: var(--sd-audio__track-bar--inverted-color-background);
22
21
  $sd-badge--blue--inverted-color-background: var(--sd-badge--blue--inverted-color-background);
23
22
  $sd-badge--blue--inverted-color-text: var(--sd-badge--blue--inverted-color-text);
24
23
  $sd-badge--blue-color-background: var(--sd-badge--blue-color-background);
@@ -50,6 +49,7 @@ $sd-button--primary--active-color-text: var(--sd-button--primary--active-color-t
50
49
  $sd-button--primary--default-color-background: var(--sd-button--primary--default-color-background);
51
50
  $sd-button--primary--default-color-text: var(--sd-button--primary--default-color-text);
52
51
  $sd-button--primary--hover-color-background: var(--sd-button--primary--hover-color-background);
52
+ $sd-button--primary--hover-color-text: var(--sd-button--primary--hover-color-text);
53
53
  $sd-button--primary--inverted--active-color-background: var(--sd-button--primary--inverted--active-color-background);
54
54
  $sd-button--primary--inverted--active-color-text: var(--sd-button--primary--inverted--active-color-text);
55
55
  $sd-button--primary--inverted--default-color-background: var(--sd-button--primary--inverted--default-color-background);
@@ -57,30 +57,46 @@ $sd-button--primary--inverted--default-color-text: var(--sd-button--primary--inv
57
57
  $sd-button--primary--inverted--hover-color-background: var(--sd-button--primary--inverted--hover-color-background);
58
58
  $sd-button--primary--inverted--hover-color-text: var(--sd-button--primary--inverted--hover-color-text);
59
59
  $sd-button--secondary--active-color-background: var(--sd-button--secondary--active-color-background);
60
+ $sd-button--secondary--active-color-text: var(--sd-button--secondary--active-color-text);
60
61
  $sd-button--secondary--default-color-text: var(--sd-button--secondary--default-color-text);
61
62
  $sd-button--secondary--disabled-color-text: var(--sd-button--secondary--disabled-color-text);
62
63
  $sd-button--secondary--hover-color-background: var(--sd-button--secondary--hover-color-background);
63
64
  $sd-button--secondary--inverted--active-color-background: var(--sd-button--secondary--inverted--active-color-background);
65
+ $sd-button--secondary--inverted--active-color-text: var(--sd-button--secondary--inverted--active-color-text);
64
66
  $sd-button--secondary--inverted--hover-color-background: var(--sd-button--secondary--inverted--hover-color-background);
65
67
  $sd-button--secondary--inverted--hover-color-text: var(--sd-button--secondary--inverted--hover-color-text);
66
68
  $sd-button--secondary--inverted-color-border: var(--sd-button--secondary--inverted-color-border);
67
- $sd-button--size-lg-border-radius: var(--sd-button--size-lg-border-radius);
69
+ $sd-button--secondary--inverted-color-text: var(--sd-button--secondary--inverted-color-text);
70
+ $sd-button--secondary--size-lg-padding-block: var(--sd-button--secondary--size-lg-padding-block);
71
+ $sd-button--secondary--size-md-padding-block: var(--sd-button--secondary--size-md-padding-block);
72
+ $sd-button--secondary--size-sm-padding-block: var(--sd-button--secondary--size-sm-padding-block);
73
+ $sd-button--secondary-padding-inline: var(--sd-button--secondary-padding-inline);
68
74
  $sd-button--size-lg-font-size: var(--sd-button--size-lg-font-size);
75
+ $sd-button--size-lg-icon-height: var(--sd-button--size-lg-icon-height);
76
+ $sd-button--size-lg-min-height: var(--sd-button--size-lg-min-height);
69
77
  $sd-button--size-lg-padding-block: var(--sd-button--size-lg-padding-block);
78
+ $sd-button--size-md--icon-only-padding-inline: var(--sd-button--size-md--icon-only-padding-inline);
70
79
  $sd-button--size-md-border-radius: var(--sd-button--size-md-border-radius);
71
80
  $sd-button--size-md-font-size: var(--sd-button--size-md-font-size);
81
+ $sd-button--size-md-min-height: var(--sd-button--size-md-min-height);
72
82
  $sd-button--size-md-padding-block: var(--sd-button--size-md-padding-block);
73
83
  $sd-button--size-sm-border-radius: var(--sd-button--size-sm-border-radius);
74
84
  $sd-button--size-sm-font-size: var(--sd-button--size-sm-font-size);
75
85
  $sd-button--size-sm-padding-block: var(--sd-button--size-sm-padding-block);
76
86
  $sd-button--tertiary--active-color-background: var(--sd-button--tertiary--active-color-background);
87
+ $sd-button--tertiary--active-color-text: var(--sd-button--tertiary--active-color-text);
77
88
  $sd-button--tertiary--default-color-text: var(--sd-button--tertiary--default-color-text);
78
89
  $sd-button--tertiary--disabled-color-text: var(--sd-button--tertiary--disabled-color-text);
79
90
  $sd-button--tertiary--hover-color-background: var(--sd-button--tertiary--hover-color-background);
80
91
  $sd-button--tertiary--inverted--active-color-background: var(--sd-button--tertiary--inverted--active-color-background);
92
+ $sd-button--tertiary--inverted--active-color-text: var(--sd-button--tertiary--inverted--active-color-text);
81
93
  $sd-button--tertiary--inverted--hover-color-background: var(--sd-button--tertiary--inverted--hover-color-background);
82
94
  $sd-button--tertiary--inverted--hover-color-text: var(--sd-button--tertiary--inverted--hover-color-text);
95
+ $sd-button--tertiary--inverted-color-text: var(--sd-button--tertiary--inverted-color-text);
96
+ $sd-button-border-radius: var(--sd-button-border-radius);
97
+ $sd-button-border-width: var(--sd-button-border-width);
83
98
  $sd-button-font-weight: var(--sd-button-font-weight);
99
+ $sd-button-padding-inline: var(--sd-button-padding-inline);
84
100
  $sd-carousel--active--inverted-color-border: var(--sd-carousel--active--inverted-color-border);
85
101
  $sd-carousel--active-color-border: var(--sd-carousel--active-color-border);
86
102
  $sd-carousel__pager-dot--inverted--hovered-background: var(--sd-carousel__pager-dot--inverted--hovered-background);
@@ -99,9 +115,7 @@ $sd-chip--primary-500-color-text: var(--sd-chip--primary-500-color-text);
99
115
  $sd-chip--white-color-background: var(--sd-chip--white-color-background);
100
116
  $sd-chip--white-color-border: var(--sd-chip--white-color-border);
101
117
  $sd-chip-border-radius: var(--sd-chip-border-radius);
102
- $sd-chip-border-width: var(--sd-chip-border-width);
103
- $sd-chip-font-size: var(--sd-chip-font-size);
104
- $sd-chip-font-weight: var(--sd-chip-font-weight);
118
+ $sd-choice-control-font-weight: var(--sd-choice-control-font-weight);
105
119
  $sd-color-accent-100: var(--sd-color-accent-100);
106
120
  $sd-color-accent-200: var(--sd-color-accent-200);
107
121
  $sd-color-accent-300: var(--sd-color-accent-300);
@@ -136,7 +150,6 @@ $sd-color-background-primary: var(--sd-color-background-primary);
136
150
  $sd-color-background-success: var(--sd-color-background-success);
137
151
  $sd-color-background-warning: var(--sd-color-background-warning);
138
152
  $sd-color-background-white: var(--sd-color-background-white);
139
- $sd-color-background: var(--sd-color-background);
140
153
  $sd-color-black: var(--sd-color-black);
141
154
  $sd-color-border-accent-550: var(--sd-color-border-accent-550);
142
155
  $sd-color-border-accent: var(--sd-color-border-accent);
@@ -222,20 +235,23 @@ $sd-color-text-success: var(--sd-color-text-success);
222
235
  $sd-color-text-white: var(--sd-color-text-white);
223
236
  $sd-color-warning: var(--sd-color-warning);
224
237
  $sd-color-white: var(--sd-color-white);
225
- $sd-combobox--default-color-icon: var(--sd-combobox--default-color-icon);
226
- $sd-combobox--default-color-text: var(--sd-combobox--default-color-text);
227
238
  $sd-combobox__tag-border-width: var(--sd-combobox__tag-border-width);
239
+ $sd-datepicker__date-item--current-color-text: var(--sd-datepicker__date-item--current-color-text);
228
240
  $sd-datepicker__date-item--current-font-weight: var(--sd-datepicker__date-item--current-font-weight);
229
241
  $sd-datepicker__date-item--default-color-text: var(--sd-datepicker__date-item--default-color-text);
230
- $sd-datepicker__date-item--default-font-weight: var(--sd-datepicker__date-item--default-font-weight);
231
- $sd-datepicker__date-item--hovered--current-color-text: var(--sd-datepicker__date-item--hovered--current-color-text);
232
- $sd-datepicker__date-item--hovered--default-color-background: var(--sd-datepicker__date-item--hovered--default-color-background);
233
- $sd-datepicker__date-item--hovered--default-color-text: var(--sd-datepicker__date-item--hovered--default-color-text);
234
- $sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-datepicker__date-item--hovered--prev-next-color-background);
235
- $sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-datepicker__date-item--hovered--prev-next-color-text);
242
+ $sd-datepicker__date-item--hover--default-color-background: var(--sd-datepicker__date-item--hover--default-color-background);
243
+ $sd-datepicker__date-item--hover--default-color-border: var(--sd-datepicker__date-item--hover--default-color-border);
244
+ $sd-datepicker__date-item--hover--default-color-text: var(--sd-datepicker__date-item--hover--default-color-text);
245
+ $sd-datepicker__date-item--hover--prev-next-color-background: var(--sd-datepicker__date-item--hover--prev-next-color-background);
246
+ $sd-datepicker__date-item--hover--prev-next-color-text: var(--sd-datepicker__date-item--hover--prev-next-color-text);
247
+ $sd-datepicker__date-item--range-color-background: var(--sd-datepicker__date-item--range-color-background);
248
+ $sd-datepicker__date-item--selected--hover-color-background: var(--sd-datepicker__date-item--selected--hover-color-background);
249
+ $sd-datepicker__date-item--selected-color-background: var(--sd-datepicker__date-item--selected-color-background);
236
250
  $sd-datepicker__date-item--selected-color-text: var(--sd-datepicker__date-item--selected-color-text);
237
251
  $sd-divider--inverted-color-border: var(--sd-divider--inverted-color-border);
252
+ $sd-drop-shadow-listbox: var(--sd-drop-shadow-listbox);
238
253
  $sd-drop-shadow-sm: var(--sd-drop-shadow-sm);
254
+ $sd-drop-shadow-xs: var(--sd-drop-shadow-xs);
239
255
  $sd-drop-shadow: var(--sd-drop-shadow);
240
256
  $sd-dropdown-color-background: var(--sd-dropdown-color-background);
241
257
  $sd-duration-fast: var(--sd-duration-fast);
@@ -251,9 +267,6 @@ $sd-flag--neutral-500-color-border: var(--sd-flag--neutral-500-color-border);
251
267
  $sd-flag--white-color-background: var(--sd-flag--white-color-background);
252
268
  $sd-flag--white-color-border: var(--sd-flag--white-color-border);
253
269
  $sd-flag-border-radius: var(--sd-flag-border-radius);
254
- $sd-flag-border-width: var(--sd-flag-border-width);
255
- $sd-flag-font-size: var(--sd-flag-font-size);
256
- $sd-flag-font-weight: var(--sd-flag-font-weight);
257
270
  $sd-font-primary: var(--sd-font-primary);
258
271
  $sd-font-weight-bold: var(--sd-font-weight-bold);
259
272
  $sd-font-weight-normal: var(--sd-font-weight-normal);
@@ -262,39 +275,43 @@ $sd-form-control--filled__floating-label-color-text: var(--sd-form-control--fill
262
275
  $sd-form-control--invalid-color-background: var(--sd-form-control--invalid-color-background);
263
276
  $sd-form-control-border-radius: var(--sd-form-control-border-radius);
264
277
  $sd-form-control-color-border: var(--sd-form-control-color-border);
265
- $sd-form-control-color-icon-fill: var(--sd-form-control-color-icon-fill);
266
278
  $sd-form-control-color-text: var(--sd-form-control-color-text);
267
- $sd-form-control__tooltip-color-icon: var(--sd-form-control__tooltip-color-icon);
279
+ $sd-form-control__listbox-border-bottom-left-radius: var(--sd-form-control__listbox-border-bottom-left-radius);
280
+ $sd-form-control__listbox-border-bottom-right-radius: var(--sd-form-control__listbox-border-bottom-right-radius);
281
+ $sd-form-control__listbox-border-top-left-radius: var(--sd-form-control__listbox-border-top-left-radius);
282
+ $sd-form-control__listbox-border-top-right-radius: var(--sd-form-control__listbox-border-top-right-radius);
268
283
  $sd-header-color-background: var(--sd-header-color-background);
269
284
  $sd-header-padding-bottom: var(--sd-header-padding-bottom);
285
+ $sd-header__shadow-height: var(--sd-header__shadow-height);
270
286
  $sd-header__underline-color-background: var(--sd-header__underline-color-background);
271
287
  $sd-header__underline-height: var(--sd-header__underline-height);
272
- $sd-headline-4xl-and-mobile-4xl-text: var(--sd-headline-4xl-and-mobile-4xl-text);
288
+ $sd-headline--3xl-onwards-color-text: var(--sd-headline--3xl-onwards-color-text);
273
289
  $sd-informational-gradient--primary-800-color-background: var(--sd-informational-gradient--primary-800-color-background);
274
290
  $sd-informational-gradient--white-color-background: var(--sd-informational-gradient--white-color-background);
275
291
  $sd-interactive--active-color-text: var(--sd-interactive--active-color-text);
276
292
  $sd-interactive--default-color-text: var(--sd-interactive--default-color-text);
277
- $sd-link-color--active-text: var(--sd-link-color--active-text);
278
- $sd-link-color--default-text: var(--sd-link-color--default-text);
279
- $sd-link-color--disabled-text: var(--sd-link-color--disabled-text);
280
293
  $sd-link-color--hover-icon: var(--sd-link-color--hover-icon);
281
- $sd-link-color--hover-text: var(--sd-link-color--hover-text);
282
294
  $sd-link-color--none-icon: var(--sd-link-color--none-icon);
283
295
  $sd-link-color--pressed-icon: var(--sd-link-color--pressed-icon);
284
- $sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-map-marker-cluster--hovered-color-icon-fill);
285
- $sd-map-marker-cluster-color-icon-fill: var(--sd-map-marker-cluster-color-icon-fill);
286
- $sd-map-marker-font-size: var(--sd-map-marker-font-size);
287
- $sd-map-marker-main-color-icon-fill: var(--sd-map-marker-main-color-icon-fill);
288
- $sd-menu--disabled-color-icon: var(--sd-menu--disabled-color-icon);
289
- $sd-menu--disabled-color-text: var(--sd-menu--disabled-color-text);
290
- $sd-menu-color-icon: var(--sd-menu-color-icon);
291
- $sd-menu-color-text: var(--sd-menu-color-text);
296
+ $sd-map-marker--cluster--default-color-background: var(--sd-map-marker--cluster--default-color-background);
297
+ $sd-map-marker--cluster--hover-color-background: var(--sd-map-marker--cluster--hover-color-background);
298
+ $sd-map-marker--cluster-color-text: var(--sd-map-marker--cluster-color-text);
299
+ $sd-map-marker--main-color-background: var(--sd-map-marker--main-color-background);
300
+ $sd-map-marker--pin--default-color-background: var(--sd-map-marker--pin--default-color-background);
301
+ $sd-map-marker--pin--hover-color-background: var(--sd-map-marker--pin--hover-color-background);
302
+ $sd-map-marker--pin-color-text: var(--sd-map-marker--pin-color-text);
303
+ $sd-marker-border-width: var(--sd-marker-border-width);
304
+ $sd-marker-font-size: var(--sd-marker-font-size);
305
+ $sd-marker-font-weight: var(--sd-marker-font-weight);
306
+ $sd-menu-item--disabled-color-icon-fill: var(--sd-menu-item--disabled-color-icon-fill);
307
+ $sd-menu-item--disabled-color-text: var(--sd-menu-item--disabled-color-text);
308
+ $sd-menu-item-color-icon-fill: var(--sd-menu-item-color-icon-fill);
309
+ $sd-menu-item-color-text: var(--sd-menu-item-color-text);
292
310
  $sd-navigable-border-radius: var(--sd-navigable-border-radius);
293
311
  $sd-navigable-font-size: var(--sd-navigable-font-size);
294
312
  $sd-navigable__current-indicator-border-radius: var(--sd-navigable__current-indicator-border-radius);
295
313
  $sd-navigable__current-indicator-height: var(--sd-navigable__current-indicator-height);
296
314
  $sd-navigable__current-indicator-width: var(--sd-navigable__current-indicator-width);
297
- $sd-navigation-item--current-color-text: var(--sd-navigation-item--current-color-text);
298
315
  $sd-navigation-item-color-text: var(--sd-navigation-item-color-text);
299
316
  $sd-notification--error-color-background: var(--sd-notification--error-color-background);
300
317
  $sd-notification--info-color-background: var(--sd-notification--info-color-background);
@@ -302,6 +319,7 @@ $sd-notification--success-color-background: var(--sd-notification--success-color
302
319
  $sd-notification--warning-color-background: var(--sd-notification--warning-color-background);
303
320
  $sd-notification-color-border: var(--sd-notification-color-border);
304
321
  $sd-notification-color-icon-fill: var(--sd-notification-color-icon-fill);
322
+ $sd-notification__duration-indicator-color-background: var(--sd-notification__duration-indicator-color-background);
305
323
  $sd-opacity-0: var(--sd-opacity-0);
306
324
  $sd-opacity-100: var(--sd-opacity-100);
307
325
  $sd-opacity-10: var(--sd-opacity-10);
@@ -316,14 +334,11 @@ $sd-opacity-75: var(--sd-opacity-75);
316
334
  $sd-opacity-80: var(--sd-opacity-80);
317
335
  $sd-opacity-85: var(--sd-opacity-85);
318
336
  $sd-opacity-90: var(--sd-opacity-90);
319
- $sd-option--disabled-color-border: var(--sd-option--disabled-color-border);
320
337
  $sd-overlay-color-background: var(--sd-overlay-color-background);
321
338
  $sd-pagination--default-border: var(--sd-pagination--default-border);
322
339
  $sd-pagination--inverted-border: var(--sd-pagination--inverted-border);
323
340
  $sd-panel-color-border: var(--sd-panel-color-border);
324
341
  $sd-quickfact--expandable-color-text: var(--sd-quickfact--expandable-color-text);
325
- $sd-quickfact__expandable-color-description-default-text: var(--sd-quickfact__expandable-color-description-default-text);
326
- $sd-quickfact__expandable-color-title-default-text: var(--sd-quickfact__expandable-color-title-default-text);
327
342
  $sd-radio--checked--default-color-background: var(--sd-radio--checked--default-color-background);
328
343
  $sd-radio--checked--default__icon-color-background: var(--sd-radio--checked--default__icon-color-background);
329
344
  $sd-radio--checked--hover-color-background: var(--sd-radio--checked--hover-color-background);
@@ -332,13 +347,10 @@ $sd-radio--checked--invalid--default-color-background: var(--sd-radio--checked--
332
347
  $sd-radio--checked--invalid--default__icon-color-background: var(--sd-radio--checked--invalid--default__icon-color-background);
333
348
  $sd-radio--checked--invalid--hover__icon-color-background: var(--sd-radio--checked--invalid--hover__icon-color-background);
334
349
  $sd-radio--default--invalid-color-background: var(--sd-radio--default--invalid-color-background);
335
- $sd-radio--error-color-text: var(--sd-radio--error-color-text);
336
350
  $sd-radio-border-width: var(--sd-radio-border-width);
337
351
  $sd-radio-button--hover-color-background: var(--sd-radio-button--hover-color-background);
338
- $sd-radio-button--hover-color-icon-fill: var(--sd-radio-button--hover-color-icon-fill);
339
352
  $sd-radio-button--hover-color-text: var(--sd-radio-button--hover-color-text);
340
353
  $sd-radio-button-border-radius: var(--sd-radio-button-border-radius);
341
- $sd-radio-button-color-icon-fil: var(--sd-radio-button-color-icon-fil);
342
354
  $sd-radio-button-color-text: var(--sd-radio-button-color-text);
343
355
  $sd-radio-button-group-border-radius: var(--sd-radio-button-group-border-radius);
344
356
  $sd-radio-button-group-border-width: var(--sd-radio-button-group-border-width);
@@ -351,8 +363,11 @@ $sd-radius-sm: var(--sd-radius-sm);
351
363
  $sd-radius: var(--sd-radius);
352
364
  $sd-range-scale-ticks-color-text: var(--sd-range-scale-ticks-color-text);
353
365
  $sd-range__bar-border-width: var(--sd-range__bar-border-width);
366
+ $sd-shadow-listbox: var(--sd-shadow-listbox);
354
367
  $sd-shadow-sm: var(--sd-shadow-sm);
368
+ $sd-shadow-xs: var(--sd-shadow-xs);
355
369
  $sd-shadow: var(--sd-shadow);
370
+ $sd-sizing-0: var(--sd-sizing-0);
356
371
  $sd-sizing-0\.25: var(--sd-sizing-0\.25);
357
372
  $sd-sizing-0\.5: var(--sd-sizing-0\.5);
358
373
  $sd-sizing-10: var(--sd-sizing-10);
@@ -380,6 +395,7 @@ $sd-spacing-1\.5: var(--sd-spacing-1\.5);
380
395
  $sd-spacing-20: var(--sd-spacing-20);
381
396
  $sd-spacing-24: var(--sd-spacing-24);
382
397
  $sd-spacing-2: var(--sd-spacing-2);
398
+ $sd-spacing-2\.5: var(--sd-spacing-2\.5);
383
399
  $sd-spacing-32: var(--sd-spacing-32);
384
400
  $sd-spacing-3: var(--sd-spacing-3);
385
401
  $sd-spacing-40: var(--sd-spacing-40);
@@ -387,20 +403,21 @@ $sd-spacing-4: var(--sd-spacing-4);
387
403
  $sd-spacing-6: var(--sd-spacing-6);
388
404
  $sd-spacing-8: var(--sd-spacing-8);
389
405
  $sd-step-color-text: var(--sd-step-color-text);
390
- $sd-step-hover-color-text: var(--sd-step-hover-color-text);
391
406
  $sd-step__circle-border-width: var(--sd-step__circle-border-width);
392
407
  $sd-step__tail-border-width: var(--sd-step__tail-border-width);
393
408
  $sd-switch--checked--hover-color-background: var(--sd-switch--checked--hover-color-background);
394
409
  $sd-switch--unchecked-color-border: var(--sd-switch--unchecked-color-border);
395
410
  $sd-switch--unchecked__icon-color-background: var(--sd-switch--unchecked__icon-color-background);
396
411
  $sd-switch-color-text: var(--sd-switch-color-text);
412
+ $sd-tab--active-color-text: var(--sd-tab--active-color-text);
413
+ $sd-tab--hover-color-background: var(--sd-tab--hover-color-background);
397
414
  $sd-tab-color-border: var(--sd-tab-color-border);
398
- $sd-tab-font-weight: var(--sd-tab-font-weight);
415
+ $sd-tab-color-text: var(--sd-tab-color-text);
399
416
  $sd-tag--default--hover-color-background: var(--sd-tag--default--hover-color-background);
400
417
  $sd-tag--default-color-background: var(--sd-tag--default-color-background);
401
418
  $sd-tag--default-color-border: var(--sd-tag--default-color-border);
402
419
  $sd-tag--default-color-text: var(--sd-tag--default-color-text);
403
- $sd-tag--disabled-color-border: var(--sd-tag--disabled-color-border);
420
+ $sd-tag--disabled-color-text: var(--sd-tag--disabled-color-text);
404
421
  $sd-tag--selected--default-color-background: var(--sd-tag--selected--default-color-background);
405
422
  $sd-tag--selected--default-color-border: var(--sd-tag--selected--default-color-border);
406
423
  $sd-tag--selected--default-color-text: var(--sd-tag--selected--default-color-text);
@@ -420,6 +437,8 @@ $sd-teaser-media--neutral-100--hover-color-background: var(--sd-teaser-media--ne
420
437
  $sd-teaser-media--neutral-100-color-background: var(--sd-teaser-media--neutral-100-color-background);
421
438
  $sd-teaser-media--primary-100--hover-color-background: var(--sd-teaser-media--primary-100--hover-color-background);
422
439
  $sd-teaser-media--primary-100-color-background: var(--sd-teaser-media--primary-100-color-background);
440
+ $sd-teaser-media--white--hover-color-background: var(--sd-teaser-media--white--hover-color-background);
441
+ $sd-teaser-media--white-color-background: var(--sd-teaser-media--white-color-background);
423
442
  $sd-text-2xl: var(--sd-text-2xl);
424
443
  $sd-text-3xl: var(--sd-text-3xl);
425
444
  $sd-text-4xl: var(--sd-text-4xl);
@@ -428,10 +447,7 @@ $sd-text-lg: var(--sd-text-lg);
428
447
  $sd-text-sm: var(--sd-text-sm);
429
448
  $sd-text-xl: var(--sd-text-xl);
430
449
  $sd-text-xs: var(--sd-text-xs);
431
- $sd-tooltip-border-width: var(--sd-tooltip-border-width);
432
450
  $sd-tooltip-color-background: var(--sd-tooltip-color-background);
433
- $sd-tooltip-color-border: var(--sd-tooltip-color-border);
434
451
  $sd-tooltip-color-text: var(--sd-tooltip-color-text);
435
- $sd-video--description-color-text: var(--sd-video--description-color-text);
436
452
  $sd-video--play-button-color-background: var(--sd-video--play-button-color-background);
437
453
  $sd-video--play-button-color-icon-fill: var(--sd-video--play-button-color-icon-fill);
package/dist/tokens.tailwind.json CHANGED
@@ -126,7 +126,9 @@
126
126
  "DEFAULT": "var(--sd-border-width)"
127
127
  },
128
128
  "boxShadow": {
129
+ "listbox": "var(--sd-shadow-listbox)",
129
130
  "sm": "var(--sd-shadow-sm)",
131
+ "xs": "var(--sd-shadow-xs)",
130
132
  "DEFAULT": "var(--sd-shadow)"
131
133
  },
132
134
  "boxShadowColor": {
@@ -264,7 +266,9 @@
264
266
  "current": "currentColor"
265
267
  },
266
268
  "dropShadow": {
269
+ "listbox": "var(--sd-drop-shadow-listbox)",
267
270
  "sm": "var(--sd-drop-shadow-sm)",
271
+ "xs": "var(--sd-drop-shadow-xs)",
268
272
  "DEFAULT": "var(--sd-drop-shadow)"
269
273
  },
270
274
  "fill": {
@@ -566,9 +570,9 @@
566
570
  "0.25": "var(--sd-spacing-0.25)",
567
571
  "0.5": "var(--sd-spacing-0.5)",
568
572
  "1.5": "var(--sd-spacing-1.5)",
573
+ "2.5": "var(--sd-spacing-2.5)",
569
574
  "px": "1px",
570
575
  "3.5": "0.875rem",
571
- "2.5": "0.625rem",
572
576
  "auto": "auto"
573
577
  },
574
578
  "spacing": {
@@ -603,9 +607,9 @@
603
607
  "0.25": "var(--sd-spacing-0.25)",
604
608
  "0.5": "var(--sd-spacing-0.5)",
605
609
  "1.5": "var(--sd-spacing-1.5)",
610
+ "2.5": "var(--sd-spacing-2.5)",
606
611
  "px": "1px",
607
612
  "3.5": "0.875rem",
608
- "2.5": "0.625rem",
609
613
  "auto": "auto"
610
614
  },
611
615
  "stroke": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@solid-design-system/tokens",
3
- "version": "6.13.1",
3
+ "version": "6.14.0",
4
4
  "description": "Solid Design System: Tokens",
5
5
  "publishConfig": {
6
6
  "access": "public",