@solid-design-system/tokens 6.0.0-next.21 → 6.0.0-next.23

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 (13) hide show
  1. package/cdn/themes/kid/kid.css +1 -1
  2. package/cdn/themes/tailwind.css +1 -0
  3. package/cdn/themes/ui-dark/ui-dark.css +1 -1
  4. package/cdn/themes/ui-light/ui-light.css +1 -1
  5. package/cdn/themes/vb/vb.css +1 -1
  6. package/dist/theme.js +1 -1
  7. package/dist/themes/kid/kid.css +100 -68
  8. package/dist/themes/tailwind.css +1 -0
  9. package/dist/themes/ui-dark/ui-dark.css +52 -20
  10. package/dist/themes/ui-light/ui-light.css +48 -16
  11. package/dist/themes/vb/vb.css +134 -62
  12. package/dist/tokens.scss +42 -10
  13. package/package.json +1 -1
package/dist/themes/kid/kid.css CHANGED
@@ -3,7 +3,6 @@
3
3
 
4
4
  --sd-theme: 'kid';
5
5
  --sd-accordion-border-width: var(--sd-spacing-0\.5);
6
- --sd-accordion-color-background: var(--sd-color-accent);
7
6
  --sd-accordion-color-text: var(--sd-color-black);
8
7
  --sd-accordion-padding-block: var(--sd-spacing-4);
9
8
  --sd-accordion__chevron-color-text: var(--sd-color-neutral-600);
@@ -21,16 +20,17 @@
21
20
  --sd-aspect-square: 1 / 1;
22
21
  --sd-aspect-video: 16 / 9;
23
22
  --sd-audio--inverted-color-border: var(--sd-color-white);
24
- --sd-audio__slide-bar--inverted-color-border: 255, 255, 255, 0.5;
23
+ --sd-audio__slide-bar--inverted-color-border: var(--sd-color-neutral-100);
25
24
  --sd-audio__timestamp-color-text: var(--sd-color-black);
26
25
  --sd-badge--blue--inverted-color-background: var(--sd-color-white);
27
26
  --sd-badge--blue--inverted-color-text: var(--sd-color-primary-800);
28
- --sd-badge--green-color--inverted-background: var(--sd-color-white);
29
- --sd-badge--green-color--inverted-text: var(--sd-color-primary-800);
27
+ --sd-badge--blue-color-background: var(--sd-color-black);
28
+ --sd-badge--green-color--inverted-background: var(--sd-color-success);
29
+ --sd-badge--green-color--inverted-text: var(--sd-color-white);
30
30
  --sd-badge--green-color-background: var(--sd-color-success);
31
31
  --sd-badge--inverted-color-border: var(--sd-color-black);
32
- --sd-badge--red--inverted-background: var(--sd-color-white);
33
- --sd-badge--red--inverted-text: var(--sd-color-primary-800);
32
+ --sd-badge--red--inverted-background: var(--sd-color-error);
33
+ --sd-badge--red--inverted-text: var(--sd-color-white);
34
34
  --sd-badge--red-color-background: var(--sd-color-error);
35
35
  --sd-border-width-2: 0.125rem;
36
36
  --sd-border-width-4: 0.25rem;
@@ -38,6 +38,7 @@
38
38
  --sd-border-width: 0.0625rem;
39
39
  --sd-brandshape--neutral-100-color-background: var(--sd-color-neutral-100);
40
40
  --sd-brandshape--white-color-background: var(--sd-color-accent);
41
+ --sd-breadcrumb__separator--current-color: var(--sd-color-neutral-800);
41
42
  --sd-breadcrumb__separator-color: var(--sd-color-neutral-200);
42
43
  --sd-button--cta--inverted--active-color-background: var(--sd-color-accent);
43
44
  --sd-button--cta--inverted--active-color-text: var(--sd-color-neutral-800);
@@ -51,18 +52,21 @@
51
52
  --sd-button--primary--active-color-text: var(--sd-color-accent);
52
53
  --sd-button--primary--default-color-background: var(--sd-color-black);
53
54
  --sd-button--primary--default-color-text: var(--sd-color-accent);
54
- --sd-button--primary--hover-color-background: var(--sd-color-neutral-900);
55
+ --sd-button--primary--hover-color-background: var(--sd-color-neutral-800);
55
56
  --sd-button--primary--inverted--active-color-background: var(--sd-color-accent);
56
57
  --sd-button--primary--inverted--active-color-text: var(--sd-color-neutral-800);
57
58
  --sd-button--primary--inverted--default-color-background: var(--sd-color-accent);
58
59
  --sd-button--primary--inverted--default-color-text: var(--sd-color-black);
59
60
  --sd-button--primary--inverted--hover-color-background: var(--sd-color-accent);
60
- --sd-button--primary--inverted--hover-color-text: var(--sd-color-neutral-900);
61
+ --sd-button--primary--inverted--hover-color-text: var(--sd-color-neutral-800);
61
62
  --sd-button--secondary--active-color-background: 247, 242, 236, 0;
63
+ --sd-button--secondary--default-color-text: var(--sd-color-black);
64
+ --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500);
62
65
  --sd-button--secondary--hover-color-background: 247, 242, 236, 0;
63
66
  --sd-button--secondary--inverted--active-color-background: 247, 242, 236, 0;
64
67
  --sd-button--secondary--inverted--hover-color-background: 247, 242, 236, 0;
65
68
  --sd-button--secondary--inverted--hover-color-text: var(--sd-color-accent);
69
+ --sd-button--secondary--inverted-color-border: var(--sd-color-accent);
66
70
  --sd-button--size-lg-border-radius: 624.9375rem;
67
71
  --sd-button--size-lg-font-size: 0.875rem;
68
72
  --sd-button--size-lg-padding-block: 0.625rem;
@@ -73,25 +77,32 @@
73
77
  --sd-button--size-sm-font-size: var(--sd-spacing-3);
74
78
  --sd-button--size-sm-padding-block: 0.625rem;
75
79
  --sd-button--tertiary--active-color-background: 247, 242, 236, 0;
80
+ --sd-button--tertiary--default-color-text: var(--sd-color-black);
81
+ --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
76
82
  --sd-button--tertiary--hover-color-background: 247, 242, 236, 0;
77
83
  --sd-button--tertiary--inverted--active-color-background: 247, 242, 236, 0;
78
84
  --sd-button--tertiary--inverted--hover-color-background: 247, 242, 236, 0;
79
85
  --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-accent);
80
86
  --sd-button-font-weight: var(--sd-font-weight-bold);
