@wix/design-system-tokens 1.191.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 (22) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +1 -0
  3. package/all.scss +1 -0
  4. package/all.st.css +2 -0
  5. package/component.st.css +2 -0
  6. package/odeditor/all.css +1 -0
  7. package/odeditor/all.scss +1 -0
  8. package/odeditor/all.st.css +2 -0
  9. package/odeditor/component.st.css +2 -0
  10. package/odeditor-dark/all.css +3 -2
  11. package/odeditor-dark/all.scss +3 -2
  12. package/odeditor-dark/all.st.css +3 -1
  13. package/odeditor-dark/component.st.css +3 -1
  14. package/package.json +2 -2
  15. package/studio/all.css +1 -0
  16. package/studio/all.scss +1 -0
  17. package/studio/all.st.css +2 -0
  18. package/studio/component.st.css +2 -0
  19. package/wixel/all.css +1 -0
  20. package/wixel/all.scss +1 -0
  21. package/wixel/all.st.css +2 -0
  22. package/wixel/component.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.192.0 - 2026-05-08
2
+
3
+ ### Features
4
+
5
+ - feat(Breadcrumbs): add on-grey text-fill-active token and update for odeditor-dark [16226](https://github.com/wix-private/wix-design-systems/pull/16226)
6
+
1
7
  ## 1.191.0 - 2026-05-07
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -2016,6 +2016,7 @@
2016
2016
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2017
2017
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2018
2018
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2019
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2019
2020
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2020
2021
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2021
2022
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/all.scss CHANGED
@@ -2016,6 +2016,7 @@
2016
2016
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2017
2017
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2018
2018
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2019
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2019
2020
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2020
2021
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2021
2022
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/all.st.css CHANGED
@@ -129,6 +129,7 @@
129
129
  @property st-global(--wds-breadcrumbs-font-size-small);
130
130
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
131
131
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
132
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
132
133
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
133
134
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
134
135
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -2253,6 +2254,7 @@
2253
2254
  --wds-breadcrumbs-font-size-small: 14px;
2254
2255
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2255
2256
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2257
+ --wds-breadcrumbs-on-grey-text-fill-active: #000624;
2256
2258
  --wds-breadcrumbs-on-white-fill-hover: #e7f0ff;
2257
2259
  --wds-breadcrumbs-padding-horizontal-large: 15px;
2258
2260
  --wds-breadcrumbs-padding-horizontal-medium: 9px;
package/component.st.css CHANGED
@@ -95,6 +95,7 @@
95
95
  @property st-global(--wds-breadcrumbs-font-size-small);
96
96
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
97
97
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
98
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
98
99
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
99
100
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
100
101
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -1496,6 +1497,7 @@
1496
1497
  --wds-breadcrumbs-font-size-small: 14px;
1497
1498
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1498
1499
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1500
+ --wds-breadcrumbs-on-grey-text-fill-active: #000624;
1499
1501
  --wds-breadcrumbs-on-white-fill-hover: #e7f0ff;
1500
1502
  --wds-breadcrumbs-padding-horizontal-large: 15px;
1501
1503
  --wds-breadcrumbs-padding-horizontal-medium: 9px;
package/odeditor/all.css CHANGED
@@ -1973,6 +1973,7 @@
1973
1973
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1974
1974
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1975
1975
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1976
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
1976
1977
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1977
1978
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1978
1979
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
package/odeditor/all.scss CHANGED
@@ -1973,6 +1973,7 @@
1973
1973
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1974
1974
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1975
1975
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1976
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
1976
1977
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1977
1978
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1978
1979
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
package/odeditor/all.st.css CHANGED
@@ -130,6 +130,7 @@
130
130
  @property st-global(--wds-breadcrumbs-font-size-small);
131
131
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
132
132
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
133
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
133
134
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
134
135
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
135
136
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -2195,6 +2196,7 @@
2195
2196
  --wds-breadcrumbs-font-size-small: 12px;
2196
2197
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2197
2198
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2199
+ --wds-breadcrumbs-on-grey-text-fill-active: #151414;
2198
2200
  --wds-breadcrumbs-on-white-fill-hover: #f0efef;
2199
2201
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2200
2202
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
package/odeditor/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);
@@ -1439,6 +1440,7 @@
1439
1440
  --wds-breadcrumbs-font-size-small: 12px;
1440
1441
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1441
1442
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1443
+ --wds-breadcrumbs-on-grey-text-fill-active: #151414;
1442
1444
  --wds-breadcrumbs-on-white-fill-hover: #f0efef;
1443
1445
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1444
1446
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
package/odeditor-dark/all.css CHANGED
@@ -1508,7 +1508,7 @@
1508
1508
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1509
1509
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1510
1510
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1511
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1511
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-semi-bold);
1512
1512
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1513
1513
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1514
1514
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
@@ -1521,7 +1521,7 @@
1521
1521
  --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1522
1522
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1523
1523
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1524
- --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1524
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1525
1525
  --wds-badge-size-tiny: var(--wds-space-500);
1526
1526
  --wds-badge-size-small: var(--wds-space-600);
