@wix/design-system-tokens 1.119.0 → 1.121.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 (22) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/all.css +218 -15
  3. package/all.st.css +422 -16
  4. package/component.st.css +310 -12
  5. package/foundation.st.css +38 -4
  6. package/odeditor/all.css +1802 -0
  7. package/odeditor/all.st.css +3603 -0
  8. package/odeditor/component.st.css +2245 -0
  9. package/odeditor/foundation.st.css +441 -0
  10. package/odeditor/semantic.st.css +923 -0
  11. package/package.json +2 -2
  12. package/semantic.st.css +74 -0
  13. package/studio/all.css +219 -16
  14. package/studio/all.st.css +422 -16
  15. package/studio/component.st.css +309 -11
  16. package/studio/foundation.st.css +39 -5
  17. package/studio/semantic.st.css +74 -0
  18. package/wixel/all.css +209 -10
  19. package/wixel/all.st.css +409 -11
  20. package/wixel/component.st.css +309 -11
  21. package/wixel/foundation.st.css +34 -0
  22. package/wixel/semantic.st.css +66 -0
package/all.st.css CHANGED
@@ -64,6 +64,7 @@
64
64
  @property st-global(--wds-border-radius-surface-raised);
65
65
  @property st-global(--wds-border-radius-surface-sunken);
66
66
  @property st-global(--wds-border-width-100);
67
+ @property st-global(--wds-border-width-150);
67
68
  @property st-global(--wds-border-width-200);
68
69
  @property st-global(--wds-border-width-default);
69
70
  @property st-global(--wds-border-width-none);
@@ -85,18 +86,52 @@
85
86
  @property st-global(--wds-breakpoint-medium);
86
87
  @property st-global(--wds-breakpoint-small);
87
88
  @property st-global(--wds-breakpoint-x-large);
89
+ @property st-global(--wds-button-border-dark-secondary);
90
+ @property st-global(--wds-button-border-dark-secondary-active);
91
+ @property st-global(--wds-button-border-dark-secondary-disabled);
92
+ @property st-global(--wds-button-border-dark-secondary-hover);
93
+ @property st-global(--wds-button-border-destructive-secondary);
94
+ @property st-global(--wds-button-border-destructive-secondary-active);
95
+ @property st-global(--wds-button-border-destructive-secondary-disabled);
96
+ @property st-global(--wds-button-border-destructive-secondary-hover);
97
+ @property st-global(--wds-button-border-premium-secondary);
98
+ @property st-global(--wds-button-border-premium-secondary-active);
99
+ @property st-global(--wds-button-border-premium-secondary-disabled);
100
+ @property st-global(--wds-button-border-premium-secondary-hover);
88
101
  @property st-global(--wds-button-border-radius-large);
89
102
  @property st-global(--wds-button-border-radius-medium);
90
103
  @property st-global(--wds-button-border-radius-small);
91
104
  @property st-global(--wds-button-border-radius-tiny);
105
+ @property st-global(--wds-button-border-standard-secondary);
106
+ @property st-global(--wds-button-border-standard-secondary-active);
107
+ @property st-global(--wds-button-border-standard-secondary-disabled);
108
+ @property st-global(--wds-button-border-standard-secondary-hover);
109
+ @property st-global(--wds-button-fill-dark-primary-disabled);
110
+ @property st-global(--wds-button-fill-dark-secondary);
111
+ @property st-global(--wds-button-fill-dark-secondary-active);
112
+ @property st-global(--wds-button-fill-dark-secondary-disabled);
113
+ @property st-global(--wds-button-fill-dark-secondary-hover);
114
+ @property st-global(--wds-button-fill-destructive-primary-disabled);
115
+ @property st-global(--wds-button-fill-destructive-secondary);
116
+ @property st-global(--wds-button-fill-destructive-secondary-active);
117
+ @property st-global(--wds-button-fill-destructive-secondary-disabled);
118
+ @property st-global(--wds-button-fill-destructive-secondary-hover);
92
119
  @property st-global(--wds-button-fill-gradient-hover-primary);
93
120
  @property st-global(--wds-button-fill-gradient-hover-secondary);
121
+ @property st-global(--wds-button-fill-premium-primary-disabled);
122
+ @property st-global(--wds-button-fill-premium-secondary);
123
+ @property st-global(--wds-button-fill-premium-secondary-active);
124
+ @property st-global(--wds-button-fill-premium-secondary-disabled);
125
+ @property st-global(--wds-button-fill-premium-secondary-hover);
94
126
  @property st-global(--wds-button-fill-standard-primary);
95
127
  @property st-global(--wds-button-fill-standard-primary-active);
128
+ @property st-global(--wds-button-fill-standard-primary-disabled);
96
129
  @property st-global(--wds-button-fill-standard-primary-hover);
97
130
  @property st-global(--wds-button-fill-standard-secondary);
98
131
  @property st-global(--wds-button-fill-standard-secondary-active);
132
+ @property st-global(--wds-button-fill-standard-secondary-disabled);
99
133
  @property st-global(--wds-button-fill-standard-secondary-hover);
134
+ @property st-global(--wds-button-font-line-height-extra-large);
100
135
  @property st-global(--wds-button-font-line-height-large);
101
136
  @property st-global(--wds-button-font-line-height-medium);
102
137
  @property st-global(--wds-button-font-line-height-small);
@@ -105,6 +140,9 @@
105
140
  @property st-global(--wds-button-font-size-medium);
106
141
  @property st-global(--wds-button-font-size-small);
107
142
  @property st-global(--wds-button-font-size-tiny);
143
+ @property st-global(--wds-button-font-weight-large);
144
+ @property st-global(--wds-button-font-weight-medium);
145
+ @property st-global(--wds-button-font-weight-small);
108
146
  @property st-global(--wds-button-font-weight-tiny);
109
147
  @property st-global(--wds-button-gap-large);
110
148
  @property st-global(--wds-button-gap-medium);
@@ -114,8 +152,27 @@
114
152
  @property st-global(--wds-button-icon-offset-medium);
115
153
  @property st-global(--wds-button-icon-offset-small);
116
154
  @property st-global(--wds-button-icon-offset-tiny);
155
+ @property st-global(--wds-button-label-fill-dark-primary-disabled);
156
+ @property st-global(--wds-button-label-fill-dark-secondary);
157
+ @property st-global(--wds-button-label-fill-dark-secondary-active);
158
+ @property st-global(--wds-button-label-fill-dark-secondary-disabled);
159
+ @property st-global(--wds-button-label-fill-dark-secondary-hover);
160
+ @property st-global(--wds-button-label-fill-destructive-primary-disabled);
161
+ @property st-global(--wds-button-label-fill-destructive-secondary);
162
+ @property st-global(--wds-button-label-fill-destructive-secondary-active);
163
+ @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
164
+ @property st-global(--wds-button-label-fill-destructive-secondary-hover);
165
+ @property st-global(--wds-button-label-fill-premium-primary-disabled);
166
+ @property st-global(--wds-button-label-fill-premium-secondary);
167
+ @property st-global(--wds-button-label-fill-premium-secondary-active);
168
+ @property st-global(--wds-button-label-fill-premium-secondary-disabled);
169
+ @property st-global(--wds-button-label-fill-premium-secondary-hover);
170
+ @property st-global(--wds-button-label-fill-standard-primary-disabled);
171
+ @property st-global(--wds-button-label-fill-standard-secondary);
172
+ @property st-global(--wds-button-label-fill-standard-secondary-active);
173
+ @property st-global(--wds-button-label-fill-standard-secondary-disabled);
174
+ @property st-global(--wds-button-label-fill-standard-secondary-hover);
117
175
  @property st-global(--wds-button-label-fill-transparent-tertiary);