81
- --sd-carousel--active-color-icon-fill: var(--sd-color-black);
82
- --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.5);
87
+ --sd-carousel--active--inverted-color-border: var(--sd-color-white);
88
+ --sd-carousel--active-color-border: var(--sd-color-black);
89
+ --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-white);
90
+ --sd-carousel__pager-dot--inverted-background: var(--sd-color-white);
91
+ --sd-carousel__pager-dot--inverted-border: var(--sd-color-white);
92
+ --sd-carousel__pager-dot-background: var(--sd-color-black);
93
+ --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25);
83
94
  --sd-checkbox-border-width: var(--sd-spacing-0\.25);
84
95
  --sd-chip--primary-200-color-background: 255, 255, 255, 0.6;
85
- --sd-chip--primary-200-color-border: 255, 255, 255, 0;
96
+ --sd-chip--primary-200-color-border: 255, 255, 255, 0.6;
86
97
  --sd-chip--primary-300-color-background: 255, 255, 255, 0.6;
87
- --sd-chip--primary-300-color-border: 255, 255, 255, 0;
98
+ --sd-chip--primary-300-color-border: 255, 255, 255, 0.6;
88
99
  --sd-chip--primary-500-color-background: 255, 255, 255, 0.6;
89
- --sd-chip--primary-500-color-border: 255, 255, 255, 0;
100
+ --sd-chip--primary-500-color-border: 255, 255, 255, 0.6;
90
101
  --sd-chip--primary-500-color-text: var(--sd-color-black);
91
- --sd-chip--white-color-background: 251, 251, 251, 0.6;
92
- --sd-chip--white-color-border: 255, 255, 255, 0;
102
+ --sd-chip--white-color-background: 255, 255, 255, 0.6;
103
+ --sd-chip--white-color-border: 255, 255, 255, 0.6;
93
104
  --sd-chip-border-radius: 624.9375rem;
94
- --sd-chip-border-width: 0;
105
+ --sd-chip-border-width: var(--sd-spacing-0\.25);
95
106
  --sd-chip-font-size: var(--sd-spacing-3);
96
107
  --sd-chip-font-weight: var(--sd-font-weight-bold);
97
108
  --sd-color-accent-100: 247, 242, 236;
@@ -135,7 +146,7 @@
135
146
  --sd-color-border-error-400: var(--sd-color-error);
136
147
  --sd-color-border-error: var(--sd-color-error);
137
148
  --sd-color-border-neutral-400: var(--sd-color-neutral-400);
138
- --sd-color-border-neutral-500: var(--sd-color-neutral-500);
149
+ --sd-color-border-neutral-500: var(--sd-color-neutral-400);
139
150
  --sd-color-border-neutral-600: var(--sd-color-neutral-600);
140
151
  --sd-color-border-neutral-800: var(--sd-color-neutral-800);
141
152
  --sd-color-border-primary-100: var(--sd-color-neutral-100);
@@ -146,11 +157,11 @@
146
157
  --sd-color-border-primary: var(--sd-color-black);
147
158
  --sd-color-border-success: var(--sd-color-success);
148
159
  --sd-color-border-white: var(--sd-color-accent);
149
- --sd-color-error-250: 255, 57, 28;
150
- --sd-color-error-300: 255, 57, 28;
151
- --sd-color-error-400: 255, 57, 28;
152
- --sd-color-error-500: 255, 57, 28;
153
- --sd-color-error: 255, 57, 28;
160
+ --sd-color-error-250: 204, 0, 0;
161
+ --sd-color-error-300: 204, 0, 0;
162
+ --sd-color-error-400: 204, 0, 0;
163
+ --sd-color-error-500: 204, 0, 0;
164
+ --sd-color-error: 204, 0, 0;
154
165
  --sd-color-icon-fill-accent-550: var(--sd-color-accent-550);
155
166
  --sd-color-icon-fill-accent: var(--sd-color-accent);
156
167
  --sd-color-icon-fill-error-400: var(--sd-color-error);
@@ -173,7 +184,7 @@
173
184
  --sd-color-icon-fill-success: var(--sd-color-success);
174
185
  --sd-color-icon-fill-white: var(--sd-color-accent);
175
186
  --sd-color-info: 76, 105, 187;
176
- --sd-color-neutral-100: 236, 239, 241;
187
+ --sd-color-neutral-100: 255, 255, 255, 0.5;
177
188
  --sd-color-neutral-200: 207, 216, 220;
178
189
  --sd-color-neutral-300: 176, 190, 197;
179
190
  --sd-color-neutral-400: 144, 164, 174;
@@ -181,7 +192,6 @@
181
192
  --sd-color-neutral-600: 96, 125, 139;
182
193
  --sd-color-neutral-700: 84, 110, 122;
183
194
  --sd-color-neutral-800: 69, 90, 100;
184
- --sd-color-neutral-900: 38, 50, 56;
185
195
  --sd-color-primary-100: 230, 233, 245;
186
196
  --sd-color-primary-200: 193, 201, 231;
187
197
  --sd-color-primary-300: 152, 166, 214;
@@ -202,7 +212,7 @@
202
212
  --sd-color-text-accent: var(--sd-color-black);
203
213
  --sd-color-text-black: var(--sd-color-black);
204
214
  --sd-color-text-error: var(--sd-color-black);
205
- --sd-color-text-neutral-500: var(--sd-color-neutral-500);
215
+ --sd-color-text-neutral-500: var(--sd-color-neutral-400);
206
216
  --sd-color-text-neutral-600: var(--sd-color-neutral-600);
207
217
  --sd-color-text-neutral-700: var(--sd-color-neutral-700);
208
218
  --sd-color-text-primary-100: var(--sd-color-accent);
@@ -213,45 +223,54 @@
213
223
  --sd-color-text-primary: var(--sd-color-black);
214
224
  --sd-color-text-success: var(--sd-color-success);
215
225
  --sd-color-text-white: var(--sd-color-accent);
216
- --sd-color-warning: 241, 126, 0;
226
+ --sd-color-warning: 214, 112, 0;
217
227
  --sd-color-white: 255, 255, 255;
218
228
  --sd-combobox--default-color-icon: 0, 0, 0, 0.62;
219
229
  --sd-combobox--default-color-text: 0, 0, 0, 0.62;
