@solid-design-system/tokens 6.5.0 → 6.5.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 (10) hide show
  1. package/cdn/themes/kid/kid.css +1 -1
  2. package/cdn/themes/ui-dark/ui-dark.css +1 -1
  3. package/cdn/themes/ui-light/ui-light.css +1 -1
  4. package/cdn/themes/vb/vb.css +1 -1
  5. package/dist/theme.js +1 -1
  6. package/dist/themes/kid/kid.css +110 -160
  7. package/dist/themes/ui-dark/ui-dark.css +61 -61
  8. package/dist/themes/ui-light/ui-light.css +62 -62
  9. package/dist/themes/vb/vb.css +86 -120
  10. package/package.json +1 -1
package/dist/themes/kid/kid.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --sd-accordion-color-text: var(--sd-color-black);
7
7
  --sd-accordion-padding-block: var(--sd-spacing-4);
8
8
  --sd-accordion__chevron-color-text: var(--sd-color-neutral-600);
9
- --sd-accordion__indicator-color: 255, 255, 255, 0;
9
+ --sd-accordion__indicator-color: 255 255 255 / 0;
10
10
  --sd-aspect-16\/10: 16 / 10;
11
11
  --sd-aspect-21\/9: 21 / 9;
12
12
  --sd-aspect-2\/1: 2 / 1;
@@ -59,12 +59,12 @@
59
59
  --sd-button--primary--inverted--default-color-text: var(--sd-color-black);
60
60
  --sd-button--primary--inverted--hover-color-background: var(--sd-color-accent);
61
61
  --sd-button--primary--inverted--hover-color-text: var(--sd-color-neutral-800);
62
- --sd-button--secondary--active-color-background: 247, 242, 236, 0;
62
+ --sd-button--secondary--active-color-background: 247 242 236 / 0;
63
63
  --sd-button--secondary--default-color-text: var(--sd-color-black);
64
64
  --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500);
65
- --sd-button--secondary--hover-color-background: 247, 242, 236, 0;
66
- --sd-button--secondary--inverted--active-color-background: 247, 242, 236, 0;
67
- --sd-button--secondary--inverted--hover-color-background: 247, 242, 236, 0;
65
+ --sd-button--secondary--hover-color-background: 247 242 236 / 0;
66
+ --sd-button--secondary--inverted--active-color-background: 247 242 236 / 0;
67
+ --sd-button--secondary--inverted--hover-color-background: 247 242 236 / 0;
68
68
  --sd-button--secondary--inverted--hover-color-text: var(--sd-color-accent);
69
69
  --sd-button--secondary--inverted-color-border: var(--sd-color-accent);
70
70
  --sd-button--size-lg-border-radius: 624.9375rem;
@@ -76,12 +76,12 @@
76
76
  --sd-button--size-sm-border-radius: 624.9375rem;
77
77
  --sd-button--size-sm-font-size: var(--sd-spacing-3);
78
78
  --sd-button--size-sm-padding-block: 0.625rem;
79
- --sd-button--tertiary--active-color-background: 247, 242, 236, 0;
79
+ --sd-button--tertiary--active-color-background: 247 242 236 / 0;
80
80
  --sd-button--tertiary--default-color-text: var(--sd-color-black);
81
81
  --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
82
- --sd-button--tertiary--hover-color-background: 247, 242, 236, 0;
83
- --sd-button--tertiary--inverted--active-color-background: 247, 242, 236, 0;
84
- --sd-button--tertiary--inverted--hover-color-background: 247, 242, 236, 0;
82
+ --sd-button--tertiary--hover-color-background: 247 242 236 / 0;
83
+ --sd-button--tertiary--inverted--active-color-background: 247 242 236 / 0;
84
+ --sd-button--tertiary--inverted--hover-color-background: 247 242 236 / 0;
85
85
  --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-accent);
86
86
  --sd-button-font-weight: var(--sd-font-weight-bold);
87
87
  --sd-carousel--active--inverted-color-border: var(--sd-color-white);
@@ -92,29 +92,29 @@
92
92
  --sd-carousel__pager-dot-background: var(--sd-color-black);
93
93
  --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25);
94
94
  --sd-checkbox-border-width: var(--sd-spacing-0\.25);
95
- --sd-chip--primary-200-color-background: 255, 255, 255, 0.6;
96
- --sd-chip--primary-200-color-border: 255, 255, 255, 0.6;
97
- --sd-chip--primary-300-color-background: 255, 255, 255, 0.6;
98
- --sd-chip--primary-300-color-border: 255, 255, 255, 0.6;
99
- --sd-chip--primary-500-color-background: 255, 255, 255, 0.6;
100
- --sd-chip--primary-500-color-border: 255, 255, 255, 0.6;
95
+ --sd-chip--primary-200-color-background: 255 255 255 / 0.6;
96
+ --sd-chip--primary-200-color-border: 255 255 255 / 0.6;
97
+ --sd-chip--primary-300-color-background: 255 255 255 / 0.6;
98
+ --sd-chip--primary-300-color-border: 255 255 255 / 0.6;
99
+ --sd-chip--primary-500-color-background: 255 255 255 / 0.6;
100
+ --sd-chip--primary-500-color-border: 255 255 255 / 0.6;
101
101
  --sd-chip--primary-500-color-text: var(--sd-color-black);
