@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.scss CHANGED
@@ -88,6 +88,8 @@
88
88
  --wds-side-panel-control-layout-divider-border-width: false;
89
89
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
90
90
  --wds-shadow-y-secondary-toggle-button: 1.2px;
91
+ --wds-shadow-y-secondary-overlay: 12;
92
+ --wds-shadow-y-primary-modal: 9;
91
93
  --wds-shadow-y-600: 20px;
92
94
  --wds-shadow-y-350: 10px;
93
95
  --wds-shadow-y-300: 12px;
@@ -105,6 +107,12 @@
105
107
  --wds-shadow-x-0: 0px;
106
108
  --wds-shadow-spread-secondary-raised: -0.70;
107
109
  --wds-shadow-focus-spread: 0;
110
+ --wds-shadow-fill-secondary-raised: #0006241F;
111
+ --wds-shadow-fill-secondary-overlay: #00000061;
112
+ --wds-shadow-fill-primary-raised: #0006244D;
113
+ --wds-shadow-fill-primary-overlay-dark: #00000052;
114
+ --wds-shadow-fill-primary-overlay: #00000052;
115
+ --wds-shadow-fill-primary-modal: #00000040;
108
116
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
109
117
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
110
118
  --wds-shadow-blur-800: 30px;
@@ -159,35 +167,35 @@
159
167
  --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
160
168
  --wds-composer-sidebar-end-max-width: 240px;
161
169
  --wds-composer-sidebar-bottom-width: 88px;
162
- --wds-color-yellow-600: #fef6ed;
163
- --wds-color-yellow-500: #fef3e5;
164
- --wds-color-yellow-400: #fdead2;
165
- --wds-color-yellow-300: #fcd29d;
166
- --wds-color-yellow-200: #fabd71;
167
- --wds-color-yellow-100: #f9ad4d;
168
- --wds-color-yellow-50: #e7a047;
169
- --wds-color-yellow-0: #d49341;
170
- --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
171
- --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
172
- --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
173
- --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
174
- --wds-color-white-transparent-30: rgba(255, 255, 255, .3);
175
- --wds-color-white-transparent-20: rgba(255, 255, 255, .2);
176
- --wds-color-white-transparent-12: rgba(255, 255, 255, .12);
177
- --wds-color-white-transparent-10: rgba(255, 255, 255, .1);
178
- --wds-color-white-transparent-5: rgba(255, 255, 255, .05);
179
- --wds-color-white-transparent-1: rgba(255, 255, 255, .01);
180
- --wds-color-white-transparent-0: rgba(255, 255, 255, 0);
181
- --wds-color-white: #ffffff;
170
+ --wds-color-yellow-600: #3E2B13;
171
+ --wds-color-yellow-500: #6F502B;
172
+ --wds-color-yellow-400: #946933;
173
+ --wds-color-yellow-300: #C68B40;
174
+ --wds-color-yellow-200: #F9AD4D;
175
+ --wds-color-yellow-100: #FFCB62;
176
+ --wds-color-yellow-50: #FEDB9A;
177
+ --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);
189
+ --wds-color-white: #2C2D30;
182
190
  --wds-color-text-stage-section: #6f56f9;
183
- --wds-color-red-600: #fcebeb;
184
- --wds-color-red-500: #f9d6d7;
185
- --wds-color-red-400: #f4b8b9;
186
- --wds-color-red-300: #ed8f90;
187
- --wds-color-red-200: #e55c5e;
188
- --wds-color-red-100: #df3336;
189
- --wds-color-red-50: #be2b2e;
190
- --wds-color-red-0: #9c2426;
191
+ --wds-color-red-600: #380D0E;
192
+ --wds-color-red-500: #4D2324;
193
+ --wds-color-red-400: #A6464B;
194
+ --wds-color-red-300: #A6464B;
195
+ --wds-color-red-200: #D34D55;
196
+ --wds-color-red-100: #FF7680;
197
+ --wds-color-red-50: #FEBEC0;
198
+ --wds-color-red-0: #F9D6D7;
191
199
  --wds-color-purple-700: #faf0ff;