118
- @property st-global(--wds-button-label-font-size-large);
119
176
  @property st-global(--wds-button-outline-hover);
120
177
  @property st-global(--wds-button-padding-horizontal-extra-large);
121
178
  @property st-global(--wds-button-padding-horizontal-large);
@@ -205,6 +262,7 @@
205
262
  @property st-global(--wds-color-black-100-transparent-0);
206
263
  @property st-global(--wds-color-black-100-transparent-5);
207
264
  @property st-global(--wds-color-black-100-transparent-10);
265
+ @property st-global(--wds-color-black-100-transparent-15);
208
266
  @property st-global(--wds-color-black-100-transparent-20);
209
267
  @property st-global(--wds-color-black-100-transparent-30);
210
268
  @property st-global(--wds-color-black-100-transparent-40);
@@ -217,6 +275,7 @@
217
275
  @property st-global(--wds-color-black-200-transparent-70);
218
276
  @property st-global(--wds-color-black-300);
219
277
  @property st-global(--wds-color-black-300-transparent-0);
278
+ @property st-global(--wds-color-black-300-transparent-20);
220
279
  @property st-global(--wds-color-black-300-transparent-50);
221
280
  @property st-global(--wds-color-black-300-transparent-60);
222
281
  @property st-global(--wds-color-black-300-transparent-70);
@@ -276,6 +335,7 @@
276
335
  @property st-global(--wds-color-border-premium-tertiary-active);
277
336
  @property st-global(--wds-color-border-premium-tertiary-disabled);
278
337
  @property st-global(--wds-color-border-premium-tertiary-hover);
338
+ @property st-global(--wds-color-border-stage-wip);
279
339
  @property st-global(--wds-color-border-standard-primary);
280
340
  @property st-global(--wds-color-border-standard-primary-active);
281
341
  @property st-global(--wds-color-border-standard-primary-disabled);
@@ -388,6 +448,10 @@
388
448
  @property st-global(--wds-color-fill-light-secondary-active);
389
449
  @property st-global(--wds-color-fill-light-secondary-disabled);
390
450
  @property st-global(--wds-color-fill-light-secondary-hover);
451
+ @property st-global(--wds-color-fill-light-tertiary);
452
+ @property st-global(--wds-color-fill-light-tertiary-active);
453
+ @property st-global(--wds-color-fill-light-tertiary-disabled);
454
+ @property st-global(--wds-color-fill-light-tertiary-hover);
391
455
  @property st-global(--wds-color-fill-premium-light-primary);
392
456
  @property st-global(--wds-color-fill-premium-light-primary-active);
393
457
  @property st-global(--wds-color-fill-premium-light-primary-disabled);
@@ -745,6 +809,7 @@
745
809
  @property st-global(--wds-font-line-height-300);
746
810
  @property st-global(--wds-font-line-height-400);
747
811
  @property st-global(--wds-font-line-height-500);
812
+ @property st-global(--wds-font-line-height-600);
748
813
  @property st-global(--wds-font-line-height-body-extra-tiny);
749
814
  @property st-global(--wds-font-line-height-body-medium);
750
815
  @property st-global(--wds-font-line-height-body-small);
@@ -802,26 +867,116 @@
802
867
  @property st-global(--wds-gallery-item-padding-right-small);
803
868
  @property st-global(--wds-gallery-item-padding-vertical-medium);
804
869
  @property st-global(--wds-gallery-item-padding-vertical-small);
870
+ @property st-global(--wds-icon-button-color-border-dark-secondary);
871
+ @property st-global(--wds-icon-button-color-border-dark-secondary-active);
872
+ @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
873
+ @property st-global(--wds-icon-button-color-border-dark-secondary-hover);
874
+ @property st-global(--wds-icon-button-color-border-light-secondary);
875
+ @property st-global(--wds-icon-button-color-border-light-secondary-active);
876
+ @property st-global(--wds-icon-button-color-border-light-secondary-disabled);
877
+ @property st-global(--wds-icon-button-color-border-light-secondary-hover);
878
+ @property st-global(--wds-icon-button-color-border-premium-secondary);
879
+ @property st-global(--wds-icon-button-color-border-premium-secondary-active);
880
+ @property st-global(--wds-icon-button-color-border-premium-secondary-disabled);
805
881
  @property st-global(--wds-icon-button-color-border-standard-secondary);
806
882
  @property st-global(--wds-icon-button-color-border-standard-secondary-active);
883
+ @property st-global(--wds-icon-button-color-border-standard-secondary-disabled);
807
884
  @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
885
+ @property st-global(--wds-icon-button-color-fill-dark-primary);
886
+ @property st-global(--wds-icon-button-color-fill-dark-primary-active);
887
+ @property st-global(--wds-icon-button-color-fill-dark-primary-disabled);
888
+ @property st-global(--wds-icon-button-color-fill-dark-primary-hover);
889
+ @property st-global(--wds-icon-button-color-fill-dark-secondary);
890
+ @property st-global(--wds-icon-button-color-fill-dark-secondary-active);
891
+ @property st-global(--wds-icon-button-color-fill-dark-secondary-disabled);
892
+ @property st-global(--wds-icon-button-color-fill-dark-secondary-hover);
893
+ @property st-global(--wds-icon-button-color-fill-dark-tertiary);
894
+ @property st-global(--wds-icon-button-color-fill-dark-tertiary-active);
895
+ @property st-global(--wds-icon-button-color-fill-dark-tertiary-disabled);
896
+ @property st-global(--wds-icon-button-color-fill-dark-tertiary-hover);
897
+ @property st-global(--wds-icon-button-color-fill-light-primary);
898
+ @property st-global(--wds-icon-button-color-fill-light-primary-active);
899
+ @property st-global(--wds-icon-button-color-fill-light-primary-disabled);
900
+ @property st-global(--wds-icon-button-color-fill-light-primary-hover);
901
+ @property st-global(--wds-icon-button-color-fill-light-secondary);
902
+ @property st-global(--wds-icon-button-color-fill-light-secondary-active);
903
+ @property st-global(--wds-icon-button-color-fill-light-secondary-disabled);
904
+ @property st-global(--wds-icon-button-color-fill-light-secondary-hover);
905
+ @property st-global(--wds-icon-button-color-fill-light-tertiary);
906
+ @property st-global(--wds-icon-button-color-fill-light-tertiary-active);
907
+ @property st-global(--wds-icon-button-color-fill-light-tertiary-disabled);
908
+ @property st-global(--wds-icon-button-color-fill-light-tertiary-hover);
909
+ @property st-global(--wds-icon-button-color-fill-premium-primary);
910
+ @property st-global(--wds-icon-button-color-fill-premium-primary-active);
911
+ @property st-global(--wds-icon-button-color-fill-premium-primary-disabled);
912
+ @property st-global(--wds-icon-button-color-fill-premium-primary-hover);
913
+ @property st-global(--wds-icon-button-color-fill-premium-secondary);
914
+ @property st-global(--wds-icon-button-color-fill-premium-secondary-active);
915
+ @property st-global(--wds-icon-button-color-fill-premium-secondary-disabled);
916
+ @property st-global(--wds-icon-button-color-fill-premium-secondary-hover);
917
+ @property st-global(--wds-icon-button-color-fill-premium-tertiary);
918
+ @property st-global(--wds-icon-button-color-fill-premium-tertiary-active);
919
+ @property st-global(--wds-icon-button-color-fill-premium-tertiary-disabled);
920
+ @property st-global(--wds-icon-button-color-fill-premium-tertiary-hover);
808
921
  @property st-global(--wds-icon-button-color-fill-standard-primary);