102
- --sd-chip--white-color-background: 255, 255, 255, 0.6;
103
- --sd-chip--white-color-border: 255, 255, 255, 0.6;
102
+ --sd-chip--white-color-background: 255 255 255 / 0.6;
103
+ --sd-chip--white-color-border: 255 255 255 / 0.6;
104
104
  --sd-chip-border-radius: 624.9375rem;
105
105
  --sd-chip-border-width: var(--sd-spacing-0\.25);
106
106
  --sd-chip-font-size: var(--sd-spacing-3);
107
107
  --sd-chip-font-weight: var(--sd-font-weight-bold);
108
- --sd-color-accent-100: 247, 242, 236;
109
- --sd-color-accent-200: 249, 224, 208;
110
- --sd-color-accent-300: 251, 207, 180;
111
- --sd-color-accent-400: 252, 189, 150;
112
- --sd-color-accent-500: 250, 143, 79;
113
- --sd-color-accent-550: 250, 143, 79;
114
- --sd-color-accent-600: 214, 113, 56;
115
- --sd-color-accent-700: 146, 80, 32;
116
- --sd-color-accent-800: 143, 60, 19;
117
- --sd-color-accent: 247, 242, 236;
108
+ --sd-color-accent-100: 247 242 236;
109
+ --sd-color-accent-200: 249 224 208;
110
+ --sd-color-accent-300: 251 207 180;
111
+ --sd-color-accent-400: 252 189 150;
112
+ --sd-color-accent-500: 250 143 79;
113
+ --sd-color-accent-550: 250 143 79;
114
+ --sd-color-accent-600: 214 113 56;
115
+ --sd-color-accent-700: 146 80 32;
116
+ --sd-color-accent-800: 143 60 19;
117
+ --sd-color-accent: 247 242 236;
118
118
  --sd-color-background-accent-300: var(--sd-color-neutral-800);
119
119
  --sd-color-background-accent-500: var(--sd-color-neutral-800);
120
120
  --sd-color-background-accent-550: var(--sd-color-neutral-700);
@@ -139,8 +139,8 @@
139
139
  --sd-color-background-success: var(--sd-color-success);
140
140
  --sd-color-background-warning: var(--sd-color-warning);
141
141
  --sd-color-background-white: var(--sd-color-accent);
142
- --sd-color-background: 0, 102, 179, 0.05;
143
- --sd-color-black: 5, 21, 48;
142
+ --sd-color-background: 0 102 179 / 0.05;
143
+ --sd-color-black: 5 21 48;
144
144
  --sd-color-border-accent-550: var(--sd-color-neutral-800);
145
145
  --sd-color-border-accent: var(--sd-color-black);
146
146
  --sd-color-border-error-400: var(--sd-color-error);
@@ -157,22 +157,22 @@
157
157
  --sd-color-border-primary: var(--sd-color-black);
158
158
  --sd-color-border-success: var(--sd-color-success);
159
159
  --sd-color-border-white: var(--sd-color-accent);
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;
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;
165
165
  --sd-color-icon-fill-accent-550: var(--sd-color-accent-550);
166
166
  --sd-color-icon-fill-accent: var(--sd-color-accent);
167
167
  --sd-color-icon-fill-error-400: var(--sd-color-error);
168
168
  --sd-color-icon-fill-error: var(--sd-color-error);
169
169
  --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-200);
170
170
  --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-400);
171
- --sd-color-icon-fill-neutral-600: 255, 255, 255, 0.4;
171
+ --sd-color-icon-fill-neutral-600: 255 255 255 / 0.4;
172
172
  --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800);
173
173
  --sd-color-icon-fill-primary-100: var(--sd-color-accent);
174
174
  --sd-color-icon-fill-primary-200: var(--sd-color-accent);
175
- --sd-color-icon-fill-primary-400: 255, 255, 255, 0.84;
175
+ --sd-color-icon-fill-primary-400: 255 255 255 / 0.84;
176
176
  --sd-color-icon-fill-primary-500: var(--sd-color-neutral-800);
177
177
  --sd-color-icon-fill-primary-800: var(--sd-color-neutral-800);
178
178
  --sd-color-icon-fill-primary: var(--sd-color-black);
@@ -183,32 +183,32 @@
183
183
  --sd-color-icon-fill-risk-veryhigh: var(--sd-color-risk-veryhigh);
184
184
  --sd-color-icon-fill-success: var(--sd-color-success);
185
185
  --sd-color-icon-fill-white: var(--sd-color-accent);