220
- --sd-datepicker--hovered--current__date-item-color-background: 0, 0, 0, 0.62;
221
- --sd-datepicker--hovered--current__date-item-color-text: 0, 0, 0, 0.62;
222
- --sd-datepicker--hovered--default__date-item-color-text: 0, 0, 0, 0.62;
223
- --sd-datepicker--hovered__date-item--default-color-background: 0, 0, 0, 0.62;
224
- --sd-datepicker--hovered__prev-next-color-background: 0, 0, 0, 0.62;
225
- --sd-datepicker--hovered__prev-next-color-text: 0, 0, 0, 0.62;
226
- --sd-datepicker__date-item-color-text: 0, 0, 0, 0.62;
230
+ --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
231
+ --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
232
+ --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800);
233
+ --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal);
234
+ --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-neutral-700);
235
+ --sd-datepicker__date-item--hovered--default-color-background: 255, 255, 255, 0;
236
+ --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-neutral-700);
237
+ --sd-datepicker__date-item--hovered--prev-next-color-background: 255, 255, 255, 0;
238
+ --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700);
239
+ --sd-datepicker__date-item--selected-color-text: var(--sd-color-white);
227
240
  --sd-divider--inverted-color-border: 255, 255, 255, 0.4;
228
241
  --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25);
229
- --sd-drop-shadow: 0px 5px 12px rgba(5, 21, 48, 0.25);
242
+ --sd-drop-shadow: 0px 4px 12px rgba(107, 36, 5, 0.25);
243
+ --sd-dropdown-color-background: 255, 255, 255, 0.6;
230
244
  --sd-duration-fast: 150ms;
231
245
  --sd-duration-medium: 300ms;
232
246
  --sd-duration-slow: 500ms;
233
247
  --sd-duration-x-slow: 750ms;
234
- --sd-flag--neutral-200-color-background: 237, 240, 244;
235
- --sd-flag--neutral-200-color-border: var(--sd-color-black);
236
- --sd-flag--neutral-300-color-background: 237, 248, 253;
237
- --sd-flag--neutral-300-color-border: 0, 121, 168;
238
- --sd-flag--neutral-500-color-background: 237, 248, 253;
239
- --sd-flag--neutral-500-color-border: 0, 121, 168;
240
- --sd-flag--white-color-background: 237, 240, 244;
241
- --sd-flag--white-color-border: var(--sd-color-black);
242
- --sd-flag-border-radius: var(--sd-spacing-1);
248
+ --sd-flag--neutral-200-color-background: 255, 255, 255, 0.6;
249
+ --sd-flag--neutral-200-color-border: 255, 255, 255, 0.6;
250
+ --sd-flag--neutral-300-color-background: 255, 255, 255, 0.6;
251
+ --sd-flag--neutral-300-color-border: 255, 255, 255, 0.6;
252
+ --sd-flag--neutral-500-color-background: 255, 255, 255, 0.6;
253
+ --sd-flag--neutral-500-color-border: 255, 255, 255, 0.6;
254
+ --sd-flag--white-color-background: 255, 255, 255, 0.6;
255
+ --sd-flag--white-color-border: 255, 255, 255, 0.6;
256
+ --sd-flag-border-radius: 624.9375rem;
243
257
  --sd-flag-border-width: var(--sd-spacing-0\.25);
258
+ --sd-flag-font-size: var(--sd-spacing-3);
259
+ --sd-flag-font-weight: var(--sd-font-weight-bold);
244
260
  --sd-font-primary: 'Bricolage Grotesque';
245
261
  --sd-font-weight-bold: 600;
246
262
  --sd-font-weight-normal: 400;
247
- --sd-footnotes--target--inverted-color-background: 0, 0, 0, 0.1;
263
+ --sd-footnotes--target--inverted-color-background: var(--sd-color-neutral-800);
248
264
  --sd-form-control--filled__floating-label-color-text: var(--sd-color-neutral-800);
249
265
  --sd-form-control--invalid-color-background: 253, 232, 230;
266
+ --sd-form-control-border-radius: var(--sd-spacing-2);
250
267
  --sd-form-control-color-border: var(--sd-color-black);
251
268
  --sd-form-control-color-icon-fill: var(--sd-color-neutral-800);
252
269
  --sd-form-control-color-text: var(--sd-color-black);
253
270
  --sd-form-control__tooltip-color-icon: var(--sd-color-black);
254
271
  --sd-header-padding-bottom: var(--sd-spacing-0\.5);
272
+ --sd-header__underline-color-background: 255, 255, 255, 0;
273
+ --sd-header__underline-height: var(--sd-spacing-0\.25);
255
274
  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-black);
256
275
  --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
257
276
  --sd-informational-gradient--white-color-background: var(--sd-color-accent);
@@ -259,15 +278,17 @@
259
278
  --sd-interactive--default-color-text: var(--sd-color-black);
260
279
  --sd-link-color--active-text: var(--sd-color-neutral-800);
261
280
  --sd-link-color--default-text: var(--sd-color-black);
281
+ --sd-link-color--disabled-text: var(--sd-color-neutral-800);
262
282
  --sd-link-color--hover-icon: var(--sd-color-black);
263
283
  --sd-link-color--hover-text: var(--sd-color-neutral-800);
264
284
  --sd-link-color--none-icon: var(--sd-color-black);
265
285
  --sd-link-color--pressed-icon: var(--sd-color-black);
266
- --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-neutral-700);
267
- --sd-map-marker-cluster-color-icon-fill: var(--sd-color-neutral-800);
286
+ --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-black);
287
+ --sd-map-marker-cluster-color-icon-fill: var(--sd-color-black);
268
288
  --sd-map-marker-font-size: var(--sd-spacing-3);
269
- --sd-menu--disabled-color-icon: var(--sd-color-black);
270
- --sd-menu--disabled-color-text: 0, 102, 179, 0.4;
289
+ --sd-map-marker-main-color-icon-fill: var(--sd-color-black);
290
+ --sd-menu--disabled-color-icon: var(--sd-color-neutral-500);
291
+ --sd-menu--disabled-color-text: var(--sd-color-neutral-500);
271
292
  --sd-menu-color-icon: var(--sd-color-black);
272
293
  --sd-menu-color-text: var(--sd-color-black);
273
294
  --sd-navigable-border-radius: var(--sd-spacing-0\.5);
@@ -281,6 +302,8 @@
281
302
  --sd-notification--info-color-background: 237, 240, 244;
282
303
  --sd-notification--success-color-background: 238, 246, 242;
283
304
  --sd-notification--warning-color-background: 255, 245, 224;
305
+ --sd-notification-color-border: var(--sd-color-neutral-800);
306
+ --sd-notification-color-icon-fill: var(--sd-color-neutral-800);
284
307
  --sd-opacity-0: 0%;
285
308
  --sd-opacity-100: 100%;
286
309
  --sd-opacity-10: 0%;
