@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/ui-dark/ui-dark.css CHANGED
@@ -94,28 +94,28 @@
94
94
  --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25);
95
95
  --sd-checkbox-border-width: var(--sd-spacing-0\.25);
96
96
  --sd-chip--primary-200-color-background: var(--sd-color-primary-750);
97
- --sd-chip--primary-200-color-border: 255, 255, 255, 0;
97
+ --sd-chip--primary-200-color-border: 255 255 255 / 0;
98
98
  --sd-chip--primary-300-color-background: var(--sd-color-primary-700);
99
- --sd-chip--primary-300-color-border: 255, 255, 255, 0;
99
+ --sd-chip--primary-300-color-border: 255 255 255 / 0;
100
100
  --sd-chip--primary-500-color-background: var(--sd-color-primary-750);
101
- --sd-chip--primary-500-color-border: 255, 255, 255, 0;
101
+ --sd-chip--primary-500-color-border: 255 255 255 / 0;
102
102
  --sd-chip--primary-500-color-text: var(--sd-color-white);
103
103
  --sd-chip--white-color-background: var(--sd-color-primary-750);
104
- --sd-chip--white-color-border: 255, 255, 255, 0;
104
+ --sd-chip--white-color-border: 255 255 255 / 0;
105
105
  --sd-chip-border-radius: var(--sd-spacing-1);
106
106
  --sd-chip-border-width: 0;
107
107
  --sd-chip-font-size: 0.875rem;
108
108
  --sd-chip-font-weight: var(--sd-font-weight-normal);
109
- --sd-color-accent-100: 182, 223, 170;
110
- --sd-color-accent-200: 142, 208, 130;
111
- --sd-color-accent-300: 108, 194, 84;
112
- --sd-color-accent-400: 45, 157, 0;
113
- --sd-color-accent-500: 37, 136, 14;
114
- --sd-color-accent-550: 37, 136, 14;
115
- --sd-color-accent-600: 49, 111, 36;
116
- --sd-color-accent-700: 33, 87, 37;
117
- --sd-color-accent-800: 25, 65, 27;
118
- --sd-color-accent: 45, 157, 0;
109
+ --sd-color-accent-100: 182 223 170;
110
+ --sd-color-accent-200: 142 208 130;
111
+ --sd-color-accent-300: 108 194 84;
112
+ --sd-color-accent-400: 45 157 0;
113
+ --sd-color-accent-500: 37 136 14;
114
+ --sd-color-accent-550: 37 136 14;
115
+ --sd-color-accent-600: 49 111 36;
116
+ --sd-color-accent-700: 33 87 37;
117
+ --sd-color-accent-800: 25 65 27;
118
+ --sd-color-accent: 45 157 0;
119
119
  --sd-color-background-accent-300: var(--sd-color-success);
120
120
  --sd-color-background-accent-500: var(--sd-color-accent-550);
121
121
  --sd-color-background-accent-550: var(--sd-color-accent-550);
@@ -141,7 +141,7 @@
141
141
  --sd-color-background-warning: var(--sd-color-warning);
142
142
  --sd-color-background-white: var(--sd-color-primary-900);
143
143
  --sd-color-background: var(--sd-color-primary-700);
144
- --sd-color-black: 24, 24, 24;
144
+ --sd-color-black: 24 24 24;
145
145
  --sd-color-border-accent-550: var(--sd-color-accent-550);
146
146
  --sd-color-border-accent: var(--sd-color-accent);
147
147
  --sd-color-border-error-400: var(--sd-color-error-400);
@@ -158,11 +158,11 @@
158
158
  --sd-color-border-primary: var(--sd-color-white);
159
159
  --sd-color-border-success: var(--sd-color-success);
160
160
  --sd-color-border-white: var(--sd-color-primary-900);
161
- --sd-color-error-250: 234, 88, 107;
162
- --sd-color-error-300: 204, 25, 55;
163
- --sd-color-error-400: 172, 25, 56;
164
- --sd-color-error-500: 125, 20, 45;
165
- --sd-color-error: 204, 25, 55;
161
+ --sd-color-error-250: 234 88 107;
162
+ --sd-color-error-300: 204 25 55;
163
+ --sd-color-error-400: 172 25 56;
164
+ --sd-color-error-500: 125 20 45;
165
+ --sd-color-error: 204 25 55;
166
166
  --sd-color-icon-fill-accent-550: var(--sd-color-accent-550);