186
- --sd-color-info: 76, 105, 187;
187
- --sd-color-neutral-100: 255, 255, 255, 0.5;
188
- --sd-color-neutral-200: 207, 216, 220;
189
- --sd-color-neutral-300: 176, 190, 197;
190
- --sd-color-neutral-400: 144, 164, 174;
191
- --sd-color-neutral-500: 120, 144, 156;
192
- --sd-color-neutral-600: 96, 125, 139;
193
- --sd-color-neutral-700: 84, 110, 122;
194
- --sd-color-neutral-800: 69, 90, 100;
195
- --sd-color-primary-100: 230, 233, 245;
196
- --sd-color-primary-200: 193, 201, 231;
197
- --sd-color-primary-300: 152, 166, 214;
198
- --sd-color-primary-400: 110, 132, 198;
199
- --sd-color-primary-500: 76, 105, 187;
200
- --sd-color-primary-600: 36, 79, 175;
201
- --sd-color-primary-700: 0, 52, 142;
202
- --sd-color-primary-750: 0, 52, 142;
203
- --sd-color-primary-800: 0, 35, 121;
204
- --sd-color-primary-900: 5, 21, 48;
205
- --sd-color-primary: 5, 21, 48;
206
- --sd-color-risk-high: 250, 155, 30;
207
- --sd-color-risk-increased: 255, 240, 0;
208
- --sd-color-risk-low: 1, 125, 195;
209
- --sd-color-risk-moderate: 0, 165, 147;
210
- --sd-color-risk-veryhigh: 255, 0, 0;
211
- --sd-color-success: 0, 112, 0;
186
+ --sd-color-info: 76 105 187;
187
+ --sd-color-neutral-100: 255 255 255 / 0.5;
188
+ --sd-color-neutral-200: 207 216 220;
189
+ --sd-color-neutral-300: 176 190 197;
190
+ --sd-color-neutral-400: 144 164 174;
191
+ --sd-color-neutral-500: 120 144 156;
192
+ --sd-color-neutral-600: 96 125 139;
193
+ --sd-color-neutral-700: 84 110 122;
194
+ --sd-color-neutral-800: 69 90 100;
195
+ --sd-color-primary-100: 230 233 245;
196
+ --sd-color-primary-200: 193 201 231;
197
+ --sd-color-primary-300: 152 166 214;
198
+ --sd-color-primary-400: 110 132 198;
199
+ --sd-color-primary-500: 76 105 187;
200
+ --sd-color-primary-600: 36 79 175;
201
+ --sd-color-primary-700: 0 52 142;
202
+ --sd-color-primary-750: 0 52 142;
203
+ --sd-color-primary-800: 0 35 121;
204
+ --sd-color-primary-900: 5 21 48;
205
+ --sd-color-primary: 5 21 48;
206
+ --sd-color-risk-high: 250 155 30;
207
+ --sd-color-risk-increased: 255 240 0;
208
+ --sd-color-risk-low: 1 125 195;
209
+ --sd-color-risk-moderate: 0 165 147;
210
+ --sd-color-risk-veryhigh: 255 0 0;
211
+ --sd-color-success: 0 112 0;
212
212
  --sd-color-text-accent: var(--sd-color-black);
213
213
  --sd-color-text-black: var(--sd-color-black);
214
214
  --sd-color-text-error: var(--sd-color-black);
@@ -217,42 +217,42 @@
217
217
  --sd-color-text-neutral-700: var(--sd-color-neutral-700);
218
218
  --sd-color-text-primary-100: var(--sd-color-accent);
219
219
  --sd-color-text-primary-200: var(--sd-color-accent);
220
- --sd-color-text-primary-400: 255, 255, 255, 0.84;
220
+ --sd-color-text-primary-400: 255 255 255 / 0.84;
221
221
  --sd-color-text-primary-500: var(--sd-color-neutral-800);
222
222
  --sd-color-text-primary-800: var(--sd-color-black);
223
223
  --sd-color-text-primary: var(--sd-color-black);
224
224
  --sd-color-text-success: var(--sd-color-success);
225
225
  --sd-color-text-white: var(--sd-color-accent);
226
- --sd-color-warning: 214, 112, 0;
227
- --sd-color-white: 255, 255, 255;
228
- --sd-combobox--default-color-icon: 0, 0, 0, 0.62;
229
- --sd-combobox--default-color-text: 0, 0, 0, 0.62;
226
+ --sd-color-warning: 214 112 0;
227
+ --sd-color-white: 255 255 255;
228
+ --sd-combobox--default-color-icon: 0 0 0 / 0.62;
229
+ --sd-combobox--default-color-text: 0 0 0 / 0.62;
230
230
  --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
231
231
  --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
232
232
  --sd-datepicker__date-item--default-color-text: var(--sd-color-neutral-800);
233
233
  --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal);
234
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;
235
+ --sd-datepicker__date-item--hovered--default-color-background: 255 255 255 / 0;
236
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;
237
+ --sd-datepicker__date-item--hovered--prev-next-color-background: 255 255 255 / 0;
238
238
  --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700);
239
239
  --sd-datepicker__date-item--selected-color-text: var(--sd-color-white);
240
- --sd-divider--inverted-color-border: 255, 255, 255, 0.4;
240
+ --sd-divider--inverted-color-border: 255 255 255 / 0.4;
241
241
  --sd-drop-shadow-sm: 0px 4px 12px rgba(5, 21, 48, 0.25);
242
242
  --sd-drop-shadow: 0px 4px 12px rgba(107, 36, 5, 0.25);
243
- --sd-dropdown-color-background: 255, 255, 255, 0.6;
243
+ --sd-dropdown-color-background: 255 255 255 / 0.6;
244
244
  --sd-duration-fast: 150ms;
245
245
  --sd-duration-medium: 300ms;
246
246
  --sd-duration-slow: 500ms;
247
247
  --sd-duration-x-slow: 750ms;
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;
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
256
  --sd-flag-border-radius: 624.9375rem;
