@solid-design-system/tokens 7.0.0-next.1 → 7.0.0-next.2

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 (14) hide show
  1. package/cdn/themes/bb/bb.css +1 -1
  2. package/cdn/themes/kid/kid.css +1 -1
  3. package/cdn/themes/sp/sp.css +1 -1
  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/bb/bb.css +19 -17
  9. package/dist/themes/kid/kid.css +45 -43
  10. package/dist/themes/sp/sp.css +40 -38
  11. package/dist/themes/ui-dark/ui-dark.css +10 -10
  12. package/dist/themes/ui-light/ui-light.css +12 -12
  13. package/dist/themes/vb/vb.css +58 -56
  14. package/package.json +8 -8
package/dist/themes/vb/vb.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --sd-accordion--hover-color-background: var(--sd-color-neutral-100);
6
6
  --sd-accordion--open-color-text: var(--sd-color-black);
7
7
  --sd-accordion-border-width: var(--sd-spacing-0\.5);
8
- --sd-accordion-color-border: var(--sd-color-neutral-500);
8
+ --sd-accordion-color-border: var(--sd-color-neutral-400);
9
9
  --sd-accordion-color-icon-fill: var(--sd-color-neutral-700);
10
10
  --sd-accordion-color-text: var(--sd-color-black);
11
11
  --sd-accordion-padding-block: 0.9375rem;
@@ -25,12 +25,12 @@
25
25
  --sd-audio__slide-bar--inverted-color-background: 255 255 255 / 0.5;
26
26
  --sd-audio__track-bar--inverted-color-background: var(--sd-color-white);
27
27
  --sd-badge--blue--inverted-color-background: var(--sd-color-white);
28
- --sd-badge--blue--inverted-color-text: var(--sd-color-info);
28
+ --sd-badge--blue--inverted-color-text: var(--sd-color-primary-800);
29
29
  --sd-badge--blue-color-background: var(--sd-color-primary);
30
30
  --sd-badge--green-color--inverted-background: var(--sd-color-success);
31
31
  --sd-badge--green-color--inverted-text: var(--sd-color-white);
32
32
  --sd-badge--green-color-background: var(--sd-color-success);
33
- --sd-badge--inverted-color-border: var(--sd-color-info);
33
+ --sd-badge--inverted-color-border: var(--sd-color-primary-900);
34
34
  --sd-badge--red--inverted-background: var(--sd-color-error);
35
35
  --sd-badge--red--inverted-text: var(--sd-color-white);
36
36
  --sd-badge--red-color-background: var(--sd-color-error);
@@ -49,15 +49,15 @@
49
49
  --sd-breadcrumb__separator--current-color: var(--sd-color-warning);
50
50
  --sd-breadcrumb__separator-color: var(--sd-color-neutral-200);
51
51
  --sd-button--cta--inverted--active-color-background: var(--sd-color-primary-100);
52
- --sd-button--cta--inverted--active-color-text: var(--sd-color-info);
52
+ --sd-button--cta--inverted--active-color-text: var(--sd-color-primary-800);
53
53
  --sd-button--cta--inverted--default-color-background: var(--sd-color-white);
54
- --sd-button--cta--inverted--default-color-text: var(--sd-color-info);
54
+ --sd-button--cta--inverted--default-color-text: var(--sd-color-primary-800);
55
55
  --sd-button--cta--inverted--hover-color-background: var(--sd-color-primary-100);
56
- --sd-button--cta--inverted--hover-color-text: var(--sd-color-info);
56
+ --sd-button--cta--inverted--hover-color-text: var(--sd-color-primary-800);
57
57
  --sd-button--inverted--disabled-color-background: var(--sd-color-neutral-500);
58
58
  --sd-button--inverted--disabled-color-border: var(--sd-color-neutral-500);
59
59
  --sd-button--inverted--disabled-color-text: var(--sd-color-neutral-500);
60
- --sd-button--primary--active-color-background: var(--sd-color-info);
60
+ --sd-button--primary--active-color-background: var(--sd-color-primary-800);
61
61
  --sd-button--primary--active-color-text: var(--sd-color-primary-100);
62
62
  --sd-button--primary--default-color-background: var(--sd-color-primary);
63
63
  --sd-button--primary--default-color-text: var(--sd-color-white);
@@ -65,14 +65,14 @@
65
65
  --sd-button--primary--hover-color-background: var(--sd-color-primary-700);