192
200
  --wds-color-purple-600: #f8f2ff;
193
201
  --wds-color-purple-500: #f1e5fe;
@@ -198,14 +206,14 @@
198
206
  --wds-color-purple-50: #6100cf;
199
207
  --wds-color-purple-0: #5000aa;
200
208
  --wds-color-picker-width: 236px;
201
- --wds-color-orange-600: #fdf1ec;
202
- --wds-color-orange-500: #fbe3d9;
203
- --wds-color-orange-400: #fbcfbb;
204
- --wds-color-orange-300: #fda77f;
205
- --wds-color-orange-200: #fe9361;
206
- --wds-color-orange-100: #ff8044;
207
- --wds-color-orange-50: #d96d3a;
208
- --wds-color-orange-0: #ae3e09;
209
+ --wds-color-orange-600: #26130A;
210
+ --wds-color-orange-500: #512916;
211
+ --wds-color-orange-400: #7D3F21;
212
+ --wds-color-orange-300: #A8542D;
213
+ --wds-color-orange-200: #D46A38;
214
+ --wds-color-orange-100: #FF8044;
215
+ --wds-color-orange-50: #FBCFBB;
216
+ --wds-color-orange-0: #FBE3D9;
209
217
  --wds-color-iris-600: #eeecfe;
210
218
  --wds-color-iris-500: #e7e4fe;
211
219
  --wds-color-iris-400: #d6d1fc;
@@ -214,14 +222,14 @@
214
222
  --wds-color-iris-100: #5a48f5;
215
223
  --wds-color-iris-50: #5443e3;
216
224
  --wds-color-iris-0: #4d3dd0;
217
- --wds-color-green-600: #f1f5ed;
218
- --wds-color-green-500: #effae5;
219
- --wds-color-green-400: #daf3c0;
220
- --wds-color-green-300: #bde2a7;
221
- --wds-color-green-200: #97c693;
222
- --wds-color-green-100: #4b916d;
223
- --wds-color-green-50: #11664f;
224
- --wds-color-green-0: #0d4f3d;
225
+ --wds-color-green-600: #13241B;
226
+ --wds-color-green-500: #264B43;
227
+ --wds-color-green-400: #396F5C;
228
+ --wds-color-green-300: #4B9476;
229
+ --wds-color-green-200: #5EB88F;
230
+ --wds-color-green-100: #53DA98;
231
+ --wds-color-green-50: #A3E5C5;
232
+ --wds-color-green-0: #D6ECE1;
225
233
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
226
234
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
227
235
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -284,44 +292,45 @@
284
292
  --wds-color-border-ai-primary-disabled: #ffffff;
285
293
  --wds-color-border-ai-primary-active: #ffffff;
286
294
  --wds-color-border-ai-primary: #ffffff;