257
257
  --sd-flag-border-width: var(--sd-spacing-0\.25);
258
258
  --sd-flag-font-size: var(--sd-spacing-3);
@@ -262,7 +262,7 @@
262
262
  --sd-font-weight-normal: 400;
263
263
  --sd-footnotes--target--inverted-color-background: var(--sd-color-neutral-800);
264
264
  --sd-form-control--filled__floating-label-color-text: var(--sd-color-neutral-800);
265
- --sd-form-control--invalid-color-background: 253, 232, 230;
265
+ --sd-form-control--invalid-color-background: 253 232 230;
266
266
  --sd-form-control-border-radius: var(--sd-spacing-2);
267
267
  --sd-form-control-color-border: var(--sd-color-black);
268
268
  --sd-form-control-color-icon-fill: var(--sd-color-neutral-800);
@@ -270,7 +270,7 @@
270
270
  --sd-form-control__tooltip-color-icon: var(--sd-color-black);
271
271
  --sd-header-color-background: var(--sd-color-accent);
272
272
  --sd-header-padding-bottom: var(--sd-spacing-0\.5);
273
- --sd-header__underline-color-background: 255, 255, 255, 0;
273
+ --sd-header__underline-color-background: 255 255 255 / 0;
274
274
  --sd-header__underline-height: var(--sd-spacing-0\.25);
275
275
  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-black);
276
276
  --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
@@ -299,10 +299,10 @@
299
299
  --sd-navigable__current-indicator-width: 0.1875rem;
300
300
  --sd-navigation-item--current-color-text: var(--sd-color-black);
301
301
  --sd-navigation-item-color-text: var(--sd-color-black);
302
- --sd-notification--error-color-background: 253, 237, 237;
303
- --sd-notification--info-color-background: 237, 240, 244;
304
- --sd-notification--success-color-background: 238, 246, 242;
305
- --sd-notification--warning-color-background: 255, 245, 224;
302
+ --sd-notification--error-color-background: 253 237 237;
303
+ --sd-notification--info-color-background: 237 240 244;
304
+ --sd-notification--success-color-background: 238 246 242;
305
+ --sd-notification--warning-color-background: 255 245 224;
306
306
  --sd-notification-color-border: var(--sd-color-neutral-800);
307
307
  --sd-notification-color-icon-fill: var(--sd-color-neutral-800);
308
308
  --sd-opacity-0: 0%;
@@ -320,24 +320,24 @@
320
320
  --sd-opacity-85: 0%;
321
321
  --sd-opacity-90: 0%;
322
322
  --sd-option--disabled-color-border: var(--sd-color-neutral-400);
323
- --sd-overlay-color-background: 0, 0, 0, 0.2;
323
+ --sd-overlay-color-background: 0 0 0 / 0.2;
324
324
  --sd-pagination--default-border: var(--sd-color-black);
325
325
  --sd-pagination--inverted-border: var(--sd-color-white);
326
- --sd-panel-color-border: 255, 255, 255, 0;
326
+ --sd-panel-color-border: 255 255 255 / 0;
327
327
  --sd-quickfact--expandable-color-text: var(--sd-color-black);
328
- --sd-quickfact__expandable-color-description-default-text: 0, 0, 0, 0.62;
328
+ --sd-quickfact__expandable-color-description-default-text: 0 0 0 / 0.62;
329
329
  --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black);
330
- --sd-radio--checked--default-color-background: 247, 242, 236, 0;
330
+ --sd-radio--checked--default-color-background: 247 242 236 / 0;
331
331
  --sd-radio--checked--default__icon-color-background: var(--sd-color-black);
332
- --sd-radio--checked--hover-color-background: 247, 242, 236, 0;
332
+ --sd-radio--checked--hover-color-background: 247 242 236 / 0;
333
333
  --sd-radio--checked--hover__icon-color-background: var(--sd-color-neutral-800);
334
- --sd-radio--checked--invalid--default-color-background: 247, 242, 236, 0;
334
+ --sd-radio--checked--invalid--default-color-background: 247 242 236 / 0;
335
335
  --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-error);
336
336
  --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-error);
337
- --sd-radio--default--invalid-color-background: 253, 232, 230;
337
+ --sd-radio--default--invalid-color-background: 253 232 230;
338
338
  --sd-radio--error-color-text: var(--sd-color-black);
339
339
  --sd-radio-border-width: var(--sd-spacing-0\.25);
340
- --sd-radio-button--hover-color-background: 0, 102, 179, 0.05;
340
+ --sd-radio-button--hover-color-background: 0 102 179 / 0.05;
341
341
  --sd-radio-button--hover-color-icon-fill: var(--sd-color-black);
342
342
  --sd-radio-button--hover-color-text: var(--sd-color-black);
343
343
  --sd-radio-button-border-radius: 624.9375rem;
@@ -352,7 +352,7 @@
352
352
  --sd-radius-none: 0;
353
353
  --sd-radius-sm: 0.125rem;
354
354
  --sd-radius: 0.25rem;
355
- --sd-range-scale-ticks-color-text: 89, 89, 89;
355
+ --sd-range-scale-ticks-color-text: 89 89 89;
356
356
  --sd-range__bar-border-width: var(--sd-spacing-0\.5);