@@ -295,7 +318,10 @@
295
318
  --sd-opacity-80: 0%;
296
319
  --sd-opacity-85: 0%;
297
320
  --sd-opacity-90: 0%;
321
+ --sd-option--disabled-color-border: var(--sd-color-neutral-400);
298
322
  --sd-overlay-color-background: 0, 0, 0, 0.2;
323
+ --sd-pagination--default-border: var(--sd-color-black);
324
+ --sd-pagination--inverted-border: var(--sd-color-white);
299
325
  --sd-panel-color-border: 255, 255, 255, 0;
300
326
  --sd-quickfact--expandable-color-text: var(--sd-color-black);
301
327
  --sd-quickfact__expandable-color-description-default-text: 0, 0, 0, 0.62;
@@ -303,21 +329,22 @@
303
329
  --sd-radio--checked--default-color-background: 247, 242, 236, 0;
304
330
  --sd-radio--checked--default__icon-color-background: var(--sd-color-black);
305
331
  --sd-radio--checked--hover-color-background: 247, 242, 236, 0;
306
- --sd-radio--checked--hover__icon-color-background: var(--sd-color-neutral-900);
332
+ --sd-radio--checked--hover__icon-color-background: var(--sd-color-neutral-800);
307
333
  --sd-radio--checked--invalid--default-color-background: 247, 242, 236, 0;
308
334
  --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error);
309
335
  --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error);
310
336
  --sd-radio--default--invalid-color-background: 253, 232, 230;
337
+ --sd-radio--error-color-text: var(--sd-color-black);
311
338
  --sd-radio-border-width: var(--sd-spacing-0\.25);
312
339
  --sd-radio-button--hover-color-background: 0, 102, 179, 0.05;
313
340
  --sd-radio-button--hover-color-icon-fill: var(--sd-color-black);
314
341
  --sd-radio-button--hover-color-text: var(--sd-color-black);
315
- --sd-radio-button-border-radius: var(--sd-spacing-1);
342
+ --sd-radio-button-border-radius: 624.9375rem;
316
343
  --sd-radio-button-color-icon-fil: var(--sd-color-black);
317
344
  --sd-radio-button-color-text: var(--sd-color-black);
318
- --sd-radio-button-group-border-radius: var(--sd-spacing-2);
345
+ --sd-radio-button-group-border-radius: 624.9375rem;
319
346
  --sd-radio-button-group-border-width: var(--sd-spacing-0\.5);
320
- --sd-radio-button-group-padding: var(--sd-spacing-1);
347
+ --sd-radio-button-group-padding: 0;
321
348
  --sd-radius-full: 624.9375rem;
322
349
  --sd-radius-lg: 0.5rem;
323
350
  --sd-radius-md: 0.375rem;
@@ -327,7 +354,8 @@
327
354
  --sd-range-scale-ticks-color-text: 89, 89, 89;
328
355
  --sd-range__bar-border-width: var(--sd-spacing-0\.5);
329
356
  --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25);
330
- --sd-shadow: 0px 5px 12px -8px rgba(5, 21, 48, 0.25);
357
+ --sd-shadow: 0px 4px 12px -6px rgba(107, 36, 5, 0.25);
358
+ --sd-sizing-0\.25: 0.0625rem;
331
359
  --sd-sizing-0\.5: 0.125rem;
332
360
  --sd-sizing-10: 2.5rem;
333
361
  --sd-sizing-12: 3rem;
@@ -342,6 +370,7 @@
342
370
  --sd-sizing-5: 1.25rem;
343
371
  --sd-sizing-6: 1.5rem;
344
372
  --sd-sizing-8: 2rem;
373
+ --sd-skeleton-color: var(--sd-color-white);
345
374
  --sd-spacing-0\.25: 0.0625rem;
346
375
  --sd-spacing-0\.5: 0.125rem;
347
376
  --sd-spacing-10: 2.5rem;
@@ -363,7 +392,7 @@
363
392
  --sd-step-hover-color-text: var(--sd-color-neutral-700);
364
393
  --sd-step__circle-border-width: var(--sd-spacing-0\.5);
365
394
  --sd-step__tail-border-width: var(--sd-spacing-1);
366
- --sd-switch--checked--hover-color-background: var(--sd-color-primary-600);
395
+ --sd-switch--checked--hover-color-background: var(--sd-color-neutral-800);
367
396
  --sd-switch--unchecked-color-border: var(--sd-color-black);
368
397
  --sd-switch--unchecked__icon-color-background: var(--sd-color-black);
369
398
  --sd-switch-color-text: var(--sd-color-black);
@@ -385,22 +414,25 @@
385
414
  --sd-tag--size-sm-font-size: var(--sd-spacing-3);
386
415
  --sd-tag-border-radius: 624.9375rem;
387
416
  --sd-tag-font-weight: var(--sd-font-weight-bold);
388
- --sd-teaser--neutral-100-color-background: 245, 247, 249;
417
+ --sd-teaser--neutral-100-color-background: 255, 255, 255, 0.6;
389
418
  --sd-teaser--neutral-400-color-border: 191, 202, 217;
390
- --sd-teaser--primary-100-color-background: 245, 247, 249;
391
- --sd-teaser-media--neutral-100--hover-color-background: 245, 247, 249, 0.9;
392
- --sd-teaser-media--neutral-100-color-background: 245, 247, 249, 0.8;
393
- --sd-teaser-media--primary-100--hover-color-background: 245, 247, 249, 0.9;
419
+ --sd-teaser--primary-100-color-background: 255, 255, 255, 0.6;
420
+ --sd-teaser-border-radius: var(--sd-spacing-1);
421
+ --sd-teaser-media--neutral-100--hover-color-background: 255, 255, 255, 0.9;
422
+ --sd-teaser-media--neutral-100-color-background: 255, 255, 255, 0.8;
423
+ --sd-teaser-media--primary-100--hover-color-background: 255, 255, 255, 0.9;
394
424
  --sd-teaser-media--primary-100-color-background: 245, 247, 249, 0.8;
395
425
  --sd-text-2xl: 1.75rem;
396
426
  --sd-text-3xl: 2rem;
397
427
  --sd-text-4xl: 2.625rem;
398
428
  --sd-text-base: 1rem;
399
- --sd-text-lg: 1.25rem;
429
+ --sd-text-lg: 1.125rem;
400
430
  --sd-text-sm: 0.875rem;
401
431
  --sd-text-xl: 1.5rem;
402
432
  --sd-text-xs: 0.75rem;
