@wix/design-system-tokens 1.161.2 → 1.163.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/all.css +1 -0
  3. package/all.scss +1 -0
  4. package/all.st.css +2 -0
  5. package/foundation.st.css +2 -0
  6. package/odeditor/all.css +2 -1
  7. package/odeditor/all.scss +2 -1
  8. package/odeditor/all.st.css +3 -1
  9. package/odeditor/component.st.css +1 -1
  10. package/odeditor/foundation.st.css +2 -0
  11. package/odeditor-dark/all.css +19 -19
  12. package/odeditor-dark/all.scss +19 -19
  13. package/odeditor-dark/all.st.css +82 -82
  14. package/odeditor-dark/component.st.css +35 -35
  15. package/odeditor-dark/foundation.st.css +17 -17
  16. package/odeditor-dark/semantic.st.css +30 -30
  17. package/package.json +2 -2
  18. package/studio/all.css +1 -0
  19. package/studio/all.scss +1 -0
  20. package/studio/all.st.css +2 -0
  21. package/studio/foundation.st.css +2 -0
  22. package/wixel/all.css +1 -0
  23. package/wixel/all.scss +1 -0
  24. package/wixel/all.st.css +2 -0
  25. package/wixel/foundation.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,14 @@
1
+ ## 1.162.0 - 2026-01-23
2
+
3
+ ### Features
4
+
5
+ - feat(tokens): add color-blue-350 foundation token [15851](https://github.com/wix-private/wix-design-systems/pull/15851)
6
+ - feat(HarmonyDark): updated transparent white to use 000 [15807](https://github.com/wix-private/wix-design-systems/pull/15807)
7
+
8
+ ### Bug Fixes
9
+
10
+ - fix(Loader): update loader-fill-default to standard-tertiary-readonly [15837](https://github.com/wix-private/wix-design-systems/pull/15837)
11
+
1
12
  ## 1.161.1 - 2026-01-14
2
13
 
3
14
  ### Features
package/all.css CHANGED
@@ -196,6 +196,7 @@
196
196
  --wds-color-blue-600: #f4f7ff;
197
197
  --wds-color-blue-500: #e7f0ff;
198
198
  --wds-color-blue-400: #d6e6fe;
199
+ --wds-color-blue-350: #D1DCFF;
199
200
  --wds-color-blue-300: #a8caff;
200
201
  --wds-color-blue-250: #80b1ff;
201
202
  --wds-color-blue-200: #5999ff;
package/all.scss CHANGED
@@ -255,6 +255,7 @@
255
255
  --wds-color-blue-600: #f4f7ff;
256
256
  --wds-color-blue-500: #e7f0ff;
257
257
  --wds-color-blue-400: #d6e6fe;
258
+ --wds-color-blue-350: #D1DCFF;
258
259
  --wds-color-blue-300: #a8caff;
259
260
  --wds-color-blue-250: #80b1ff;
260
261
  --wds-color-blue-200: #5999ff;
package/all.st.css CHANGED
@@ -372,6 +372,7 @@
372
372
  @property st-global(--wds-color-blue-200);
373
373
  @property st-global(--wds-color-blue-250);
374
374
  @property st-global(--wds-color-blue-300);
375
+ @property st-global(--wds-color-blue-350);
375
376
  @property st-global(--wds-color-blue-400);
376
377
  @property st-global(--wds-color-blue-500);
377
378
  @property st-global(--wds-color-blue-600);
@@ -2445,6 +2446,7 @@
2445
2446
  --wds-color-blue-200: #5999ff;
2446
2447
  --wds-color-blue-250: #80b1ff;
2447
2448
  --wds-color-blue-300: #a8caff;
2449
+ --wds-color-blue-350: #D1DCFF;
2448
2450
  --wds-color-blue-400: #d6e6fe;
2449
2451
  --wds-color-blue-500: #e7f0ff;
2450
2452
  --wds-color-blue-600: #f4f7ff;
package/foundation.st.css CHANGED
@@ -63,6 +63,7 @@
63
63
  @property st-global(--wds-color-blue-200);
64
64
  @property st-global(--wds-color-blue-250);
65
65
  @property st-global(--wds-color-blue-300);
66
+ @property st-global(--wds-color-blue-350);
66
67
  @property st-global(--wds-color-blue-400);
67
68
  @property st-global(--wds-color-blue-500);
68
69
  @property st-global(--wds-color-blue-600);
@@ -293,6 +294,7 @@
293
294
  --wds-color-blue-200: #5999ff;
294
295
  --wds-color-blue-250: #80b1ff;
295
296
  --wds-color-blue-300: #a8caff;
297
+ --wds-color-blue-350: #D1DCFF;
296
298
  --wds-color-blue-400: #d6e6fe;
297
299
  --wds-color-blue-500: #e7f0ff;
298
300
  --wds-color-blue-600: #f4f7ff;
package/odeditor/all.css CHANGED
@@ -211,6 +211,7 @@
211
211
  --wds-color-blue-600: #f5f7ff;
212
212
  --wds-color-blue-500: #eaefff;
213
213
  --wds-color-blue-400: #d5dfff;
214
+ --wds-color-blue-350: #40506C;
214
215
  --wds-color-blue-300: #acbeff;
215
216
  --wds-color-blue-250: #7896ff;
216
217
  --wds-color-blue-200: #597dff;
@@ -1703,7 +1704,7 @@
1703
1704
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1704
1705
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1705
1706
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1706
- --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1707
+ --wds-loader-fill: var(--wds-color-fill-dark-secondary);
1707
1708
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1708
1709
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1709
1710
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
package/odeditor/all.scss CHANGED
@@ -287,6 +287,7 @@
287
287
  --wds-color-blue-600: #f5f7ff;
288
288
  --wds-color-blue-500: #eaefff;
289
289
  --wds-color-blue-400: #d5dfff;
290
+ --wds-color-blue-350: #40506C;
290
291
  --wds-color-blue-300: #acbeff;
291
292
  --wds-color-blue-250: #7896ff;
292
293
  --wds-color-blue-200: #597dff;
@@ -1692,7 +1693,7 @@
1692
1693
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1693
1694
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1694
1695
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1695
- --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1696
+ --wds-loader-fill: var(--wds-color-fill-dark-secondary);
1696
1697
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1697
1698
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1698
1699
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
package/odeditor/all.st.css CHANGED
@@ -366,6 +366,7 @@
366
366
  @property st-global(--wds-color-blue-200);
367
367
  @property st-global(--wds-color-blue-250);
368
368
  @property st-global(--wds-color-blue-300);
369
+ @property st-global(--wds-color-blue-350);
369
370
  @property st-global(--wds-color-blue-400);
370
371
  @property st-global(--wds-color-blue-500);
371
372
  @property st-global(--wds-color-blue-600);
@@ -2392,6 +2393,7 @@
2392
2393
  --wds-color-blue-200: #597dff;
2393
2394
  --wds-color-blue-250: #7896ff;
2394
2395
  --wds-color-blue-300: #acbeff;
2396
+ --wds-color-blue-350: #40506C;
2395
2397
  --wds-color-blue-400: #d5dfff;
2396
2398
  --wds-color-blue-500: #eaefff;
2397
2399
  --wds-color-blue-600: #f5f7ff;
@@ -3234,7 +3236,7 @@
3234
3236
  --wds-list-item-select-suffix-pressed: #1c3fe5;
3235
3237
  --wds-list-item-select-title: #151414;
3236
3238
  --wds-list-item-select-title-disabled: #a8a6a5;
3237
- --wds-loader-fill: #d5dfff;
3239
+ --wds-loader-fill: #f0efef;
3238
3240
  --wds-loader-fill-error: #df3336;
3239
3241
  --wds-loader-fill-light: #ffffff;
3240
3242
  --wds-loader-fill-loading: #0f2ccf;
package/odeditor/component.st.css CHANGED
@@ -1960,7 +1960,7 @@
1960
1960
  --wds-list-item-select-suffix-pressed: #1c3fe5;
1961
1961
  --wds-list-item-select-title: #151414;
1962
1962
  --wds-list-item-select-title-disabled: #a8a6a5;
1963
- --wds-loader-fill: #d5dfff;
1963
+ --wds-loader-fill: #f0efef;
1964
1964
  --wds-loader-fill-error: #df3336;
1965
1965
  --wds-loader-fill-light: #ffffff;
1966
1966
  --wds-loader-fill-loading: #0f2ccf;
package/odeditor/foundation.st.css CHANGED
@@ -62,6 +62,7 @@
62
62
  @property st-global(--wds-color-blue-200);
63
63
  @property st-global(--wds-color-blue-250);
64
64
  @property st-global(--wds-color-blue-300);
65
+ @property st-global(--wds-color-blue-350);
65
66
  @property st-global(--wds-color-blue-400);
66
67
  @property st-global(--wds-color-blue-500);
67
68
  @property st-global(--wds-color-blue-600);
@@ -293,6 +294,7 @@
293
294
  --wds-color-blue-200: #597dff;
294
295
  --wds-color-blue-250: #7896ff;
295
296
  --wds-color-blue-300: #acbeff;
297
+ --wds-color-blue-350: #40506C;
296
298
  --wds-color-blue-400: #d5dfff;
297
299
  --wds-color-blue-500: #eaefff;
298
300
  --wds-color-blue-600: #f5f7ff;
package/odeditor-dark/all.css CHANGED
@@ -163,17 +163,17 @@
163
163
  --wds-color-yellow-100: #FFCB62;
164
164
  --wds-color-yellow-50: #FEDB9A;
165
165
  --wds-color-yellow-0: #FEF6ED;
166
- --wds-color-white-transparent-80: rgba(44, 45, 48, .8);
167
- --wds-color-white-transparent-70: rgba(44, 45, 48, .7);
168
- --wds-color-white-transparent-60: rgba(44, 45, 48, .6);
169
- --wds-color-white-transparent-50: rgba(44, 45, 48, .5);
170
- --wds-color-white-transparent-30: rgba(44, 45, 48, .3);
171
- --wds-color-white-transparent-20: rgba(44, 45, 48, .2);
172
- --wds-color-white-transparent-12: rgba(44, 45, 48, .12);
173
- --wds-color-white-transparent-10: rgba(44, 45, 48, .1);
174
- --wds-color-white-transparent-5: rgba(44, 45, 48, .05);
175
- --wds-color-white-transparent-1: rgba(44, 45, 48, .01);
176
- --wds-color-white-transparent-0: rgba(44, 45, 48, 0);
166
+ --wds-color-white-transparent-80: rgba(0, 0, 0, .8);
167
+ --wds-color-white-transparent-70: rgba(0, 0, 0, .7);
168
+ --wds-color-white-transparent-60: rgba(0, 0, 0, .6);
169
+ --wds-color-white-transparent-50: rgba(0, 0, 0, .5);
170
+ --wds-color-white-transparent-30: rgba(0, 0, 0, .3);
171
+ --wds-color-white-transparent-20: rgba(0, 0, 0, .2);
172
+ --wds-color-white-transparent-12: rgba(0, 0, 0, .12);
173
+ --wds-color-white-transparent-10: rgba(0, 0, 0, .1);
174
+ --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
175
+ --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
176
+ --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
177
177
  --wds-color-white: #2C2D30;
178
178
  --wds-color-red-600: #380D0E;
179
179
  --wds-color-red-500: #4D2324;
@@ -231,11 +231,11 @@
231
231
  --wds-color-black-300-transparent-20: rgba(168, 166, 165, 0.2);
232
232
  --wds-color-black-300-transparent-18: rgba(168, 166, 165, 0.18);
233
233
  --wds-color-black-300-transparent-0: rgba(168, 166, 165, 0);
234
- --wds-color-black-200-transparent-70: rgba(168, 166, 165, .7);
235
- --wds-color-black-200-transparent-60: rgba(168, 166, 165, .6);
236
- --wds-color-black-200-transparent-50: rgba(168, 166, 165, .5);
237
- --wds-color-black-200-transparent-20: rgba(168, 166, 165, .2);
238
- --wds-color-black-200-transparent-0: rgba(168, 166, 165, 0);
234
+ --wds-color-black-200-transparent-70: rgba(212, 211, 210, .7);
235
+ --wds-color-black-200-transparent-60: rgba(212, 211, 210, .6);
236
+ --wds-color-black-200-transparent-50: rgba(212, 211, 210, .5);
237
+ --wds-color-black-200-transparent-20: rgba(212, 211, 210, .2);
238
+ --wds-color-black-200-transparent-0: rgba(212, 211, 210, 0);
239
239
  --wds-color-black-100-transparent-70: rgba(255, 255, 255, .7);
240
240
  --wds-color-black-100-transparent-50: rgba(255, 255, 255, .5);
241
241
  --wds-color-black-100-transparent-40: rgba(255, 255, 255, .4);
@@ -310,6 +310,8 @@
310
310
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
311
311
  --wds-toggle-button-shadow-blur-secondary: 1.7px;
312
312
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
313
+ --wds-toggle-button-inner-shadow-fill-secondary: #404040;
314
+ --wds-toggle-button-inner-shadow-fill-primary: #333333;
313
315
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
314
316
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
315
317
  --wds-tabs-selection-height: 3px;
@@ -852,8 +854,6 @@
852
854
  --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-25);
853
855
  --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-25);
854
856
  --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-25);