809
922
  @property st-global(--wds-icon-button-color-fill-standard-primary-active);
923
+ @property st-global(--wds-icon-button-color-fill-standard-primary-disabled);
810
924
  @property st-global(--wds-icon-button-color-fill-standard-primary-hover);
811
925
  @property st-global(--wds-icon-button-color-fill-standard-secondary);
812
926
  @property st-global(--wds-icon-button-color-fill-standard-secondary-active);
927
+ @property st-global(--wds-icon-button-color-fill-standard-secondary-disabled);
813
928
  @property st-global(--wds-icon-button-color-fill-standard-secondary-hover);
814
929
  @property st-global(--wds-icon-button-color-fill-standard-tertiary);
815
930
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
931
+ @property st-global(--wds-icon-button-color-fill-standard-tertiary-disabled);
816
932
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
933
+ @property st-global(--wds-icon-button-color-text-dark-primary);
934
+ @property st-global(--wds-icon-button-color-text-dark-primary-active);
935
+ @property st-global(--wds-icon-button-color-text-dark-primary-disabled);
936
+ @property st-global(--wds-icon-button-color-text-dark-primary-hover);
937
+ @property st-global(--wds-icon-button-color-text-dark-secondary);
938
+ @property st-global(--wds-icon-button-color-text-dark-secondary-active);
939
+ @property st-global(--wds-icon-button-color-text-dark-secondary-disabled);
940
+ @property st-global(--wds-icon-button-color-text-dark-secondary-hover);
941
+ @property st-global(--wds-icon-button-color-text-dark-tertiary);
942
+ @property st-global(--wds-icon-button-color-text-dark-tertiary-active);
943
+ @property st-global(--wds-icon-button-color-text-dark-tertiary-disabled);
944
+ @property st-global(--wds-icon-button-color-text-dark-tertiary-hover);
945
+ @property st-global(--wds-icon-button-color-text-light-primary);
946
+ @property st-global(--wds-icon-button-color-text-light-primary-active);
947
+ @property st-global(--wds-icon-button-color-text-light-primary-disabled);
948
+ @property st-global(--wds-icon-button-color-text-light-primary-hover);
949
+ @property st-global(--wds-icon-button-color-text-light-secondary);
950
+ @property st-global(--wds-icon-button-color-text-light-secondary-active);
951
+ @property st-global(--wds-icon-button-color-text-light-secondary-disabled);
952
+ @property st-global(--wds-icon-button-color-text-light-secondary-hover);
953
+ @property st-global(--wds-icon-button-color-text-light-tertiary);
954
+ @property st-global(--wds-icon-button-color-text-light-tertiary-active);
955
+ @property st-global(--wds-icon-button-color-text-light-tertiary-disabled);
956
+ @property st-global(--wds-icon-button-color-text-light-tertiary-hover);
957
+ @property st-global(--wds-icon-button-color-text-premium-primary);
958
+ @property st-global(--wds-icon-button-color-text-premium-primary-active);
959
+ @property st-global(--wds-icon-button-color-text-premium-primary-disabled);
960
+ @property st-global(--wds-icon-button-color-text-premium-primary-hover);
961
+ @property st-global(--wds-icon-button-color-text-premium-secondary);
962
+ @property st-global(--wds-icon-button-color-text-premium-secondary-active);
963
+ @property st-global(--wds-icon-button-color-text-premium-secondary-disabled);
964
+ @property st-global(--wds-icon-button-color-text-premium-secondary-hover);
965
+ @property st-global(--wds-icon-button-color-text-premium-tertiary);
966
+ @property st-global(--wds-icon-button-color-text-premium-tertiary-active);
967
+ @property st-global(--wds-icon-button-color-text-premium-tertiary-disabled);
968
+ @property st-global(--wds-icon-button-color-text-premium-tertiary-hover);
817
969
  @property st-global(--wds-icon-button-color-text-standard-primary);
818
970
  @property st-global(--wds-icon-button-color-text-standard-primary-active);
971
+ @property st-global(--wds-icon-button-color-text-standard-primary-disabled);
819
972
  @property st-global(--wds-icon-button-color-text-standard-primary-hover);
820
973
  @property st-global(--wds-icon-button-color-text-standard-secondary);
821
974
  @property st-global(--wds-icon-button-color-text-standard-secondary-active);
975
+ @property st-global(--wds-icon-button-color-text-standard-secondary-disabled);
822
976
  @property st-global(--wds-icon-button-color-text-standard-secondary-hover);
823
977
  @property st-global(--wds-icon-button-color-text-standard-tertiary);
824
978
  @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
979
+ @property st-global(--wds-icon-button-color-text-standard-tertiary-disabled);
825
980
  @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
826
981
  @property st-global(--wds-image-border-radius-default);
827
982
  @property st-global(--wds-image-border-radius-none);
@@ -1161,19 +1316,44 @@
1161
1316
  @property st-global(--wds-shadow-200);
1162
1317
  @property st-global(--wds-shadow-300);
1163
1318
  @property st-global(--wds-shadow-400);
1319
+ @property st-global(--wds-shadow-blur-0);
1320
+ @property st-global(--wds-shadow-blur-25);
1164
1321
  @property st-global(--wds-shadow-blur-35);
1165
1322
  @property st-global(--wds-shadow-blur-50);
1323
+ @property st-global(--wds-shadow-blur-75);
1166
1324
  @property st-global(--wds-shadow-blur-100);
1325
+ @property st-global(--wds-shadow-blur-125);
1326
+ @property st-global(--wds-shadow-blur-135);
1167
1327
  @property st-global(--wds-shadow-blur-150);
1168
1328
  @property st-global(--wds-shadow-blur-200);
1169
1329
  @property st-global(--wds-shadow-blur-400);