433
+ --sd-tooltip-border-width: var(--sd-spacing-0\.25);
403
434
  --sd-tooltip-color-background: var(--sd-color-white);
435
+ --sd-tooltip-color-border: 255, 255, 255, 0;
404
436
  --sd-tooltip-color-text: 89, 89, 89;
405
437
  --sd-video--description-color-text: 0, 0, 0, 0.62;
406
438
  --sd-video--play-button-color-background: var(--sd-color-white);
@@ -426,9 +458,9 @@
426
458
  --sd-icon--chevrons-sm-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m13.16 12.5-6.12 6-.86-.87 5.22-5.13-5.22-5.13.86-.87 6.12 6Zm5.02 0-6.12 6-.86-.87 5.22-5.13-5.22-5.13.86-.87 6.12 6Z"/></svg>';
427
459
  --sd-icon--clock: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.09 11.98a8.12 8.12 0 1 0-16.24-.01 8.12 8.12 0 0 0 16.24 0Zm-18.13 0c0-5.5 4.5-10 10-10 5.51 0 10 4.5 10 10s-4.49 10-10 10c-5.5 0-10-4.5-10-10Zm9.07-5.31v-.94h1.87v5.74c2.66 1.76 4.02 2.7 4.1 2.73L16 15.78l-.78-.51-3.75-2.5-.43-.27V6.67Z"/></svg>';
428
460
  --sd-icon--close-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.96 4.35a8.12 8.12 0 1 0 0 16.23 8.12 8.12 0 0 0 0-16.23Zm0 18.12c-5.5 0-10-4.49-10-10 0-5.5 4.5-10 10-10 5.51 0 10 4.5 10 10 0 5.51-4.49 10-10 10Zm-3.28-8.04 1.96-1.96-2.62-2.62 1.33-1.32 2.61 2.61 2.62-2.61 1.33 1.32-2.62 2.62 2.62 2.62-1.33 1.33-2.62-2.62-2.61 2.62-1.33-1.33.66-.66Z"/></svg>';
429
- --sd-icon--closing-round: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.96 4.35a8.12 8.12 0 1 0 0 16.23 8.12 8.12 0 0 0 0-16.23Zm0 18.12c-5.5 0-10-4.49-10-10 0-5.5 4.5-10 10-10 5.51 0 10 4.5 10 10 0 5.51-4.49 10-10 10Zm-3.28-8.04 1.96-1.96-2.62-2.62 1.33-1.32 2.61 2.61 2.62-2.61 1.33 1.32-2.62 2.62 2.62 2.62-1.33 1.33-2.62-2.62-2.61 2.62-1.33-1.33.66-.66Z"/></svg>';
430
461
  --sd-icon--close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 7.3 13.2 12l4.6 4.6.7.7-1.3 1.3-.7-.6-4.6-4.7L7.3 18l-.6.6-1.4-1.3.7-.7 4.6-4.6L6 7.3l-.7-.6 1.4-1.4.6.7 4.7 4.7L16.6 6l.7-.6 1.3 1.3z"/></svg>';
431
- --sd-icon--confirm-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#007000" d="M11.964 4.347a8.12 8.12 0 0 0-8.125 8.125 8.12 8.12 0 0 0 8.125 8.125 8.12 8.12 0 0 0 8.125-8.125 8.12 8.12 0 0 0-8.125-8.125m0 18.125c-5.508 0-10-4.492-10-10s4.492-10 10-10 10 4.492 10 10-4.492 10-10 10m3.789-12.5-.508.82-3.125 5-.273.43h-.977l-.273-.351c-1.485-1.992-2.305-3.047-2.461-3.282l1.523-1.093c.274.39.82 1.093 1.602 2.148 1.914-3.086 2.89-4.61 2.89-4.648z"/></svg>';
462
+ --sd-icon--closing-round: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.964 4.347a8.119 8.119 0 0 0-8.125 8.125 8.119 8.119 0 0 0 8.125 8.125 8.119 8.119 0 0 0 8.125-8.125 8.119 8.119 0 0 0-8.125-8.125Zm0 18.125c-5.508 0-10-4.492-10-10s4.492-10 10-10 10 4.492 10 10-4.492 10-10 10Zm-3.281-8.047 1.953-1.953-2.617-2.617 1.328-1.328 2.617 2.617 2.617-2.617 1.328 1.328-2.617 2.617 2.617 2.617-1.328 1.329-2.617-2.618-2.617 2.617-1.328-1.328.664-.664Z"/></svg>';
463
+ --sd-icon--confirm-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22.5c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10ZM15.79 10l-1.56-.98c-.04.04-1.02 1.57-2.93 4.65-.78-1.05-1.33-1.76-1.6-2.15l-1.49 1.1 2.42 3.28.28.35h.97l.28-.43 3.12-5 .5-.82Z"/></svg>';
432
464
  --sd-icon--dashboard: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 20.13a8.12 8.12 0 1 0 .01-16.24A8.12 8.12 0 0 0 12 20.12ZM12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2Zm1.25 4.38c0 .7-.55 1.25-1.25 1.25s-1.25-.55-1.25-1.25.55-1.25 1.25-1.25 1.25.54 1.25 1.25ZM12 17.94a2.18 2.18 0 0 1-1.64-3.64L8.02 8.6l-.36-.86 1.72-.7.35.86 2.39 5.66a2.19 2.19 0 0 1-.12 4.38Zm5-9.69c0 .7-.55 1.25-1.25 1.25s-1.25-.55-1.25-1.25S15.05 7 15.75 7 17 7.55 17 8.25Zm.63 2.5c.7 0 1.25.55 1.25 1.25s-.55 1.25-1.25 1.25-1.25-.55-1.25-1.25.54-1.25 1.25-1.25ZM7.63 12c0 .7-.55 1.25-1.25 1.25S5.13 12.7 5.13 12s.54-1.25 1.25-1.25c.7 0 1.25.55 1.25 1.25Z"/></svg>';
433
465
  --sd-icon--download: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 16.14 5.36 9.5l1.33-1.33 4.37 4.38V2h1.88v10.55l4.37-4.38 1.33 1.33L12 16.14Zm-6.88 3.98h13.75V14.5h1.88V22H3.25v-7.5h1.87v5.62Z"/></svg>';
434
466
  --sd-icon--e-mail: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2.94 4.5H22v15H2v-15h.94ZM20.12 7v-.62H3.88v.78L12 13.33l8.13-6.17V7Zm0 2.5-7.53 5.74-.59.43-.55-.43L3.88 9.5v8.13h16.25V9.5Z"/></svg>';