855
- --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white);
856
- --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white);
857
857
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-blue-400);
858
858
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-black-700);
859
859
  --wds-toggle-button-fill-standard-selected: var(--wds-color-blue-500);
@@ -1705,7 +1705,7 @@
1705
1705
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1706
1706
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1707
1707
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1708
- --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1708
+ --wds-loader-fill: var(--wds-color-fill-dark-secondary);
1709
1709
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1710
1710
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1711
1711
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
package/odeditor-dark/all.scss CHANGED
@@ -25,6 +25,8 @@
25
25
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
26
26
  --wds-toggle-button-shadow-blur-secondary: 1.7px;
27
27
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
28
+ --wds-toggle-button-inner-shadow-fill-secondary: #404040;
29
+ --wds-toggle-button-inner-shadow-fill-primary: #333333;
28
30
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
29
31
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
30
32
  --wds-tabs-selection-height: 3px;
@@ -175,17 +177,17 @@
175
177
  --wds-color-yellow-100: #FFCB62;
176
178
  --wds-color-yellow-50: #FEDB9A;
177
179
  --wds-color-yellow-0: #FEF6ED;
178
- --wds-color-white-transparent-80: rgba(44, 45, 48, .8);
179
- --wds-color-white-transparent-70: rgba(44, 45, 48, .7);
180
- --wds-color-white-transparent-60: rgba(44, 45, 48, .6);
181
- --wds-color-white-transparent-50: rgba(44, 45, 48, .5);
182
- --wds-color-white-transparent-30: rgba(44, 45, 48, .3);
183
- --wds-color-white-transparent-20: rgba(44, 45, 48, .2);
184
- --wds-color-white-transparent-12: rgba(44, 45, 48, .12);
185
- --wds-color-white-transparent-10: rgba(44, 45, 48, .1);
186
- --wds-color-white-transparent-5: rgba(44, 45, 48, .05);
187
- --wds-color-white-transparent-1: rgba(44, 45, 48, .01);
188
- --wds-color-white-transparent-0: rgba(44, 45, 48, 0);
180
+ --wds-color-white-transparent-80: rgba(0, 0, 0, .8);
181
+ --wds-color-white-transparent-70: rgba(0, 0, 0, .7);
182
+ --wds-color-white-transparent-60: rgba(0, 0, 0, .6);
183
+ --wds-color-white-transparent-50: rgba(0, 0, 0, .5);
184
+ --wds-color-white-transparent-30: rgba(0, 0, 0, .3);
185
+ --wds-color-white-transparent-20: rgba(0, 0, 0, .2);
186
+ --wds-color-white-transparent-12: rgba(0, 0, 0, .12);
187
+ --wds-color-white-transparent-10: rgba(0, 0, 0, .1);
188
+ --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
189
+ --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
190
+ --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
189
191
  --wds-color-white: #2C2D30;
190
192
  --wds-color-text-stage-section: #6f56f9;
191
193
  --wds-color-red-600: #380D0E;
@@ -314,11 +316,11 @@
314
316
  --wds-color-black-300-transparent-18: rgba(168, 166, 165, 0.18);
315
317
  --wds-color-black-300-transparent-0: rgba(168, 166, 165, 0);
316
318
  --wds-color-black-300: #A8A6A5;
317
- --wds-color-black-200-transparent-70: rgba(168, 166, 165, .7);
318
- --wds-color-black-200-transparent-60: rgba(168, 166, 165, .6);
319
- --wds-color-black-200-transparent-50: rgba(168, 166, 165, .5);
320
- --wds-color-black-200-transparent-20: rgba(168, 166, 165, .2);
321
- --wds-color-black-200-transparent-0: rgba(168, 166, 165, 0);
319
+ --wds-color-black-200-transparent-70: rgba(212, 211, 210, .7);
320
+ --wds-color-black-200-transparent-60: rgba(212, 211, 210, .6);
321
+ --wds-color-black-200-transparent-50: rgba(212, 211, 210, .5);
322
+ --wds-color-black-200-transparent-20: rgba(212, 211, 210, .2);
323
+ --wds-color-black-200-transparent-0: rgba(212, 211, 210, 0);
322
324
  --wds-color-black-200: #D4D3D2;
323
325
  --wds-color-black-100-transparent-70: rgba(255, 255, 255, .7);
324
326
  --wds-color-black-100-transparent-50: rgba(255, 255, 255, .5);
@@ -441,8 +443,6 @@
441
443
  --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-25);
442
444
  --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-25);
443
445
  --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-25);
444
- --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white);
445
- --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white);
446
446
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-blue-400);
447
447
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-black-700);
448
448
  --wds-toggle-button-fill-standard-selected: var(--wds-color-blue-500);
@@ -1694,7 +1694,7 @@
1694
1694
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1695
1695
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1696
1696
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1697
- --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1697
+ --wds-loader-fill: var(--wds-color-fill-dark-secondary);
1698
1698
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1699
1699
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1700
1700
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
package/odeditor-dark/all.st.css CHANGED
@@ -2152,7 +2152,7 @@
2152
2152
  --wds-border-width-varied: 0px;
2153
2153
  --wds-breadcrumbs-border-radius: 2px;
2154
2154
  --wds-breadcrumbs-font-size-small: 12px;
2155
- --wds-breadcrumbs-on-dark-fill-hover: rgba(44, 45, 48, .3);
2155
+ --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
2156
2156
  --wds-breadcrumbs-on-grey-fill-hover: #2C2D30;
2157
2157
  --wds-breadcrumbs-on-white-fill-hover: #353534;
2158
2158
  --wds-breadcrumbs-padding-horizontal-large: 16px;
@@ -2190,19 +2190,19 @@
2190
2190
  --wds-button-border-standard-secondary-hover: #485B7E;
2191
2191
  --wds-button-border-width-secondary-hover: 1px;
2192
2192
  --wds-button-fill-dark-primary-disabled: #353534;
2193
- --wds-button-fill-dark-secondary: rgba(44, 45, 48, 0);
2193
+ --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
2194
2194
  --wds-button-fill-dark-secondary-active: #666565;
2195
2195
  --wds-button-fill-dark-secondary-disabled: #353534;
2196
2196
  --wds-button-fill-dark-secondary-hover: #353534;
2197
2197
  --wds-button-fill-destructive-primary-disabled: #353534;
2198
- --wds-button-fill-destructive-secondary: rgba(44, 45, 48, 0);
2198
+ --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
2199
2199
  --wds-button-fill-destructive-secondary-active: #A6464B;
2200
2200
  --wds-button-fill-destructive-secondary-disabled: #353534;
2201
2201
  --wds-button-fill-destructive-secondary-hover: #4D2324;
2202
2202
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
2203
2203
  --wds-button-fill-gradient-hover-secondary: #B1CCFF;
2204
2204
  --wds-button-fill-premium-primary-disabled: #353534;
2205
- --wds-button-fill-premium-secondary: rgba(44, 45, 48, 0);
2205
+ --wds-button-fill-premium-secondary: rgba(0, 0, 0, 0);
2206
2206
  --wds-button-fill-premium-secondary-active: #343F53;
2207
2207
  --wds-button-fill-premium-secondary-disabled: #353534;
2208
2208
  --wds-button-fill-premium-secondary-hover: #212328;
@@ -2210,7 +2210,7 @@
2210
2210
  --wds-button-fill-standard-primary-active: #E0E7FF;
2211
2211
  --wds-button-fill-standard-primary-disabled: #353534;
2212
2212
  --wds-button-fill-standard-primary-hover: #B1CCFF;
2213
- --wds-button-fill-standard-secondary: rgba(44, 45, 48, 0);
2213
+ --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
2214
2214
  --wds-button-fill-standard-secondary-active: #343F53;
2215
2215
  --wds-button-fill-standard-secondary-disabled: #353534;
2216
2216
  --wds-button-fill-standard-secondary-hover: #212328;
@@ -2281,7 +2281,7 @@
2281
2281
  --wds-card-gallery-item-content-margin-vertical: 0px;
2282
2282
  --wds-card-gallery-item-fill: #2C2D30;
2283
2283
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
2284
- --wds-card-gallery-item-overlay-fill: rgba(168, 166, 165, .5);
2284
+ --wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
2285
2285
  --wds-card-gallery-item-padding-left-medium: 18px;
2286
2286
  --wds-card-gallery-item-padding-left-small: 12px;
2287
2287
  --wds-card-gallery-item-padding-right-medium: 24px;
@@ -2315,7 +2315,7 @@
2315
2315
  --wds-checkbox-fill-hover: #111214;
