@wix/design-system-tokens 1.161.0 → 1.161.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 (27) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +6 -0
  3. package/all.scss +6 -0
  4. package/all.st.css +12 -0
  5. package/component.st.css +8 -0
  6. package/foundation.st.css +4 -0
  7. package/odeditor/all.css +9 -5
  8. package/odeditor/all.scss +9 -5
  9. package/odeditor/all.st.css +20 -12
  10. package/odeditor/component.st.css +16 -8
  11. package/odeditor/semantic.st.css +4 -4
  12. package/odeditor-dark/all.css +114 -109
  13. package/odeditor-dark/all.scss +114 -109
  14. package/odeditor-dark/all.st.css +1014 -1004
  15. package/odeditor-dark/component.st.css +585 -577
  16. package/odeditor-dark/foundation.st.css +104 -102
  17. package/odeditor-dark/semantic.st.css +325 -325
  18. package/package.json +2 -2
  19. package/studio/all.css +13 -7
  20. package/studio/all.scss +13 -7
  21. package/studio/all.st.css +19 -7
  22. package/studio/component.st.css +15 -7
  23. package/studio/foundation.st.css +4 -0
  24. package/wixel/all.css +4 -0
  25. package/wixel/all.scss +4 -0
  26. package/wixel/all.st.css +8 -0
  27. package/wixel/component.st.css +8 -0
package/odeditor-dark/all.css CHANGED
@@ -32,8 +32,16 @@
32
32
  --wds-space-0: 0px;
33
33
  --wds-shadow-spread-secondary-raised: -0.70;
34
34
  --wds-shadow-focus-spread: 0;
35
+ --wds-shadow-fill-secondary-raised: #0006241F;
36
+ --wds-shadow-fill-secondary-overlay: #00000061;
37
+ --wds-shadow-fill-primary-raised: #0006244D;
38
+ --wds-shadow-fill-primary-overlay-dark: #00000052;
39
+ --wds-shadow-fill-primary-overlay: #00000052;
40
+ --wds-shadow-fill-primary-modal: #00000040;
35
41
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
36
42
  --wds-shadow-y-secondary-toggle-button: 1.2px;
43
+ --wds-shadow-y-secondary-overlay: 12;
44
+ --wds-shadow-y-primary-modal: 9;
37
45
  --wds-shadow-y-600: 20px;
38
46
  --wds-shadow-y-350: 10px;
39
47
  --wds-shadow-y-300: 12px;
@@ -147,34 +155,34 @@
147
155
  --wds-color-border-ai-primary-disabled: #ffffff;
148
156
  --wds-color-border-ai-primary-active: #ffffff;
149
157
  --wds-color-border-ai-primary: #ffffff;
150
- --wds-color-yellow-600: #fef6ed;
151
- --wds-color-yellow-500: #fef3e5;
152
- --wds-color-yellow-400: #fdead2;
153
- --wds-color-yellow-300: #fcd29d;
154
- --wds-color-yellow-200: #fabd71;
155
- --wds-color-yellow-100: #f9ad4d;
156
- --wds-color-yellow-50: #e7a047;
157
- --wds-color-yellow-0: #d49341;
158
- --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
159
- --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
160
- --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
161
- --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
162
- --wds-color-white-transparent-30: rgba(255, 255, 255, .3);
163
- --wds-color-white-transparent-20: rgba(255, 255, 255, .2);
164
- --wds-color-white-transparent-12: rgba(255, 255, 255, .12);
165
- --wds-color-white-transparent-10: rgba(255, 255, 255, .1);
166
- --wds-color-white-transparent-5: rgba(255, 255, 255, .05);
167
- --wds-color-white-transparent-1: rgba(255, 255, 255, .01);
168
- --wds-color-white-transparent-0: rgba(255, 255, 255, 0);
169
- --wds-color-white: #ffffff;
170
- --wds-color-red-600: #fcebeb;
171
- --wds-color-red-500: #f9d6d7;
172
- --wds-color-red-400: #f4b8b9;
173
- --wds-color-red-300: #ed8f90;
174
- --wds-color-red-200: #e55c5e;
175
- --wds-color-red-100: #df3336;
176
- --wds-color-red-50: #be2b2e;
177
- --wds-color-red-0: #9c2426;
158
+ --wds-color-yellow-600: #3E2B13;
159
+ --wds-color-yellow-500: #6F502B;
160
+ --wds-color-yellow-400: #946933;
161
+ --wds-color-yellow-300: #C68B40;
162
+ --wds-color-yellow-200: #F9AD4D;
163
+ --wds-color-yellow-100: #FFCB62;
164
+ --wds-color-yellow-50: #FEDB9A;
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);
177
+ --wds-color-white: #2C2D30;
178
+ --wds-color-red-600: #380D0E;
179
+ --wds-color-red-500: #4D2324;
180
+ --wds-color-red-400: #A6464B;
181
+ --wds-color-red-300: #A6464B;
182
+ --wds-color-red-200: #D34D55;
183
+ --wds-color-red-100: #FF7680;
184
+ --wds-color-red-50: #FEBEC0;
185
+ --wds-color-red-0: #F9D6D7;
178
186
  --wds-color-purple-700: #faf0ff;