1330
+ @property st-global(--wds-shadow-blur-500);
1331
+ @property st-global(--wds-shadow-blur-800);
1332
+ @property st-global(--wds-shadow-blur-input);
1333
+ @property st-global(--wds-shadow-blur-primary-modal);
1334
+ @property st-global(--wds-shadow-blur-primary-overlay);
1335
+ @property st-global(--wds-shadow-blur-primary-overlay-dark);
1336
+ @property st-global(--wds-shadow-blur-primary-raised);
1337
+ @property st-global(--wds-shadow-blur-primary-toggle);
1338
+ @property st-global(--wds-shadow-blur-secondary-modal);
1339
+ @property st-global(--wds-shadow-blur-secondary-overlay);
1340
+ @property st-global(--wds-shadow-blur-secondary-overlay-dark);
1341
+ @property st-global(--wds-shadow-blur-secondary-raised);
1342
+ @property st-global(--wds-shadow-blur-secondary-toggle);
1343
+ @property st-global(--wds-shadow-fill-input);
1170
1344
  @property st-global(--wds-shadow-fill-primary-modal);
1171
1345
  @property st-global(--wds-shadow-fill-primary-overlay);
1346
+ @property st-global(--wds-shadow-fill-primary-overlay-dark);
1172
1347
  @property st-global(--wds-shadow-fill-primary-raised);
1348
+ @property st-global(--wds-shadow-fill-primary-slider);
1349
+ @property st-global(--wds-shadow-fill-primary-toggle);
1350
+ @property st-global(--wds-shadow-fill-quaternary-raised);
1173
1351
  @property st-global(--wds-shadow-fill-secondary-modal);
1174
1352
  @property st-global(--wds-shadow-fill-secondary-overlay);
1353
+ @property st-global(--wds-shadow-fill-secondary-overlay-dark);
1175
1354
  @property st-global(--wds-shadow-fill-secondary-raised);
1176
1355
  @property st-global(--wds-shadow-fill-secondary-toggle);
1356
+ @property st-global(--wds-shadow-fill-tertiary-raised);
1177
1357
  @property st-global(--wds-shadow-focus-destructive);
1178
1358
  @property st-global(--wds-shadow-focus-inner-destructive);
1179
1359
  @property st-global(--wds-shadow-focus-inner-standard);
@@ -1197,15 +1377,34 @@
1197
1377
  @property st-global(--wds-shadow-inner-400-right);
1198
1378
  @property st-global(--wds-shadow-inner-400-top);
1199
1379
  @property st-global(--wds-shadow-inner-400-vertical);
1380
+ @property st-global(--wds-shadow-spread-secondary-raised);
1200
1381
  @property st-global(--wds-shadow-surface-modal);
1201
1382
  @property st-global(--wds-shadow-surface-overlay);
1202
1383
  @property st-global(--wds-shadow-surface-overlay-dark);
1203
1384
  @property st-global(--wds-shadow-surface-raised);
1385
+ @property st-global(--wds-shadow-x-0);
1386
+ @property st-global(--wds-shadow-x-25);
1387
+ @property st-global(--wds-shadow-x-input);
1388
+ @property st-global(--wds-shadow-x-secondary-raised);
1204
1389
  @property st-global(--wds-shadow-y-0);
1390
+ @property st-global(--wds-shadow-y-25);
1391
+ @property st-global(--wds-shadow-y-50);
1205
1392
  @property st-global(--wds-shadow-y-100);
1393
+ @property st-global(--wds-shadow-y-150);
1206
1394
  @property st-global(--wds-shadow-y-200);
1207
1395
  @property st-global(--wds-shadow-y-300);
1208
1396
  @property st-global(--wds-shadow-y-350);
1397
+ @property st-global(--wds-shadow-y-input);
1398
+ @property st-global(--wds-shadow-y-primary-modal);
1399
+ @property st-global(--wds-shadow-y-primary-overlay);
1400
+ @property st-global(--wds-shadow-y-primary-overlay-dark);
1401
+ @property st-global(--wds-shadow-y-primary-raised);
1402
+ @property st-global(--wds-shadow-y-primary-toggle);
1403
+ @property st-global(--wds-shadow-y-secondary-modal);
1404
+ @property st-global(--wds-shadow-y-secondary-overlay);
1405
+ @property st-global(--wds-shadow-y-secondary-overlay-dark);
1406
+ @property st-global(--wds-shadow-y-secondary-raised);
1407
+ @property st-global(--wds-shadow-y-secondary-toggle);
1209
1408
  @property st-global(--wds-side-panel-back-button-top-padding);
1210
1409
  @property st-global(--wds-side-panel-content-padding-horizontal);
1211
1410
  @property st-global(--wds-side-panel-content-padding-vertical);
@@ -1298,6 +1497,7 @@
1298
1497
  @property st-global(--wds-slider-slider-knob-border-width);
1299
1498
  @property st-global(--wds-slider-slider-knob-border-width-hover);
1300
1499
  @property st-global(--wds-slider-slider-knob-color);
1500
+ @property st-global(--wds-slider-slider-knob-color-disabled);
1301
1501
  @property st-global(--wds-slider-slider-knob-color-hover);
1302
1502
  @property st-global(--wds-slider-slider-knob-shadow);
1303
1503
  @property st-global(--wds-slider-slider-knob-size);
@@ -1328,6 +1528,7 @@
1328
1528
  @property st-global(--wds-space-500);
1329
1529
  @property st-global(--wds-space-600);
1330
1530
  @property st-global(--wds-space-700);
1531
+ @property st-global(--wds-space-750);
1331
1532
  @property st-global(--wds-space-800);
1332
1533
  @property st-global(--wds-space-850);
1333
1534
  @property st-global(--wds-space-900);
@@ -1356,10 +1557,12 @@
1356
1557
  @property st-global(--wds-space-padding-vertical-x-tiny);
1357
1558
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1358
1559
  @property st-global(--wds-space-viewport-spacing);
1560
+ @property st-global(--wds-status-toast-horizontal-padding);
1359
1561
  @property st-global(--wds-status-toast-info-icon-fill);
1360
1562
  @property st-global(--wds-status-toast-text-fill);
1361
1563
  @property st-global(--wds-status-toast-text-font-line-height);
1362
1564
  @property st-global(--wds-status-toast-text-font-size);
1565
+ @property st-global(--wds-status-toast-vertical-padding);
1363
1566
  @property st-global(--wds-status-toast-width);
1364
1567
  @property st-global(--wds-stepper-prefix-size-circle);
1365
1568
  @property st-global(--wds-stepper-prefix-size-number);
@@ -1669,6 +1872,7 @@
1669
1872
  --wds-border-radius-surface-raised: 8px;
1670
1873
  --wds-border-radius-surface-sunken: 0;
1671
1874
  --wds-border-width-100: 1px;
1875
+ --wds-border-width-150: 1.5px;
1672
1876
  --wds-border-width-200: 2px;
1673
1877
  --wds-border-width-default: 1px;
1674
1878
  --wds-border-width-none: 0;
@@ -1690,18 +1894,52 @@
1690
1894
  --wds-breakpoint-medium: 768px;
1691
1895
  --wds-breakpoint-small: 490px;
1692
1896
  --wds-breakpoint-x-large: 1572px;
