@wix/design-system-tokens 1.190.0 → 1.192.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 (23) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/all.css +12 -0
  3. package/all.scss +12 -0
  4. package/all.st.css +24 -0
  5. package/component.st.css +24 -0
  6. package/odeditor/all.css +9 -0
  7. package/odeditor/all.scss +9 -0
  8. package/odeditor/all.st.css +18 -0
  9. package/odeditor/component.st.css +18 -0
  10. package/odeditor-dark/all.css +18 -4
  11. package/odeditor-dark/all.scss +18 -4
  12. package/odeditor-dark/all.st.css +32 -4
  13. package/odeditor-dark/component.st.css +31 -3
  14. package/odeditor-dark/semantic.st.css +1 -1
  15. package/package.json +2 -2
  16. package/studio/all.css +9 -0
  17. package/studio/all.scss +9 -0
  18. package/studio/all.st.css +18 -0
  19. package/studio/component.st.css +18 -0
  20. package/wixel/all.css +9 -0
  21. package/wixel/all.scss +9 -0
  22. package/wixel/all.st.css +18 -0
  23. package/wixel/component.st.css +18 -0
package/odeditor-dark/all.css CHANGED
@@ -676,7 +676,7 @@
676
676
  --wds-color-fill-light-primary: var(--wds-color-white);
677
677
  --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
678
678
  --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
679
- --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
679
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-500);
680
680
  --wds-color-fill-destructive-tertiary: var(--wds-color-white);
681
681
  --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
682
682
  --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -888,7 +888,7 @@
888
888
  --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
889
889
  --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
890
890
  --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-300);
891
- --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
891
+ --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-300);
892
892
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
893
893
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
894
894
  --wds-toggle-button-border-color-standard-hover: var(--wds-color-blue-300);
@@ -1093,6 +1093,8 @@
1093
1093
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1094
1094
  --wds-segmented-toggle-padding-container: var(--wds-space-100);
1095
1095
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1096
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-white);
1097
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-white);
1096
1098
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1097
1099
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1098
1100
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
@@ -1248,6 +1250,7 @@
1248
1250
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1249
1251
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1250
1252
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1253
+ --wds-list-item-action-subtitle-destructive: var(--wds-color-red-0);
1251
1254
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1252
1255
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1253
1256
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1255,7 +1258,9 @@
1255
1258
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1256
1259
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1257
1260
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
1261
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
1258
1262
  --wds-list-item-action-gap: var(--wds-space-50);
1263
+ --wds-list-item-action-fill-hover-destructive: var(--wds-color-red-400);
1259
1264
  --wds-list-item-action-fill: var(--wds-color-white-transparent-0);
1260
1265
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1261
1266
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -1476,7 +1481,10 @@
1476
1481
  --wds-button-fill-standard-primary: var(--wds-color-blue-150);
1477
1482
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1478
1483
  --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1484
+ --wds-button-fill-premium-primary-hover: var(--wds-color-blue-200);
1479
1485
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1486
+ --wds-button-fill-premium-primary-active: var(--wds-color-blue-100);
1487
+ --wds-button-fill-premium-primary: var(--wds-color-blue-150);
1480
1488
  --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1481
1489
  --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1482
1490
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
@@ -1485,6 +1493,9 @@
1485
1493
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1486
1494
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1487
1495
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1496
+ --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1497
+ --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1498
+ --wds-button-fill-ai-primary: var(--wds-color-blue-150);
1488
1499
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1489
1500
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1490
1501
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1497,7 +1508,7 @@
1497
1508
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1498
1509
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1499
1510
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1500
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1511
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-semi-bold);
1501
1512
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1502
1513
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1503
1514
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
@@ -1510,7 +1521,7 @@
1510
1521
  --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1511
1522
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1512
1523
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1513
- --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1524
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1514
1525
  --wds-badge-size-tiny: var(--wds-space-500);
1515
1526
  --wds-badge-size-small: var(--wds-space-600);