167
167
  --sd-color-icon-fill-accent: var(--sd-color-accent);
168
168
  --sd-color-icon-fill-error-400: var(--sd-color-error-400);
@@ -184,32 +184,32 @@
184
184
  --sd-color-icon-fill-risk-veryhigh: var(--sd-color-risk-veryhigh);
185
185
  --sd-color-icon-fill-success: var(--sd-color-success);
186
186
  --sd-color-icon-fill-white: var(--sd-color-white);
187
- --sd-color-info: 21, 130, 213;
188
- --sd-color-neutral-100: 246, 246, 246;
189
- --sd-color-neutral-200: 233, 233, 233;
190
- --sd-color-neutral-300: 218, 218, 218;
191
- --sd-color-neutral-400: 195, 195, 195;
192
- --sd-color-neutral-500: 174, 174, 174;
193
- --sd-color-neutral-600: 136, 136, 136;
194
- --sd-color-neutral-700: 104, 104, 104;
195
- --sd-color-neutral-800: 81, 81, 81;
196
- --sd-color-primary-100: 236, 240, 249;
197
- --sd-color-primary-200: 224, 233, 243;
198
- --sd-color-primary-300: 200, 213, 231;
199
- --sd-color-primary-400: 153, 171, 208;
200
- --sd-color-primary-500: 70, 109, 175;
201
- --sd-color-primary-600: 0, 53, 142;
202
- --sd-color-primary-700: 19, 46, 110;
203
- --sd-color-primary-750: 10, 32, 74;
204
- --sd-color-primary-800: 5, 21, 48;
205
- --sd-color-primary-900: 2, 9, 32;
206
- --sd-color-primary: 0, 53, 142;
207
- --sd-color-risk-high: 250, 155, 30;
208
- --sd-color-risk-increased: 255, 240, 0;
209
- --sd-color-risk-low: 1, 125, 195;
210
- --sd-color-risk-moderate: 0, 165, 147;
211
- --sd-color-risk-veryhigh: 255, 0, 0;
212
- --sd-color-success: 108, 194, 84;
187
+ --sd-color-info: 21 130 213;
188
+ --sd-color-neutral-100: 246 246 246;
189
+ --sd-color-neutral-200: 233 233 233;
190
+ --sd-color-neutral-300: 218 218 218;
191
+ --sd-color-neutral-400: 195 195 195;
192
+ --sd-color-neutral-500: 174 174 174;
193
+ --sd-color-neutral-600: 136 136 136;
194
+ --sd-color-neutral-700: 104 104 104;
195
+ --sd-color-neutral-800: 81 81 81;
196
+ --sd-color-primary-100: 236 240 249;
197
+ --sd-color-primary-200: 224 233 243;
198
+ --sd-color-primary-300: 200 213 231;
199
+ --sd-color-primary-400: 153 171 208;
200
+ --sd-color-primary-500: 70 109 175;
201
+ --sd-color-primary-600: 0 53 142;
202
+ --sd-color-primary-700: 19 46 110;
203
+ --sd-color-primary-750: 10 32 74;
204
+ --sd-color-primary-800: 5 21 48;
205
+ --sd-color-primary-900: 2 9 32;
206
+ --sd-color-primary: 0 53 142;
207
+ --sd-color-risk-high: 250 155 30;
208
+ --sd-color-risk-increased: 255 240 0;
209
+ --sd-color-risk-low: 1 125 195;
210
+ --sd-color-risk-moderate: 0 165 147;
211
+ --sd-color-risk-veryhigh: 255 0 0;
212
+ --sd-color-success: 108 194 84;
213
213
  --sd-color-text-accent: var(--sd-color-accent);
214
214
  --sd-color-text-black: var(--sd-color-white);
215
215
  --sd-color-text-error: var(--sd-color-error-250);
@@ -224,8 +224,8 @@
224
224
  --sd-color-text-primary: var(--sd-color-white);
225
225
  --sd-color-text-success: var(--sd-color-success);