66
66
  --sd-button--primary--hover-color-text: var(--sd-color-primary-100);
67
67
  --sd-button--primary--inverted--active-color-background: var(--sd-color-primary-100);
68
- --sd-button--primary--inverted--active-color-text: var(--sd-color-info);
68
+ --sd-button--primary--inverted--active-color-text: var(--sd-color-primary-800);
69
69
  --sd-button--primary--inverted--default-color-background: var(--sd-color-white);
70
- --sd-button--primary--inverted--default-color-text: var(--sd-color-info);
70
+ --sd-button--primary--inverted--default-color-text: var(--sd-color-primary-800);
71
71
  --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100);
72
- --sd-button--primary--inverted--hover-color-text: var(--sd-color-info);
72
+ --sd-button--primary--inverted--hover-color-text: var(--sd-color-primary-800);
73
73
  --sd-button--secondary--active-color-background: var(--sd-color-primary-100);
74
- --sd-button--secondary--active-color-border: var(--sd-color-info);
75
- --sd-button--secondary--active-color-text: var(--sd-color-info);
74
+ --sd-button--secondary--active-color-border: var(--sd-color-primary-800);
75
+ --sd-button--secondary--active-color-text: var(--sd-color-primary-800);
76
76
  --sd-button--secondary--default-color-border: var(--sd-color-primary);
77
77
  --sd-button--secondary--default-color-text: var(--sd-color-primary);
78
78
  --sd-button--secondary--disabled-color-border: var(--sd-color-neutral-500);
@@ -101,7 +101,7 @@
101
101
  --sd-button--size-sm-font-size: 0.875rem;
102
102
  --sd-button--size-sm-padding-block: 0.34375rem;
103
103
  --sd-button--tertiary--active-color-background: var(--sd-color-primary-100);
104
- --sd-button--tertiary--active-color-text: var(--sd-color-info);
104
+ --sd-button--tertiary--active-color-text: var(--sd-color-primary-800);
105
105
  --sd-button--tertiary--default-color-text: var(--sd-color-primary);
106
106
  --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
107
107
  --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100);
@@ -125,14 +125,14 @@
125
125
  --sd-checkbox--invalid-color-background: 253 237 237;
126
126
  --sd-checkbox-border-width: var(--sd-spacing-0\.5);
127
127
  --sd-chip--primary-200-color-background: 237 240 244;
128
- --sd-chip--primary-200-color-border: var(--sd-color-info);
128
+ --sd-chip--primary-200-color-border: var(--sd-color-primary-900);
129
129
  --sd-chip--primary-300-color-background: 237 248 253;
130
130
  --sd-chip--primary-300-color-border: 0 121 168;
131
131
  --sd-chip--primary-500-color-background: 237 248 253;
132
132
  --sd-chip--primary-500-color-border: 0 121 168;
133
133
  --sd-chip--primary-500-color-text: var(--sd-color-black);
134
134
  --sd-chip--white-color-background: 237 240 244;
135
- --sd-chip--white-color-border: var(--sd-color-info);
135
+ --sd-chip--white-color-border: var(--sd-color-primary-900);
136
136
  --sd-chip-border-radius: var(--sd-spacing-1);
137
137
  --sd-choice-control-font-weight: var(--sd-font-weight-bold);
138
138
  --sd-color-accent-100: 244 205 178;
@@ -147,42 +147,42 @@
147
147
  --sd-color-accent: 243 94 1;
148
148
  --sd-color-background-accent-300: var(--sd-color-primary-400);
149
149
  --sd-color-background-accent-500: var(--sd-color-primary-700);
150
- --sd-color-background-accent-550: var(--sd-color-primary);
151
- --sd-color-background-accent-700: var(--sd-color-info);
150
+ --sd-color-background-accent-550: var(--sd-color-primary-600);
151
+ --sd-color-background-accent-700: var(--sd-color-primary-800);
152
152
  --sd-color-background-accent: var(--sd-color-primary);
153
- --sd-color-background-error-400: var(--sd-color-error);
154
- --sd-color-background-error: var(--sd-color-error);
153
+ --sd-color-background-error-400: var(--sd-color-error-400);
154
+ --sd-color-background-error: var(--sd-color-error-300);
155
155
  --sd-color-background-info: var(--sd-color-info);