2316
2316
  --wds-checkbox-group-gap-vertical: 12px;
2317
2317
  --wds-checkbox-icon: #2C2D30;
2318
- --wds-checkbox-icon-disabled: rgba(44, 45, 48, .7);
2318
+ --wds-checkbox-icon-disabled: rgba(0, 0, 0, .7);
2319
2319
  --wds-checkbox-label-disabled: #878685;
2320
2320
  --wds-checkbox-label-font-line-height-medium: 18px;
2321
2321
  --wds-checkbox-label-font-line-height-small: 16px;
@@ -2370,11 +2370,11 @@
2370
2370
  --wds-color-black-100-transparent-50: rgba(255, 255, 255, .5);
2371
2371
  --wds-color-black-100-transparent-70: rgba(255, 255, 255, .7);
2372
2372
  --wds-color-black-200: #D4D3D2;
2373
- --wds-color-black-200-transparent-0: rgba(168, 166, 165, 0);
2374
- --wds-color-black-200-transparent-20: rgba(168, 166, 165, .2);
2375
- --wds-color-black-200-transparent-50: rgba(168, 166, 165, .5);
2376
- --wds-color-black-200-transparent-60: rgba(168, 166, 165, .6);
2377
- --wds-color-black-200-transparent-70: rgba(168, 166, 165, .7);
2373
+ --wds-color-black-200-transparent-0: rgba(212, 211, 210, 0);
2374
+ --wds-color-black-200-transparent-20: rgba(212, 211, 210, .2);
2375
+ --wds-color-black-200-transparent-50: rgba(212, 211, 210, .5);
2376
+ --wds-color-black-200-transparent-60: rgba(212, 211, 210, .6);
2377
+ --wds-color-black-200-transparent-70: rgba(212, 211, 210, .7);
2378
2378
  --wds-color-black-300: #A8A6A5;
2379
2379
  --wds-color-black-300-transparent-0: rgba(168, 166, 165, 0);
2380
2380
  --wds-color-black-300-transparent-18: rgba(168, 166, 165, 0.18);
@@ -2421,12 +2421,12 @@
2421
2421
  --wds-color-border-destructive-tertiary-active: #A6464B;
2422
2422
  --wds-color-border-destructive-tertiary-disabled: rgba(255, 255, 255, .1);
2423
2423
  --wds-color-border-destructive-tertiary-hover: #4D2324;
2424
- --wds-color-border-light: rgba(44, 45, 48, .5);
2424
+ --wds-color-border-light: rgba(0, 0, 0, .5);
2425
2425
  --wds-color-border-light-active: #2C2D30;
2426
- --wds-color-border-light-disabled: rgba(44, 45, 48, .3);
2427
- --wds-color-border-light-hover: rgba(44, 45, 48, .7);
2426
+ --wds-color-border-light-disabled: rgba(0, 0, 0, .3);
2427
+ --wds-color-border-light-hover: rgba(0, 0, 0, .7);
2428
2428
  --wds-color-border-light-primary-active: #2C2D30;
2429
- --wds-color-border-light-primary-disabled: rgba(44, 45, 48, .3);
2429
+ --wds-color-border-light-primary-disabled: rgba(0, 0, 0, .3);
2430
2430
  --wds-color-border-premium-primary: #485B7E;
2431
2431
  --wds-color-border-premium-primary-active: #82B0FF;
2432
2432
  --wds-color-border-premium-primary-disabled: rgba(255, 255, 255, .1);
@@ -2546,23 +2546,23 @@
2546
2546
  --wds-color-fill-destructive-tertiary-hover: #4D2324;
2547
2547
  --wds-color-fill-light-primary: #2C2D30;
2548
2548
  --wds-color-fill-light-primary-active: #343F53;
2549
- --wds-color-fill-light-primary-disabled: rgba(44, 45, 48, .3);
2549
+ --wds-color-fill-light-primary-disabled: rgba(0, 0, 0, .3);
2550
2550
  --wds-color-fill-light-primary-hover: #212328;
2551
- --wds-color-fill-light-secondary: rgba(44, 45, 48, 0);
2551
+ --wds-color-fill-light-secondary: rgba(0, 0, 0, 0);
2552
2552
  --wds-color-fill-light-secondary-active: #343F53;
2553
- --wds-color-fill-light-secondary-disabled: rgba(44, 45, 48, 0);
2553
+ --wds-color-fill-light-secondary-disabled: rgba(0, 0, 0, 0);
2554
2554
  --wds-color-fill-light-secondary-hover: #212328;
2555
2555
  --wds-color-fill-light-tertiary: #2C2D30;
2556
2556
  --wds-color-fill-light-tertiary-active: #343F53;
2557
- --wds-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
2557
+ --wds-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
2558
2558
  --wds-color-fill-light-tertiary-hover: #212328;
2559
2559
  --wds-color-fill-premium-light-primary: #2C2D30;
2560
2560
  --wds-color-fill-premium-light-primary-active: #343F53;
2561
- --wds-color-fill-premium-light-primary-disabled: rgba(44, 45, 48, .3);
2561
+ --wds-color-fill-premium-light-primary-disabled: rgba(0, 0, 0, .3);
2562
2562
  --wds-color-fill-premium-light-primary-hover: #212328;
2563
- --wds-color-fill-premium-light-secondary: rgba(44, 45, 48, 0);
2563
+ --wds-color-fill-premium-light-secondary: rgba(0, 0, 0, 0);
2564
2564
  --wds-color-fill-premium-light-secondary-active: #343F53;
2565
- --wds-color-fill-premium-light-secondary-disabled: rgba(44, 45, 48, 0);
2565
+ --wds-color-fill-premium-light-secondary-disabled: rgba(0, 0, 0, 0);
2566
2566
  --wds-color-fill-premium-light-secondary-hover: #212328;
2567
2567
  --wds-color-fill-premium-primary: #82B0FF;
2568
2568
  --wds-color-fill-premium-primary-active: #E0E7FF;
@@ -2638,11 +2638,11 @@
2638
2638
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
2639
2639
  --wds-color-fill-standard-light-primary: #5B78A9;
2640
2640
  --wds-color-fill-standard-light-primary-active: #6F94D4;
2641
- --wds-color-fill-standard-light-primary-disabled: rgba(44, 45, 48, .3);
2641
+ --wds-color-fill-standard-light-primary-disabled: rgba(0, 0, 0, .3);
2642
2642
  --wds-color-fill-standard-light-primary-hover: #5B78A9;
2643
2643
  --wds-color-fill-standard-light-secondary: #2C2D30;
2644
2644
  --wds-color-fill-standard-light-secondary-active: #6F94D4;
2645
- --wds-color-fill-standard-light-secondary-disabled: rgba(44, 45, 48, .3);
2645
+ --wds-color-fill-standard-light-secondary-disabled: rgba(0, 0, 0, .3);
2646
2646
  --wds-color-fill-standard-light-secondary-hover: #5B78A9;
2647
2647
  --wds-color-fill-standard-primary: #82B0FF;
2648
2648
  --wds-color-fill-standard-primary-active: #E0E7FF;
@@ -2673,7 +2673,7 @@
2673
2673
  --wds-color-fill-surface-default: #2C2D30;
2674
2674
  --wds-color-fill-surface-destructive: #4D2324;
2675
2675
  --wds-color-fill-surface-modal: #2C2D30;
2676
- --wds-color-fill-surface-modal-backdrop: rgba(168, 166, 165, .5);
2676
+ --wds-color-fill-surface-modal-backdrop: rgba(212, 211, 210, .5);
2677
2677
  --wds-color-fill-surface-neutral: #212122;
2678
2678
  --wds-color-fill-surface-overlay: #2C2D30;
2679
2679
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
@@ -2683,26 +2683,26 @@
2683
2683
  --wds-color-fill-surface-success: #264B43;
2684
2684
  --wds-color-fill-surface-sunken: #212122;
2685
2685
  --wds-color-fill-surface-warning: #6F502B;
2686
- --wds-color-fill-transparent-neutral-primary: rgba(168, 166, 165, .5);
2687
- --wds-color-fill-transparent-neutral-primary-active: rgba(168, 166, 165, .7);
2686
+ --wds-color-fill-transparent-neutral-primary: rgba(212, 211, 210, .5);
2687
+ --wds-color-fill-transparent-neutral-primary-active: rgba(212, 211, 210, .7);
2688
2688
  --wds-color-fill-transparent-neutral-primary-disabled: rgba(255, 255, 255, .2);
2689
- --wds-color-fill-transparent-neutral-primary-hover: rgba(168, 166, 165, .6);
2690
- --wds-color-fill-transparent-neutral-secondary: rgba(168, 166, 165, 0);
2691
- --wds-color-fill-transparent-neutral-secondary-active: rgba(168, 166, 165, .7);
2692
- --wds-color-fill-transparent-neutral-secondary-disabled: rgba(168, 166, 165, 0);
2693
- --wds-color-fill-transparent-neutral-secondary-hover: rgba(168, 166, 165, .6);
2689
+ --wds-color-fill-transparent-neutral-primary-hover: rgba(212, 211, 210, .6);
2690
+ --wds-color-fill-transparent-neutral-secondary: rgba(212, 211, 210, 0);
2691
+ --wds-color-fill-transparent-neutral-secondary-active: rgba(212, 211, 210, .7);
2692
+ --wds-color-fill-transparent-neutral-secondary-disabled: rgba(212, 211, 210, 0);
2693
+ --wds-color-fill-transparent-neutral-secondary-hover: rgba(212, 211, 210, .6);
2694
2694
  --wds-color-fill-transparent-neutral-tertiary: rgba(255, 255, 255, 0);
2695
2695
  --wds-color-fill-transparent-neutral-tertiary-active: rgba(255, 255, 255, .5);
2696
2696
  --wds-color-fill-transparent-neutral-tertiary-disabled: rgba(255, 255, 255, 0);
2697
2697
  --wds-color-fill-transparent-neutral-tertiary-hover: rgba(255, 255, 255, .5);
2698
- --wds-color-fill-transparent-primary: rgba(168, 166, 165, .5);
2699
- --wds-color-fill-transparent-primary-active: rgba(168, 166, 165, .7);
2698
+ --wds-color-fill-transparent-primary: rgba(212, 211, 210, .5);
2699
+ --wds-color-fill-transparent-primary-active: rgba(212, 211, 210, .7);
2700
2700
  --wds-color-fill-transparent-primary-disabled: rgba(255, 255, 255, .2);