226
226
  --sd-color-text-white: var(--sd-color-white);
227
- --sd-color-warning: 187, 141, 32;
228
- --sd-color-white: 255, 255, 255;
227
+ --sd-color-warning: 187 141 32;
228
+ --sd-color-white: 255 255 255;
229
229
  --sd-combobox--default-color-icon: var(--sd-color-white);
230
230
  --sd-combobox--default-color-text: var(--sd-color-white);
231
231
  --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
@@ -247,13 +247,13 @@
247
247
  --sd-duration-slow: 500ms;
248
248
  --sd-duration-x-slow: 750ms;
249
249
  --sd-flag--neutral-200-color-background: var(--sd-color-primary-750);
250
- --sd-flag--neutral-200-color-border: 255, 255, 255, 0;
250
+ --sd-flag--neutral-200-color-border: 255 255 255 / 0;
251
251
  --sd-flag--neutral-300-color-background: var(--sd-color-primary-700);
252
- --sd-flag--neutral-300-color-border: 255, 255, 255, 0;
252
+ --sd-flag--neutral-300-color-border: 255 255 255 / 0;
253
253
  --sd-flag--neutral-500-color-background: var(--sd-color-primary-750);
254
- --sd-flag--neutral-500-color-border: 255, 255, 255, 0;
254
+ --sd-flag--neutral-500-color-border: 255 255 255 / 0;
255
255
  --sd-flag--white-color-background: var(--sd-color-primary-750);
256
- --sd-flag--white-color-border: 255, 255, 255, 0;
256
+ --sd-flag--white-color-border: 255 255 255 / 0;
257
257
  --sd-flag-border-radius: 0;
258
258
  --sd-flag-border-width: 0;
259
259
  --sd-flag-font-size: 0.875rem;
@@ -271,7 +271,7 @@
271
271
  --sd-form-control__tooltip-color-icon: var(--sd-color-white);
272
272
  --sd-header-color-background: var(--sd-color-primary);
273
273
  --sd-header-padding-bottom: 0;
274
- --sd-header__underline-color-background: 255, 255, 255, 0;
274
+ --sd-header__underline-color-background: 255 255 255 / 0;
275
275
  --sd-header__underline-height: var(--sd-spacing-2);
276
276
  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-white);
277
277
  --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
@@ -321,7 +321,7 @@
321
321
  --sd-opacity-85: 85%;
322
322
  --sd-opacity-90: 90%;
323
323
  --sd-option--disabled-color-border: var(--sd-color-neutral-500);
324
- --sd-overlay-color-background: 5, 21, 48, 0.9;
324
+ --sd-overlay-color-background: 5 21 48 / 0.9;
325
325
  --sd-pagination--default-border: var(--sd-color-accent-550);
326
326
  --sd-pagination--inverted-border: var(--sd-color-accent-550);
327
327
  --sd-panel-color-border: var(--sd-color-primary-400);
@@ -338,7 +338,7 @@
338
338
  --sd-radio--default--invalid-color-background: var(--sd-color-primary-900);
339
339
  --sd-radio--error-color-text: var(--sd-color-white);
340
340
  --sd-radio-border-width: var(--sd-spacing-0\.25);
341
- --sd-radio-button--hover-color-background: 255, 255, 255, 0;
341
+ --sd-radio-button--hover-color-background: 255 255 255 / 0;
342
342
  --sd-radio-button--hover-color-icon-fill: var(--sd-color-primary-200);
343
343
  --sd-radio-button--hover-color-text: var(--sd-color-primary-200);
344
344
  --sd-radio-button-border-radius: 624.9375rem;
@@ -400,16 +400,16 @@
400
400
  --sd-switch-color-text: var(--sd-color-white);
401
401
  --sd-tab-color-border: var(--sd-color-primary-400);
402
402
  --sd-tab-font-weight: var(--sd-font-weight-normal);
403
- --sd-tag--default--hover-color-background: 255, 255, 255, 0;
404
- --sd-tag--default-color-background: 255, 255, 255, 0;
403
+ --sd-tag--default--hover-color-background: 255 255 255 / 0;
404
+ --sd-tag--default-color-background: 255 255 255 / 0;
405
405
  --sd-tag--default-color-border: var(--sd-color-primary-100);