156
156
  --sd-color-background-neutral-100: var(--sd-color-neutral-100);
157
157
  --sd-color-background-neutral-200: var(--sd-color-neutral-100);
158
158
  --sd-color-background-neutral-300: var(--sd-color-neutral-200);
159
159
  --sd-color-background-neutral-400: var(--sd-color-neutral-300);
160
- --sd-color-background-neutral-500: var(--sd-color-neutral-500);
160
+ --sd-color-background-neutral-500: var(--sd-color-neutral-400);
161
161
  --sd-color-background-neutral-600: var(--sd-color-neutral-600);
162
- --sd-color-background-neutral-800: var(--sd-color-black);
162
+ --sd-color-background-neutral-800: var(--sd-color-neutral-800);
163
163
  --sd-color-background-primary-100: var(--sd-color-primary-100);
164
164
  --sd-color-background-primary-200: var(--sd-color-primary-200);
165
165
  --sd-color-background-primary-300: var(--sd-color-primary-300);
166
166
  --sd-color-background-primary-500: var(--sd-color-primary-500);
167
- --sd-color-background-primary-800: var(--sd-color-info);
168
- --sd-color-background-primary: var(--sd-color-info);
167
+ --sd-color-background-primary-800: var(--sd-color-primary-800);
168
+ --sd-color-background-primary: var(--sd-color-primary-800);
169
169
  --sd-color-background-success: var(--sd-color-success);
170
170
  --sd-color-background-warning: var(--sd-color-warning);
171
171
  --sd-color-background-white: var(--sd-color-white);
172
172
  --sd-color-black: 0 0 0 / 0.86;
173
- --sd-color-border-accent-550: var(--sd-color-primary);
173
+ --sd-color-border-accent-550: var(--sd-color-primary-600);
174
174
  --sd-color-border-accent: var(--sd-color-primary);
175
- --sd-color-border-error-400: var(--sd-color-error);
176
- --sd-color-border-error: var(--sd-color-error);
177
- --sd-color-border-neutral-400: var(--sd-color-neutral-500);
178
- --sd-color-border-neutral-500: var(--sd-color-neutral-500);
175
+ --sd-color-border-error-400: var(--sd-color-error-400);
176
+ --sd-color-border-error: var(--sd-color-error-300);
177
+ --sd-color-border-neutral-400: var(--sd-color-neutral-400);
178
+ --sd-color-border-neutral-500: var(--sd-color-neutral-400);
179
179
  --sd-color-border-neutral-600: var(--sd-color-neutral-600);
180
- --sd-color-border-neutral-800: var(--sd-color-black);
180
+ --sd-color-border-neutral-800: var(--sd-color-neutral-800);
181
181
  --sd-color-border-primary-100: var(--sd-color-primary-100);
182
182
  --sd-color-border-primary-200: var(--sd-color-primary-200);
183
183
  --sd-color-border-primary-400: var(--sd-color-primary-400);
184
184
  --sd-color-border-primary-500: var(--sd-color-primary);
185
- --sd-color-border-primary-800: var(--sd-color-info);
185
+ --sd-color-border-primary-800: var(--sd-color-primary-800);
186
186
  --sd-color-border-primary: var(--sd-color-primary);
187
187
  --sd-color-border-success: var(--sd-color-success);
188
188
  --sd-color-border-white: var(--sd-color-white);
@@ -193,18 +193,18 @@
193
193
  --sd-color-error: 210 0 0;
194
194
  --sd-color-icon-fill-accent-550: var(--sd-color-accent-550);
195
195
  --sd-color-icon-fill-accent: var(--sd-color-warning);
196
- --sd-color-icon-fill-content-icons-primary: var(--sd-color-info);
197
- --sd-color-icon-fill-error-400: var(--sd-color-error);
198
- --sd-color-icon-fill-error: var(--sd-color-error);
196
+ --sd-color-icon-fill-content-icons-primary: var(--sd-color-primary-900);
197
+ --sd-color-icon-fill-error-400: var(--sd-color-error-400);
198
+ --sd-color-icon-fill-error: var(--sd-color-error-300);
199
199
  --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-200);
200
- --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-500);
200
+ --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-400);
201
201
  --sd-color-icon-fill-neutral-600: 255 255 255 / 0.4;