1516
1527
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1941,6 +1952,7 @@
1941
1952
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1942
1953
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1943
1954
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1955
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary);
1944
1956
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1945
1957
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1946
1958
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
@@ -1948,6 +1960,7 @@
1948
1960
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
1949
1961
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
1950
1962
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1963
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary);
1951
1964
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1952
1965
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1953
1966
  --wds-button-font-size-medium: var(--wds-font-size-body-small);
@@ -1969,6 +1982,7 @@
1969
1982
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1970
1983
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1971
1984
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1985
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-primary);
1972
1986
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1973
1987
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1974
1988
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
package/odeditor-dark/all.scss CHANGED
@@ -467,7 +467,7 @@
467
467
  --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
468
468
  --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
469
469
  --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-300);
470
- --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
470
+ --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-300);
471
471
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
472
472
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
473
473
  --wds-toggle-button-border-color-standard-hover: var(--wds-color-blue-300);
@@ -753,6 +753,8 @@
753
753
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
754
754
  --wds-segmented-toggle-padding-container: var(--wds-space-100);
755
755
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
756
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-white);
757
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-white);
756
758
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
757
759
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
758
760
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
@@ -908,6 +910,7 @@
908
910
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
909
911
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
910
912
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
913
+ --wds-list-item-action-subtitle-destructive: var(--wds-color-red-0);
911
914
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
912
915
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
913
916
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -915,7 +918,9 @@
915
918
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
916
919
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
917
920
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
921
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
918
922
  --wds-list-item-action-gap: var(--wds-space-50);
923
+ --wds-list-item-action-fill-hover-destructive: var(--wds-color-red-400);
919
924
  --wds-list-item-action-fill: var(--wds-color-white-transparent-0);
920
925
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
921
926
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -1254,7 +1259,7 @@
1254
1259
  --wds-color-fill-light-primary: var(--wds-color-white);
1255
1260
  --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
1256
1261
  --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
1257
- --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
1262
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-500);
1258
1263
  --wds-color-fill-destructive-tertiary: var(--wds-color-white);
1259
1264
  --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
1260
1265
  --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1465,7 +1470,10 @@
1465
1470
  --wds-button-fill-standard-primary: var(--wds-color-blue-150);
1466
1471
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1467
1472
  --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1473
+ --wds-button-fill-premium-primary-hover: var(--wds-color-blue-200);
1468
1474
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1475
+ --wds-button-fill-premium-primary-active: var(--wds-color-blue-100);
1476
+ --wds-button-fill-premium-primary: var(--wds-color-blue-150);
1469
1477
  --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1470
1478
  --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1471
1479
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
@@ -1474,6 +1482,9 @@
1474
1482
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1475
1483
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1476
1484
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1485
+ --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1486
+ --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1487
+ --wds-button-fill-ai-primary: var(--wds-color-blue-150);
1477
1488
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1478
1489
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1479
1490
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1486,7 +1497,7 @@
1486
1497
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1487
1498
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1488
1499
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1489
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1500
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-semi-bold);
1490
1501
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1491
1502
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1492
1503
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
@@ -1499,7 +1510,7 @@
1499
1510
  --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1500
1511
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1501
1512
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1502
- --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1513
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1503
1514
  --wds-border-width-varied-secondary: var(--wds-border-width-100);
1504
1515
  --wds-border-width-varied: var(--wds-border-width-0);
1505
1516
  --wds-border-width-default: var(--wds-border-width-100);
@@ -1941,6 +1952,7 @@
1941
1952
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1942
1953
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1943
1954
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1955
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary);
1944
1956
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1945
1957
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1946
1958
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
@@ -1948,6 +1960,7 @@
1948
1960
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
1949
1961
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
1950
1962
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1963
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary);
1951
1964
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1952
1965
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1953
1966
  --wds-button-font-size-medium: var(--wds-font-size-body-small);
@@ -1969,6 +1982,7 @@
1969
1982
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1970
1983
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1971
1984
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1985
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-primary);
1972
1986
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1973
1987
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1974
1988
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
package/odeditor-dark/all.st.css CHANGED
@@ -131,6 +131,7 @@
131
131
  @property st-global(--wds-breadcrumbs-font-size-small);