2701
- --wds-color-fill-transparent-primary-hover: rgba(168, 166, 165, .6);
2702
- --wds-color-fill-transparent-secondary: rgba(168, 166, 165, 0);
2703
- --wds-color-fill-transparent-secondary-active: rgba(168, 166, 165, .7);
2704
- --wds-color-fill-transparent-secondary-disabled: rgba(168, 166, 165, 0);
2705
- --wds-color-fill-transparent-secondary-hover: rgba(168, 166, 165, .6);
2701
+ --wds-color-fill-transparent-primary-hover: rgba(212, 211, 210, .6);
2702
+ --wds-color-fill-transparent-secondary: rgba(212, 211, 210, 0);
2703
+ --wds-color-fill-transparent-secondary-active: rgba(212, 211, 210, .7);
2704
+ --wds-color-fill-transparent-secondary-disabled: rgba(212, 211, 210, 0);
2705
+ --wds-color-fill-transparent-secondary-hover: rgba(212, 211, 210, .6);
2706
2706
  --wds-color-fill-transparent-tertiary: rgba(255, 255, 255, 0);
2707
2707
  --wds-color-fill-transparent-tertiary-active: rgba(255, 255, 255, .5);
2708
2708
  --wds-color-fill-transparent-tertiary-disabled: rgba(255, 255, 255, 0);
@@ -2777,7 +2777,7 @@
2777
2777
  --wds-color-red-600: #380D0E;
2778
2778
  --wds-color-text-destructive: #FF7680;
2779
2779
  --wds-color-text-disabled: #878685;
2780
- --wds-color-text-disabled-light: rgba(44, 45, 48, .7);
2780
+ --wds-color-text-disabled-light: rgba(0, 0, 0, .7);
2781
2781
  --wds-color-text-highlight: #343F53;
2782
2782
  --wds-color-text-placeholder: #A09E9D;
2783
2783
  --wds-color-text-placeholder-light: #A09E9D;
@@ -2794,17 +2794,17 @@
2794
2794
  --wds-color-text-urgent: #FF8044;
2795
2795
  --wds-color-text-warning: #FFCB62;
2796
2796
  --wds-color-white: #2C2D30;
2797
- --wds-color-white-transparent-0: rgba(44, 45, 48, 0);
2798
- --wds-color-white-transparent-1: rgba(44, 45, 48, .01);
2799
- --wds-color-white-transparent-5: rgba(44, 45, 48, .05);
2800
- --wds-color-white-transparent-10: rgba(44, 45, 48, .1);
2801
- --wds-color-white-transparent-12: rgba(44, 45, 48, .12);
2802
- --wds-color-white-transparent-20: rgba(44, 45, 48, .2);
2803
- --wds-color-white-transparent-30: rgba(44, 45, 48, .3);
2804
- --wds-color-white-transparent-50: rgba(44, 45, 48, .5);
2805
- --wds-color-white-transparent-60: rgba(44, 45, 48, .6);
2806
- --wds-color-white-transparent-70: rgba(44, 45, 48, .7);
2807
- --wds-color-white-transparent-80: rgba(44, 45, 48, .8);
2797
+ --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
2798
+ --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
2799
+ --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
2800
+ --wds-color-white-transparent-10: rgba(0, 0, 0, .1);
2801
+ --wds-color-white-transparent-12: rgba(0, 0, 0, .12);
2802
+ --wds-color-white-transparent-20: rgba(0, 0, 0, .2);
2803
+ --wds-color-white-transparent-30: rgba(0, 0, 0, .3);
2804
+ --wds-color-white-transparent-50: rgba(0, 0, 0, .5);
2805
+ --wds-color-white-transparent-60: rgba(0, 0, 0, .6);
2806
+ --wds-color-white-transparent-70: rgba(0, 0, 0, .7);
2807
+ --wds-color-white-transparent-80: rgba(0, 0, 0, .8);
2808
2808
  --wds-color-yellow-0: #FEF6ED;
2809
2809
  --wds-color-yellow-50: #FEDB9A;
2810
2810
  --wds-color-yellow-100: #FFCB62;
@@ -2960,10 +2960,10 @@
2960
2960
  --wds-icon-button-color-border-dark-secondary-active: #454544;
2961
2961
  --wds-icon-button-color-border-dark-secondary-disabled: #353534;
2962
2962
  --wds-icon-button-color-border-dark-secondary-hover: #454544;
2963
- --wds-icon-button-color-border-light-secondary: rgba(44, 45, 48, .5);
2963
+ --wds-icon-button-color-border-light-secondary: rgba(0, 0, 0, .5);
2964
2964
  --wds-icon-button-color-border-light-secondary-active: #2C2D30;
2965
2965
  --wds-icon-button-color-border-light-secondary-disabled: #353534;
2966
- --wds-icon-button-color-border-light-secondary-hover: rgba(44, 45, 48, .7);
2966
+ --wds-icon-button-color-border-light-secondary-hover: rgba(0, 0, 0, .7);
2967
2967
  --wds-icon-button-color-border-premium-secondary: #485B7E;
2968
2968
  --wds-icon-button-color-border-premium-secondary-active: #485B7E;
2969
2969
  --wds-icon-button-color-border-premium-secondary-disabled: #353534;
@@ -2975,25 +2975,25 @@
2975
2975
  --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
2976
2976
  --wds-icon-button-color-fill-dark-primary-disabled: #353534;
2977
2977
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
2978
- --wds-icon-button-color-fill-dark-secondary: rgba(44, 45, 48, 0);
2978
+ --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
2979
2979
  --wds-icon-button-color-fill-dark-secondary-active: #353534;
2980
2980
  --wds-icon-button-color-fill-dark-secondary-disabled: #353534;
2981
2981
  --wds-icon-button-color-fill-dark-secondary-hover: #212122;
2982
- --wds-icon-button-color-fill-dark-tertiary: rgba(44, 45, 48, 0);
2982
+ --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
2983
2983
  --wds-icon-button-color-fill-dark-tertiary-active: #353534;
2984
- --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(44, 45, 48, 0);
2984
+ --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
2985
2985
  --wds-icon-button-color-fill-dark-tertiary-hover: #212122;
2986
2986
  --wds-icon-button-color-fill-light-primary: #2C2D30;
2987
2987
  --wds-icon-button-color-fill-light-primary-active: #343F53;
2988
2988
  --wds-icon-button-color-fill-light-primary-disabled: #353534;
2989
2989
  --wds-icon-button-color-fill-light-primary-hover: #212328;
2990
- --wds-icon-button-color-fill-light-secondary: rgba(44, 45, 48, 0);
2990
+ --wds-icon-button-color-fill-light-secondary: rgba(0, 0, 0, 0);
2991
2991
  --wds-icon-button-color-fill-light-secondary-active: #343F53;
2992
2992
  --wds-icon-button-color-fill-light-secondary-disabled: #353534;
2993
2993
  --wds-icon-button-color-fill-light-secondary-hover: #212328;
2994
- --wds-icon-button-color-fill-light-tertiary: rgba(44, 45, 48, 0);
2994
+ --wds-icon-button-color-fill-light-tertiary: rgba(0, 0, 0, 0);
2995
2995
  --wds-icon-button-color-fill-light-tertiary-active: #343F53;
2996
- --wds-icon-button-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
2996
+ --wds-icon-button-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
2997
2997
  --wds-icon-button-color-fill-light-tertiary-hover: #212328;
2998
2998
  --wds-icon-button-color-fill-premium-primary: #82B0FF;
2999
2999
  --wds-icon-button-color-fill-premium-primary-active: #E0E7FF;
@@ -3015,9 +3015,9 @@
3015
3015
  --wds-icon-button-color-fill-standard-secondary-active: #343F53;
3016
3016
  --wds-icon-button-color-fill-standard-secondary-disabled: #353534;
3017
3017
  --wds-icon-button-color-fill-standard-secondary-hover: #212328;
3018
- --wds-icon-button-color-fill-standard-tertiary: rgba(44, 45, 48, 0);
3018
+ --wds-icon-button-color-fill-standard-tertiary: rgba(0, 0, 0, 0);
3019
3019
  --wds-icon-button-color-fill-standard-tertiary-active: #343F53;
3020
- --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(44, 45, 48, 0);
3020
+ --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
3021
3021
  --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
3022
3022
  --wds-icon-button-color-text-dark-primary: #2C2D30;
3023
3023
  --wds-icon-button-color-text-dark-primary-active: #2C2D30;
@@ -3041,7 +3041,7 @@
3041
3041
  --wds-icon-button-color-text-light-secondary-hover: #E0E7FF;
3042
3042
  --wds-icon-button-color-text-light-tertiary: #2C2D30;
3043
3043
  --wds-icon-button-color-text-light-tertiary-active: #E0E7FF;
3044
- --wds-icon-button-color-text-light-tertiary-disabled: rgba(44, 45, 48, .7);
3044
+ --wds-icon-button-color-text-light-tertiary-disabled: rgba(0, 0, 0, .7);
3045
3045
  --wds-icon-button-color-text-light-tertiary-hover: #E0E7FF;
3046
3046
  --wds-icon-button-color-text-premium-primary: #2C2D30;
3047
3047
  --wds-icon-button-color-text-premium-primary-active: #2C2D30;
@@ -3074,7 +3074,7 @@
3074
3074
  --wds-inner-shadow-blur-input: 3px;
3075
3075
  --wds-inner-shadow-blur-primary: 2px;
3076
3076
  --wds-inner-shadow-blur-secondary: 2px;
3077
- --wds-inner-shadow-fill-input: rgba(44, 45, 48, .5);
3077
+ --wds-inner-shadow-fill-input: rgba(0, 0, 0, .5);
3078
3078
  --wds-inner-shadow-fill-primary: #2C2D30;
3079
3079
  --wds-inner-shadow-fill-secondary: #2C2D30;
3080
3080
  --wds-inner-shadow-fill-track: rgba(255, 255, 255, .2);
@@ -3236,7 +3236,7 @@
3236
3236
  --wds-list-item-select-suffix-pressed: #B1CCFF;
3237
3237
  --wds-list-item-select-title: #FFFFFF;
3238
3238
  --wds-list-item-select-title-disabled: #878685;
3239
- --wds-loader-fill: #343F53;
3239
+ --wds-loader-fill: #353534;
3240
3240
  --wds-loader-fill-error: #FF7680;
3241
3241
  --wds-loader-fill-light: #2C2D30;
3242
3242
  --wds-loader-fill-loading: #E0E7FF;
@@ -3260,7 +3260,7 @@
3260
3260
  --wds-mobile-modal-footer-padding-horizontal: 24px;
3261
3261
  --wds-mobile-modal-footer-padding-vertical: 24px;
3262
3262
  --wds-multiselect-icon-fill: #D4D3D2;
3263
- --wds-nestable-list-fill: rgba(44, 45, 48, 0);
3263
+ --wds-nestable-list-fill: rgba(0, 0, 0, 0);
3264
3264
  --wds-nestable-list-paddings: 8px;
3265
3265
  --wds-notification-fill-error: #D34D55;
3266
3266
  --wds-notification-fill-premium: #8b2df5;
@@ -3386,7 +3386,7 @@
3386
3386
  --wds-segmented-toggle-fill: #212122;
3387
3387
  --wds-segmented-toggle-fill-default: #2C2D30;