@@ -443,7 +475,6 @@
443
475
  --sd-icon--highlight: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m18.8 3.05 2.97 2.97.54.54-.47.67-8 11.13-.28.39h-2.81l-2.81 2.81-.59-.58-1.25 1.25-.27.27H.75v-1.95l.27-.28 2.82-2.8-.59-.6 2.81-2.8v-2.82l.4-.27 11.13-8.01.66-.47.55.55ZM3.33 20.62h1.72l.97-.97-.86-.86-1.83 1.84Zm4.6-6.17v.4l-.27.27-1.75 1.76 2.03 2.03 1.76-1.76.27-.27h2.62l.66-.9-4.41-4.42-.9.67v2.22Zm6.41 0 5.51-7.7-1.8-1.79-7.7 5.5 4 4Zm-1.4 6.18h10.31v1.87H12v-1.88h.94Z"/></svg>';
444
476
  --sd-icon--home: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12.02 1.5.62.58 9.07 8.12.7.63-1.25 1.37-.98-.9v10.5H3.93V11.3c-.15.11-.5.43-1.01.9l-1.25-1.37.7-.63 9.06-8.12.63-.59h-.04Zm0 2.53L5.77 9.62v10.35h2.5v-6.88h7.5v6.88h2.5V9.62l-6.25-5.59Zm-1.88 15.94h3.75v-5h-3.75v5Z"/></svg>';
445
477
  --sd-icon--image: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.875 5.125H5.125v13.75h13.75zM5.125 3.25H20.75v17.5H3.25V3.25zm4.375 5c0 .703-.547 1.25-1.25 1.25S7 8.953 7 8.25 7.547 7 8.25 7s1.25.547 1.25 1.25m3.75 1.875L17.625 17H6.375L9.5 12l1.25 2.031z"/></svg>';
446
- --sd-icon--placeholder: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.875 5.125H5.125v13.75h13.75zM5.125 3.25H20.75v17.5H3.25V3.25zm4.375 5c0 .703-.547 1.25-1.25 1.25S7 8.953 7 8.25 7.547 7 8.25 7s1.25.547 1.25 1.25m3.75 1.875L17.625 17H6.375L9.5 12l1.25 2.031z"/></svg>';
447
478
  --sd-icon--info-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Zm-2.5-6.88V17h5v-1.88h-1.25v-4.37H9.5v1.88h1.88v2.5H9.5Zm3.75-5.62V7h-2.5v2.5h2.5Z"/></svg>';
448
479
  --sd-icon--layer-group-filled: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12 1.38 7 12 2l10.63 5zm-7.5-1.45 7.5 3.52 7.5-3.52L22.63 12 12 17 1.38 12zM1.38 17l3.12-1.45 7.5 3.52 7.5-3.52L22.63 17 12 22z"/></svg>';
449
480
  --sd-icon--layer-group: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 10 6.2-3L12 4 5.8 7zM3.6 8 1.4 7 12 2l10.6 5L12 12zm.9 2.6 2.2 1-1 .4 6.3 3 6.2-3-.9-.4 2.2-1 3.1 1.4L12 17 1.4 12zm-1 5.4 1-.4 2.2 1-1 .4 6.3 3 6.2-3-.9-.4 2.2-1 3.1 1.4L12 22 1.4 17z"/></svg>';
@@ -453,7 +484,7 @@
453
484
  --sd-icon--log-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.56 5.13H3.87v13.75H9.5v1.87H2V3.25h7.5v1.88h-.94Zm13.17 7.53-5.32 5.32-.66.66-1.29-1.33.66-.66 3.72-3.71H8.25v-1.88h10.59l-3.71-3.7-.67-.67 1.29-1.33.66.66 5.32 5.32.66.66-.66.66Z"/></svg>';
454
485
  --sd-icon--magnifying-glass: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.14 10.43a6.24 6.24 0 1 0-12.49-.01 6.24 6.24 0 0 0 12.5.01Zm-1.17 6.37a8.12 8.12 0 1 1 1.33-1.33l5.23 5.23.67.67-1.33 1.33-.67-.67-5.23-5.23Z"/></svg>';
455
486
  --sd-icon--menu: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.2 5h17.5v1.9H3.2zm0 6.5h12.5v2H3.2zm7.5 6.6V20H3.2V18z"/></svg>';
456
- --sd-icon--minus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.88a8.12 8.12 0 1 0-.01 16.23A8.12 8.12 0 0 0 12 3.88ZM12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10ZM8.56 11.06h7.81v1.88H7.63v-1.88h.94Z"/></svg>';
487
+ --sd-icon--minus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.875A8.119 8.119 0 0 0 3.875 12 8.119 8.119 0 0 0 12 20.125 8.119 8.119 0 0 0 20.125 12 8.119 8.119 0 0 0 12 3.875ZM12 22C6.492 22 2 17.508 2 12S6.492 2 12 2s10 4.492 10 10-4.492 10-10 10ZM8.562 11.062h7.813v1.876h-8.75v-1.876h.938Z"/></svg>';
457
488
  --sd-icon--minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.09 13.91H3.84v-1.87h16.25v1.87Z"/></svg>';
458
489
  --sd-icon--more-functions: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.13 3.75h3.74V7.5h-3.74V3.75Zm0 6.88h3.74v3.74h-3.74v-3.74Zm3.74 6.87v3.75h-3.74V17.5h3.74Z"/></svg>';
459
490
  --sd-icon--mute: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m6.3 14.32 3.79 3.24V6.39L6.3 9.63l-.5.47H2.58v3.75h3.2l.51.47Zm-5.59 1.4v-7.5H5.1c3.87-3.32 6.13-5.31 6.87-5.94v19.38c-.74-.63-3-2.62-6.87-5.94H.7Zm21.33-6.25-2.5 2.5 2.5 2.5-1.33 1.33-2.5-2.5-2.5 2.5-1.32-1.33 2.5-2.5-2.5-2.5 1.32-1.33 2.5 2.5 2.5-2.5 1.33 1.33Z"/></svg>';
@@ -462,18 +493,18 @@
462
493
  --sd-icon--pencil: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 22.25c.23-.82.98-3.4 2.19-7.81l12.1-12.11L16.64 1l4.3 4.3 1.32 1.33-1.33 1.32-12.1 12.11c-4.42 1.25-7 1.96-7.82 2.19Zm6.84-3.87 8.04-8.04-2.97-2.97-8.04 8.04-1.17 4.14 4.14-1.17Zm9.37-9.37 2.38-2.38-2.96-2.97-2.39 2.38L17.21 9Z"/></svg>';