132
132
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
133
133
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
134
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
134
135
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
135
136
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
136
137
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -166,6 +167,9 @@
166
167
  @property st-global(--wds-button-border-standard-secondary-disabled);
167
168
  @property st-global(--wds-button-border-standard-secondary-hover);
168
169
  @property st-global(--wds-button-border-width-secondary-hover);
170
+ @property st-global(--wds-button-fill-ai-primary);
171
+ @property st-global(--wds-button-fill-ai-primary-active);
172
+ @property st-global(--wds-button-fill-ai-primary-hover);
169
173
  @property st-global(--wds-button-fill-dark-primary-disabled);
170
174
  @property st-global(--wds-button-fill-dark-secondary);
171
175
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -178,7 +182,10 @@
178
182
  @property st-global(--wds-button-fill-destructive-secondary-hover);
179
183
  @property st-global(--wds-button-fill-gradient-hover-primary);
180
184
  @property st-global(--wds-button-fill-gradient-hover-secondary);
185
+ @property st-global(--wds-button-fill-premium-primary);
186
+ @property st-global(--wds-button-fill-premium-primary-active);
181
187
  @property st-global(--wds-button-fill-premium-primary-disabled);
188
+ @property st-global(--wds-button-fill-premium-primary-hover);
182
189
  @property st-global(--wds-button-fill-premium-secondary);
183
190
  @property st-global(--wds-button-fill-premium-secondary-active);
184
191
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -213,6 +220,7 @@
213
220
  @property st-global(--wds-button-icon-offset-medium);
214
221
  @property st-global(--wds-button-icon-offset-small);
215
222
  @property st-global(--wds-button-icon-offset-tiny);
223
+ @property st-global(--wds-button-label-fill-ai-primary);
216
224
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
217
225
  @property st-global(--wds-button-label-fill-dark-secondary);
218
226
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -223,6 +231,7 @@
223
231
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
224
232
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
225
233
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
234
+ @property st-global(--wds-button-label-fill-premium-primary);
226
235
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
227
236
  @property st-global(--wds-button-label-fill-premium-secondary);
228
237
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -1141,8 +1150,10 @@
1141
1150
  @property st-global(--wds-list-item-action-fill);
1142
1151
  @property st-global(--wds-list-item-action-fill-active);
1143
1152
  @property st-global(--wds-list-item-action-fill-hover);
1153
+ @property st-global(--wds-list-item-action-fill-hover-destructive);
1144
1154
  @property st-global(--wds-list-item-action-gap);
1145
1155
  @property st-global(--wds-list-item-action-label-fill-active);
1156
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1146
1157
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1147
1158
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1148
1159
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1154,6 +1165,7 @@
1154
1165
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
1155
1166
  @property st-global(--wds-list-item-action-padding-vertical-small);
1156
1167
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
1168
+ @property st-global(--wds-list-item-action-subtitle-destructive);
1157
1169
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1158
1170
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1159
1171
  @property st-global(--wds-list-item-action-subtitle-font-size);
@@ -1386,6 +1398,8 @@
1386
1398
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
1387
1399
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
1388
1400
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
1401
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
1402
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
1389
1403
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
1390
1404
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1391
1405
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -2189,10 +2203,11 @@
2189
2203
  --wds-border-width-none: 0px;
2190
2204
  --wds-border-width-varied: 0px;
2191
2205
  --wds-border-width-varied-secondary: 1px;
2192
- --wds-breadcrumbs-border-radius: 2px;
2206
+ --wds-breadcrumbs-border-radius: 6px;
2193
2207
  --wds-breadcrumbs-font-size-small: 12px;
2194
2208
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
2195
2209
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
2210
+ --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
2196
2211
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
2197
2212
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2198
2213
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -2228,6 +2243,9 @@
2228
2243
  --wds-button-border-standard-secondary-disabled: #3A3A3B;
2229
2244
  --wds-button-border-standard-secondary-hover: #3F4D6E;