3388
3388
  --wds-segmented-toggle-fill-disabled: #212122;
3389
- --wds-segmented-toggle-fill-hover: rgba(44, 45, 48, 0);
3389
+ --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
3390
3390
  --wds-segmented-toggle-fill-selected: #2C2D30;
3391
3391
  --wds-segmented-toggle-fill-selected-disabled: #2C2D30;
3392
3392
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
@@ -3414,7 +3414,7 @@
3414
3414
  --wds-select-area-border-radius: 4px;
3415
3415
  --wds-select-area-fill: #212122;
3416
3416
  --wds-select-area-fill-active: #343F53;
3417
- --wds-select-area-fill-disabled: rgba(44, 45, 48, 0);
3417
+ --wds-select-area-fill-disabled: rgba(0, 0, 0, 0);
3418
3418
  --wds-select-area-fill-hover: #353534;
3419
3419
  --wds-select-area-padding-horizontal: 16px;
3420
3420
  --wds-select-area-padding-vertical: 12px;
@@ -3502,7 +3502,7 @@
3502
3502
  --wds-shadow-focus-spread: 0;
3503
3503
  --wds-shadow-focus-standard: 0 0 0 3px #485B7E;
3504
3504
  --wds-shadow-focus-warning: 0 0 0 #946933;
3505
- --wds-shadow-inner-100: 1px 1px 2px rgba(255, 255, 255, .1) inset, 1px 1px 2px rgba(44, 45, 48, .1);
3505
+ --wds-shadow-inner-100: 1px 1px 2px rgba(255, 255, 255, .1) inset, 1px 1px 2px rgba(0, 0, 0, .1);
3506
3506
  --wds-shadow-inner-200: 1px 1px 4px rgba(255, 255, 255, .2) inset;
3507
3507
  --wds-shadow-inner-300: 0 0 18px rgba(255, 255, 255, .1) inset, 0 0 6px rgba(255, 255, 255, .05) inset;
3508
3508
  --wds-shadow-inner-300-bottom: 0 -22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset;
@@ -3571,7 +3571,7 @@
3571
3571
  --wds-side-panel-floating-title-font-line-height: 24px;
3572
3572
  --wds-side-panel-floating-title-font-size: 16px;
3573
3573
  --wds-side-panel-footer-background-blur: 0px;
3574
- --wds-side-panel-footer-border-fill: rgba(44, 45, 48, 0);
3574
+ --wds-side-panel-footer-border-fill: rgba(0, 0, 0, 0);
3575
3575
  --wds-side-panel-footer-border-width: 0px;
3576
3576
  --wds-side-panel-footer-divider-height: 0;
3577
3577
  --wds-side-panel-footer-fill: #2C2D30;
@@ -3808,8 +3808,8 @@
3808
3808
  --wds-thumbnail-border-width-hover: 1px;
3809
3809
  --wds-thumbnail-border-width-selected: 2px;
3810
3810
  --wds-thumbnail-checkmark-disabled: #666565;
3811
- --wds-thumbnail-fill: rgba(44, 45, 48, 0);
3812
- --wds-thumbnail-fill-hover: rgba(44, 45, 48, 0);
3811
+ --wds-thumbnail-fill: rgba(0, 0, 0, 0);
3812
+ --wds-thumbnail-fill-hover: rgba(0, 0, 0, 0);
3813
3813
  --wds-thumbnail-gap: 12px;
3814
3814
  --wds-thumbnail-illustration-fill-1: #5B78A9;
3815
3815
  --wds-thumbnail-illustration-fill-2: #82B0FF;
@@ -3827,14 +3827,14 @@
3827
3827
  --wds-toast-background-fill: #FFFFFF;
3828
3828
  --wds-toast-horizontal-padding: 12px;
3829
3829
  --wds-toast-vertical-padding: 8px;
3830
- --wds-toggle-button-border-color-dark: rgba(44, 45, 48, 0);
3831
- --wds-toggle-button-border-color-dark-disabled: rgba(44, 45, 48, 0);
3832
- --wds-toggle-button-border-color-dark-hover: rgba(44, 45, 48, 0);
3833
- --wds-toggle-button-border-color-inverted: rgba(44, 45, 48, 0);
3834
- --wds-toggle-button-border-color-inverted-disabled: rgba(44, 45, 48, 0);
3835
- --wds-toggle-button-border-color-inverted-hover: rgba(44, 45, 48, 0);
3836
- --wds-toggle-button-border-color-standard: rgba(44, 45, 48, 0);
3837
- --wds-toggle-button-border-color-standard-disabled: rgba(44, 45, 48, 0);
3830
+ --wds-toggle-button-border-color-dark: rgba(0, 0, 0, 0);
3831
+ --wds-toggle-button-border-color-dark-disabled: rgba(0, 0, 0, 0);
3832
+ --wds-toggle-button-border-color-dark-hover: rgba(0, 0, 0, 0);
3833
+ --wds-toggle-button-border-color-inverted: rgba(0, 0, 0, 0);
3834
+ --wds-toggle-button-border-color-inverted-disabled: rgba(0, 0, 0, 0);
3835
+ --wds-toggle-button-border-color-inverted-hover: rgba(0, 0, 0, 0);
3836
+ --wds-toggle-button-border-color-standard: rgba(0, 0, 0, 0);
3837
+ --wds-toggle-button-border-color-standard-disabled: rgba(0, 0, 0, 0);
3838
3838
  --wds-toggle-button-border-color-standard-hover: #485B7E;
3839
3839
  --wds-toggle-button-border-radius-square-large: 8px;
3840
3840
  --wds-toggle-button-border-radius-square-medium: 8px;
@@ -3863,8 +3863,8 @@
3863
3863
  --wds-toggle-button-fill-standard-selected-hover: #343F53;
3864
3864
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
3865
3865
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
3866
- --wds-toggle-button-inner-shadow-fill-primary: #2C2D30;
3867
- --wds-toggle-button-inner-shadow-fill-secondary: #2C2D30;
3866
+ --wds-toggle-button-inner-shadow-fill-primary: #333333;
3867
+ --wds-toggle-button-inner-shadow-fill-secondary: #404040;
3868
3868
  --wds-toggle-button-inner-shadow-x-primary: 1px;
3869
3869
  --wds-toggle-button-inner-shadow-x-secondary: 1px;
3870
3870
  --wds-toggle-button-inner-shadow-y-primary: 1px;
package/odeditor-dark/component.st.css CHANGED
@@ -1402,7 +1402,7 @@
1402
1402
  --wds-badge-size-tiny: 20px;
1403
1403
  --wds-breadcrumbs-border-radius: 2px;
1404
1404
  --wds-breadcrumbs-font-size-small: 12px;
1405
- --wds-breadcrumbs-on-dark-fill-hover: rgba(44, 45, 48, .3);
1405
+ --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
1406
1406
  --wds-breadcrumbs-on-grey-fill-hover: #2C2D30;
1407
1407
  --wds-breadcrumbs-on-white-fill-hover: #353534;
1408
1408
  --wds-breadcrumbs-padding-horizontal-large: 16px;
@@ -1436,19 +1436,19 @@
1436
1436
  --wds-button-border-standard-secondary-hover: #485B7E;
1437
1437
  --wds-button-border-width-secondary-hover: 1px;
1438
1438
  --wds-button-fill-dark-primary-disabled: #353534;
1439
- --wds-button-fill-dark-secondary: rgba(44, 45, 48, 0);
1439
+ --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
1440
1440
  --wds-button-fill-dark-secondary-active: #666565;
1441
1441
  --wds-button-fill-dark-secondary-disabled: #353534;
1442
1442
  --wds-button-fill-dark-secondary-hover: #353534;
1443
1443
  --wds-button-fill-destructive-primary-disabled: #353534;
1444
- --wds-button-fill-destructive-secondary: rgba(44, 45, 48, 0);
1444
+ --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
1445
1445
  --wds-button-fill-destructive-secondary-active: #A6464B;
1446
1446
  --wds-button-fill-destructive-secondary-disabled: #353534;
1447
1447
  --wds-button-fill-destructive-secondary-hover: #4D2324;
1448
1448
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
1449
1449
  --wds-button-fill-gradient-hover-secondary: #B1CCFF;
1450
1450
  --wds-button-fill-premium-primary-disabled: #353534;
1451
- --wds-button-fill-premium-secondary: rgba(44, 45, 48, 0);
1451
+ --wds-button-fill-premium-secondary: rgba(0, 0, 0, 0);
1452
1452
  --wds-button-fill-premium-secondary-active: #343F53;
1453
1453
  --wds-button-fill-premium-secondary-disabled: #353534;
1454
1454
  --wds-button-fill-premium-secondary-hover: #212328;
@@ -1456,7 +1456,7 @@
1456
1456
  --wds-button-fill-standard-primary-active: #E0E7FF;
1457
1457
  --wds-button-fill-standard-primary-disabled: #353534;
1458
1458
  --wds-button-fill-standard-primary-hover: #B1CCFF;
1459
- --wds-button-fill-standard-secondary: rgba(44, 45, 48, 0);
1459
+ --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
1460
1460
  --wds-button-fill-standard-secondary-active: #343F53;
1461
1461
  --wds-button-fill-standard-secondary-disabled: #353534;
1462
1462
  --wds-button-fill-standard-secondary-hover: #212328;
@@ -1527,7 +1527,7 @@
1527
1527
  --wds-card-gallery-item-content-margin-vertical: 0px;
1528
1528
  --wds-card-gallery-item-fill: #2C2D30;
1529
1529
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
1530
- --wds-card-gallery-item-overlay-fill: rgba(168, 166, 165, .5);
1530
+ --wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
1531
1531
  --wds-card-gallery-item-padding-left-medium: 18px;
1532
1532
  --wds-card-gallery-item-padding-left-small: 12px;
1533
1533
  --wds-card-gallery-item-padding-right-medium: 24px;
@@ -1561,7 +1561,7 @@
1561
1561
  --wds-checkbox-fill-hover: #111214;
1562
1562
  --wds-checkbox-group-gap-vertical: 12px;
1563
1563
  --wds-checkbox-icon: #2C2D30;
1564
- --wds-checkbox-icon-disabled: rgba(44, 45, 48, .7);
1564
+ --wds-checkbox-icon-disabled: rgba(0, 0, 0, .7);
1565
1565
  --wds-checkbox-label-disabled: #878685;
1566
1566
  --wds-checkbox-label-font-line-height-medium: 18px;
1567
1567
  --wds-checkbox-label-font-line-height-small: 16px;
@@ -1697,10 +1697,10 @@
1697
1697
  --wds-icon-button-color-border-dark-secondary-active: #454544;
1698
1698
  --wds-icon-button-color-border-dark-secondary-disabled: #353534;
1699
1699
  --wds-icon-button-color-border-dark-secondary-hover: #454544;