357
357
  --sd-shadow-sm: 0px 4px 12px -6px rgba(5, 21, 48, 0.25);
358
358
  --sd-shadow: 0px 4px 12px -6px rgba(107, 36, 5, 0.25);
@@ -397,17 +397,17 @@
397
397
  --sd-switch--unchecked-color-border: var(--sd-color-black);
398
398
  --sd-switch--unchecked__icon-color-background: var(--sd-color-black);
399
399
  --sd-switch-color-text: var(--sd-color-black);
400
- --sd-tab-color-border: 191, 202, 217;
400
+ --sd-tab-color-border: 191 202 217;
401
401
  --sd-tab-font-weight: var(--sd-font-weight-bold);
402
- --sd-tag--default--hover-color-background: 255, 255, 255, 0.6;
403
- --sd-tag--default-color-background: 255, 255, 255, 0.6;
404
- --sd-tag--default-color-border: 255, 255, 255, 0.6;
402
+ --sd-tag--default--hover-color-background: 255 255 255 / 0.6;
403
+ --sd-tag--default-color-background: 255 255 255 / 0.6;
404
+ --sd-tag--default-color-border: 255 255 255 / 0.6;
405
405
  --sd-tag--default-color-text: var(--sd-color-black);
406
406
  --sd-tag--disabled-color-border: var(--sd-color-neutral-500);
407
- --sd-tag--selected--default-color-background: 255, 255, 255, 0.6;
407
+ --sd-tag--selected--default-color-background: 255 255 255 / 0.6;
408
408
  --sd-tag--selected--default-color-border: var(--sd-color-black);
409
409
  --sd-tag--selected--default-color-text: var(--sd-color-black);
410
- --sd-tag--selected--hover-color-background: 255, 255, 255, 0.6;
410
+ --sd-tag--selected--hover-color-background: 255 255 255 / 0.6;
411
411
  --sd-tag--selected--hover-color-border: var(--sd-color-neutral-800);
412
412
  --sd-tag--selected--hover-color-text: var(--sd-color-neutral-800);
413
413
  --sd-tag--selected-border-width: var(--sd-spacing-0\.25);
@@ -415,14 +415,14 @@
415
415
  --sd-tag--size-sm-font-size: var(--sd-spacing-3);
416
416
  --sd-tag-border-radius: 624.9375rem;
417
417
  --sd-tag-font-weight: var(--sd-font-weight-bold);
418
- --sd-teaser--neutral-100-color-background: 255, 255, 255, 0.6;
419
- --sd-teaser--neutral-400-color-border: 191, 202, 217;
420
- --sd-teaser--primary-100-color-background: 255, 255, 255, 0.6;
418
+ --sd-teaser--neutral-100-color-background: 255 255 255 / 0.6;
419
+ --sd-teaser--neutral-400-color-border: 191 202 217;
420
+ --sd-teaser--primary-100-color-background: 255 255 255 / 0.6;
421
421
  --sd-teaser-border-radius: var(--sd-spacing-1);
422
- --sd-teaser-media--neutral-100--hover-color-background: 255, 255, 255, 0.9;
423
- --sd-teaser-media--neutral-100-color-background: 255, 255, 255, 0.8;
424
- --sd-teaser-media--primary-100--hover-color-background: 255, 255, 255, 0.9;
425
- --sd-teaser-media--primary-100-color-background: 245, 247, 249, 0.8;
422
+ --sd-teaser-media--neutral-100--hover-color-background: 255 255 255 / 0.9;
423
+ --sd-teaser-media--neutral-100-color-background: 255 255 255 / 0.8;
424
+ --sd-teaser-media--primary-100--hover-color-background: 255 255 255 / 0.9;
425
+ --sd-teaser-media--primary-100-color-background: 245 247 249 / 0.8;
426
426
  --sd-text-2xl: 1.75rem;
427
427
  --sd-text-3xl: 2rem;
428
428
  --sd-text-4xl: 2.625rem;
@@ -433,22 +433,15 @@
433
433
  --sd-text-xs: 0.75rem;
434
434
  --sd-tooltip-border-width: var(--sd-spacing-0\.25);
435
435
  --sd-tooltip-color-background: var(--sd-color-white);
436
- --sd-tooltip-color-border: 255, 255, 255, 0;
437
- --sd-tooltip-color-text: 89, 89, 89;
438
- --sd-video--description-color-text: 0, 0, 0, 0.62;
436
+ --sd-tooltip-color-border: 255 255 255 / 0;
437
+ --sd-tooltip-color-text: 89 89 89;
438
+ --sd-video--description-color-text: 0 0 0 / 0.62;
439
439
  --sd-video--play-button-color-background: var(--sd-color-white);
440
440
  --sd-video--play-button-color-icon-fill: var(--sd-color-black);
441
441
  }
442
442
 