1897
+ --wds-button-border-dark-secondary: #868aa5;
1898
+ --wds-button-border-dark-secondary-active: #000624;
1899
+ --wds-button-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
1900
+ --wds-button-border-dark-secondary-hover: #44485f;
1901
+ --wds-button-border-destructive-secondary: #fbd0cd;
1902
+ --wds-button-border-destructive-secondary-active: #b81206;
1903
+ --wds-button-border-destructive-secondary-disabled: rgba(0, 6, 36, .1);
1904
+ --wds-button-border-destructive-secondary-hover: #e62214;
1905
+ --wds-button-border-premium-secondary: #e3c3f4;
1906
+ --wds-button-border-premium-secondary-active: #7416a5;
1907
+ --wds-button-border-premium-secondary-disabled: rgba(0, 6, 36, .1);
1908
+ --wds-button-border-premium-secondary-hover: #9a27d5;
1693
1909
  --wds-button-border-radius-large: 1000px;
1694
1910
  --wds-button-border-radius-medium: 1000px;
1695
1911
  --wds-button-border-radius-small: 1000px;
1696
1912
  --wds-button-border-radius-tiny: 1000px;
1913
+ --wds-button-border-standard-secondary: #d6e6fe;
1914
+ --wds-button-border-standard-secondary-active: #084ebd;
1915
+ --wds-button-border-standard-secondary-disabled: rgba(0, 6, 36, .1);
1916
+ --wds-button-border-standard-secondary-hover: #116dff;
1917
+ --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
1918
+ --wds-button-fill-dark-secondary: #ffffff;
1919
+ --wds-button-fill-dark-secondary-active: #000624;
1920
+ --wds-button-fill-dark-secondary-disabled: #ffffff;
1921
+ --wds-button-fill-dark-secondary-hover: #44485f;
1922
+ --wds-button-fill-destructive-primary-disabled: rgba(0, 6, 36, .3);
1923
+ --wds-button-fill-destructive-secondary: #ffffff;
1924
+ --wds-button-fill-destructive-secondary-active: #b81206;
1925
+ --wds-button-fill-destructive-secondary-disabled: #ffffff;
1926
+ --wds-button-fill-destructive-secondary-hover: #d0180b;
1697
1927
  --wds-button-fill-gradient-hover-primary: #0f62e6;
1698
1928
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
1929
+ --wds-button-fill-premium-primary-disabled: rgba(0, 6, 36, .3);
1930
+ --wds-button-fill-premium-secondary: #ffffff;
1931
+ --wds-button-fill-premium-secondary-active: #7416a5;
1932
+ --wds-button-fill-premium-secondary-disabled: #ffffff;
1933
+ --wds-button-fill-premium-secondary-hover: #8e1dd1;
1699
1934
  --wds-button-fill-standard-primary: #116dff;
1700
1935
  --wds-button-fill-standard-primary-active: #084ebd;
1936
+ --wds-button-fill-standard-primary-disabled: rgba(0, 6, 36, .3);
1701
1937
  --wds-button-fill-standard-primary-hover: #0f62e6;
1702
1938
  --wds-button-fill-standard-secondary: #ffffff;
1703
1939
  --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #084ebd 0%, #084ebd 100%);
1940
+ --wds-button-fill-standard-secondary-disabled: #ffffff;
1704
1941
  --wds-button-fill-standard-secondary-hover: #116dff;
1942
+ --wds-button-font-line-height-extra-large: 24px;
1705
1943
  --wds-button-font-line-height-large: 24px;
1706
1944
  --wds-button-font-line-height-medium: 24px;
1707
1945
  --wds-button-font-line-height-small: 18px;
@@ -1710,6 +1948,9 @@
1710
1948
  --wds-button-font-size-medium: 16px;
1711
1949
  --wds-button-font-size-small: 14px;
1712
1950
  --wds-button-font-size-tiny: 12px;
1951
+ --wds-button-font-weight-large: 500;
1952
+ --wds-button-font-weight-medium: 500;
1953
+ --wds-button-font-weight-small: 500;
1713
1954
  --wds-button-font-weight-tiny: 700;
1714
1955
  --wds-button-gap-large: 12px;
1715
1956
  --wds-button-gap-medium: 6px;
@@ -1719,8 +1960,27 @@
1719
1960
  --wds-button-icon-offset-medium: 12px;
1720
1961
  --wds-button-icon-offset-small: 12px;
1721
1962
  --wds-button-icon-offset-tiny: 12px;
1963
+ --wds-button-label-fill-dark-primary-disabled: rgba(255, 255, 255, .7);
1964
+ --wds-button-label-fill-dark-secondary: #000624;
1965
+ --wds-button-label-fill-dark-secondary-active: #ffffff;
1966
+ --wds-button-label-fill-dark-secondary-disabled: rgba(0, 6, 36, .3);
1967
+ --wds-button-label-fill-dark-secondary-hover: #ffffff;
1968
+ --wds-button-label-fill-destructive-primary-disabled: rgba(255, 255, 255, .7);
1969
+ --wds-button-label-fill-destructive-secondary: #e62214;
1970
+ --wds-button-label-fill-destructive-secondary-active: #ffffff;
1971
+ --wds-button-label-fill-destructive-secondary-disabled: rgba(0, 6, 36, .3);
1972
+ --wds-button-label-fill-destructive-secondary-hover: #ffffff;
1973
+ --wds-button-label-fill-premium-primary-disabled: rgba(255, 255, 255, .7);
1974
+ --wds-button-label-fill-premium-secondary: #9a27d5;
1975
+ --wds-button-label-fill-premium-secondary-active: #ffffff;
1976
+ --wds-button-label-fill-premium-secondary-disabled: rgba(0, 6, 36, .3);
1977
+ --wds-button-label-fill-premium-secondary-hover: #ffffff;
1978
+ --wds-button-label-fill-standard-primary-disabled: rgba(255, 255, 255, .7);
1979
+ --wds-button-label-fill-standard-secondary: #ffffff;
1980
+ --wds-button-label-fill-standard-secondary-active: #ffffff;
1981
+ --wds-button-label-fill-standard-secondary-disabled: rgba(0, 6, 36, .3);
1982
+ --wds-button-label-fill-standard-secondary-hover: #ffffff;
1722
1983
  --wds-button-label-fill-transparent-tertiary: #ffffff;
1723
- --wds-button-label-font-size-large: 16px;
1724
1984
  --wds-button-outline-hover: transparent;
1725
1985
  --wds-button-padding-horizontal-extra-large: 36px;
1726
1986
  --wds-button-padding-horizontal-large: 30px;
@@ -1810,6 +2070,7 @@
1810
2070
  --wds-color-black-100-transparent-0: rgba(0, 6, 36, 0);
1811
2071
  --wds-color-black-100-transparent-5: rgba(0, 6, 36, .05);
1812
2072
  --wds-color-black-100-transparent-10: rgba(0, 6, 36, .1);
2073
+ --wds-color-black-100-transparent-15: rgba(0, 6, 36, 0.15);
1813
2074
  --wds-color-black-100-transparent-20: rgba(0, 6, 36, .2);
1814
2075
  --wds-color-black-100-transparent-30: rgba(0, 6, 36, .3);
1815
2076
  --wds-color-black-100-transparent-40: rgba(0, 6, 36, .4);
@@ -1822,6 +2083,7 @@
1822
2083
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
1823
2084
  --wds-color-black-300: #595d70;