1700
- --wds-icon-button-color-border-light-secondary: rgba(44, 45, 48, .5);
1700
+ --wds-icon-button-color-border-light-secondary: rgba(0, 0, 0, .5);
1701
1701
  --wds-icon-button-color-border-light-secondary-active: #2C2D30;
1702
1702
  --wds-icon-button-color-border-light-secondary-disabled: #353534;
1703
- --wds-icon-button-color-border-light-secondary-hover: rgba(44, 45, 48, .7);
1703
+ --wds-icon-button-color-border-light-secondary-hover: rgba(0, 0, 0, .7);
1704
1704
  --wds-icon-button-color-border-premium-secondary: #485B7E;
1705
1705
  --wds-icon-button-color-border-premium-secondary-active: #485B7E;
1706
1706
  --wds-icon-button-color-border-premium-secondary-disabled: #353534;
@@ -1712,25 +1712,25 @@
1712
1712
  --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
1713
1713
  --wds-icon-button-color-fill-dark-primary-disabled: #353534;
1714
1714
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
1715
- --wds-icon-button-color-fill-dark-secondary: rgba(44, 45, 48, 0);
1715
+ --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
1716
1716
  --wds-icon-button-color-fill-dark-secondary-active: #353534;
1717
1717
  --wds-icon-button-color-fill-dark-secondary-disabled: #353534;
1718
1718
  --wds-icon-button-color-fill-dark-secondary-hover: #212122;
1719
- --wds-icon-button-color-fill-dark-tertiary: rgba(44, 45, 48, 0);
1719
+ --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
1720
1720
  --wds-icon-button-color-fill-dark-tertiary-active: #353534;
1721
- --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(44, 45, 48, 0);
1721
+ --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
1722
1722
  --wds-icon-button-color-fill-dark-tertiary-hover: #212122;
1723
1723
  --wds-icon-button-color-fill-light-primary: #2C2D30;
1724
1724
  --wds-icon-button-color-fill-light-primary-active: #343F53;
1725
1725
  --wds-icon-button-color-fill-light-primary-disabled: #353534;
1726
1726
  --wds-icon-button-color-fill-light-primary-hover: #212328;
1727
- --wds-icon-button-color-fill-light-secondary: rgba(44, 45, 48, 0);
1727
+ --wds-icon-button-color-fill-light-secondary: rgba(0, 0, 0, 0);
1728
1728
  --wds-icon-button-color-fill-light-secondary-active: #343F53;
1729
1729
  --wds-icon-button-color-fill-light-secondary-disabled: #353534;
1730
1730
  --wds-icon-button-color-fill-light-secondary-hover: #212328;
1731
- --wds-icon-button-color-fill-light-tertiary: rgba(44, 45, 48, 0);
1731
+ --wds-icon-button-color-fill-light-tertiary: rgba(0, 0, 0, 0);
1732
1732
  --wds-icon-button-color-fill-light-tertiary-active: #343F53;
1733
- --wds-icon-button-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
1733
+ --wds-icon-button-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
1734
1734
  --wds-icon-button-color-fill-light-tertiary-hover: #212328;
1735
1735
  --wds-icon-button-color-fill-premium-primary: #82B0FF;
1736
1736
  --wds-icon-button-color-fill-premium-primary-active: #E0E7FF;
@@ -1752,9 +1752,9 @@
1752
1752
  --wds-icon-button-color-fill-standard-secondary-active: #343F53;
1753
1753
  --wds-icon-button-color-fill-standard-secondary-disabled: #353534;
1754
1754
  --wds-icon-button-color-fill-standard-secondary-hover: #212328;
1755
- --wds-icon-button-color-fill-standard-tertiary: rgba(44, 45, 48, 0);
1755
+ --wds-icon-button-color-fill-standard-tertiary: rgba(0, 0, 0, 0);
1756
1756
  --wds-icon-button-color-fill-standard-tertiary-active: #343F53;
1757
- --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(44, 45, 48, 0);
1757
+ --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
1758
1758
  --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
1759
1759
  --wds-icon-button-color-text-dark-primary: #2C2D30;
1760
1760
  --wds-icon-button-color-text-dark-primary-active: #2C2D30;
@@ -1778,7 +1778,7 @@
1778
1778
  --wds-icon-button-color-text-light-secondary-hover: #E0E7FF;
1779
1779
  --wds-icon-button-color-text-light-tertiary: #2C2D30;
1780
1780
  --wds-icon-button-color-text-light-tertiary-active: #E0E7FF;
1781
- --wds-icon-button-color-text-light-tertiary-disabled: rgba(44, 45, 48, .7);
1781
+ --wds-icon-button-color-text-light-tertiary-disabled: rgba(0, 0, 0, .7);
1782
1782
  --wds-icon-button-color-text-light-tertiary-hover: #E0E7FF;
1783
1783
  --wds-icon-button-color-text-premium-primary: #2C2D30;
1784
1784
  --wds-icon-button-color-text-premium-primary-active: #2C2D30;
@@ -1960,7 +1960,7 @@
1960
1960
  --wds-list-item-select-suffix-pressed: #B1CCFF;
1961
1961
  --wds-list-item-select-title: #FFFFFF;
1962
1962
  --wds-list-item-select-title-disabled: #878685;
1963
- --wds-loader-fill: #343F53;
1963
+ --wds-loader-fill: #353534;
1964
1964
  --wds-loader-fill-error: #FF7680;
1965
1965
  --wds-loader-fill-light: #2C2D30;
1966
1966
  --wds-loader-fill-loading: #E0E7FF;
@@ -1984,7 +1984,7 @@
1984
1984
  --wds-mobile-modal-footer-padding-horizontal: 24px;
1985
1985
  --wds-mobile-modal-footer-padding-vertical: 24px;
1986
1986
  --wds-multiselect-icon-fill: #D4D3D2;
1987
- --wds-nestable-list-fill: rgba(44, 45, 48, 0);
1987
+ --wds-nestable-list-fill: rgba(0, 0, 0, 0);
1988
1988
  --wds-nestable-list-paddings: 8px;
1989
1989
  --wds-notification-fill-error: #D34D55;
1990
1990
  --wds-notification-fill-premium: #8b2df5;
@@ -2110,7 +2110,7 @@
2110
2110
  --wds-segmented-toggle-fill: #212122;
2111
2111
  --wds-segmented-toggle-fill-default: #2C2D30;
2112
2112
  --wds-segmented-toggle-fill-disabled: #212122;
2113
- --wds-segmented-toggle-fill-hover: rgba(44, 45, 48, 0);
2113
+ --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
2114
2114
  --wds-segmented-toggle-fill-selected: #2C2D30;
2115
2115
  --wds-segmented-toggle-fill-selected-disabled: #2C2D30;
2116
2116
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
@@ -2138,7 +2138,7 @@
2138
2138
  --wds-select-area-border-radius: 4px;
2139
2139
  --wds-select-area-fill: #212122;
2140
2140
  --wds-select-area-fill-active: #343F53;
2141
- --wds-select-area-fill-disabled: rgba(44, 45, 48, 0);
2141
+ --wds-select-area-fill-disabled: rgba(0, 0, 0, 0);
2142
2142
  --wds-select-area-fill-hover: #353534;
2143
2143
  --wds-select-area-padding-horizontal: 16px;
2144
2144
  --wds-select-area-padding-vertical: 12px;
@@ -2186,7 +2186,7 @@
2186
2186
  --wds-side-panel-floating-title-font-line-height: 24px;
2187
2187
  --wds-side-panel-floating-title-font-size: 16px;
2188
2188
  --wds-side-panel-footer-background-blur: 0px;
2189
- --wds-side-panel-footer-border-fill: rgba(44, 45, 48, 0);
2189
+ --wds-side-panel-footer-border-fill: rgba(0, 0, 0, 0);
2190
2190
  --wds-side-panel-footer-border-width: 0px;
2191
2191
  --wds-side-panel-footer-divider-height: 0;
2192
2192
  --wds-side-panel-footer-fill: #2C2D30;
@@ -2378,8 +2378,8 @@
2378
2378
  --wds-thumbnail-border-width-hover: 1px;
2379
2379
  --wds-thumbnail-border-width-selected: 2px;
2380
2380
  --wds-thumbnail-checkmark-disabled: #666565;
2381
- --wds-thumbnail-fill: rgba(44, 45, 48, 0);
2382
- --wds-thumbnail-fill-hover: rgba(44, 45, 48, 0);
2381
+ --wds-thumbnail-fill: rgba(0, 0, 0, 0);
2382
+ --wds-thumbnail-fill-hover: rgba(0, 0, 0, 0);
2383
2383
  --wds-thumbnail-gap: 12px;
2384
2384
  --wds-thumbnail-illustration-fill-1: #5B78A9;
2385
2385
  --wds-thumbnail-illustration-fill-2: #82B0FF;
@@ -2397,14 +2397,14 @@
2397
2397
  --wds-toast-background-fill: #FFFFFF;
2398
2398
  --wds-toast-horizontal-padding: 12px;
2399
2399
  --wds-toast-vertical-padding: 8px;
2400
- --wds-toggle-button-border-color-dark: rgba(44, 45, 48, 0);
2401
- --wds-toggle-button-border-color-dark-disabled: rgba(44, 45, 48, 0);
2402
- --wds-toggle-button-border-color-dark-hover: rgba(44, 45, 48, 0);
2403
- --wds-toggle-button-border-color-inverted: rgba(44, 45, 48, 0);
2404
- --wds-toggle-button-border-color-inverted-disabled: rgba(44, 45, 48, 0);
2405
- --wds-toggle-button-border-color-inverted-hover: rgba(44, 45, 48, 0);
2406
- --wds-toggle-button-border-color-standard: rgba(44, 45, 48, 0);
2407
- --wds-toggle-button-border-color-standard-disabled: rgba(44, 45, 48, 0);
2400
+ --wds-toggle-button-border-color-dark: rgba(0, 0, 0, 0);
2401
+ --wds-toggle-button-border-color-dark-disabled: rgba(0, 0, 0, 0);
2402
+ --wds-toggle-button-border-color-dark-hover: rgba(0, 0, 0, 0);
2403
+ --wds-toggle-button-border-color-inverted: rgba(0, 0, 0, 0);
2404
+ --wds-toggle-button-border-color-inverted-disabled: rgba(0, 0, 0, 0);
2405
+ --wds-toggle-button-border-color-inverted-hover: rgba(0, 0, 0, 0);
2406
+ --wds-toggle-button-border-color-standard: rgba(0, 0, 0, 0);
2407
+ --wds-toggle-button-border-color-standard-disabled: rgba(0, 0, 0, 0);
2408
2408
  --wds-toggle-button-border-color-standard-hover: #485B7E;
2409
2409
  --wds-toggle-button-border-radius-square-large: 8px;
2410
2410
  --wds-toggle-button-border-radius-square-medium: 8px;
@@ -2433,8 +2433,8 @@
2433
2433
  --wds-toggle-button-fill-standard-selected-hover: #343F53;