406
406
  --sd-tag--default-color-text: var(--sd-color-white);
407
407
  --sd-tag--disabled-color-border: var(--sd-color-neutral-500);
408
408
  --sd-tag--selected--default-color-background: var(--sd-color-white);
409
- --sd-tag--selected--default-color-border: 255, 255, 255, 0;
409
+ --sd-tag--selected--default-color-border: 255 255 255 / 0;
410
410
  --sd-tag--selected--default-color-text: var(--sd-color-primary);
411
411
  --sd-tag--selected--hover-color-background: var(--sd-color-primary-500);
412
- --sd-tag--selected--hover-color-border: 255, 255, 255, 0;
412
+ --sd-tag--selected--hover-color-border: 255 255 255 / 0;
413
413
  --sd-tag--selected--hover-color-text: var(--sd-color-white);
414
414
  --sd-tag--selected-border-width: 0;
415
415
  --sd-tag--size-lg-font-size: var(--sd-spacing-4);
@@ -434,9 +434,9 @@
434
434
  --sd-text-xs: 0.75rem;
435
435
  --sd-tooltip-border-width: var(--sd-spacing-0\.25);
436
436
  --sd-tooltip-color-background: var(--sd-color-primary);
437
- --sd-tooltip-color-border: 255, 255, 255, 0;
437
+ --sd-tooltip-color-border: 255 255 255 / 0;
438
438
  --sd-tooltip-color-text: var(--sd-color-white);
439
439
  --sd-video--description-color-text: var(--sd-color-primary-400);
440
- --sd-video--play-button-color-background: 0, 53, 142, 0.8;
440
+ --sd-video--play-button-color-background: 0 53 142 / 0.8;
441
441
  --sd-video--play-button-color-icon-fill: var(--sd-color-white);
442
442
  }
package/dist/themes/ui-light/ui-light.css CHANGED
@@ -94,28 +94,28 @@
94
94
  --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.25);
95
95
  --sd-checkbox-border-width: var(--sd-spacing-0\.25);
96
96
  --sd-chip--primary-200-color-background: var(--sd-color-primary-200);
97
- --sd-chip--primary-200-color-border: 255, 255, 255, 0;
97
+ --sd-chip--primary-200-color-border: 255 255 255 / 0;
98
98
  --sd-chip--primary-300-color-background: var(--sd-color-primary-300);
99
- --sd-chip--primary-300-color-border: 255, 255, 255, 0;
99
+ --sd-chip--primary-300-color-border: 255 255 255 / 0;
100
100
  --sd-chip--primary-500-color-background: var(--sd-color-primary-500);
101
- --sd-chip--primary-500-color-border: 255, 255, 255, 0;
101
+ --sd-chip--primary-500-color-border: 255 255 255 / 0;
102
102
  --sd-chip--primary-500-color-text: var(--sd-color-white);
103
103
  --sd-chip--white-color-background: var(--sd-color-white);
104
- --sd-chip--white-color-border: 255, 255, 255, 0;
104
+ --sd-chip--white-color-border: 255 255 255 / 0;
105
105
  --sd-chip-border-radius: var(--sd-spacing-1);
106
106
  --sd-chip-border-width: 0;
107
107
  --sd-chip-font-size: 0.875rem;
108
108
  --sd-chip-font-weight: var(--sd-font-weight-normal);
109
- --sd-color-accent-100: 182, 223, 170;
110
- --sd-color-accent-200: 142, 208, 130;
111
- --sd-color-accent-300: 108, 194, 84;
112
- --sd-color-accent-400: 45, 157, 0;
113
- --sd-color-accent-500: 37, 136, 14;
114
- --sd-color-accent-550: 54, 123, 40;
115
- --sd-color-accent-600: 49, 111, 36;
116
- --sd-color-accent-700: 33, 87, 37;
117
- --sd-color-accent-800: 25, 65, 27;
118
- --sd-color-accent: 45, 157, 0;
109
+ --sd-color-accent-100: 182 223 170;
110
+ --sd-color-accent-200: 142 208 130;
111
+ --sd-color-accent-300: 108 194 84;
112
+ --sd-color-accent-400: 45 157 0;
113
+ --sd-color-accent-500: 37 136 14;
114
+ --sd-color-accent-550: 54 123 40;
115
+ --sd-color-accent-600: 49 111 36;
116
+ --sd-color-accent-700: 33 87 37;
117
+ --sd-color-accent-800: 25 65 27;
118
+ --sd-color-accent: 45 157 0;
119
119
  --sd-color-background-accent-300: var(--sd-color-accent-300);