2230
2245
  --wds-button-border-width-secondary-hover: 1px;
2246
+ --wds-button-fill-ai-primary: #3C67FF;
2247
+ --wds-button-fill-ai-primary-active: #82B0FF;
2248
+ --wds-button-fill-ai-primary-hover: #6F94D4;
2231
2249
  --wds-button-fill-dark-primary-disabled: #3A3A3B;
2232
2250
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
2233
2251
  --wds-button-fill-dark-secondary-active: #666565;
@@ -2235,12 +2253,15 @@
2235
2253
  --wds-button-fill-dark-secondary-hover: #3A3A3B;
2236
2254
  --wds-button-fill-destructive-primary-disabled: #3A3A3B;
2237
2255
  --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
2238
- --wds-button-fill-destructive-secondary-active: #A6464B;
2256
+ --wds-button-fill-destructive-secondary-active: #4D2324;
2239
2257
  --wds-button-fill-destructive-secondary-disabled: #3A3A3B;
2240
2258
  --wds-button-fill-destructive-secondary-hover: #4D2324;
2241
2259
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
2242
2260
  --wds-button-fill-gradient-hover-secondary: #B1CCFF;
2261
+ --wds-button-fill-premium-primary: #3C67FF;
2262
+ --wds-button-fill-premium-primary-active: #82B0FF;
2243
2263
  --wds-button-fill-premium-primary-disabled: #3A3A3B;
2264
+ --wds-button-fill-premium-primary-hover: #6F94D4;
2244
2265
  --wds-button-fill-premium-secondary: rgba(0, 0, 0, 0);
2245
2266
  --wds-button-fill-premium-secondary-active: #2D354E;
2246
2267
  --wds-button-fill-premium-secondary-disabled: #3A3A3B;
@@ -2275,6 +2296,7 @@
2275
2296
  --wds-button-icon-offset-medium: 18px;
2276
2297
  --wds-button-icon-offset-small: 12px;
2277
2298
  --wds-button-icon-offset-tiny: 12px;
2299
+ --wds-button-label-fill-ai-primary: #FFFFFF;
2278
2300
  --wds-button-label-fill-dark-primary-disabled: #878685;
2279
2301
  --wds-button-label-fill-dark-secondary: #FFFFFF;
2280
2302
  --wds-button-label-fill-dark-secondary-active: #FFFFFF;
@@ -2285,6 +2307,7 @@
2285
2307
  --wds-button-label-fill-destructive-secondary-active: #F9D6D7;
2286
2308
  --wds-button-label-fill-destructive-secondary-disabled: #F9D6D7;
2287
2309
  --wds-button-label-fill-destructive-secondary-hover: #FEBEC0;
2310
+ --wds-button-label-fill-premium-primary: #FFFFFF;
2288
2311
  --wds-button-label-fill-premium-primary-disabled: #878685;
2289
2312
  --wds-button-label-fill-premium-secondary: #82B0FF;
2290
2313
  --wds-button-label-fill-premium-secondary-active: #E0E7FF;
@@ -2585,7 +2608,7 @@
2585
2608
  --wds-color-fill-destructive-secondary-disabled: rgba(255, 255, 255, .1);
2586
2609
  --wds-color-fill-destructive-secondary-hover: #A6464B;
2587
2610
  --wds-color-fill-destructive-tertiary: #212122;
2588
- --wds-color-fill-destructive-tertiary-active: #A6464B;
2611
+ --wds-color-fill-destructive-tertiary-active: #4D2324;
2589
2612
  --wds-color-fill-destructive-tertiary-disabled: #212122;
2590
2613
  --wds-color-fill-destructive-tertiary-hover: #4D2324;
2591
2614
  --wds-color-fill-light-primary: #212122;
@@ -3203,8 +3226,10 @@
3203
3226
  --wds-list-item-action-fill: rgba(0, 0, 0, 0);
3204
3227
  --wds-list-item-action-fill-active: #2D2D2E;
3205
3228
  --wds-list-item-action-fill-hover: #3A3A3B;