1527
1527
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1982,6 +1982,7 @@
1982
1982
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1983
1983
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1984
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);
1985
1986
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1986
1987
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1987
1988
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
package/odeditor-dark/all.scss CHANGED
@@ -1497,7 +1497,7 @@
1497
1497
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1498
1498
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1499
1499
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1500
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1500
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-semi-bold);
1501
1501
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1502
1502
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1503
1503
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
@@ -1510,7 +1510,7 @@
1510
1510
  --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1511
1511
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1512
1512
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1513
- --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1513
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1514
1514
  --wds-border-width-varied-secondary: var(--wds-border-width-100);
1515
1515
  --wds-border-width-varied: var(--wds-border-width-0);
1516
1516
  --wds-border-width-default: var(--wds-border-width-100);
@@ -1982,6 +1982,7 @@
1982
1982
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1983
1983
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1984
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);
1985
1986
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1986
1987
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1987
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);
@@ -2202,10 +2203,11 @@
2202
2203
  --wds-border-width-none: 0px;
2203
2204
  --wds-border-width-varied: 0px;
2204
2205
  --wds-border-width-varied-secondary: 1px;
2205
- --wds-breadcrumbs-border-radius: 2px;
2206
+ --wds-breadcrumbs-border-radius: 6px;
2206
2207
  --wds-breadcrumbs-font-size-small: 12px;
2207
2208
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
2208
2209
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
2210
+ --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
2209
2211
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
2210
2212
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2211
2213
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
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);
@@ -1443,10 +1444,11 @@
1443
1444
  --wds-badge-size-medium: 28px;
1444
1445
  --wds-badge-size-small: 24px;
1445
1446
  --wds-badge-size-tiny: 20px;
1446
- --wds-breadcrumbs-border-radius: 2px;
1447
+ --wds-breadcrumbs-border-radius: 6px;
1447
1448
  --wds-breadcrumbs-font-size-small: 12px;
1448
1449
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
1449
1450
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
1451
+ --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
1450
1452
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
1451
1453
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1452
1454
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.191.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": "6c750bf4055b98873a39b65147b8028e59bf57168dfa3de311d9852f"
35
+ "falconPackageHash": "e94baf86081b656b70c759bd64ea530521f2bda41219facd8700e96f"
36
36
  }
package/studio/all.css CHANGED
@@ -2008,6 +2008,7 @@
2008
2008
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2009
2009
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2010
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);
2011
2012
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2012
2013
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2013
2014
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/studio/all.scss CHANGED
@@ -2008,6 +2008,7 @@
2008
2008
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2009
2009
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2010
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);
2011
2012
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2012
2013
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2013
2014
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/studio/all.st.css CHANGED
@@ -129,6 +129,7 @@
129
129
  @property st-global(--wds-breadcrumbs-font-size-small);
130
130
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
131
131
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
132
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
132
133
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
133
134
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
134
135
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -2240,6 +2241,7 @@
2240
2241
  --wds-breadcrumbs-font-size-small: 12px;
2241
2242
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2242
2243
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2244
+ --wds-breadcrumbs-on-grey-text-fill-active: #131720;
2243
2245
  --wds-breadcrumbs-on-white-fill-hover: #edeef2;
2244
2246
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2245
2247
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
package/studio/component.st.css CHANGED
@@ -95,6 +95,7 @@
95
95
  @property st-global(--wds-breadcrumbs-font-size-small);
96
96
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
97
97
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
98
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
98
99
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
99
100
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
100
101
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -1487,6 +1488,7 @@
1487
1488
  --wds-breadcrumbs-font-size-small: 12px;
1488
1489
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1489
1490
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1491
+ --wds-breadcrumbs-on-grey-text-fill-active: #131720;
1490
1492
  --wds-breadcrumbs-on-white-fill-hover: #edeef2;
1491
1493
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1492
1494
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
package/wixel/all.css CHANGED
@@ -1950,6 +1950,7 @@
1950
1950
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1951
1951
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1952
1952
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1953
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
1953
1954
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
1954
1955
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
1955
1956
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/wixel/all.scss CHANGED
@@ -1950,6 +1950,7 @@
1950
1950
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1951
1951
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1952
1952
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1953
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
1953
1954
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
1954
1955
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
1955
1956
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/wixel/all.st.css CHANGED
@@ -129,6 +129,7 @@
129
129
  @property st-global(--wds-breadcrumbs-font-size-small);
130
130
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
131
131
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
132
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
132
133
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
133
134
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
134
135
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -2188,6 +2189,7 @@
2188
2189
  --wds-breadcrumbs-font-size-small: 12px;
2189
2190
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, 0.3000);
2190
2191
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2192
+ --wds-breadcrumbs-on-grey-text-fill-active: #000624;
2191
2193
  --wds-breadcrumbs-on-white-fill-hover: #edeef2;
2192
2194
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2193
2195
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
package/wixel/component.st.css CHANGED
@@ -95,6 +95,7 @@
95
95
  @property st-global(--wds-breadcrumbs-font-size-small);
96
96
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
97
97
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
98
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
98
99
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
99
100
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
100
101
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -1453,6 +1454,7 @@
1453
1454
  --wds-breadcrumbs-font-size-small: 12px;
1454
1455
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, 0.3000);
1455
1456
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1457
+ --wds-breadcrumbs-on-grey-text-fill-active: #000624;
1456
1458
  --wds-breadcrumbs-on-white-fill-hover: #edeef2;
1457
1459
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1458
1460
  --wds-breadcrumbs-padding-horizontal-medium: 8px;