179
187
  --wds-color-purple-600: #f8f2ff;
180
188
  --wds-color-purple-500: #f1e5fe;
@@ -184,14 +192,14 @@
184
192
  --wds-color-purple-100: #7200f3;
185
193
  --wds-color-purple-50: #6100cf;
186
194
  --wds-color-purple-0: #5000aa;
187
- --wds-color-orange-600: #fdf1ec;
188
- --wds-color-orange-500: #fbe3d9;
189
- --wds-color-orange-400: #fbcfbb;
190
- --wds-color-orange-300: #fda77f;
191
- --wds-color-orange-200: #fe9361;
192
- --wds-color-orange-100: #ff8044;
193
- --wds-color-orange-50: #d96d3a;
194
- --wds-color-orange-0: #ae3e09;
195
+ --wds-color-orange-600: #26130A;
196
+ --wds-color-orange-500: #512916;
197
+ --wds-color-orange-400: #7D3F21;
198
+ --wds-color-orange-300: #A8542D;
199
+ --wds-color-orange-200: #D46A38;
200
+ --wds-color-orange-100: #FF8044;
201
+ --wds-color-orange-50: #FBCFBB;
202
+ --wds-color-orange-0: #FBE3D9;
195
203
  --wds-color-iris-600: #eeecfe;
196
204
  --wds-color-iris-500: #e7e4fe;
197
205
  --wds-color-iris-400: #d6d1fc;
@@ -200,52 +208,53 @@
200
208
  --wds-color-iris-100: #5a48f5;
201
209
  --wds-color-iris-50: #5443e3;
202
210
  --wds-color-iris-0: #4d3dd0;