3229
+ --wds-list-item-action-fill-hover-destructive: #A6464B;
3206
3230
  --wds-list-item-action-gap: 2px;
3207
3231
  --wds-list-item-action-label-fill-active: #FFFFFF;
3232
+ --wds-list-item-action-label-fill-hover-destructive: #F9D6D7;
3208
3233
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
3209
3234
  --wds-list-item-action-label-font-line-height-medium: 24px;
3210
3235
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3216,6 +3241,7 @@
3216
3241
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3217
3242
  --wds-list-item-action-padding-vertical-small: 8px;
3218
3243
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3244
+ --wds-list-item-action-subtitle-destructive: #F9D6D7;
3219
3245
  --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
3220
3246
  --wds-list-item-action-subtitle-font-line-height: 16px;
3221
3247
  --wds-list-item-action-subtitle-font-size: 12px;
@@ -3448,6 +3474,8 @@
3448
3474
  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
3449
3475
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
3450
3476
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
3477
+ --wds-segmented-toggle-inner-shadow-fill-primary: #212122;
3478
+ --wds-segmented-toggle-inner-shadow-fill-secondary: #212122;
3451
3479
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
3452
3480
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3453
3481
  --wds-segmented-toggle-label-font-size-medium: 16px;
@@ -3905,7 +3933,7 @@
3905
3933
  --wds-toggle-button-border-color-standard-hover: #3F4D6E;
3906
3934
  --wds-toggle-button-border-radius-square-large: 8px;
3907
3935
  --wds-toggle-button-border-radius-square-medium: 8px;
3908
- --wds-toggle-button-border-radius-square-small: 8px;
3936
+ --wds-toggle-button-border-radius-square-small: 6px;
3909
3937
  --wds-toggle-button-border-radius-square-tiny: 6px;
3910
3938
  --wds-toggle-button-fill-dark: rgba(255, 255, 255, 0);
3911
3939
  --wds-toggle-button-fill-dark-disabled: rgba(255, 255, 255, 0);
package/odeditor-dark/component.st.css CHANGED
@@ -94,6 +94,7 @@
94
94
  @property st-global(--wds-breadcrumbs-font-size-small);
95
95
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
96
96
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
97
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
97
98
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
98
99
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
99
100
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -125,6 +126,9 @@
125
126
  @property st-global(--wds-button-border-standard-secondary-disabled);
126
127
  @property st-global(--wds-button-border-standard-secondary-hover);
127
128
  @property st-global(--wds-button-border-width-secondary-hover);
129
+ @property st-global(--wds-button-fill-ai-primary);
130
+ @property st-global(--wds-button-fill-ai-primary-active);
131
+ @property st-global(--wds-button-fill-ai-primary-hover);
128
132
  @property st-global(--wds-button-fill-dark-primary-disabled);
129
133
  @property st-global(--wds-button-fill-dark-secondary);
130
134
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -137,7 +141,10 @@
137
141
  @property st-global(--wds-button-fill-destructive-secondary-hover);
138
142
  @property st-global(--wds-button-fill-gradient-hover-primary);
139
143
  @property st-global(--wds-button-fill-gradient-hover-secondary);
144
+ @property st-global(--wds-button-fill-premium-primary);
145
+ @property st-global(--wds-button-fill-premium-primary-active);
140
146
  @property st-global(--wds-button-fill-premium-primary-disabled);
147
+ @property st-global(--wds-button-fill-premium-primary-hover);
141
148
  @property st-global(--wds-button-fill-premium-secondary);
142
149
  @property st-global(--wds-button-fill-premium-secondary-active);
143
150
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -172,6 +179,7 @@
172
179
  @property st-global(--wds-button-icon-offset-medium);
173
180
  @property st-global(--wds-button-icon-offset-small);
174
181
  @property st-global(--wds-button-icon-offset-tiny);
182
+ @property st-global(--wds-button-label-fill-ai-primary);
175
183
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
176
184
  @property st-global(--wds-button-label-fill-dark-secondary);