120
120
  --sd-color-background-accent-500: var(--sd-color-accent-500);
121
121
  --sd-color-background-accent-550: var(--sd-color-success);
@@ -141,7 +141,7 @@
141
141
  --sd-color-background-warning: var(--sd-color-warning);
142
142
  --sd-color-background-white: var(--sd-color-white);
143
143
  --sd-color-background: var(--sd-color-neutral-200);
144
- --sd-color-black: 24, 24, 24;
144
+ --sd-color-black: 24 24 24;
145
145
  --sd-color-border-accent-550: var(--sd-color-success);
146
146
  --sd-color-border-accent: var(--sd-color-accent);
147
147
  --sd-color-border-error-400: var(--sd-color-error-400);
@@ -158,11 +158,11 @@
158
158
  --sd-color-border-primary: var(--sd-color-primary);
159
159
  --sd-color-border-success: var(--sd-color-success);
160
160
  --sd-color-border-white: var(--sd-color-white);
161
- --sd-color-error-250: 234, 88, 107;
162
- --sd-color-error-300: 204, 25, 55;
163
- --sd-color-error-400: 172, 25, 56;
164
- --sd-color-error-500: 125, 20, 45;
165
- --sd-color-error: 204, 25, 55;
161
+ --sd-color-error-250: 234 88 107;
162
+ --sd-color-error-300: 204 25 55;
163
+ --sd-color-error-400: 172 25 56;
164
+ --sd-color-error-500: 125 20 45;
165
+ --sd-color-error: 204 25 55;
166
166
  --sd-color-icon-fill-accent-550: var(--sd-color-success);
167
167
  --sd-color-icon-fill-accent: var(--sd-color-accent);
168
168
  --sd-color-icon-fill-error-400: var(--sd-color-error-400);
@@ -184,32 +184,32 @@
184
184
  --sd-color-icon-fill-risk-veryhigh: var(--sd-color-risk-veryhigh);
185
185
  --sd-color-icon-fill-success: var(--sd-color-success);
186
186
  --sd-color-icon-fill-white: var(--sd-color-white);
187
- --sd-color-info: 21, 130, 213;
188
- --sd-color-neutral-100: 246, 246, 246;
189
- --sd-color-neutral-200: 233, 233, 233;
190
- --sd-color-neutral-300: 218, 218, 218;
191
- --sd-color-neutral-400: 195, 195, 195;
192
- --sd-color-neutral-500: 174, 174, 174;
193
- --sd-color-neutral-600: 136, 136, 136;
194
- --sd-color-neutral-700: 104, 104, 104;
195
- --sd-color-neutral-800: 81, 81, 81;
196
- --sd-color-primary-100: 236, 240, 249;
197
- --sd-color-primary-200: 224, 233, 243;
198
- --sd-color-primary-300: 200, 213, 231;
199
- --sd-color-primary-400: 153, 171, 208;
200
- --sd-color-primary-500: 70, 109, 175;
201
- --sd-color-primary-600: 0, 53, 142;
202
- --sd-color-primary-700: 19, 46, 110;
203
- --sd-color-primary-750: 10, 32, 74;
204
- --sd-color-primary-800: 5, 21, 48;
205
- --sd-color-primary-900: 2, 9, 32;
206
- --sd-color-primary: 0, 53, 142;
207
- --sd-color-risk-high: 250, 155, 30;
208
- --sd-color-risk-increased: 255, 240, 0;
209
- --sd-color-risk-low: 1, 125, 195;
210
- --sd-color-risk-moderate: 0, 165, 147;
211
- --sd-color-risk-veryhigh: 255, 0, 0;
212
- --sd-color-success: 54, 123, 40;
187
+ --sd-color-info: 21 130 213;
188
+ --sd-color-neutral-100: 246 246 246;
189
+ --sd-color-neutral-200: 233 233 233;
190
+ --sd-color-neutral-300: 218 218 218;
191
+ --sd-color-neutral-400: 195 195 195;
192
+ --sd-color-neutral-500: 174 174 174;
193
+ --sd-color-neutral-600: 136 136 136;
194
+ --sd-color-neutral-700: 104 104 104;
195
+ --sd-color-neutral-800: 81 81 81;
196
+ --sd-color-primary-100: 236 240 249;
197
+ --sd-color-primary-200: 224 233 243;
198
+ --sd-color-primary-300: 200 213 231;
199
+ --sd-color-primary-400: 153 171 208;
200
+ --sd-color-primary-500: 70 109 175;
201
+ --sd-color-primary-600: 0 53 142;
202
+ --sd-color-primary-700: 19 46 110;
203
+ --sd-color-primary-750: 10 32 74;
204
+ --sd-color-primary-800: 5 21 48;
205
+ --sd-color-primary-900: 2 9 32;
206
+ --sd-color-primary: 0 53 142;
207
+ --sd-color-risk-high: 250 155 30;
208
+ --sd-color-risk-increased: 255 240 0;
209
+ --sd-color-risk-low: 1 125 195;
210
+ --sd-color-risk-moderate: 0 165 147;
211
+ --sd-color-risk-veryhigh: 255 0 0;
212
+ --sd-color-success: 54 123 40;
213
213
  --sd-color-text-accent: var(--sd-color-accent);