287
- --wds-color-blue-600: #f5f7ff;
288
- --wds-color-blue-500: #eaefff;
289
- --wds-color-blue-400: #d5dfff;
290
- --wds-color-blue-300: #acbeff;
291
- --wds-color-blue-250: #7896ff;
292
- --wds-color-blue-200: #597dff;
293
- --wds-color-blue-100: #2f5dff;
294
- --wds-color-blue-50: #1c3fe5;
295
- --wds-color-blue-0: #0f2ccf;
296
- --wds-color-black-750: #f8f6f6;
297
- --wds-color-black-700: #f0efef;
298
- --wds-color-black-600: #e8e7e7;
299
- --wds-color-black-550: #dedede;
300
- --wds-color-black-500: #a8a6a5;
301
- --wds-color-black-400: #767574;
302
- --wds-color-black-300-transparent-70: rgba(118, 117, 116, .7);
303
- --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
304
- --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
305
- --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
306
- --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
307
- --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
308
- --wds-color-black-300: #525150;
309
- --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
310
- --wds-color-black-200-transparent-60: rgba(82, 81, 80, .6);
311
- --wds-color-black-200-transparent-50: rgba(82, 81, 80, .5);
312
- --wds-color-black-200-transparent-0: rgba(82, 81, 80, 0);
313
- --wds-color-black-200: #383838;
314
- --wds-color-black-100-transparent-70: rgba(19, 23, 32, .7);
315
- --wds-color-black-100-transparent-50: rgba(19, 23, 32, .5);
316
- --wds-color-black-100-transparent-40: rgba(19, 23, 32, .4);
317
- --wds-color-black-100-transparent-30: rgba(19, 23, 32, .3);
318
- --wds-color-black-100-transparent-25: rgba(19, 23, 32, .25);
319
- --wds-color-black-100-transparent-20: rgba(19, 23, 32, .2);
320
- --wds-color-black-100-transparent-15: rgba(19, 23, 32, .15);
321
- --wds-color-black-100-transparent-10: rgba(19, 23, 32, .1);
322
- --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
323
- --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
324
- --wds-color-black-100: #151414;
295
+ --wds-color-blue-600: #111214;
296
+ --wds-color-blue-500: #212328;
297
+ --wds-color-blue-400: #343F53;
298
+ --wds-color-blue-300: #485B7E;
299
+ --wds-color-blue-250: #5B78A9;
300
+ --wds-color-blue-200: #6F94D4;
301
+ --wds-color-blue-100: #82B0FF;
302
+ --wds-color-blue-50: #B1CCFF;
303
+ --wds-color-blue-0: #E0E7FF;
304
+ --wds-color-black-750: #212122;
305
+ --wds-color-black-700: #353534;
306
+ --wds-color-black-600: #454544;
307
+ --wds-color-black-550: #666565;
308
+ --wds-color-black-500: #878685;
309
+ --wds-color-black-400: #A09E9D;
310
+ --wds-color-black-300-transparent-70: rgba(168, 166, 165, .7);
311
+ --wds-color-black-300-transparent-60: rgba(168, 166, 165, .6);
312
+ --wds-color-black-300-transparent-50: rgba(168, 166, 165, .5);
313
+ --wds-color-black-300-transparent-20: rgba(168, 166, 165, 0.2);
314
+ --wds-color-black-300-transparent-18: rgba(168, 166, 165, 0.18);
315
+ --wds-color-black-300-transparent-0: rgba(168, 166, 165, 0);
316
+ --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);
322
+ --wds-color-black-200: #D4D3D2;
323
+ --wds-color-black-100-transparent-70: rgba(255, 255, 255, .7);
324
+ --wds-color-black-100-transparent-50: rgba(255, 255, 255, .5);
325
+ --wds-color-black-100-transparent-40: rgba(255, 255, 255, .4);
326
+ --wds-color-black-100-transparent-30: rgba(255, 255, 255, .3);
327
+ --wds-color-black-100-transparent-25: rgba(255, 255, 255, .25);
328
+ --wds-color-black-100-transparent-20: rgba(255, 255, 255, .2);
329
+ --wds-color-black-100-transparent-15: rgba(255, 255, 255, .15);
330
+ --wds-color-black-100-transparent-10: rgba(255, 255, 255, .1);
331
+ --wds-color-black-100-transparent-5: rgba(255, 255, 255, .05);
332
+ --wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
333
+ --wds-color-black-100: #FFFFFF;
325
334
  --wds-breakpoint-x-large: 1572px;
326
335
  --wds-breakpoint-small: 490px;
327
336
  --wds-breakpoint-medium: 768px;
@@ -556,6 +565,7 @@
556
565
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
557
566
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
558
567
  --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300);
568
+ --wds-slider-track-color-disabled: var(--wds-color-black-600);
559
569
  --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
560
570
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
561
571
  --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
@@ -629,20 +639,18 @@
629
639
  --wds-side-panel-content-padding-horizontal: var(--wds-space-400);
630
640
  --wds-side-panel-back-button-top-padding: var(--wds-space-50);
631
641
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
632
- --wds-shadow-y-secondary-raised: var(--wds-shadow-y-0);
642
+ --wds-shadow-y-secondary-raised: var(--wds-shadow-y-50);
633
643
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
634
- --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-0);
635
644
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
636
645
  --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