177
185
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -182,6 +190,7 @@
182
190
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
183
191
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
184
192
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
193
+ @property st-global(--wds-button-label-fill-premium-primary);
185
194
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
186
195
  @property st-global(--wds-button-label-fill-premium-secondary);
187
196
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -575,8 +584,10 @@
575
584
  @property st-global(--wds-list-item-action-fill);
576
585
  @property st-global(--wds-list-item-action-fill-active);
577
586
  @property st-global(--wds-list-item-action-fill-hover);
587
+ @property st-global(--wds-list-item-action-fill-hover-destructive);
578
588
  @property st-global(--wds-list-item-action-gap);
579
589
  @property st-global(--wds-list-item-action-label-fill-active);
590
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
580
591
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
581
592
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
582
593
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -588,6 +599,7 @@
588
599
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
589
600
  @property st-global(--wds-list-item-action-padding-vertical-small);
590
601
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
602
+ @property st-global(--wds-list-item-action-subtitle-destructive);
591
603
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
592
604
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
593
605
  @property st-global(--wds-list-item-action-subtitle-font-size);
@@ -820,6 +832,8 @@
820
832
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
821
833
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
822
834
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-small);
835
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-primary);
836
+ @property st-global(--wds-segmented-toggle-inner-shadow-fill-secondary);
823
837
  @property st-global(--wds-segmented-toggle-label-font-line-height-medium);
824
838
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
825
839
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
@@ -1430,10 +1444,11 @@
1430
1444
  --wds-badge-size-medium: 28px;
1431
1445
  --wds-badge-size-small: 24px;
1432
1446
  --wds-badge-size-tiny: 20px;
1433
- --wds-breadcrumbs-border-radius: 2px;
1447
+ --wds-breadcrumbs-border-radius: 6px;
1434
1448
  --wds-breadcrumbs-font-size-small: 12px;
1435
1449
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
1436
1450
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
1451
+ --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
1437
1452
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
1438
1453
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1439
1454
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -1465,6 +1480,9 @@
1465
1480
  --wds-button-border-standard-secondary-disabled: #3A3A3B;
1466
1481
  --wds-button-border-standard-secondary-hover: #3F4D6E;
1467
1482
  --wds-button-border-width-secondary-hover: 1px;
1483
+ --wds-button-fill-ai-primary: #3C67FF;
1484
+ --wds-button-fill-ai-primary-active: #82B0FF;
1485
+ --wds-button-fill-ai-primary-hover: #6F94D4;
1468
1486
  --wds-button-fill-dark-primary-disabled: #3A3A3B;
1469
1487
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
1470
1488
  --wds-button-fill-dark-secondary-active: #666565;
@@ -1472,12 +1490,15 @@
1472
1490
  --wds-button-fill-dark-secondary-hover: #3A3A3B;
1473
1491
  --wds-button-fill-destructive-primary-disabled: #3A3A3B;
1474
1492
  --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
1475
- --wds-button-fill-destructive-secondary-active: #A6464B;
1493
+ --wds-button-fill-destructive-secondary-active: #4D2324;
1476
1494
  --wds-button-fill-destructive-secondary-disabled: #3A3A3B;
1477
1495
  --wds-button-fill-destructive-secondary-hover: #4D2324;
1478
1496
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
1479
1497
  --wds-button-fill-gradient-hover-secondary: #B1CCFF;
1498
+ --wds-button-fill-premium-primary: #3C67FF;
1499
+ --wds-button-fill-premium-primary-active: #82B0FF;
1480
1500
  --wds-button-fill-premium-primary-disabled: #3A3A3B;
1501
+ --wds-button-fill-premium-primary-hover: #6F94D4;
1481
1502
  --wds-button-fill-premium-secondary: rgba(0, 0, 0, 0);
1482
1503
  --wds-button-fill-premium-secondary-active: #2D354E;
1483
1504
  --wds-button-fill-premium-secondary-disabled: #3A3A3B;
@@ -1512,6 +1533,7 @@
1512
1533
  --wds-button-icon-offset-medium: 18px;