463
494
  --sd-icon--phone: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.38 10.12a8.7 8.7 0 0 0 5 5.04l2-2.04 6.25 3.76-3.13 5.62h-.63C9.57 22.5 2 14.96 2 5.62V5l5.63-3.13 3.75 6.25-2 2Zm7.3 5.39a75.4 75.4 0 0 0-1.79 1.83l-1.17-.43a10.7 10.7 0 0 1-6.1-6.13L7.2 9.65 9.03 7.8l-2.07-3.4L3.91 6.1c.24 7.93 6.6 14.3 14.5 14.54l1.71-3.1-3.43-2.02Z"/></svg>';
464
495
  --sd-icon--placeholder: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.875 5.125H5.125v13.75h13.75zM5.125 3.25H20.75v17.5H3.25V3.25zm4.375 5c0 .703-.547 1.25-1.25 1.25S7 8.953 7 8.25 7.547 7 8.25 7s1.25.547 1.25 1.25m3.75 1.875L17.625 17H6.375L9.5 12l1.25 2.031z"/></svg>';
465
- --sd-icon--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4.5 19.23V2.63l1.87 1.05 13.08 7.26L21.37 12l-1.92 1.1-13.08 7.22-1.88 1.05v-2.14Zm1.87-1.06L17.5 12 6.37 5.83v12.34Z"/></svg>';
466
- --sd-icon--plus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.88a8.12 8.12 0 1 0-.01 16.23A8.12 8.12 0 0 0 12 3.88ZM12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Zm-.94-5.63v-3.43H7.62v-1.88h3.44V7.62h1.88v3.44h3.44v1.88h-3.44v3.44h-1.88Z"/></svg>';
496
+ --sd-icon--placeholder: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.875 5.125H5.125v13.75h13.75zM5.125 3.25H20.75v17.5H3.25V3.25zm4.375 5c0 .703-.547 1.25-1.25 1.25S7 8.953 7 8.25 7.547 7 8.25 7s1.25.547 1.25 1.25m3.75 1.875L17.625 17H6.375L9.5 12l1.25 2.031z"/></svg>';
497
+ --sd-icon--plus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.875A8.119 8.119 0 0 0 3.875 12 8.119 8.119 0 0 0 12 20.125 8.119 8.119 0 0 0 20.125 12 8.119 8.119 0 0 0 12 3.875ZM12 22C6.492 22 2 17.508 2 12S6.492 2 12 2s10 4.492 10 10-4.492 10-10 10Zm-.938-5.625v-3.438H7.626v-1.874h3.438V7.624h1.874v3.438h3.438v1.874h-3.438v3.438h-1.874Z"/></svg>';
467
498
  --sd-icon--position-filled: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m7.19-2.81L7 17l7.81-2.19L17 7zM12 10.75c.7 0 1.25.55 1.25 1.25s-.55 1.25-1.25 1.25-1.25-.55-1.25-1.25.55-1.25 1.25-1.25"/></svg>';
468
499
  --sd-icon--position: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.13 12a8.12 8.12 0 1 0-16.24-.01 8.12 8.12 0 0 0 16.24.01M2 12C2 6.5 6.5 2 12 2s10 4.5 10 10-4.5 10-10 10S2 17.5 2 12m7.19-2.81L17 7l-2.19 7.81L7 17zM13.25 12c0-.7-.55-1.25-1.25-1.25s-1.25.55-1.25 1.25.55 1.25 1.25 1.25 1.25-.55 1.25-1.25"/></svg>';
469
500
  --sd-icon--print: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.97 3.88H7v3.75H5.12V2h10.63l3.13 3.13v2.5H17V5.9l-2.03-2.04Zm1.4 12.5H7.63v3.75h8.75v-3.75ZM7.63 14.5h10.63v1.88h1.88v-5H3.88v5h1.87V14.5h1.88Zm10.63 3.75V22H5.75v-3.75H2V9.5h20v8.75h-3.75Z"/></svg>';
470
501
  --sd-icon--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m1.96 1.03 3.4 3.4a10.02 10.02 0 0 1 16.6 7.54A10.02 10.02 0 0 1 2.9 16.23l1.72-.78a8.13 8.13 0 1 0 2.07-9.69l3.4 3.4H1.96V1.03Zm1.88 4.54v1.71h1.72L3.84 5.57Z"/></svg>';
471
- --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#ff391c" d="M12 23c-4 0-7.5-2-9.5-5.5a11 11 0 0 1 19-11c2 3.4 2 7.6 0 11A11 11 0 0 1 12 23m0-16.5a1 1 0 0 0-1 1v4.8q0 1 1 1t1-1V7.5q0-.9-1-1m-1.4 9.6q.1 1.3 1.4 1.4 1.3-.1 1.4-1.4-.1-1.2-1.4-1.4-1.3.2-1.4 1.4"/></svg>';
472
- --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#ff391c" d="M12 23c-4 0-7.5-2-9.5-5.5a11 11 0 0 1 19-11c2 3.4 2 7.6 0 11A11 11 0 0 1 12 23m0-16.5a1 1 0 0 0-1 1v4.8q0 1 1 1t1-1V7.5q0-.9-1-1m-1.4 9.6q.1 1.3 1.4 1.4 1.3-.1 1.4-1.4-.1-1.2-1.4-1.4-1.3.2-1.4 1.4"/></svg>';
502
+ --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#ff391c" d="M12 22a10 10 0 0 1 0-20 10 10 0 0 1 0 20Zm1-14.4h-2v5.7h2V7.5Zm-2 9h2v-1.8h-2v1.9Z"/></svg>';
473
503
  --sd-icon--share: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.88 5.75c0-1.05-.83-1.88-1.88-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88 1.05 0 1.88-.83 1.88-1.88Zm1.87 0a3.75 3.75 0 0 1-6.48 2.58l-4.89 2.73a3.85 3.85 0 0 1 0 1.88l4.89 2.73a3.75 3.75 0 1 1-.9 1.64l-4.89-2.73a3.75 3.75 0 1 1 0-5.16l4.89-2.73a3.75 3.75 0 1 1 7.38-.94ZM7.62 12c0-1.05-.82-1.88-1.87-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88 1.05 0 1.88-.83 1.88-1.88ZM17 20.13c1.05 0 1.88-.83 1.88-1.88 0-1.05-.83-1.88-1.88-1.88-1.05 0-1.88.83-1.88 1.88 0 1.05.83 1.88 1.88 1.88Z"/></svg>';