2434
2434
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
2435
2435
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
2436
- --wds-toggle-button-inner-shadow-fill-primary: #2C2D30;
2437
- --wds-toggle-button-inner-shadow-fill-secondary: #2C2D30;
2436
+ --wds-toggle-button-inner-shadow-fill-primary: #333333;
2437
+ --wds-toggle-button-inner-shadow-fill-secondary: #404040;
2438
2438
  --wds-toggle-button-inner-shadow-x-primary: 1px;
2439
2439
  --wds-toggle-button-inner-shadow-x-secondary: 1px;
2440
2440
  --wds-toggle-button-inner-shadow-y-primary: 1px;
package/odeditor-dark/foundation.st.css CHANGED
@@ -271,11 +271,11 @@
271
271
  --wds-color-black-100-transparent-50: rgba(255, 255, 255, .5);
272
272
  --wds-color-black-100-transparent-70: rgba(255, 255, 255, .7);
273
273
  --wds-color-black-200: #D4D3D2;
274
- --wds-color-black-200-transparent-0: rgba(168, 166, 165, 0);
275
- --wds-color-black-200-transparent-20: rgba(168, 166, 165, .2);
276
- --wds-color-black-200-transparent-50: rgba(168, 166, 165, .5);
277
- --wds-color-black-200-transparent-60: rgba(168, 166, 165, .6);
278
- --wds-color-black-200-transparent-70: rgba(168, 166, 165, .7);
274
+ --wds-color-black-200-transparent-0: rgba(212, 211, 210, 0);
275
+ --wds-color-black-200-transparent-20: rgba(212, 211, 210, .2);
276
+ --wds-color-black-200-transparent-50: rgba(212, 211, 210, .5);
277
+ --wds-color-black-200-transparent-60: rgba(212, 211, 210, .6);
278
+ --wds-color-black-200-transparent-70: rgba(212, 211, 210, .7);
279
279
  --wds-color-black-300: #A8A6A5;
280
280
  --wds-color-black-300-transparent-0: rgba(168, 166, 165, 0);
281
281
  --wds-color-black-300-transparent-18: rgba(168, 166, 165, 0.18);
@@ -340,17 +340,17 @@
340
340
  --wds-color-red-500: #4D2324;
341
341
  --wds-color-red-600: #380D0E;
342
342
  --wds-color-white: #2C2D30;
343
- --wds-color-white-transparent-0: rgba(44, 45, 48, 0);
344
- --wds-color-white-transparent-1: rgba(44, 45, 48, .01);
345
- --wds-color-white-transparent-5: rgba(44, 45, 48, .05);
346
- --wds-color-white-transparent-10: rgba(44, 45, 48, .1);
347
- --wds-color-white-transparent-12: rgba(44, 45, 48, .12);
348
- --wds-color-white-transparent-20: rgba(44, 45, 48, .2);
349
- --wds-color-white-transparent-30: rgba(44, 45, 48, .3);
350
- --wds-color-white-transparent-50: rgba(44, 45, 48, .5);
351
- --wds-color-white-transparent-60: rgba(44, 45, 48, .6);
352
- --wds-color-white-transparent-70: rgba(44, 45, 48, .7);
353
- --wds-color-white-transparent-80: rgba(44, 45, 48, .8);
343
+ --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
344
+ --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
345
+ --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
346
+ --wds-color-white-transparent-10: rgba(0, 0, 0, .1);
347
+ --wds-color-white-transparent-12: rgba(0, 0, 0, .12);
348
+ --wds-color-white-transparent-20: rgba(0, 0, 0, .2);
349
+ --wds-color-white-transparent-30: rgba(0, 0, 0, .3);
350
+ --wds-color-white-transparent-50: rgba(0, 0, 0, .5);
351
+ --wds-color-white-transparent-60: rgba(0, 0, 0, .6);
352
+ --wds-color-white-transparent-70: rgba(0, 0, 0, .7);
353
+ --wds-color-white-transparent-80: rgba(0, 0, 0, .8);
354
354
  --wds-color-yellow-0: #FEF6ED;
355
355
  --wds-color-yellow-50: #FEDB9A;
356
356
  --wds-color-yellow-100: #FFCB62;
@@ -400,7 +400,7 @@
400
400
  --wds-shadow-blur-400: 20px;
401
401
  --wds-shadow-blur-500: 20px;
402
402
  --wds-shadow-blur-800: 30px;
403
- --wds-shadow-inner-100: 1px 1px 2px rgba(255, 255, 255, .1) inset, 1px 1px 2px rgba(44, 45, 48, .1);
403
+ --wds-shadow-inner-100: 1px 1px 2px rgba(255, 255, 255, .1) inset, 1px 1px 2px rgba(0, 0, 0, .1);
404
404
  --wds-shadow-inner-200: 1px 1px 4px rgba(255, 255, 255, .2) inset;
405
405
  --wds-shadow-inner-300: 0 0 18px rgba(255, 255, 255, .1) inset, 0 0 6px rgba(255, 255, 255, .05) inset;
406
406
  --wds-shadow-inner-300-bottom: 0 -22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset;
package/odeditor-dark/semantic.st.css CHANGED
@@ -519,12 +519,12 @@
519
519
  --wds-color-border-destructive-tertiary-active: #A6464B;
520
520
  --wds-color-border-destructive-tertiary-disabled: rgba(255, 255, 255, .1);
521
521
  --wds-color-border-destructive-tertiary-hover: #4D2324;
522
- --wds-color-border-light: rgba(44, 45, 48, .5);
522
+ --wds-color-border-light: rgba(0, 0, 0, .5);
523
523
  --wds-color-border-light-active: #2C2D30;
524
- --wds-color-border-light-disabled: rgba(44, 45, 48, .3);
525
- --wds-color-border-light-hover: rgba(44, 45, 48, .7);
524
+ --wds-color-border-light-disabled: rgba(0, 0, 0, .3);
525
+ --wds-color-border-light-hover: rgba(0, 0, 0, .7);
526
526
  --wds-color-border-light-primary-active: #2C2D30;
527
- --wds-color-border-light-primary-disabled: rgba(44, 45, 48, .3);
527
+ --wds-color-border-light-primary-disabled: rgba(0, 0, 0, .3);
528
528
  --wds-color-border-premium-primary: #485B7E;
529
529
  --wds-color-border-premium-primary-active: #82B0FF;
530
530
  --wds-color-border-premium-primary-disabled: rgba(255, 255, 255, .1);
@@ -644,23 +644,23 @@
644
644
  --wds-color-fill-destructive-tertiary-hover: #4D2324;
645
645
  --wds-color-fill-light-primary: #2C2D30;
646
646
  --wds-color-fill-light-primary-active: #343F53;
647
- --wds-color-fill-light-primary-disabled: rgba(44, 45, 48, .3);
647
+ --wds-color-fill-light-primary-disabled: rgba(0, 0, 0, .3);
648
648
  --wds-color-fill-light-primary-hover: #212328;
649
- --wds-color-fill-light-secondary: rgba(44, 45, 48, 0);
649
+ --wds-color-fill-light-secondary: rgba(0, 0, 0, 0);
650
650
  --wds-color-fill-light-secondary-active: #343F53;
651
- --wds-color-fill-light-secondary-disabled: rgba(44, 45, 48, 0);
651
+ --wds-color-fill-light-secondary-disabled: rgba(0, 0, 0, 0);
652
652
  --wds-color-fill-light-secondary-hover: #212328;
653
653
  --wds-color-fill-light-tertiary: #2C2D30;
654
654
  --wds-color-fill-light-tertiary-active: #343F53;
655
- --wds-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
655
+ --wds-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
656
656
  --wds-color-fill-light-tertiary-hover: #212328;
657
657
  --wds-color-fill-premium-light-primary: #2C2D30;
658
658
  --wds-color-fill-premium-light-primary-active: #343F53;
659
- --wds-color-fill-premium-light-primary-disabled: rgba(44, 45, 48, .3);
659
+ --wds-color-fill-premium-light-primary-disabled: rgba(0, 0, 0, .3);
660
660
  --wds-color-fill-premium-light-primary-hover: #212328;
661
- --wds-color-fill-premium-light-secondary: rgba(44, 45, 48, 0);
661
+ --wds-color-fill-premium-light-secondary: rgba(0, 0, 0, 0);
662
662
  --wds-color-fill-premium-light-secondary-active: #343F53;
663
- --wds-color-fill-premium-light-secondary-disabled: rgba(44, 45, 48, 0);
663
+ --wds-color-fill-premium-light-secondary-disabled: rgba(0, 0, 0, 0);
664
664
  --wds-color-fill-premium-light-secondary-hover: #212328;
665
665
  --wds-color-fill-premium-primary: #82B0FF;
666
666
  --wds-color-fill-premium-primary-active: #E0E7FF;
@@ -736,11 +736,11 @@
736
736
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
737
737
  --wds-color-fill-standard-light-primary: #5B78A9;
738
738
  --wds-color-fill-standard-light-primary-active: #6F94D4;
739
- --wds-color-fill-standard-light-primary-disabled: rgba(44, 45, 48, .3);
739
+ --wds-color-fill-standard-light-primary-disabled: rgba(0, 0, 0, .3);
740
740
  --wds-color-fill-standard-light-primary-hover: #5B78A9;
741
741
  --wds-color-fill-standard-light-secondary: #2C2D30;
742
742
  --wds-color-fill-standard-light-secondary-active: #6F94D4;
743
- --wds-color-fill-standard-light-secondary-disabled: rgba(44, 45, 48, .3);
743
+ --wds-color-fill-standard-light-secondary-disabled: rgba(0, 0, 0, .3);
744
744
  --wds-color-fill-standard-light-secondary-hover: #5B78A9;
745
745
  --wds-color-fill-standard-primary: #82B0FF;
746
746
  --wds-color-fill-standard-primary-active: #E0E7FF;
@@ -771,7 +771,7 @@
771
771
  --wds-color-fill-surface-default: #2C2D30;
772
772
  --wds-color-fill-surface-destructive: #4D2324;
773
773
  --wds-color-fill-surface-modal: #2C2D30;
774
- --wds-color-fill-surface-modal-backdrop: rgba(168, 166, 165, .5);
774
+ --wds-color-fill-surface-modal-backdrop: rgba(212, 211, 210, .5);
775
775
  --wds-color-fill-surface-neutral: #212122;
776
776
  --wds-color-fill-surface-overlay: #2C2D30;
777
777
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
@@ -781,26 +781,26 @@
781
781
  --wds-color-fill-surface-success: #264B43;
782
782
  --wds-color-fill-surface-sunken: #212122;
783
783
  --wds-color-fill-surface-warning: #6F502B;
784
- --wds-color-fill-transparent-neutral-primary: rgba(168, 166, 165, .5);
785
- --wds-color-fill-transparent-neutral-primary-active: rgba(168, 166, 165, .7);
784
+ --wds-color-fill-transparent-neutral-primary: rgba(212, 211, 210, .5);
785
+ --wds-color-fill-transparent-neutral-primary-active: rgba(212, 211, 210, .7);
786
786
  --wds-color-fill-transparent-neutral-primary-disabled: rgba(255, 255, 255, .2);