1824
2085
  --wds-color-black-300-transparent-0: rgba(134, 138, 165, 0.0000);
2086
+ --wds-color-black-300-transparent-20: rgba(134, 138, 165, 0.2000);
1825
2087
  --wds-color-black-300-transparent-50: rgba(134, 138, 165, 0.5000);
1826
2088
  --wds-color-black-300-transparent-60: rgba(134, 138, 165, 0.6000);
1827
2089
  --wds-color-black-300-transparent-70: rgba(134, 138, 165, 0.7000);
@@ -1881,6 +2143,7 @@
1881
2143
  --wds-color-border-premium-tertiary-active: #cf8cf1;
1882
2144
  --wds-color-border-premium-tertiary-disabled: rgba(0, 6, 36, .1);
1883
2145
  --wds-color-border-premium-tertiary-hover: #e3c3f4;
2146
+ --wds-color-border-stage-wip: #ffffff;
1884
2147
  --wds-color-border-standard-primary: #a8caff;
1885
2148
  --wds-color-border-standard-primary-active: #116dff;
1886
2149
  --wds-color-border-standard-primary-disabled: rgba(0, 6, 36, .1);
@@ -1993,6 +2256,10 @@
1993
2256
  --wds-color-fill-light-secondary-active: #d6e6fe;
1994
2257
  --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
1995
2258
  --wds-color-fill-light-secondary-hover: #e7f0ff;
2259
+ --wds-color-fill-light-tertiary: #ffffff;
2260
+ --wds-color-fill-light-tertiary-active: #d6e6fe;
2261
+ --wds-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0);
2262
+ --wds-color-fill-light-tertiary-hover: #e7f0ff;
1996
2263
  --wds-color-fill-premium-light-primary: #ffffff;
1997
2264
  --wds-color-fill-premium-light-primary-active: #e3c3f4;
1998
2265
  --wds-color-fill-premium-light-primary-disabled: rgba(255, 255, 255, .3);
@@ -2350,6 +2617,7 @@
2350
2617
  --wds-font-line-height-300: 24px;
2351
2618
  --wds-font-line-height-400: 28px;
2352
2619
  --wds-font-line-height-500: 36px;
2620
+ --wds-font-line-height-600: 36px;
2353
2621
  --wds-font-line-height-body-extra-tiny: 12px;
2354
2622
  --wds-font-line-height-body-medium: 24px;
2355
2623
  --wds-font-line-height-body-small: 18px;
@@ -2407,27 +2675,117 @@
2407
2675
  --wds-gallery-item-padding-right-small: 18px;
2408
2676
  --wds-gallery-item-padding-vertical-medium: 18px;
2409
2677
  --wds-gallery-item-padding-vertical-small: 12px;
2678
+ --wds-icon-button-color-border-dark-secondary: #868aa5;
2679
+ --wds-icon-button-color-border-dark-secondary-active: #44485f;
2680
+ --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
2681
+ --wds-icon-button-color-border-dark-secondary-hover: #44485f;
2682
+ --wds-icon-button-color-border-light-secondary: rgba(255, 255, 255, .5);
2683
+ --wds-icon-button-color-border-light-secondary-active: #ffffff;
2684
+ --wds-icon-button-color-border-light-secondary-disabled: rgba(255, 255, 255, .3);
2685
+ --wds-icon-button-color-border-light-secondary-hover: rgba(255, 255, 255, .7);
2686
+ --wds-icon-button-color-border-premium-secondary: #e3c3f4;
2687
+ --wds-icon-button-color-border-premium-secondary-active: #9a27d5;
2688
+ --wds-icon-button-color-border-premium-secondary-disabled: rgba(0, 6, 36, .1);
2410
2689
  --wds-icon-button-color-border-standard-secondary: #d6e6fe;
2411
- --wds-icon-button-color-border-standard-secondary-active: #5999ff;
2412
- --wds-icon-button-color-border-standard-secondary-hover: #0f62e6;
2690
+ --wds-icon-button-color-border-standard-secondary-active: #116dff;
2691
+ --wds-icon-button-color-border-standard-secondary-disabled: rgba(0, 6, 36, .1);
2692
+ --wds-icon-button-color-border-standard-secondary-hover: #a8caff;
2693
+ --wds-icon-button-color-fill-dark-primary: #000624;
2694
+ --wds-icon-button-color-fill-dark-primary-active: #000624;
2695
+ --wds-icon-button-color-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
2696
+ --wds-icon-button-color-fill-dark-primary-hover: #44485f;
2697
+ --wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0);
2698
+ --wds-icon-button-color-fill-dark-secondary-active: #000624;
2699
+ --wds-icon-button-color-fill-dark-secondary-disabled: rgba(255, 255, 255, 0);
2700
+ --wds-icon-button-color-fill-dark-secondary-hover: #44485f;
2701
+ --wds-icon-button-color-fill-dark-tertiary: rgba(255, 255, 255, 0);
2702
+ --wds-icon-button-color-fill-dark-tertiary-active: #cfd1dc;
2703
+ --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(255, 255, 255, 0);
2704
+ --wds-icon-button-color-fill-dark-tertiary-hover: #dfe5eb;
2705
+ --wds-icon-button-color-fill-light-primary: #ffffff;
2706
+ --wds-icon-button-color-fill-light-primary-active: #d6e6fe;
2707
+ --wds-icon-button-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
2708
+ --wds-icon-button-color-fill-light-primary-hover: #e7f0ff;
2709
+ --wds-icon-button-color-fill-light-secondary: rgba(255, 255, 255, 0);
2710
+ --wds-icon-button-color-fill-light-secondary-active: #d6e6fe;
2711
+ --wds-icon-button-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
2712
+ --wds-icon-button-color-fill-light-secondary-hover: #e7f0ff;
2713
+ --wds-icon-button-color-fill-light-tertiary: rgba(255, 255, 255, 0);
2714
+ --wds-icon-button-color-fill-light-tertiary-active: #d6e6fe;
2715
+ --wds-icon-button-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0);
2716
+ --wds-icon-button-color-fill-light-tertiary-hover: #e7f0ff;
2717
+ --wds-icon-button-color-fill-premium-primary: #9a27d5;
2718
+ --wds-icon-button-color-fill-premium-primary-active: #7416a5;
2719
+ --wds-icon-button-color-fill-premium-primary-disabled: rgba(0, 6, 36, .3);
2720
+ --wds-icon-button-color-fill-premium-primary-hover: #8e1dd1;
2721
+ --wds-icon-button-color-fill-premium-secondary: #ffffff;
2722
+ --wds-icon-button-color-fill-premium-secondary-active: #7416a5;
2723
+ --wds-icon-button-color-fill-premium-secondary-disabled: #ffffff;
2724
+ --wds-icon-button-color-fill-premium-secondary-hover: #8e1dd1;
2725
+ --wds-icon-button-color-fill-premium-tertiary: rgba(255, 255, 255, 0);
2726
+ --wds-icon-button-color-fill-premium-tertiary-active: #e3c3f4;
2727
+ --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, 0);
2728
+ --wds-icon-button-color-fill-premium-tertiary-hover: #f1e0f9;
2413
2729
  --wds-icon-button-color-fill-standard-primary: #116dff;