474
504
  --sd-icon--shopping-cart-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1.94 2h3.6l.15.78L7.37 12h12.85l1.48-8.13h1.92l-1.68 9.22-.16.79H7.68l.35 1.87h12.35v1.88H6.46l-.16-.79L3.97 3.88H1V2h.94ZM11 20.75c0 1.05-.82 1.88-1.88 1.88a1.85 1.85 0 0 1-1.87-1.88c0-1.05.82-1.88 1.88-1.88 1.05 0 1.87.83 1.87 1.88Zm8.75 0c0 1.05-.82 1.88-1.88 1.88A1.85 1.85 0 0 1 16 20.75c0-1.05.82-1.88 1.88-1.88 1.05 0 1.87.83 1.87 1.88ZM16.82 4.38l-2 2 2 1.99-1.33 1.33-1.99-2-2 2-1.32-1.33 2-2-2-1.99 1.33-1.33 1.99 2 2-2 1.32 1.33Z"/></svg>';
475
505
  --sd-icon--star-empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.08c.23.47 1.45 2.81 3.63 7.11 4.73.74 7.35 1.17 7.85 1.25l-5.62 5.63c.74 4.72 1.17 7.34 1.25 7.85-.47-.24-2.81-1.45-7.11-3.6a620.23 620.23 0 0 0-7.07 3.6c.08-.51.47-3.13 1.21-7.85C2.78 11.67.91 9.79.52 9.44L8.4 8.2c2.14-4.3 3.36-6.64 3.59-7.1Zm0 4.14L9.85 9.44l-.23.43-.47.08-4.69.74 3.36 3.36.35.35-.08.47-.74 4.69 4.22-2.15.43-.2.43.2 4.26 2.15-.74-4.69-.08-.47.31-.35 3.36-3.36-4.69-.74-.47-.08-.23-.43L12 5.22Z"/></svg>';
476
506
  --sd-icon--star-full: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 1.08 3.63 7.11 7.85 1.25-5.62 5.63 1.25 7.85-7.11-3.6-7.07 3.6 1.21-7.85L.52 9.44 8.4 8.2 12 1.1Z"/></svg>';
507
+ --sd-icon--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4.5 19.23V2.63l1.87 1.05 13.08 7.26L21.37 12l-1.92 1.1-13.08 7.22-1.88 1.05v-2.14Zm1.87-1.06L17.5 12 6.37 5.83v12.34Z"/></svg>';
477
508
  --sd-icon--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.49 7.59-.67.66-9.92 9.89-.66.66-.67-.66-4.92-4.93-.66-.66 1.29-1.33.66.67 4.3 4.25 9.26-9.21.66-.67z"/></svg>';
478
509
  --sd-icon--status-clock: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.7 6.14V5.03h2.5v6.88l4.45 2.6 1.04.65-1.4 1.87-1.06-.66-5.01-2.97-.53-.33V6.14Z"/></svg>';
479
510
  --sd-icon--status-exclamation: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.58 16.02H10.7V2.89h1.88v13.13Zm.31 1.87v2.5h-2.5v-2.5h2.5Z"/></svg>';
@@ -485,6 +516,7 @@
485
516
  --sd-icon--user: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.9 7c0 1.7 1.4 3.1 3.1 3.1s3.1-1.4 3.1-3.1-1.4-3.1-3.1-3.1A3 3 0 0 0 8.9 7M5.2 22h-2l2.6-8.1h12.5l2.4 8.1h-1.9l-2-6.2H7.2zM12 12a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5"/></svg>';
486
517
  --sd-icon--video: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.9 6.4v11.2H15V6.4zM2 4.5h15v15H2zM21.4 17l-2.5-1.7v-2.2l2.5 1.6V9.3l-2.5 1.6V8.7l4.4-3v12.6z"/></svg>';
487
518
  --sd-icon--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.55 14.32 3.79 3.24V6.39L7.55 9.63l-.5.47H3.83v3.75h3.2l.51.47Zm-5.59 1.4v-7.5h4.38c3.87-3.32 6.13-5.31 6.87-5.94v19.38c-.74-.63-3-2.62-6.87-5.94H1.96Zm13.68-5.2-.43-.34 1.13-1.53.5.43a3.73 3.73 0 0 1 1.37 2.9c0 1.16-.54 2.22-1.36 2.92l-.51.4-1.13-1.5.43-.38a1.85 1.85 0 0 0 0-2.9Zm2.38-2.92-.55-.43 1.1-1.53.62.51a7.52 7.52 0 0 1 0 11.64l-.62.51-1.1-1.52.55-.43a5.73 5.73 0 0 0 2.07-4.38c0-1.76-.82-3.32-2.07-4.37Z"/></svg>';
519
+ --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M12 22a10 10 0 0 1 0-20 10 10 0 0 1 0 20Zm1-14.4h-2v5.7h2V7.5Zm-2 9h2v-1.8h-2v1.9Z"/></svg>';
488
520
  --sd-icon--waveform-lines: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.38 2v20H9.5V2zm7.5 2.5v15H17v-15zM7.63 5.75v12.5H5.75V5.75zM15.13 7v10h-1.88V7zM3.88 9.5v5H2v-5zm18.75 0v5h-1.88v-5z"/></svg>';
489
521
  --sd-icon--website: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 18.5H6v-2h5v2ZM11 14.5H6v-2h5v2Z"/><path fill-rule="evenodd" d="M18 14.5h-5v-6h5v6Zm-3-2h1v-2h-1v2Z" clip-rule="evenodd"/><path d="M11 10.5H6v-2h5v2Z"/><path fill-rule="evenodd" d="M22 22.5H2v-20h20v20ZM3.87 20.62h16.25V6.5H3.88v14.13Z" clip-rule="evenodd"/></svg>';
490
522
  --sd-icon-status-close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.62 7-4.69 4.64 4.65 4.65.66.66-1.29 1.33-.66-.66-4.65-4.65L7 17.62l-.66.66L5 16.95l.66-.66 4.65-4.65L5.66 7 5 6.33 6.33 5l.66.66 4.65 4.7L16.3 5.7l.66-.66 1.33 1.29-.66.66Z"/></svg>';
package/dist/themes/tailwind.css CHANGED
@@ -114,6 +114,7 @@
114
114
  --radius-sm: var(--sd-radius-sm);
115
115
  --shadow-sm: var(--sd-shadow-sm);
116
116
  --shadow: var(--sd-shadow);
117
+ --sizing-0\.25: var(--sd-sizing-0\.25);
117
118
  --sizing-0\.5: var(--sd-sizing-0\.5);
118
119
  --sizing-10: var(--sd-sizing-10);
119
120
  --sizing-12: var(--sd-sizing-12);