1513
1534
  --wds-button-icon-offset-small: 12px;
1514
1535
  --wds-button-icon-offset-tiny: 12px;
1536
+ --wds-button-label-fill-ai-primary: #FFFFFF;
1515
1537
  --wds-button-label-fill-dark-primary-disabled: #878685;
1516
1538
  --wds-button-label-fill-dark-secondary: #FFFFFF;
1517
1539
  --wds-button-label-fill-dark-secondary-active: #FFFFFF;
@@ -1522,6 +1544,7 @@
1522
1544
  --wds-button-label-fill-destructive-secondary-active: #F9D6D7;
1523
1545
  --wds-button-label-fill-destructive-secondary-disabled: #F9D6D7;
1524
1546
  --wds-button-label-fill-destructive-secondary-hover: #FEBEC0;
1547
+ --wds-button-label-fill-premium-primary: #FFFFFF;
1525
1548
  --wds-button-label-fill-premium-primary-disabled: #878685;
1526
1549
  --wds-button-label-fill-premium-secondary: #82B0FF;
1527
1550
  --wds-button-label-fill-premium-secondary-active: #E0E7FF;
@@ -1915,8 +1938,10 @@
1915
1938
  --wds-list-item-action-fill: rgba(0, 0, 0, 0);
1916
1939
  --wds-list-item-action-fill-active: #2D2D2E;
1917
1940
  --wds-list-item-action-fill-hover: #3A3A3B;
1941
+ --wds-list-item-action-fill-hover-destructive: #A6464B;
1918
1942
  --wds-list-item-action-gap: 2px;
1919
1943
  --wds-list-item-action-label-fill-active: #FFFFFF;
1944
+ --wds-list-item-action-label-fill-hover-destructive: #F9D6D7;
1920
1945
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
1921
1946
  --wds-list-item-action-label-font-line-height-medium: 24px;
1922
1947
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -1928,6 +1953,7 @@
1928
1953
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1929
1954
  --wds-list-item-action-padding-vertical-small: 8px;
1930
1955
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1956
+ --wds-list-item-action-subtitle-destructive: #F9D6D7;
1931
1957
  --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
1932
1958
  --wds-list-item-action-subtitle-font-line-height: 16px;
1933
1959
  --wds-list-item-action-subtitle-font-size: 12px;
@@ -2160,6 +2186,8 @@
2160
2186
  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
2161
2187
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
2162
2188
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
2189
+ --wds-segmented-toggle-inner-shadow-fill-primary: #212122;
2190
+ --wds-segmented-toggle-inner-shadow-fill-secondary: #212122;
2163
2191
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
2164
2192
  --wds-segmented-toggle-label-font-line-height-small: 18px;
2165
2193
  --wds-segmented-toggle-label-font-size-medium: 16px;
@@ -2463,7 +2491,7 @@
2463
2491
  --wds-toggle-button-border-color-standard-hover: #3F4D6E;
2464
2492
  --wds-toggle-button-border-radius-square-large: 8px;
2465
2493
  --wds-toggle-button-border-radius-square-medium: 8px;
2466
- --wds-toggle-button-border-radius-square-small: 8px;
2494
+ --wds-toggle-button-border-radius-square-small: 6px;
2467
2495
  --wds-toggle-button-border-radius-square-tiny: 6px;
2468
2496
  --wds-toggle-button-fill-dark: rgba(255, 255, 255, 0);
2469
2497
  --wds-toggle-button-fill-dark-disabled: rgba(255, 255, 255, 0);
package/odeditor-dark/semantic.st.css CHANGED
@@ -644,7 +644,7 @@
644
644
  --wds-color-fill-destructive-secondary-disabled: rgba(255, 255, 255, .1);
645
645
  --wds-color-fill-destructive-secondary-hover: #A6464B;
646
646
  --wds-color-fill-destructive-tertiary: #212122;
647
- --wds-color-fill-destructive-tertiary-active: #A6464B;
647
+ --wds-color-fill-destructive-tertiary-active: #4D2324;
648
648
  --wds-color-fill-destructive-tertiary-disabled: #212122;