2414
2730
  --wds-icon-button-color-fill-standard-primary-active: #084ebd;
2731
+ --wds-icon-button-color-fill-standard-primary-disabled: rgba(0, 6, 36, .3);
2415
2732
  --wds-icon-button-color-fill-standard-primary-hover: #0f62e6;
2416
2733
  --wds-icon-button-color-fill-standard-secondary: #ffffff;
2417
- --wds-icon-button-color-fill-standard-secondary-active: #5999ff;
2734
+ --wds-icon-button-color-fill-standard-secondary-active: #084ebd;
2735
+ --wds-icon-button-color-fill-standard-secondary-disabled: #ffffff;
2418
2736
  --wds-icon-button-color-fill-standard-secondary-hover: #0f62e6;
2419
- --wds-icon-button-color-fill-standard-tertiary: #ffffff;
2420
- --wds-icon-button-color-fill-standard-tertiary-active: #ffffff;
2421
- --wds-icon-button-color-fill-standard-tertiary-hover: #ffffff;
2737
+ --wds-icon-button-color-fill-standard-tertiary: rgba(255, 255, 255, 0);
2738
+ --wds-icon-button-color-fill-standard-tertiary-active: #d6e6fe;
2739
+ --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(255, 255, 255, 0);
2740
+ --wds-icon-button-color-fill-standard-tertiary-hover: #e7f0ff;
2741
+ --wds-icon-button-color-text-dark-primary: #ffffff;
2742
+ --wds-icon-button-color-text-dark-primary-active: #ffffff;
2743
+ --wds-icon-button-color-text-dark-primary-disabled: rgba(255, 255, 255, .7);
2744
+ --wds-icon-button-color-text-dark-primary-hover: #ffffff;
2745
+ --wds-icon-button-color-text-dark-secondary: #000624;
2746
+ --wds-icon-button-color-text-dark-secondary-active: #ffffff;
2747
+ --wds-icon-button-color-text-dark-secondary-disabled: rgba(0, 6, 36, .3);
2748
+ --wds-icon-button-color-text-dark-secondary-hover: #ffffff;
2749
+ --wds-icon-button-color-text-dark-tertiary: #000624;
2750
+ --wds-icon-button-color-text-dark-tertiary-active: #000624;
2751
+ --wds-icon-button-color-text-dark-tertiary-disabled: rgba(0, 6, 36, .3);
2752
+ --wds-icon-button-color-text-dark-tertiary-hover: #000624;
2753
+ --wds-icon-button-color-text-light-primary: #116dff;
2754
+ --wds-icon-button-color-text-light-primary-active: #116dff;
2755
+ --wds-icon-button-color-text-light-primary-disabled: rgba(0, 6, 36, .3);
2756
+ --wds-icon-button-color-text-light-primary-hover: #116dff;
2757
+ --wds-icon-button-color-text-light-secondary: #ffffff;
2758
+ --wds-icon-button-color-text-light-secondary-active: #116dff;
2759
+ --wds-icon-button-color-text-light-secondary-disabled: rgba(0, 6, 36, .3);
2760
+ --wds-icon-button-color-text-light-secondary-hover: #116dff;
2761
+ --wds-icon-button-color-text-light-tertiary: #ffffff;
2762
+ --wds-icon-button-color-text-light-tertiary-active: #116dff;
2763
+ --wds-icon-button-color-text-light-tertiary-disabled: rgba(255, 255, 255, .7);
2764
+ --wds-icon-button-color-text-light-tertiary-hover: #116dff;
2765
+ --wds-icon-button-color-text-premium-primary: #ffffff;
2766
+ --wds-icon-button-color-text-premium-primary-active: #ffffff;
2767
+ --wds-icon-button-color-text-premium-primary-disabled: rgba(255, 255, 255, .7);
2768
+ --wds-icon-button-color-text-premium-primary-hover: #ffffff;
2769
+ --wds-icon-button-color-text-premium-secondary: #9a27d5;
2770
+ --wds-icon-button-color-text-premium-secondary-active: #ffffff;
2771
+ --wds-icon-button-color-text-premium-secondary-disabled: rgba(0, 6, 36, .3);
2772
+ --wds-icon-button-color-text-premium-secondary-hover: #ffffff;
2773
+ --wds-icon-button-color-text-premium-tertiary: #9a27d5;
2774
+ --wds-icon-button-color-text-premium-tertiary-active: #9a27d5;
2775
+ --wds-icon-button-color-text-premium-tertiary-disabled: rgba(0, 6, 36, .3);
2776
+ --wds-icon-button-color-text-premium-tertiary-hover: #9a27d5;
2422
2777
  --wds-icon-button-color-text-standard-primary: #ffffff;
2423
2778
  --wds-icon-button-color-text-standard-primary-active: #ffffff;
2779
+ --wds-icon-button-color-text-standard-primary-disabled: rgba(255, 255, 255, .7);
2424
2780
  --wds-icon-button-color-text-standard-primary-hover: #ffffff;
2425
2781
  --wds-icon-button-color-text-standard-secondary: #116dff;
2426
2782
  --wds-icon-button-color-text-standard-secondary-active: #ffffff;
2783
+ --wds-icon-button-color-text-standard-secondary-disabled: rgba(0, 6, 36, .3);
2427
2784
  --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
2428
2785
  --wds-icon-button-color-text-standard-tertiary: #116dff;
2429
- --wds-icon-button-color-text-standard-tertiary-active: #084ebd;
2430
- --wds-icon-button-color-text-standard-tertiary-hover: #0f62e6;
2786
+ --wds-icon-button-color-text-standard-tertiary-active: #116dff;
2787
+ --wds-icon-button-color-text-standard-tertiary-disabled: rgba(0, 6, 36, .3);
2788
+ --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
2431
2789
  --wds-image-border-radius-default: 8px;
2432
2790
  --wds-image-border-radius-none: 0;
2433
2791
  --wds-info-icon-fill: #116dff;
@@ -2766,19 +3124,44 @@
2766
3124
  --wds-shadow-200: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2767
3125
  --wds-shadow-300: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
2768
3126
  --wds-shadow-400: 0 3px 24px rgba(0, 6, 36, .2), 0 8px 8px rgba(0, 6, 36, .1);
3127
+ --wds-shadow-blur-0: 0;
3128
+ --wds-shadow-blur-25: 1px;
2769
3129
  --wds-shadow-blur-35: 2px;
2770
3130
  --wds-shadow-blur-50: 3px;
3131
+ --wds-shadow-blur-75: 4px;
2771
3132
  --wds-shadow-blur-100: 6px;
2772
- --wds-shadow-blur-150: 6px;
3133
+ --wds-shadow-blur-125: 6px;
3134
+ --wds-shadow-blur-135: 7px;
3135
+ --wds-shadow-blur-150: 8px;
2773
3136
  --wds-shadow-blur-200: 18px;
2774
3137
  --wds-shadow-blur-400: 24px;