214
214
  --sd-color-text-black: var(--sd-color-black);
215
215
  --sd-color-text-error: var(--sd-color-error);
@@ -224,8 +224,8 @@
224
224
  --sd-color-text-primary: var(--sd-color-primary);
225
225
  --sd-color-text-success: var(--sd-color-success);
226
226
  --sd-color-text-white: var(--sd-color-white);
227
- --sd-color-warning: 187, 141, 32;
228
- --sd-color-white: 255, 255, 255;
227
+ --sd-color-warning: 187 141 32;
228
+ --sd-color-white: 255 255 255;
229
229
  --sd-combobox--default-color-icon: var(--sd-color-primary);
230
230
  --sd-combobox--default-color-text: var(--sd-color-primary);
231
231
  --sd-combobox__tag-border-width: var(--sd-spacing-0\.25);
@@ -247,13 +247,13 @@
247
247
  --sd-duration-slow: 500ms;
248
248
  --sd-duration-x-slow: 750ms;
249
249
  --sd-flag--neutral-200-color-background: var(--sd-color-neutral-200);
250
- --sd-flag--neutral-200-color-border: 255, 255, 255, 0;
250
+ --sd-flag--neutral-200-color-border: 255 255 255 / 0;
251
251
  --sd-flag--neutral-300-color-background: var(--sd-color-neutral-300);
252
- --sd-flag--neutral-300-color-border: 255, 255, 255, 0;
252
+ --sd-flag--neutral-300-color-border: 255 255 255 / 0;
253
253
  --sd-flag--neutral-500-color-background: var(--sd-color-neutral-500);
254
- --sd-flag--neutral-500-color-border: 255, 255, 255, 0;
254
+ --sd-flag--neutral-500-color-border: 255 255 255 / 0;
255
255
  --sd-flag--white-color-background: var(--sd-color-white);
256
- --sd-flag--white-color-border: 255, 255, 255, 0;
256
+ --sd-flag--white-color-border: 255 255 255 / 0;
257
257
  --sd-flag-border-radius: 0;
258
258
  --sd-flag-border-width: 0;
259
259
  --sd-flag-font-size: 0.875rem;
@@ -271,7 +271,7 @@
271
271
  --sd-form-control__tooltip-color-icon: var(--sd-color-primary);
272
272
  --sd-header-color-background: var(--sd-color-white);
273
273
  --sd-header-padding-bottom: 0;
274
- --sd-header__underline-color-background: 255, 255, 255, 0;
274
+ --sd-header__underline-color-background: 255 255 255 / 0;
275
275
  --sd-header__underline-height: var(--sd-spacing-2);
276
276
  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-primary);