649
649
  --wds-color-fill-destructive-tertiary-hover: #4D2324;
650
650
  --wds-color-fill-light-primary: #212122;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.190.0",
3
+ "version": "1.192.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -32,5 +32,5 @@
32
32
  "author": "augustinasv@wix.com",
33
33
  "description": "Design system tokens",
34
34
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "96baec3afb5cb239fe84b3cf454bd60582fcda09ef392a06ec6624a9"
35
+ "falconPackageHash": "e94baf86081b656b70c759bd64ea530521f2bda41219facd8700e96f"
36
36
  }
package/studio/all.css CHANGED
@@ -1948,6 +1948,7 @@
1948
1948
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-text-standard-primary-light);
1949
1949
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1950
1950
  --wds-button-label-fill-premium-primary-disabled: var(--wds-color-text-disabled-light);
1951
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary-light);
1951
1952
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-text-destructive);
1952
1953
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-text-standard-primary-light);
1953
1954
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-text-standard-primary-light);
@@ -1957,6 +1958,7 @@
1957
1958
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary-light);
1958
1959
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1959
1960
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-text-disabled-light);
1961
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
1960
1962
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1961
1963
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1962
1964
  --wds-button-font-size-medium: var(--wds-font-size-body-small);
@@ -1974,6 +1976,9 @@
1974
1976
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1975
1977
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1976
1978
  --wds-button-fill-premium-secondary: var(--wds-color-fill-standard-tertiary);
1979
+ --wds-button-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1980
+ --wds-button-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1981
+ --wds-button-fill-premium-primary: var(--wds-color-fill-premium-primary);
1977
1982
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1978
1983
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1979
1984
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
@@ -1984,6 +1989,9 @@
1984
1989
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1985
1990
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary-active);
1986
1991
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
1992
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
1993
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
1994
+ --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
1987
1995
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary);
1988
1996
  --wds-button-border-standard-secondary-disabled: var(--wds-color-border-standard-secondary-disabled);
1989
1997
  --wds-button-border-standard-secondary-active: var(--wds-color-border-standard-primary-active);
@@ -2000,6 +2008,7 @@
2000
2008
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2001
2009
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2002
2010
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2011
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2003
2012
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2004
2013
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2005
2014
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/studio/all.scss CHANGED
@@ -1948,6 +1948,7 @@
1948
1948
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-text-standard-primary-light);
1949
1949
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1950
1950
  --wds-button-label-fill-premium-primary-disabled: var(--wds-color-text-disabled-light);
1951
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary-light);
1951
1952
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-text-destructive);
1952
1953
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-text-standard-primary-light);
1953
1954
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-text-standard-primary-light);
@@ -1957,6 +1958,7 @@
1957
1958
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary-light);
1958
1959
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1959
1960
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-text-disabled-light);
1961
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
1960
1962
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1961
1963
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1962
1964
  --wds-button-font-size-medium: var(--wds-font-size-body-small);
@@ -1974,6 +1976,9 @@
1974
1976
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1975
1977
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1976
1978
  --wds-button-fill-premium-secondary: var(--wds-color-fill-standard-tertiary);
1979
+ --wds-button-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1980
+ --wds-button-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1981
+ --wds-button-fill-premium-primary: var(--wds-color-fill-premium-primary);
1977
1982
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1978
1983
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1979
1984
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
@@ -1984,6 +1989,9 @@
1984
1989
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1985
1990
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary-active);
1986
1991
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
1992
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
1993
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
1994
+ --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
1987
1995
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary);
1988
1996
  --wds-button-border-standard-secondary-disabled: var(--wds-color-border-standard-secondary-disabled);
1989
1997
  --wds-button-border-standard-secondary-active: var(--wds-color-border-standard-primary-active);
@@ -2000,6 +2008,7 @@
2000
2008
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2001
2009
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2002
2010
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2011
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2003
2012
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2004
2013
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2005
2014
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);