637
646
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
638
- --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
647
+ --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
639
648
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
640
- --wds-shadow-y-primary-overlay: var(--wds-shadow-y-300);
641
- --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
649
+ --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
642
650
  --wds-shadow-y-input: var(--wds-shadow-y-25);
643
- --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
651
+ --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
644
652
  --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
645
- --wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
653
+ --wds-shadow-x-primary-modal: var(--wds-shadow-x-0);
646
654
  --wds-shadow-x-input: var(--wds-shadow-x-25);
647
655
  --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);
648
656
  --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;
@@ -663,34 +671,28 @@
663
671
  --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
664
672
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
665
673
  --wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
666
- --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-25);
667
- --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
668
- --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-15);
674
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-white);
675
+ --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-0);
676
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-white);
669
677
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
670
- --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
671
678
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
672
- --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-0);
673
679
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-0);
674
- --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-5);
675
- --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-5);
680
+ --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-0);
681
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-0);
676
682
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-0);
677
683
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
678
- --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-5);
679
- --wds-shadow-fill-primary-overlay-dark: var(--wds-color-black-100-transparent-15);
680
- --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
681
- --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-10);
682
684
  --wds-shadow-fill-input: var(--wds-color-black-300-transparent-20);
683
685
  --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0);
684
- --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-25);
686
+ --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-50);
685
687
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-0);
686
- --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-0);
688
+ --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-800);
687
689
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-0);
688
690
  --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-50);
689
691
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0);
690
- --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-135);
692
+ --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-50);
691
693
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
692
- --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-800);
693
- --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
694
+ --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-125);
695
+ --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-500);
694
696
  --wds-shadow-blur-input: var(--wds-shadow-blur-35);
695
697
  --wds-shadow-400: 0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);
696
698
  --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);
@@ -759,8 +761,9 @@
759
761
  --wds-section-helper-horizontal-padding-small: var(--wds-space-300);
760
762
  --wds-section-helper-horizontal-padding-medium: var(--wds-space-400);
761
763
  --wds-section-helper-horizontal-margin: var(--wds-space-150);
762
- --wds-section-helper-fill-standard: var(--wds-color-blue-600);
764
+ --wds-section-helper-fill-standard: var(--wds-color-blue-500);
763
765
  --wds-section-helper-fill-preview: var(--wds-color-black-750);
766
+ --wds-section-helper-fill-premium: var(--wds-color-blue-500);
764
767
  --wds-section-helper-close-button-offset: var(--wds-space-0);
765
768
  --wds-section-helper-border-radius: var(--wds-border-radius-300);
766
769
  --wds-section-helper-border-preview: var(--wds-color-black-600);
@@ -803,9 +806,9 @@
803
806
  --wds-popover-menu-paddings-vertical: var(--wds-space-200);
804
807
  --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
805
808
  --wds-popover-menu-border-radius: var(--wds-border-radius-600);
806
- --wds-popover-border-width: var(--wds-border-width-none);
809
+ --wds-popover-border-width: var(--wds-border-width-100);
807
810
  --wds-popover-border-radius: var(--wds-border-radius-600);
808
- --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
811
+ --wds-popover-border-fill: var(--wds-color-black-700);
809
812
  --wds-palette-border: var(--wds-border-radius-200);
810
813
  --wds-pagination-padding-vertical: var(--wds-space-50);
811
814
  --wds-pagination-padding-horizontal: var(--wds-space-50);
@@ -887,6 +890,7 @@
887
890
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
888
891
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
889
892
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
893
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
890
894
  --wds-list-item-action-gap: var(--wds-space-50);
891
895
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
892
896
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -940,7 +944,7 @@
940
944
  --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-20);
941
945
  --wds-inner-shadow-fill-secondary: var(--wds-color-white);
942
946
  --wds-inner-shadow-fill-primary: var(--wds-color-white);
943
- --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
947
+ --wds-inner-shadow-fill-input: var(--wds-color-white-transparent-50);
944
948
  --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
945
949
  --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
946
950
  --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
@@ -1720,6 +1724,7 @@
1720
1724
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1721
1725
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1722
1726
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1727
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-primary);
1723
1728
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1724
1729
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1725
1730
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);