277
277
  --sd-informational-gradient--primary-800-color-background: var(--sd-color-primary-800);
@@ -321,10 +321,10 @@
321
321
  --sd-opacity-85: 85%;
322
322
  --sd-opacity-90: 90%;
323
323
  --sd-option--disabled-color-border: var(--sd-color-neutral-500);
324
- --sd-overlay-color-background: 5, 21, 48, 0.9;
324
+ --sd-overlay-color-background: 5 21 48 / 0.9;
325
325
  --sd-pagination--default-border: var(--sd-color-success);
326
326
  --sd-pagination--inverted-border: var(--sd-color-success);
327
- --sd-panel-color-border: 255, 255, 255, 0;
327
+ --sd-panel-color-border: 255 255 255 / 0;
328
328
  --sd-quickfact--expandable-color-text: var(--sd-color-primary);
329
329
  --sd-quickfact__expandable-color-description-default-text: var(--sd-color-black);
330
330
  --sd-quickfact__expandable-color-title-default-text: var(--sd-color-black);
@@ -338,7 +338,7 @@
338
338
  --sd-radio--default--invalid-color-background: var(--sd-color-white);
339
339
  --sd-radio--error-color-text: var(--sd-color-error);
340
340
  --sd-radio-border-width: var(--sd-spacing-0\.25);
341
- --sd-radio-button--hover-color-background: 255, 255, 255, 0;
341
+ --sd-radio-button--hover-color-background: 255 255 255 / 0;
342
342
  --sd-radio-button--hover-color-icon-fill: var(--sd-color-primary-500);
343
343
  --sd-radio-button--hover-color-text: var(--sd-color-primary-500);
344
344
  --sd-radio-button-border-radius: 624.9375rem;
@@ -400,16 +400,16 @@
400
400
  --sd-switch-color-text: var(--sd-color-black);
401
401
  --sd-tab-color-border: var(--sd-color-neutral-400);
402
402
  --sd-tab-font-weight: var(--sd-font-weight-normal);
403
- --sd-tag--default--hover-color-background: 255, 255, 255, 0;
404
- --sd-tag--default-color-background: 255, 255, 255, 0;
403
+ --sd-tag--default--hover-color-background: 255 255 255 / 0;
404
+ --sd-tag--default-color-background: 255 255 255 / 0;
405
405
  --sd-tag--default-color-border: var(--sd-color-primary);
406
406
  --sd-tag--default-color-text: var(--sd-color-primary);
407
407
  --sd-tag--disabled-color-border: var(--sd-color-neutral-500);
408
408
  --sd-tag--selected--default-color-background: var(--sd-color-primary);
409
- --sd-tag--selected--default-color-border: 255, 255, 255, 0;
409
+ --sd-tag--selected--default-color-border: 255 255 255 / 0;
410
410
  --sd-tag--selected--default-color-text: var(--sd-color-white);
411
411
  --sd-tag--selected--hover-color-background: var(--sd-color-primary-500);
412
- --sd-tag--selected--hover-color-border: 255, 255, 255, 0;
412
+ --sd-tag--selected--hover-color-border: 255 255 255 / 0;
413
413
  --sd-tag--selected--hover-color-text: var(--sd-color-white);
414
414
  --sd-tag--selected-border-width: 0;
415
415
  --sd-tag--size-lg-font-size: var(--sd-spacing-4);
@@ -434,9 +434,9 @@
434
434
  --sd-text-xs: 0.75rem;
435
435
  --sd-tooltip-border-width: var(--sd-spacing-0\.25);
436
436
  --sd-tooltip-color-background: var(--sd-color-primary);
437
- --sd-tooltip-color-border: 255, 255, 255, 0;
437
+ --sd-tooltip-color-border: 255 255 255 / 0;
438
438
  --sd-tooltip-color-text: var(--sd-color-white);
439
439
  --sd-video--description-color-text: var(--sd-color-neutral-700);
440
- --sd-video--play-button-color-background: 255, 255, 255, 0.8;
440
+ --sd-video--play-button-color-background: 255 255 255 / 0.8;
441
441
  --sd-video--play-button-color-icon-fill: var(--sd-color-primary);
442
442
  }