787
- --wds-color-fill-transparent-neutral-primary-hover: rgba(168, 166, 165, .6);
788
- --wds-color-fill-transparent-neutral-secondary: rgba(168, 166, 165, 0);
789
- --wds-color-fill-transparent-neutral-secondary-active: rgba(168, 166, 165, .7);
790
- --wds-color-fill-transparent-neutral-secondary-disabled: rgba(168, 166, 165, 0);
791
- --wds-color-fill-transparent-neutral-secondary-hover: rgba(168, 166, 165, .6);
787
+ --wds-color-fill-transparent-neutral-primary-hover: rgba(212, 211, 210, .6);
788
+ --wds-color-fill-transparent-neutral-secondary: rgba(212, 211, 210, 0);
789
+ --wds-color-fill-transparent-neutral-secondary-active: rgba(212, 211, 210, .7);
790
+ --wds-color-fill-transparent-neutral-secondary-disabled: rgba(212, 211, 210, 0);
791
+ --wds-color-fill-transparent-neutral-secondary-hover: rgba(212, 211, 210, .6);
792
792
  --wds-color-fill-transparent-neutral-tertiary: rgba(255, 255, 255, 0);
793
793
  --wds-color-fill-transparent-neutral-tertiary-active: rgba(255, 255, 255, .5);
794
794
  --wds-color-fill-transparent-neutral-tertiary-disabled: rgba(255, 255, 255, 0);
795
795
  --wds-color-fill-transparent-neutral-tertiary-hover: rgba(255, 255, 255, .5);
796
- --wds-color-fill-transparent-primary: rgba(168, 166, 165, .5);
797
- --wds-color-fill-transparent-primary-active: rgba(168, 166, 165, .7);
796
+ --wds-color-fill-transparent-primary: rgba(212, 211, 210, .5);
797
+ --wds-color-fill-transparent-primary-active: rgba(212, 211, 210, .7);
798
798
  --wds-color-fill-transparent-primary-disabled: rgba(255, 255, 255, .2);
799
- --wds-color-fill-transparent-primary-hover: rgba(168, 166, 165, .6);
800
- --wds-color-fill-transparent-secondary: rgba(168, 166, 165, 0);
801
- --wds-color-fill-transparent-secondary-active: rgba(168, 166, 165, .7);
802
- --wds-color-fill-transparent-secondary-disabled: rgba(168, 166, 165, 0);
803
- --wds-color-fill-transparent-secondary-hover: rgba(168, 166, 165, .6);
799
+ --wds-color-fill-transparent-primary-hover: rgba(212, 211, 210, .6);
800
+ --wds-color-fill-transparent-secondary: rgba(212, 211, 210, 0);
801
+ --wds-color-fill-transparent-secondary-active: rgba(212, 211, 210, .7);
802
+ --wds-color-fill-transparent-secondary-disabled: rgba(212, 211, 210, 0);
803
+ --wds-color-fill-transparent-secondary-hover: rgba(212, 211, 210, .6);
804
804
  --wds-color-fill-transparent-tertiary: rgba(255, 255, 255, 0);
805
805
  --wds-color-fill-transparent-tertiary-active: rgba(255, 255, 255, .5);
806
806
  --wds-color-fill-transparent-tertiary-disabled: rgba(255, 255, 255, 0);
@@ -831,7 +831,7 @@
831
831
  --wds-color-fill-warning-tertiary-hover: #6F502B;
832
832
  --wds-color-text-destructive: #FF7680;
833
833
  --wds-color-text-disabled: #878685;
834
- --wds-color-text-disabled-light: rgba(44, 45, 48, .7);
834
+ --wds-color-text-disabled-light: rgba(0, 0, 0, .7);
835
835
  --wds-color-text-highlight: #343F53;
836
836
  --wds-color-text-placeholder: #A09E9D;
837
837
  --wds-color-text-placeholder-light: #A09E9D;
@@ -883,7 +883,7 @@
883
883
  --wds-inner-shadow-blur-input: 3px;
884
884
  --wds-inner-shadow-blur-primary: 2px;
885
885
  --wds-inner-shadow-blur-secondary: 2px;
886
- --wds-inner-shadow-fill-input: rgba(44, 45, 48, .5);
886
+ --wds-inner-shadow-fill-input: rgba(0, 0, 0, .5);
887
887
  --wds-inner-shadow-fill-primary: #2C2D30;
888
888
  --wds-inner-shadow-fill-secondary: #2C2D30;
889
889
  --wds-inner-shadow-fill-track: rgba(255, 255, 255, .2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.161.2",
3
+ "version": "1.163.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -34,5 +34,5 @@
34
34
  "author": "augustinasv@wix.com",
35
35
  "description": "Design system tokens",
36
36
  "packageManager": "yarn@3.5.0",
37
- "falconPackageHash": "6fc0a6a561071f001d41565b4420cfc6e08563ba86ab79e55f58747e"
37
+ "falconPackageHash": "013684d8dee79ffeed8df37584b09f361c3d452e925c8cd7d0c62212"
38
38
  }
package/studio/all.css CHANGED
@@ -223,6 +223,7 @@
223
223
  --wds-color-blue-600: #f8faff;
224
224
  --wds-color-blue-500: #ebf2ff;
225
225
  --wds-color-blue-400: #dce9ff;
226
+ --wds-color-blue-350: #D1DCFF;
226
227
  --wds-color-blue-300: #c3daff;
227
228
  --wds-color-blue-250: #7cafff;
228
229
  --wds-color-blue-200: #418aff;
package/studio/all.scss CHANGED
@@ -285,6 +285,7 @@
285
285
  --wds-color-blue-600: #f8faff;
286
286
  --wds-color-blue-500: #ebf2ff;
287
287
  --wds-color-blue-400: #dce9ff;
288
+ --wds-color-blue-350: #D1DCFF;
288
289
  --wds-color-blue-300: #c3daff;
289
290
  --wds-color-blue-250: #7cafff;
290
291
  --wds-color-blue-200: #418aff;
package/studio/all.st.css CHANGED
@@ -371,6 +371,7 @@
371
371
  @property st-global(--wds-color-blue-200);
372
372
  @property st-global(--wds-color-blue-250);
373
373
  @property st-global(--wds-color-blue-300);
374
+ @property st-global(--wds-color-blue-350);
374
375
  @property st-global(--wds-color-blue-400);
375
376
  @property st-global(--wds-color-blue-500);
376
377
  @property st-global(--wds-color-blue-600);
@@ -2437,6 +2438,7 @@
2437
2438
  --wds-color-blue-200: #418aff;
2438
2439
  --wds-color-blue-250: #7cafff;
2439
2440
  --wds-color-blue-300: #c3daff;
2441
+ --wds-color-blue-350: #D1DCFF;
2440
2442
  --wds-color-blue-400: #dce9ff;
2441
2443
  --wds-color-blue-500: #ebf2ff;
2442
2444
  --wds-color-blue-600: #f8faff;
package/studio/foundation.st.css CHANGED
@@ -63,6 +63,7 @@
63
63
  @property st-global(--wds-color-blue-200);
64
64
  @property st-global(--wds-color-blue-250);
65
65
  @property st-global(--wds-color-blue-300);
66
+ @property st-global(--wds-color-blue-350);
66
67
  @property st-global(--wds-color-blue-400);
67
68
  @property st-global(--wds-color-blue-500);
68
69
  @property st-global(--wds-color-blue-600);
@@ -293,6 +294,7 @@
293
294
  --wds-color-blue-200: #418aff;
294
295
  --wds-color-blue-250: #7cafff;
295
296
  --wds-color-blue-300: #c3daff;
297
+ --wds-color-blue-350: #D1DCFF;
296
298
  --wds-color-blue-400: #dce9ff;
297
299
  --wds-color-blue-500: #ebf2ff;
298
300
  --wds-color-blue-600: #f8faff;
package/wixel/all.css CHANGED
@@ -225,6 +225,7 @@
225
225
  --wds-color-blue-600: #f4f6ff;
226
226
  --wds-color-blue-500: #eef0ff;
227
227
  --wds-color-blue-400: #dce2ff;
228
+ --wds-color-blue-350: #D1DCFF;
228
229
  --wds-color-blue-300: #bac4ff;
229
230
  --wds-color-blue-250: #97a7ff;
230
231
  --wds-color-blue-200: #7489ff;
package/wixel/all.scss CHANGED
@@ -284,6 +284,7 @@
284
284
  --wds-color-blue-600: #f4f6ff;
285
285
  --wds-color-blue-500: #eef0ff;
286
286
  --wds-color-blue-400: #dce2ff;
287
+ --wds-color-blue-350: #D1DCFF;
287
288
  --wds-color-blue-300: #bac4ff;
288
289
  --wds-color-blue-250: #97a7ff;
289
290
  --wds-color-blue-200: #7489ff;
package/wixel/all.st.css CHANGED
@@ -354,6 +354,7 @@
354
354
  @property st-global(--wds-color-blue-200);
355
355
  @property st-global(--wds-color-blue-250);
356
356
  @property st-global(--wds-color-blue-300);
357
+ @property st-global(--wds-color-blue-350);
357
358
  @property st-global(--wds-color-blue-400);
358
359
  @property st-global(--wds-color-blue-500);
359
360
  @property st-global(--wds-color-blue-600);
@@ -2369,6 +2370,7 @@
2369
2370
  --wds-color-blue-200: #7489ff;
2370
2371
  --wds-color-blue-250: #97a7ff;
2371
2372
  --wds-color-blue-300: #bac4ff;
2373
+ --wds-color-blue-350: #D1DCFF;
2372
2374
  --wds-color-blue-400: #dce2ff;
2373
2375
  --wds-color-blue-500: #eef0ff;
2374
2376
  --wds-color-blue-600: #f4f6ff;
package/wixel/foundation.st.css CHANGED
@@ -60,6 +60,7 @@
60
60
  @property st-global(--wds-color-blue-200);
61
61
  @property st-global(--wds-color-blue-250);
62
62
  @property st-global(--wds-color-blue-300);
63
+ @property st-global(--wds-color-blue-350);
63
64
  @property st-global(--wds-color-blue-400);
64
65
  @property st-global(--wds-color-blue-500);
65
66
  @property st-global(--wds-color-blue-600);
@@ -285,6 +286,7 @@
285
286
  --wds-color-blue-200: #7489ff;
286
287
  --wds-color-blue-250: #97a7ff;
287
288
  --wds-color-blue-300: #bac4ff;
289
+ --wds-color-blue-350: #D1DCFF;
288
290
  --wds-color-blue-400: #dce2ff;
289
291
  --wds-color-blue-500: #eef0ff;
290
292
  --wds-color-blue-600: #f4f6ff;