202
- --sd-color-icon-fill-neutral-800: var(--sd-color-black);
202
+ --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800);
203
203
  --sd-color-icon-fill-primary-100: var(--sd-color-primary-100);
204
204
  --sd-color-icon-fill-primary-200: var(--sd-color-primary-200);
205
205
  --sd-color-icon-fill-primary-400: 255 255 255 / 0.84;
206
206
  --sd-color-icon-fill-primary-500: var(--sd-color-primary);
207
- --sd-color-icon-fill-primary-800: var(--sd-color-info);
207
+ --sd-color-icon-fill-primary-800: var(--sd-color-primary-800);
208
208
  --sd-color-icon-fill-primary: var(--sd-color-primary);
209
209
  --sd-color-icon-fill-risk-high: var(--sd-color-risk-high);
210
210
  --sd-color-icon-fill-risk-increased: var(--sd-color-risk-increased);
@@ -241,22 +241,22 @@
241
241
  --sd-color-success: 12 115 54;
242
242
  --sd-color-text-accent: var(--sd-color-warning);
243
243
  --sd-color-text-black: var(--sd-color-black);
244
- --sd-color-text-error: var(--sd-color-error);
244
+ --sd-color-text-error: var(--sd-color-error-300);
245
245
  --sd-color-text-neutral-500: var(--sd-color-neutral-500);
246
246
  --sd-color-text-neutral-600: 255 255 255 / 0.4;
247
247
  --sd-color-text-neutral-700: var(--sd-color-neutral-700);
248
248
  --sd-color-text-primary-100: var(--sd-color-primary-100);
249
249
  --sd-color-text-primary-200: var(--sd-color-primary-200);
250
250
  --sd-color-text-primary-400: 255 255 255 / 0.84;
251
- --sd-color-text-primary-500: var(--sd-color-primary);
252
- --sd-color-text-primary-800: var(--sd-color-info);
253
- --sd-color-text-primary: var(--sd-color-info);
251
+ --sd-color-text-primary-500: var(--sd-color-primary-600);
252
+ --sd-color-text-primary-800: var(--sd-color-primary-800);
253
+ --sd-color-text-primary: var(--sd-color-primary-800);
254
254
  --sd-color-text-success: var(--sd-color-success);
255
255
  --sd-color-text-white: var(--sd-color-white);
256
256
  --sd-color-warning: 243 94 1;
257
257
  --sd-color-white: 255 255 255;
258
258
  --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
259
- --sd-container--primary-800-color-background: var(--sd-color-info);
259
+ --sd-container--primary-800-color-background: var(--sd-color-primary-800);
260
260
  --sd-datepicker__date-item--current-color-text: var(--sd-color-primary);
261
261
  --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
262
262
  --sd-datepicker__date-item--default-color-text: var(--sd-color-black);
@@ -281,13 +281,13 @@
281
281
  --sd-duration-slow: 500ms;
282
282
  --sd-duration-x-slow: 750ms;
283
283
  --sd-flag--neutral-200-color-background: 237 240 244;
284
- --sd-flag--neutral-200-color-border: var(--sd-color-info);
284
+ --sd-flag--neutral-200-color-border: var(--sd-color-primary-900);
285
285
  --sd-flag--neutral-300-color-background: 237 248 253;
286
286
  --sd-flag--neutral-300-color-border: 0 121 168;
287
287
  --sd-flag--neutral-500-color-background: 237 248 253;
288
288
  --sd-flag--neutral-500-color-border: 0 121 168;
289
289
  --sd-flag--white-color-background: 237 240 244;
290
- --sd-flag--white-color-border: var(--sd-color-info);
290
+ --sd-flag--white-color-border: var(--sd-color-primary-900);
291
291
  --sd-flag-border-radius: var(--sd-spacing-1);
292
292
  --sd-font-primary: 'GenosGFG';
293
293
  --sd-font-weight-bold: 600;
@@ -311,7 +311,7 @@
311
311
  --sd-header__shadow-height: 0;
312
312
  --sd-header__underline-color-background: var(--sd-color-neutral-200);
313
313
  --sd-header__underline-height: var(--sd-spacing-0\.25);
314
- --sd-headline--3xl-onwards-color-text: var(--sd-color-info);
314
+ --sd-headline--3xl-onwards-color-text: var(--sd-color-primary-800);
315
315
  --sd-informational-gradient--primary-800-color-background: var(--sd-color-black);