3138
+ --wds-shadow-blur-500: 24px;
3139
+ --wds-shadow-blur-800: 36px;
3140
+ --wds-shadow-blur-input: 0;
3141
+ --wds-shadow-blur-primary-modal: 24px;
3142
+ --wds-shadow-blur-primary-overlay: 18px;
3143
+ --wds-shadow-blur-primary-overlay-dark: 18px;
3144
+ --wds-shadow-blur-primary-raised: 6px;
3145
+ --wds-shadow-blur-primary-toggle: 3px;
3146
+ --wds-shadow-blur-secondary-modal: 8px;
3147
+ --wds-shadow-blur-secondary-overlay: 6px;
3148
+ --wds-shadow-blur-secondary-overlay-dark: 6px;
3149
+ --wds-shadow-blur-secondary-raised: 4px;
3150
+ --wds-shadow-blur-secondary-toggle: 1px;
3151
+ --wds-shadow-fill-input: rgba(0, 6, 36, 0);
2775
3152
  --wds-shadow-fill-primary-modal: rgba(0, 6, 36, .2);
2776
3153
  --wds-shadow-fill-primary-overlay: rgba(0, 6, 36, .1);
3154
+ --wds-shadow-fill-primary-overlay-dark: rgba(0, 6, 36, .1);
2777
3155
  --wds-shadow-fill-primary-raised: rgba(0, 6, 36, .1);
3156
+ --wds-shadow-fill-primary-slider: rgba(0, 6, 36, 0);
3157
+ --wds-shadow-fill-primary-toggle: rgba(0, 6, 36, .2);
3158
+ --wds-shadow-fill-quaternary-raised: rgba(0, 6, 36, 0);
2778
3159
  --wds-shadow-fill-secondary-modal: rgba(0, 6, 36, .1);
2779
3160
  --wds-shadow-fill-secondary-overlay: rgba(0, 6, 36, .05);
3161
+ --wds-shadow-fill-secondary-overlay-dark: rgba(0, 6, 36, .05);
2780
3162
  --wds-shadow-fill-secondary-raised: rgba(0, 6, 36, .05);
2781
3163
  --wds-shadow-fill-secondary-toggle: rgba(0, 6, 36, .5);
3164
+ --wds-shadow-fill-tertiary-raised: rgba(0, 6, 36, 0);
2782
3165
  --wds-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
2783
3166
  --wds-shadow-focus-inner-destructive: 0 0 0 3px #fbd0cd inset;
2784
3167
  --wds-shadow-focus-inner-standard: 0 0 0 3px #a8caff inset;
@@ -2802,15 +3185,34 @@
2802
3185
  --wds-shadow-inner-400-right: -32px 0 24px -24px rgba(0, 6, 36, .2) inset, -8px 0 6px -6px rgba(0, 6, 36, .05) inset;
2803
3186
  --wds-shadow-inner-400-top: 0 32px 24px -24px rgba(0, 6, 36, .2) inset, 0 8px 6px -6px rgba(0, 6, 36, .05) inset;
2804
3187
  --wds-shadow-inner-400-vertical: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset, 0 -22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
3188
+ --wds-shadow-spread-secondary-raised: 0;
2805
3189
  --wds-shadow-surface-modal: 0 3px 24px rgba(0, 6, 36, .2), 0 8px 8px rgba(0, 6, 36, .1);
2806
3190
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
2807
3191
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
2808
3192
  --wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
3193
+ --wds-shadow-x-0: 0;
3194
+ --wds-shadow-x-25: 2px;
3195
+ --wds-shadow-x-input: 0;
3196
+ --wds-shadow-x-secondary-raised: 0;
2809
3197
  --wds-shadow-y-0: 0;
2810
- --wds-shadow-y-100: 0;
2811
- --wds-shadow-y-200: 0;
2812
- --wds-shadow-y-300: 0;
3198
+ --wds-shadow-y-25: 2px;
3199
+ --wds-shadow-y-50: 3px;
3200
+ --wds-shadow-y-100: 6px;
3201
+ --wds-shadow-y-150: 8px;
3202
+ --wds-shadow-y-200: 9px;
3203
+ --wds-shadow-y-300: 12px;
2813
3204
  --wds-shadow-y-350: 3px;
3205
+ --wds-shadow-y-input: 0;
3206
+ --wds-shadow-y-primary-modal: 3px;
3207
+ --wds-shadow-y-primary-overlay: 0;
3208
+ --wds-shadow-y-primary-overlay-dark: 0;
3209
+ --wds-shadow-y-primary-raised: 0;
3210
+ --wds-shadow-y-primary-toggle: 0;
3211
+ --wds-shadow-y-secondary-modal: 8px;
3212
+ --wds-shadow-y-secondary-overlay: 6px;
3213
+ --wds-shadow-y-secondary-overlay-dark: 6px;
3214
+ --wds-shadow-y-secondary-raised: 2px;
3215
+ --wds-shadow-y-secondary-toggle: 2px;
2814
3216
  --wds-side-panel-back-button-top-padding: 0;
2815
3217
  --wds-side-panel-content-padding-horizontal: 24px;
2816
3218
  --wds-side-panel-content-padding-vertical: 24px;
@@ -2903,9 +3305,10 @@
2903
3305
  --wds-slider-slider-knob-border-width: 4px;
2904
3306
  --wds-slider-slider-knob-border-width-hover: 12px;
2905
3307
  --wds-slider-slider-knob-color: #116dff;
2906
- --wds-slider-slider-knob-color-hover: #116dff;
3308
+ --wds-slider-slider-knob-color-disabled: #acafc4;
3309
+ --wds-slider-slider-knob-color-hover: #0f62e6;
2907
3310
  --wds-slider-slider-knob-shadow: false;
2908
- --wds-slider-slider-knob-size: 12px;
3311
+ --wds-slider-slider-knob-size: 4px;
2909
3312
  --wds-slider-slider-knob-size-hover: 18px;
2910
3313
  --wds-slider-slider-knob-size-transparent: 16px;
2911
3314
  --wds-slider-slider-mark-size: 6px;
@@ -2933,6 +3336,7 @@
2933
3336
  --wds-space-500: 30px;
2934
3337
  --wds-space-600: 36px;
2935
3338
  --wds-space-700: 42px;
3339
+ --wds-space-750: 45px;
2936
3340
  --wds-space-800: 48px;
2937
3341
  --wds-space-850: 51px;
2938
3342
  --wds-space-900: 54px;
@@ -2961,10 +3365,12 @@
2961
3365
  --wds-space-padding-vertical-x-tiny: 6px;
2962
3366
  --wds-space-padding-vertical-xx-tiny: 3px;
2963
3367
  --wds-space-viewport-spacing: 48px;
3368
+ --wds-status-toast-horizontal-padding: 12px;
2964
3369
  --wds-status-toast-info-icon-fill: #ffffff;
2965
3370
  --wds-status-toast-text-fill: #ffffff;
2966
3371
  --wds-status-toast-text-font-line-height: 24px;
2967
3372
  --wds-status-toast-text-font-size: 16px;
3373
+ --wds-status-toast-vertical-padding: 9px;
2968
3374
  --wds-status-toast-width: 600px;
2969
3375
  --wds-stepper-prefix-size-circle: 30px;
2970
3376
  --wds-stepper-prefix-size-number: 24px;