203
- --wds-color-green-600: #f1f5ed;
204
- --wds-color-green-500: #effae5;
205
- --wds-color-green-400: #daf3c0;
206
- --wds-color-green-300: #bde2a7;
207
- --wds-color-green-200: #97c693;
208
- --wds-color-green-100: #4b916d;
209
- --wds-color-green-50: #11664f;
210
- --wds-color-green-0: #0d4f3d;
211
- --wds-color-blue-600: #f5f7ff;
212
- --wds-color-blue-500: #eaefff;
213
- --wds-color-blue-400: #d5dfff;
214
- --wds-color-blue-300: #acbeff;
215
- --wds-color-blue-250: #7896ff;
216
- --wds-color-blue-200: #597dff;
217
- --wds-color-blue-100: #2f5dff;
218
- --wds-color-blue-50: #1c3fe5;
219
- --wds-color-blue-0: #0f2ccf;
220
- --wds-color-black-300-transparent-70: rgba(118, 117, 116, .7);
221
- --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
222
- --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
223
- --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
224
- --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
225
- --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
226
- --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
227
- --wds-color-black-200-transparent-60: rgba(82, 81, 80, .6);
228
- --wds-color-black-200-transparent-50: rgba(82, 81, 80, .5);
229
- --wds-color-black-200-transparent-0: rgba(82, 81, 80, 0);
230
- --wds-color-black-100-transparent-70: rgba(19, 23, 32, .7);
231
- --wds-color-black-100-transparent-50: rgba(19, 23, 32, .5);
232
- --wds-color-black-100-transparent-40: rgba(19, 23, 32, .4);
233
- --wds-color-black-100-transparent-30: rgba(19, 23, 32, .3);
234
- --wds-color-black-100-transparent-25: rgba(19, 23, 32, .25);
235
- --wds-color-black-100-transparent-20: rgba(19, 23, 32, .2);
236
- --wds-color-black-100-transparent-15: rgba(19, 23, 32, .15);
237
- --wds-color-black-100-transparent-10: rgba(19, 23, 32, .1);
238
- --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
239
- --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
240
- --wds-color-black-750: #f8f6f6;
241
- --wds-color-black-700: #f0efef;
242
- --wds-color-black-600: #e8e7e7;
243
- --wds-color-black-550: #dedede;
244
- --wds-color-black-500: #a8a6a5;
245
- --wds-color-black-400: #767574;
246
- --wds-color-black-300: #525150;
247
- --wds-color-black-200: #383838;
248
- --wds-color-black-100: #151414;
211
+ --wds-color-green-600: #13241B;
212
+ --wds-color-green-500: #264B43;
213
+ --wds-color-green-400: #396F5C;
214
+ --wds-color-green-300: #4B9476;
215
+ --wds-color-green-200: #5EB88F;
216
+ --wds-color-green-100: #53DA98;
217
+ --wds-color-green-50: #A3E5C5;
218
+ --wds-color-green-0: #D6ECE1;
219
+ --wds-color-blue-600: #111214;
220
+ --wds-color-blue-500: #212328;
221
+ --wds-color-blue-400: #343F53;
222
+ --wds-color-blue-300: #485B7E;
223
+ --wds-color-blue-250: #5B78A9;
224
+ --wds-color-blue-200: #6F94D4;
225
+ --wds-color-blue-100: #82B0FF;
226
+ --wds-color-blue-50: #B1CCFF;
227
+ --wds-color-blue-0: #E0E7FF;
228
+ --wds-color-black-300-transparent-70: rgba(168, 166, 165, .7);
229
+ --wds-color-black-300-transparent-60: rgba(168, 166, 165, .6);
230
+ --wds-color-black-300-transparent-50: rgba(168, 166, 165, .5);
231
+ --wds-color-black-300-transparent-20: rgba(168, 166, 165, 0.2);
232
+ --wds-color-black-300-transparent-18: rgba(168, 166, 165, 0.18);
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);
239
+ --wds-color-black-100-transparent-70: rgba(255, 255, 255, .7);
240
+ --wds-color-black-100-transparent-50: rgba(255, 255, 255, .5);
241
+ --wds-color-black-100-transparent-40: rgba(255, 255, 255, .4);
242
+ --wds-color-black-100-transparent-30: rgba(255, 255, 255, .3);
243
+ --wds-color-black-100-transparent-25: rgba(255, 255, 255, .25);
244
+ --wds-color-black-100-transparent-20: rgba(255, 255, 255, .2);
245
+ --wds-color-black-100-transparent-15: rgba(255, 255, 255, .15);
246
+ --wds-color-black-100-transparent-10: rgba(255, 255, 255, .1);
247
+ --wds-color-black-100-transparent-5: rgba(255, 255, 255, .05);
248
+ --wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
249
+ --wds-color-black-750: #212122;
250
+ --wds-color-black-700: #353534;
251
+ --wds-color-black-600: #454544;
252
+ --wds-color-black-550: #666565;
253
+ --wds-color-black-500: #878685;
254
+ --wds-color-black-400: #A09E9D;
255
+ --wds-color-black-300: #A8A6A5;
256
+ --wds-color-black-200: #D4D3D2;
257
+ --wds-color-black-100: #FFFFFF;
249
258
  --wds-breakpoint-x-large: 1572px;
250
259
  --wds-breakpoint-small: 490px;
251
260
  --wds-breakpoint-medium: 768px;
@@ -365,7 +374,7 @@
365
374
  --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-20);
366
375
  --wds-inner-shadow-fill-secondary: var(--wds-color-white);
367
376
  --wds-inner-shadow-fill-primary: var(--wds-color-white);
368
- --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
377
+ --wds-inner-shadow-fill-input: var(--wds-color-white-transparent-50);
369
378
  --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
370
379
  --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
371
380
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
@@ -392,7 +401,6 @@
392
401
  --wds-space-padding-horizontal-medium: var(--wds-space-300);
393
402
  --wds-space-padding-horizontal-large: var(--wds-space-400);
394
403
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
395
- --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
396
404
  --wds-shadow-surface-modal: var(--wds-shadow-x-50) var(--wds-shadow-y-600) var(--wds-shadow-blur-800) var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) var(--wds-color-black-100-transparent-0);
397
405
  --wds-shadow-focus-warning: 0 0 0 var(--wds-color-yellow-400);
398
406
  --wds-shadow-focus-standard: 0 0 0 3px var(--wds-color-blue-300);
@@ -400,37 +408,30 @@
400
408
  --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
401
409
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
402
410
  --wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