443
443
  .sd-theme-kid {
444
- --sd-icon--arrow-bottom-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.94 24H5v-1.88h15V24H5.94Zm6.56-4.6-.66-.67-5.32-5.32-.66-.66 1.33-1.33.66.67 3.71 3.7V0h1.88v15.8l3.7-3.71.67-.67 1.33 1.33-5.98 5.98-.66.66Z"/></svg>';
445
- --sd-icon--arrow-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m2.31 11.84 6.56-6.57.67-.66 1.29 1.33-.67.66-4.96 4.96h16.84v1.88H5.2l4.96 4.96.67.66-1.3 1.33-.65-.66-6.57-6.57-.66-.66.66-.66Z"/></svg>';
446
- --sd-icon--arrow-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.73 13.16-6.57 6.57-.66.66-1.29-1.33.66-.66 4.97-4.96H2v-1.88h16.84L13.88 6.6l-.67-.66L14.5 4.6l.66.66 6.57 6.57.66.66-.66.66Z"/></svg>';
447
- --sd-icon--book-open-cover-filled: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7.47v9.69l1.1-.4a18 18 0 0 1 5.9-1.01h1.75v-10h-1.76c-1.44 0-2.89.23-4.22.74q-2.2.78-2.77.98m8.75-4.22h2.5v15h-4.26c-1.72 0-3.44.31-5.08.86l-1.91.7-1.91-.7a16 16 0 0 0-5.04-.86H.75v-15h4.3q2.58.02 5.04.86l1.91.7 1.91-.7q2.48-.84 5.08-.86zm-20 16.88h4.3c1.8 0 3.63.3 5.35.93l1.6.59 1.6-.59c1.72-.62 3.56-.93 5.4-.93h4.25V22h-4.26q-2.47 0-4.76.82l-1.92.7-.31.12-.31-.12-1.96-.7A14 14 0 0 0 5.01 22H.75z"/></svg>';
448
- --sd-icon--book-open-cover: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.94 6.45v11.06l.35-.16c1.84-.62 3.75-.98 5.7-.98h2.39V5.14h-2.39q-2.29 0-4.41.78zm-1.88 11.06V6.45l-1.6-.54a13 13 0 0 0-4.41-.79H2.63v11.26h2.42c1.91 0 3.83.35 5.66.97zM21.38 3.25h1.87v15h-4.26c-1.72 0-3.44.31-5.08.86l-1.91.7-1.91-.7a16 16 0 0 0-5.04-.86H.75v-15h4.3q2.58.02 5.04.86l1.91.7 1.91-.7q2.48-.84 5.08-.86zM.75 20.13h3.6q2.15 0 4.25.58l3.36.94 1.64-.59c1.72-.62 3.56-.93 5.4-.93h4.25V22h-4.26q-2.47 0-4.76.82l-1.92.7-.27.08-.27-.08-3.68-1.01C6.9 22.2 5.6 22 4.34 22H.75z"/></svg>';
449
- --sd-icon--calculator: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.63 8.88H6.38v11.25h11.25zm0-1.88V3.88H6.38V7zm1.87 0v15h-15V2h15zM7.63 10.13H9.5V12H7.63zm1.87 3.43v1.88H7.63v-1.88zM7.63 17h5.3v1.88h-5.3zm5.3-6.87V12h-1.87v-1.87zm-1.87 3.43h1.88v1.88h-1.88zm5.32-3.44V12H14.5v-1.87zm-1.88 3.44h1.88v1.88H14.5zM16.38 17v1.88H14.5V17z"/></svg>';
450
444
  --sd-icon--calendar: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.88 2v2.5h6.24V2H17v2.5h3.75v16.25H3.25V4.5H7V2zm0 4.38H5.12v12.5h13.76V6.38zm0 5.62v3.13H12V12zM7 10.13h6.88V17H7z"/></svg>';
451
- --sd-icon--cart: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 2h4.53l.35 1.88H23.5l-1.88 10H7.69l.35 1.87h12.35v1.88H6.46l-.16-.79L3.97 3.88H1V2Zm6.37 10h12.7l1.16-6.25h-15L7.37 12Zm1.75 6.88c1.06 0 1.88.82 1.88 1.87 0 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.88Zm8.76 0c1.05 0 1.87.82 1.87 1.87 0 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.88Z"/></svg>';
452
445
  --sd-icon--chevron-down: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.1 17.47h.04L3 8.33 4.33 7l7.81 7.81L19.95 7l1.3 1.33-9.15 9.14Z"/></svg>';
453
446
  --sd-icon--chevron-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 12.14 16.14 3l1.29 1.33-7.81 7.81 7.81 7.81-1.29 1.33L7 12.14Z"/></svg>';
454
447
  --sd-icon--chevron-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.9 11.6-7.6 7.6L8 17.8l6.3-6.2L8 5.3 9.3 4z"/></svg>';
@@ -458,67 +451,24 @@
458
451
  --sd-icon--chevrons-sm-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.02 12 6.12 6 .86-.87L12.77 12 18 6.87 17.14 6l-6.12 6ZM6 12l6.12 6 .86-.87L7.75 12l5.23-5.13-.86-.87L6 12Z"/></svg>';
459
452
  --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>';
460
453
  --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>';
461
- --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>';
462
454
  --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>';
463
455
  --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>';
464
456
  --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>';
465
- --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>';
466
- --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>';
467
- --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>';
468
457
  --sd-icon--exclamation-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.94-14.38h-1.88v5.63h1.88V7.62Zm-1.88 9.07h1.88V14.8h-1.88v1.88Z"/></svg>';
469
- --sd-icon--external-link: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.19 2.5H22v8.75h-1.88V5.7l-9.02 9.03-.66.66-1.33-1.33.66-.66 9.03-9.03h-5.55V2.5h.94ZM2.94 6.25H9.5v1.88H3.87v12.5h12.5V15h1.88v7.5H2V6.25h.94Z"/></svg>';
470
458
  --sd-icon--eye-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m2.63 1.8 3.7 3.72a9.75 9.75 0 0 1 5.63-1.8c6.21 0 10.08 5.82 11.25 8.75-.62 1.56-1.99 3.95-4.1 5.82l3.52 3.52.66.66-1.33 1.33-.66-.66-20-20-.66-.67 1.32-1.33.67.67Zm5.04 5.05 1.48 1.48a4.98 4.98 0 0 1 6.95 6.95l1.68 1.68c.12-.11.28-.23.4-.39 1.4-1.32 2.42-2.89 3-4.1a14.57 14.57 0 0 0-3-4.1c-1.68-1.6-3.76-2.77-6.22-2.77-1.6 0-3 .47-4.3 1.25Zm7.07 7.07a3.13 3.13 0 0 0-4.22-4.22l4.22 4.22ZM4.85 9.35a13.05 13.05 0 0 0-2.07 3.12c.59 1.21 1.6 2.78 2.97 4.1 1.68 1.64 3.75 2.78 6.21 2.78.9 0 1.72-.16 2.5-.4l1.45 1.45c-1.17.51-2.5.82-3.95.82C5.8 21.22 1.9 15.4.71 12.47c.51-1.2 1.45-2.89 2.82-4.45l1.32 1.33Z"/></svg>';
471
459
  --sd-icon--eye: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2.78 11.98c.59 1.2 1.6 2.77 2.97 4.1 1.68 1.6 3.75 2.77 6.21 2.77s4.54-1.13 6.21-2.77c1.41-1.33 2.39-2.9 3.01-4.1a15.38 15.38 0 0 0-3-4.1c-1.68-1.6-3.76-2.78-6.22-2.78s-4.53 1.18-6.2 2.78a15.15 15.15 0 0 0-2.98 4.1Zm20.43 0c-1.17 2.93-5.07 8.75-11.25 8.75C5.8 20.73 1.9 14.9.71 11.98 1.9 9.05 5.8 3.23 11.96 3.23c6.18 0 10.08 5.82 11.25 8.75ZM11.96 15.1c1.72 0 3.13-1.4 3.13-3.12a3.1 3.1 0 0 0-1.88-2.85v4.1h-4.1a3.1 3.1 0 0 0 2.85 1.87Zm-3.04-3.75h2.42V8.93a3.09 3.09 0 0 0-2.42 2.42Zm3.04-4.37c2.78 0 5 2.23 5 5s-2.22 5-5 5c-2.77 0-5-2.23-5-5s2.23-5 5-5Z"/></svg>';
472
- --sd-icon--file-pdf: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.88 3.88h-5v16.25h3.75V22H2V2h8.75L17 8.25v6.88h-1.88v-5H8.88V3.87Zm5.46 4.37-3.59-3.6v3.6h3.6Zm-4.21 8.6h1.24a2.35 2.35 0 0 1 2.35 2.34 2.35 2.35 0 0 1-2.35 2.34h-.46v1.88H9.34v-6.57h.79Zm1.24 3.12c.43 0 .79-.35.79-.78a.78.78 0 0 0-.79-.78h-.46v1.56h.46Zm3.76-3.13h1.24c1.14 0 2.04.9 2.04 2.04v2.5c0 1.13-.9 2.03-2.04 2.03h-2.03v-6.57h.79Zm1.24 5c.28 0 .47-.2.47-.46v-2.5c0-.28-.2-.47-.46-.47h-.47v3.43h.46Zm2.97-5h3.44v1.57h-1.87v.93h1.87v1.57h-1.87v2.5h-1.57v-6.57Z"/></svg>';
473
- --sd-icon--filter-empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.13 10.78v10.94l-6.26-6.25v-4.69l-7.5-7.5h21.25l-7.5 7.5Zm-1.88 6.4V10l.55-.55 4.3-4.3H5.9l4.3 4.3.55.55v4.69l2.5 2.5Z"/></svg>';
474
- --sd-icon--folder: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.25 5.63H22V20H2V3.75h8.75l2.5 1.88Zm6.88 1.87h-7.5c-.08-.08-.9-.7-2.5-1.88H3.87v12.5h16.25V7.5Z"/></svg>';
475
- --sd-icon--globe: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.04 13.44H3.9a8.17 8.17 0 0 0 5.28 6.68c-1.1-1.68-2-4.1-2.15-6.68Zm1.87 0a12.7 12.7 0 0 0 1.53 5.11c.43.82.9 1.41 1.25 1.76.15.12.23.2.31.24a6.37 6.37 0 0 0 1.56-2 12.7 12.7 0 0 0 1.53-5.11H8.9Zm6.18-1.88a12.7 12.7 0 0 0-1.53-5.11c-.43-.83-.9-1.41-1.25-1.76-.15-.12-.23-.2-.31-.24a6.37 6.37 0 0 0-1.56 2 13.34 13.34 0 0 0-1.53 5.11h6.18Zm1.87 1.88c-.16 2.58-1.05 5-2.15 6.68a8.17 8.17 0 0 0 5.28-6.68h-3.13Zm3.13-1.88a8.17 8.17 0 0 0-5.28-6.68c1.1 1.68 2 4.1 2.15 6.68h3.13Zm-13.05 0c.16-2.58 1.05-5 2.15-6.68a8.17 8.17 0 0 0-5.28 6.68h3.13ZM12 22.5c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10Z"/></svg>';
476
- --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>';
477
- --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>';
478
- --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>';
479
460
  --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>';
480
- --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>';
481
- --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>';
482
- --sd-icon--list: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.38 4.38v3.75H2.63V4.37h3.75Zm2.8.93H22V7.2H8.25V5.3h.94Zm0 6.25H22v1.88H8.25v-1.88h.94Zm0 6.25H22v1.88H8.25V17.8h.94Zm-6.55-7.18h3.75v3.74H2.63v-3.74Zm3.75 6.24v3.75H2.63v-3.75h3.75Z"/></svg>';
483
- --sd-icon--lock-open: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.63 6v2.5H18v13.75H3V8.5h8.75V6c0-2.77 2.23-5 5-5s5 2.23 5 5v2.5h-1.88V6c0-1.72-1.4-3.13-3.12-3.13A3.13 3.13 0 0 0 13.62 6Zm-8.76 4.38v10h11.25v-10H4.88Z"/></svg>';
484
- --sd-icon--locked: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.88 6.88v2.5h6.24v-2.5c0-1.72-1.4-3.13-3.12-3.13a3.13 3.13 0 0 0-3.13 3.13ZM7 11.25h-.63v10h11.25v-10H7Zm0-1.88v-2.5c0-2.77 2.23-5 5-5s5 2.23 5 5v2.5h2.5v13.76h-15V9.38H7Z"/></svg>';
485
- --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>';
486
461
  --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>';
487
- --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>';
488
462
  --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>';
489
- --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>';
490
- --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>';
491
463
  --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>';
492
- --sd-icon--newspaper: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.75 3.25H22v17.5H2V5.44h1.88v13.43h.3c.87 0 1.57-.7 1.57-1.56zm1.48 15.63h12.9V5.13H7.63V17.3q.01.85-.4 1.57M9.5 7h3.75v3.75H9.5zm5.94 1.88h2.81v1.87H14.5V8.88zm-5 3.12h7.81v1.88H9.5V12zm0 3.13h7.81V17H9.5v-1.87z"/></svg>';
493
464
  --sd-icon--pause: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.34 5.1v13.75h2.5V5.1h-2.5ZM4.46 3.22h6.25v17.5H4.46V3.22ZM15.1 5.1v13.75h2.5V5.1h-2.5ZM13.2 3.22h6.25v17.5h-6.25V3.22Z"/></svg>';
494
- --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>';
495
- --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>';
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--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>';
498
465
  --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>';
499
- --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>';
500
- --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>';
501
- --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>';
502
466
  --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>';
503
467
  --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>';
504
- --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>';
505
- --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>';
506
- --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>';
507
- --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>';
508
468
  --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>';
509
469
  --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>';
510
- --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>';
511
- --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>';
512
- --sd-icon--status-info: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.9 2.27v3.12H9.76V2.27h3.12ZM8.51 7.89h4.06v11.25h2.81v1.88H7.9v-1.88h2.81V9.77H8.52V7.89Z"/></svg>';
513
470
  --sd-icon--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.13 13.44H3.88v-1.88h16.24z"/></svg>';
514
- --sd-icon--status-questionmark: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.02 4.77a3.1 3.1 0 0 0-3.13 3.12v.63H6.02v-.63c0-2.73 2.22-5 5-5h1.25c2.73 0 5 2.27 5 5v.31c0 1.49-.75 2.9-1.92 3.8l-2.77 2.02v1.37H10.7v-2.34l.35-.28 3.17-2.3a2.8 2.8 0 0 0 1.17-2.27v-.3c0-1.73-1.4-3.13-3.12-3.13h-1.25Zm1.87 13.12v2.5h-2.5v-2.5h2.5Z"/></svg>';
515
- --sd-icon--table: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.09 5.6v3.44h8.75V5.6h-8.75Zm-1.88 0H5.1v3.44H8.2V5.6Zm-5-1.87h17.5v17.5H3.21V3.73ZM5.1 14.04H8.2v-3.12H5.1v3.12Zm0 1.88v3.43H8.2v-3.43H5.1Zm5 3.43h8.75v-3.43h-8.75v3.43Zm8.75-5.3v-3.13h-8.75v3.12h8.75Z"/></svg>';
516
471
  --sd-icon--transcript: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.38 3.88v16.25h11.25v-10h-6.25V3.87h-5Zm6.87.78v3.59h3.6l-3.6-3.6Zm0-2.66 6.25 6.25V22h-15V2h8.75ZM9.19 12h6.56v1.88h-7.5V12h.94Zm0 3.75h6.56v1.88h-7.5v-1.88h.94Z"/></svg>';
517
- --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>';
518
- --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>';
519
472
  --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>';
520
473
  --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>';
521
- --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>';
522
- --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>';
523
- --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>';
524
474
  }