316
316
  --sd-informational-gradient--white-color-background: var(--sd-color-white);
317
317
  --sd-interactive--active-color-text: var(--sd-color-primary);
@@ -341,7 +341,7 @@
341
341
  --sd-notification--info-color-background: 237 240 244;
342
342
  --sd-notification--success-color-background: 238 246 242;
343
343
  --sd-notification--warning-color-background: 255 245 224;
344
- --sd-notification-color-border: var(--sd-color-neutral-500);
344
+ --sd-notification-color-border: var(--sd-color-neutral-400);
345
345
  --sd-notification__duration-indicator-color-background: var(--sd-color-primary);
346
346
  --sd-opacity-0: 0%;
347
347
  --sd-opacity-100: 100%;
@@ -363,12 +363,12 @@
363
363
  --sd-panel-color-border: 255 255 255 / 0;
364
364
  --sd-progress-bar--active--inverted-color-background: var(--sd-color-white);
365
365
  --sd-progress-bar__slide-bar--inverted-color-background: 255 255 255 / 0.5;
366
- --sd-progress-bar__slide-bar-color-background: var(--sd-color-neutral-500);
366
+ --sd-progress-bar__slide-bar-color-background: var(--sd-color-neutral-400);
367
367
  --sd-quickfact--expandable-color-text: var(--sd-color-black);
368
368
  --sd-radio--checked--default-color-background: var(--sd-color-primary);
369
369
  --sd-radio--checked--default__icon-color-background: var(--sd-color-white);
370
370
  --sd-radio--checked--disabled__icon-color-background: var(--sd-color-white);
371
- --sd-radio--checked--hover-color-background: var(--sd-color-primary);
371
+ --sd-radio--checked--hover-color-background: var(--sd-color-primary-600);
372
372
  --sd-radio--checked--hover__icon-color-background: var(--sd-color-white);
373
373
  --sd-radio--checked--invalid--default-color-background: var(--sd-color-error);
374
374
  --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-white);
@@ -434,32 +434,32 @@
434
434
  --sd-step-color-text: var(--sd-color-neutral-700);
435
435
  --sd-step__circle-border-width: var(--sd-spacing-0\.5);
436
436
  --sd-step__tail-border-width: var(--sd-spacing-1);
437
- --sd-switch--checked--hover-color-background: var(--sd-color-primary);
437
+ --sd-switch--checked--hover-color-background: var(--sd-color-primary-600);
438
438
  --sd-switch--unchecked--hover-color-background: var(--sd-color-neutral-100);
439
439
  --sd-switch--unchecked-color-border: var(--sd-color-black);
440
440
  --sd-switch--unchecked__icon-color-background: var(--sd-color-black);
441
441
  --sd-switch-border-width: var(--sd-spacing-0\.5);
442
442
  --sd-switch-color-text: var(--sd-color-black);
443
443
  --sd-tab--active-color-text: var(--sd-color-primary);
444
- --sd-tab--disabled-color-text: var(--sd-color-neutral-500);
444
+ --sd-tab--disabled-color-text: var(--sd-color-neutral-400);
445
445
  --sd-tab--hover-color-background: var(--sd-color-primary-100);
446
- --sd-tab-color-border: var(--sd-color-neutral-500);
446
+ --sd-tab-color-border: var(--sd-color-neutral-400);
447
447
  --sd-tab-color-text: var(--sd-color-neutral-700);
448
448
  --sd-tag--default--hover-color-background: var(--sd-color-primary-100);
449
449
  --sd-tag--default-color-background: 255 255 255 / 0;
450
450
  --sd-tag--default-color-border: var(--sd-color-primary);
451
451
  --sd-tag--default-color-text: var(--sd-color-primary);
452
- --sd-tag--disabled-color-text: var(--sd-color-neutral-500);
452
+ --sd-tag--disabled-color-text: var(--sd-color-neutral-400);
453
453
  --sd-tag--removable--size-lg-padding-left: var(--sd-spacing-3);
454
454
  --sd-tag--removable--size-lg-padding-right: var(--sd-spacing-2);
455
455
  --sd-tag--removable--size-sm-padding-left: var(--sd-spacing-2);
456
456
  --sd-tag--removable--size-sm-padding-right: var(--sd-spacing-1);
457
457
  --sd-tag--selected--default-color-background: var(--sd-color-primary-100);