403
- --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
404
- --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-25);
405
- --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-15);
411
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-white);
412
+ --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-0);
413
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-white);
406
414
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
407
- --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
408
415
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
409
- --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-0);
410
416
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-0);
411
- --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-5);
412
- --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-5);
417
+ --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-0);
418
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-0);
413
419
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-0);
414
420
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
415
- --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-5);
416
- --wds-shadow-fill-primary-overlay-dark: var(--wds-color-black-100-transparent-15);
417
- --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
418
- --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-10);
419
421
  --wds-shadow-fill-input: var(--wds-color-black-300-transparent-20);
420
422
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
421
- --wds-shadow-y-secondary-raised: var(--wds-shadow-y-0);
423
+ --wds-shadow-y-secondary-raised: var(--wds-shadow-y-50);
422
424
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
423
- --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-0);
424
425
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
425
426
  --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
426
427
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
427
- --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
428
+ --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
428
429
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
429
- --wds-shadow-y-primary-overlay: var(--wds-shadow-y-300);
430
- --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
430
+ --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
431
431
  --wds-shadow-y-input: var(--wds-shadow-y-25);
432
+ --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
432
433
  --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
433
- --wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
434
+ --wds-shadow-x-primary-modal: var(--wds-shadow-x-0);
434
435
  --wds-shadow-x-input: var(--wds-shadow-x-25);
435
436
  --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
436
437
  --wds-shadow-inner-400-right: -32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
@@ -445,16 +446,16 @@
445
446
  --wds-shadow-inner-200: 1px 1px 4px var(--wds-color-black-100-transparent-20) inset;
446
447
  --wds-shadow-inner-100: 1px 1px 2px var(--wds-color-black-100-transparent-10) inset, 1px 1px 2px var(--wds-color-white-transparent-10);
447
448
  --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0);
448
- --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-25);
449
+ --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-50);
449
450
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-0);
450
- --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-0);
451
+ --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-800);
451
452
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-0);
452
453
  --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-50);
453
454
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0);
454
- --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-135);
455
+ --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-50);
455
456
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
456
- --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-800);
457
- --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
457
+ --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-125);
458
+ --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-500);
458
459
  --wds-shadow-blur-input: var(--wds-shadow-blur-35);
459
460
  --wds-shadow-400: 0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);
460
461
  --wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-black-100-transparent-0);
@@ -961,6 +962,7 @@
961
962
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
962
963
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
963
964
  --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300);
965
+ --wds-slider-track-color-disabled: var(--wds-color-black-600);
964
966
  --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
965
967
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
966
968
  --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
@@ -1096,8 +1098,9 @@
1096
1098
  --wds-section-helper-horizontal-padding-small: var(--wds-space-300);
1097
1099
  --wds-section-helper-horizontal-padding-medium: var(--wds-space-400);
1098
1100
  --wds-section-helper-horizontal-margin: var(--wds-space-150);
1099
- --wds-section-helper-fill-standard: var(--wds-color-blue-600);
1101
+ --wds-section-helper-fill-standard: var(--wds-color-blue-500);
1100
1102
  --wds-section-helper-fill-preview: var(--wds-color-black-750);
1103
+ --wds-section-helper-fill-premium: var(--wds-color-blue-500);
1101
1104
  --wds-section-helper-close-button-offset: var(--wds-space-0);
1102
1105
  --wds-section-helper-border-radius: var(--wds-border-radius-300);
1103
1106
  --wds-section-helper-border-preview: var(--wds-color-black-600);
@@ -1140,9 +1143,9 @@
1140
1143
  --wds-popover-menu-paddings-vertical: var(--wds-space-200);
1141
1144
  --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
1142
1145
  --wds-popover-menu-border-radius: var(--wds-border-radius-600);
1143
- --wds-popover-border-width: var(--wds-border-width-none);
1146
+ --wds-popover-border-width: var(--wds-border-width-100);
1144
1147
  --wds-popover-border-radius: var(--wds-border-radius-600);
1145
- --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
1148
+ --wds-popover-border-fill: var(--wds-color-black-700);
1146
1149
  --wds-palette-border: var(--wds-border-radius-200);
1147
1150
  --wds-pagination-padding-vertical: var(--wds-space-50);
1148
1151
  --wds-pagination-padding-horizontal: var(--wds-space-50);
@@ -1224,6 +1227,7 @@
1224
1227
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
1225
1228
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1226
1229
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1230
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
1227
1231
  --wds-list-item-action-gap: var(--wds-space-50);
1228
1232
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1229
1233
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -1731,6 +1735,7 @@
1731
1735
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1732
1736
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1733
1737
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1738
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-primary);
1734
1739
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1735
1740
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1736
1741
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);