458
- --sd-tag--selected--default-color-border: var(--sd-color-info);
459
- --sd-tag--selected--default-color-text: var(--sd-color-info);
458
+ --sd-tag--selected--default-color-border: var(--sd-color-primary-800);
459
+ --sd-tag--selected--default-color-text: var(--sd-color-primary-800);
460
460
  --sd-tag--selected--hover-color-background: var(--sd-color-primary-100);
461
- --sd-tag--selected--hover-color-border: var(--sd-color-info);
462
- --sd-tag--selected--hover-color-text: var(--sd-color-info);
461
+ --sd-tag--selected--hover-color-border: var(--sd-color-primary-800);
462
+ --sd-tag--selected--hover-color-text: var(--sd-color-primary-800);
463
463
  --sd-tag--selected-border-width: var(--sd-spacing-0\.25);
464
464
  --sd-tag--size-lg-font-size: var(--sd-spacing-4);
465
465
  --sd-tag--size-lg-padding-inline: var(--sd-spacing-3);
@@ -488,9 +488,10 @@
488
488
  --sd-tooltip-color-background: var(--sd-color-white);
489
489
  --sd-tooltip-color-text: var(--sd-color-neutral-600);
490
490
  --sd-video--play-button-color-background: var(--sd-color-white);
491
- --sd-video--play-button-color-icon-fill: var(--sd-color-info);
491
+ --sd-video--play-button-color-icon-fill: var(--sd-color-primary-900);
492
492
  }
493
493
 
494
+ :root, .sd-theme-vb {
494
495
  .sd-theme-vb {
495
496
  --sd-icon--calendar: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 4h3q1 0 1 1v14q0 1-1 1H4a1 1 0 0 1-1-1V5q0-1 1-1h3V3a1 1 0 0 1 2 0v1h6V3a1 1 0 1 1 2 0zm0 2v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0V6H5v12h14V6zm-1 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm-5 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm5 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z" clip-rule="evenodd"/></svg>';
496
497
  --sd-icon--chevron-down: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.2 9.2a1 1 0 0 1 1.4 1.5l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.5-1.5l4.2 4.3z" clip-rule="evenodd"/></svg>';
@@ -523,6 +524,7 @@
523
524
  --sd-icon--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zm6.3 2.3Q22 8.7 22 12a12 12 0 0 1-2.2 6.6 1 1 0 1 1-1.6-1A10 10 0 0 0 20 12q0-2.7-1.8-5.4a1 1 0 1 1 1.6-1.2m-6.8.3L7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm4.8 2.7A6 6 0 0 1 19 12q0 1.8-1.2 3.6a1 1 0 0 1-1.6-1.2q.8-1.2.8-2.4t-.8-2.4a1 1 0 0 1 1.6-1.2" clip-rule="evenodd"/></svg>';
524
525
  --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
525
526
  }
527
+ }
526
528
 
527
529
  :root, .sd-theme-vb {
528
530
  /*
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@solid-design-system/tokens",
3
- "version": "7.0.0-next.1",
3
+ "version": "7.0.0-next.2",
4
4
  "description": "Solid Design System: Tokens",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -34,17 +34,17 @@
34
34
  "license": "MIT",
35
35
  "devDependencies": {
36
36
  "@figma-export/types": "^6.4.0",
37
- "@figma/rest-api-spec": "^0.38.0",
37
+ "@figma/rest-api-spec": "^0.41.0",
38
38
  "@tamtamchik/json-deep-sort": "^1.5.0",
39
39
  "@tokens-studio/sd-transforms": "^2.0.3",
40
40
  "dotenv": "^17.4.2",
41
- "ora": "^9.4.0",
41
+ "figma-export-assets": "^2.1.0",
42
+ "ora": "^9.4.1",
42
43
  "picocolors": "^1.1.1",
43
- "style-dictionary": "^5.4.0",
44
- "svgo": "^4.0.1",
45
- "tailwindcss": "^4.3.0",
46
- "tailwindcss-export-config": "^4.1.0",
47
- "figma-export-assets": "^2.1.0"
44
+ "style-dictionary": "^5.5.0",
45
+ "svgo": "^4.0.2",
46
+ "tailwindcss": "^4.3.2",
47
+ "tailwindcss-export-config": "^4.1.0"
48
48
  },
49
49
  "readme": "README.md",
50
50
  "scripts": {