@wix/design-system-tokens 1.203.0 → 1.204.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 +3 -2
  7. package/odeditor/all.scss +3 -2
  8. package/odeditor/all.st.css +4 -2
  9. package/odeditor/component.st.css +4 -2
  10. package/odeditor-dark/all.css +1 -0
  11. package/odeditor-dark/all.scss +1 -0
  12. package/odeditor-dark/all.st.css +2 -0
  13. package/odeditor-dark/component.st.css +2 -0
  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.204.0 - 2026-06-18
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(Pagination): harmony dark current page background and arrow fill token [16412](https://github.com/wix-private/wix-design-systems/pull/16412)
6
+
1
7
  ## 1.203.0 - 2026-06-17
2
8
 
3
9
  ### Bug Fixes
package/all.css CHANGED
@@ -1699,6 +1699,7 @@
1699
1699
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1700
1700
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1701
1701
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1702
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1702
1703
  --wds-number-input-icon-fill: var(--wds-color-text-primary);
1703
1704
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1704
1705
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
package/all.scss CHANGED
@@ -1688,6 +1688,7 @@
1688
1688
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1689
1689
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1690
1690
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1691
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1691
1692
  --wds-number-input-icon-fill: var(--wds-color-text-primary);
1692
1693
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1693
1694
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
package/all.st.css CHANGED
@@ -1358,6 +1358,7 @@
1358
1358
  @property st-global(--wds-page-header-padding-horizontal-small);
1359
1359
  @property st-global(--wds-page-header-padding-vertical);
1360
1360
  @property st-global(--wds-page-header-padding-vertical-small);
1361
+ @property st-global(--wds-pagination-arrow-fill);
1361
1362
  @property st-global(--wds-pagination-fill);
1362
1363
  @property st-global(--wds-pagination-fill-active);
1363
1364
  @property st-global(--wds-pagination-fill-hover);
@@ -3506,6 +3507,7 @@
3506
3507
  --wds-page-header-padding-horizontal-small: 24px;
3507
3508
  --wds-page-header-padding-vertical: 24px;
3508
3509
  --wds-page-header-padding-vertical-small: 18px;
3510
+ --wds-pagination-arrow-fill: #116dff;
3509
3511
  --wds-pagination-fill: #ffffff;
3510
3512
  --wds-pagination-fill-active: #116dff;
3511
3513
  --wds-pagination-fill-hover: #0f62e6;
package/component.st.css CHANGED
@@ -778,6 +778,7 @@
778
778
  @property st-global(--wds-page-header-padding-horizontal-small);
779
779
  @property st-global(--wds-page-header-padding-vertical);
780
780
  @property st-global(--wds-page-header-padding-vertical-small);
781
+ @property st-global(--wds-pagination-arrow-fill);
781
782
  @property st-global(--wds-pagination-fill);
782
783
  @property st-global(--wds-pagination-fill-active);
783
784
  @property st-global(--wds-pagination-fill-hover);
@@ -2191,6 +2192,7 @@
2191
2192
  --wds-page-header-padding-horizontal-small: 24px;
2192
2193
  --wds-page-header-padding-vertical: 24px;
2193
2194
  --wds-page-header-padding-vertical-small: 18px;
2195
+ --wds-pagination-arrow-fill: #116dff;
2194
2196
  --wds-pagination-fill: #ffffff;
2195
2197
  --wds-pagination-fill-active: #116dff;
2196
2198
  --wds-pagination-fill-hover: #0f62e6;
package/odeditor/all.css CHANGED
@@ -1751,9 +1751,10 @@
1751
1751
  --wds-radio-border-disabled: var(--wds-color-border-transparent-primary);
1752
1752
  --wds-radio-border-active: var(--wds-color-fill-standard-primary);
1753
1753
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1754
- --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1755
- --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1754
+ --wds-pagination-fill-hover: var(--wds-color-fill-dark-primary-hover);
1755
+ --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
1756
1756
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1757
+ --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
1757
1758
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1758
1759
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1759
1760
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/odeditor/all.scss CHANGED
@@ -1739,9 +1739,10 @@
1739
1739
  --wds-radio-border-disabled: var(--wds-color-border-transparent-primary);
1740
1740
  --wds-radio-border-active: var(--wds-color-fill-standard-primary);
1741
1741
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1742
- --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1743
- --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1742
+ --wds-pagination-fill-hover: var(--wds-color-fill-dark-primary-hover);
1743
+ --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
1744
1744
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1745
+ --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
1745
1746
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1746
1747
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1747
1748
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/odeditor/all.st.css CHANGED
@@ -1311,6 +1311,7 @@
1311
1311
  @property st-global(--wds-page-header-padding-horizontal-small);
1312
1312
  @property st-global(--wds-page-header-padding-vertical);
1313
1313
  @property st-global(--wds-page-header-padding-vertical-small);
1314
+ @property st-global(--wds-pagination-arrow-fill);
1314
1315
  @property st-global(--wds-pagination-fill);
1315
1316
  @property st-global(--wds-pagination-fill-active);
1316
1317
  @property st-global(--wds-pagination-fill-hover);
@@ -3412,9 +3413,10 @@
3412
3413
  --wds-page-header-padding-horizontal-small: 24px;
3413
3414
  --wds-page-header-padding-vertical: 24px;
3414
3415
  --wds-page-header-padding-vertical-small: 18px;
3416
+ --wds-pagination-arrow-fill: #151414;
3415
3417
  --wds-pagination-fill: #ffffff;
3416
- --wds-pagination-fill-active: #2f5dff;
3417
- --wds-pagination-fill-hover: #1c3fe5;
3418
+ --wds-pagination-fill-active: #151414;
3419
+ --wds-pagination-fill-hover: #383838;
3418
3420
  --wds-pagination-gap: 4px;
3419
3421
  --wds-pagination-padding-horizontal: 2px;
3420
3422
  --wds-pagination-padding-vertical: 2px;
package/odeditor/component.st.css CHANGED
@@ -726,6 +726,7 @@
726
726
  @property st-global(--wds-page-header-padding-horizontal-small);
727
727
  @property st-global(--wds-page-header-padding-vertical);
728
728
  @property st-global(--wds-page-header-padding-vertical-small);
729
+ @property st-global(--wds-pagination-arrow-fill);
729
730
  @property st-global(--wds-pagination-fill);
730
731
  @property st-global(--wds-pagination-fill-active);
731
732
  @property st-global(--wds-pagination-fill-hover);
@@ -2085,9 +2086,10 @@
2085
2086
  --wds-page-header-padding-horizontal-small: 24px;
2086
2087
  --wds-page-header-padding-vertical: 24px;
2087
2088
  --wds-page-header-padding-vertical-small: 18px;
2089
+ --wds-pagination-arrow-fill: #151414;
2088
2090
  --wds-pagination-fill: #ffffff;
2089
- --wds-pagination-fill-active: #2f5dff;
2090
- --wds-pagination-fill-hover: #1c3fe5;
2091
+ --wds-pagination-fill-active: #151414;
2092
+ --wds-pagination-fill-hover: #383838;
2091
2093
  --wds-pagination-gap: 4px;
2092
2094
  --wds-pagination-padding-horizontal: 2px;
2093
2095
  --wds-pagination-padding-vertical: 2px;
package/odeditor-dark/all.css CHANGED
@@ -1776,6 +1776,7 @@
1776
1776
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1777
1777
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1778
1778
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1779
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1779
1780
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1780
1781
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1781
1782
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/odeditor-dark/all.scss CHANGED
@@ -1766,6 +1766,7 @@
1766
1766
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1767
1767
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1768
1768
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1769
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1769
1770
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1770
1771
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1771
1772
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/odeditor-dark/all.st.css CHANGED
@@ -1318,6 +1318,7 @@
1318
1318
  @property st-global(--wds-page-header-padding-horizontal-small);
1319
1319
  @property st-global(--wds-page-header-padding-vertical);
1320
1320
  @property st-global(--wds-page-header-padding-vertical-small);
1321
+ @property st-global(--wds-pagination-arrow-fill);
1321
1322
  @property st-global(--wds-pagination-fill);
1322
1323
  @property st-global(--wds-pagination-fill-active);
1323
1324
  @property st-global(--wds-pagination-fill-hover);
@@ -3428,6 +3429,7 @@
3428
3429
  --wds-page-header-padding-horizontal-small: 24px;
3429
3430
  --wds-page-header-padding-vertical: 24px;
3430
3431
  --wds-page-header-padding-vertical-small: 18px;
3432
+ --wds-pagination-arrow-fill: #82B0FF;
3431
3433
  --wds-pagination-fill: #212122;
3432
3434
  --wds-pagination-fill-active: #82B0FF;
3433
3435
  --wds-pagination-fill-hover: #B1CCFF;
package/odeditor-dark/component.st.css CHANGED
@@ -732,6 +732,7 @@
732
732
  @property st-global(--wds-page-header-padding-horizontal-small);
733
733
  @property st-global(--wds-page-header-padding-vertical);
734
734
  @property st-global(--wds-page-header-padding-vertical-small);
735
+ @property st-global(--wds-pagination-arrow-fill);
735
736
  @property st-global(--wds-pagination-fill);
736
737
  @property st-global(--wds-pagination-fill-active);
737
738
  @property st-global(--wds-pagination-fill-hover);
@@ -2099,6 +2100,7 @@
2099
2100
  --wds-page-header-padding-horizontal-small: 24px;
2100
2101
  --wds-page-header-padding-vertical: 24px;
2101
2102
  --wds-page-header-padding-vertical-small: 18px;
2103
+ --wds-pagination-arrow-fill: #82B0FF;
2102
2104
  --wds-pagination-fill: #212122;
2103
2105
  --wds-pagination-fill-active: #82B0FF;
2104
2106
  --wds-pagination-fill-hover: #B1CCFF;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.203.0",
3
+ "version": "1.204.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": "f9e57f137412fd8f8c55b7217cb8c1f7269ede438e8dbc6cdf793334"
35
+ "falconPackageHash": "9f785cebc18bafac1c42b8af2e97cd08491a613fed333b9583230d9b"
36
36
  }
package/studio/all.css CHANGED
@@ -1744,6 +1744,7 @@
1744
1744
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1745
1745
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1746
1746
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1747
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1747
1748
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1748
1749
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1749
1750
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/studio/all.scss CHANGED
@@ -1733,6 +1733,7 @@
1733
1733
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1734
1734
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1735
1735
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1736
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1736
1737
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1737
1738
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1738
1739
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/studio/all.st.css CHANGED
@@ -1352,6 +1352,7 @@
1352
1352
  @property st-global(--wds-page-header-padding-horizontal-small);
1353
1353
  @property st-global(--wds-page-header-padding-vertical);
1354
1354
  @property st-global(--wds-page-header-padding-vertical-small);
1355
+ @property st-global(--wds-pagination-arrow-fill);
1355
1356
  @property st-global(--wds-pagination-fill);
1356
1357
  @property st-global(--wds-pagination-fill-active);
1357
1358
  @property st-global(--wds-pagination-fill-hover);
@@ -3493,6 +3494,7 @@
3493
3494
  --wds-page-header-padding-horizontal-small: 24px;
3494
3495
  --wds-page-header-padding-vertical: 24px;
3495
3496
  --wds-page-header-padding-vertical-small: 18px;
3497
+ --wds-pagination-arrow-fill: #116dff;
3496
3498
  --wds-pagination-fill: #ffffff;
3497
3499
  --wds-pagination-fill-active: #116dff;
3498
3500
  --wds-pagination-fill-hover: #0f62e6;
package/studio/component.st.css CHANGED
@@ -768,6 +768,7 @@
768
768
  @property st-global(--wds-page-header-padding-horizontal-small);
769
769
  @property st-global(--wds-page-header-padding-vertical);
770
770
  @property st-global(--wds-page-header-padding-vertical-small);
771
+ @property st-global(--wds-pagination-arrow-fill);
771
772
  @property st-global(--wds-pagination-fill);
772
773
  @property st-global(--wds-pagination-fill-active);
773
774
  @property st-global(--wds-pagination-fill-hover);
@@ -2170,6 +2171,7 @@
2170
2171
  --wds-page-header-padding-horizontal-small: 24px;
2171
2172
  --wds-page-header-padding-vertical: 24px;
2172
2173
  --wds-page-header-padding-vertical-small: 18px;
2174
+ --wds-pagination-arrow-fill: #116dff;
2173
2175
  --wds-pagination-fill: #ffffff;
2174
2176
  --wds-pagination-fill-active: #116dff;
2175
2177
  --wds-pagination-fill-hover: #0f62e6;
package/wixel/all.css CHANGED
@@ -1678,6 +1678,7 @@
1678
1678
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1679
1679
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1680
1680
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1681
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1681
1682
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1682
1683
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1683
1684
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/wixel/all.scss CHANGED
@@ -1667,6 +1667,7 @@
1667
1667
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1668
1668
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1669
1669
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1670
+ --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1670
1671
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1671
1672
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1672
1673
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
package/wixel/all.st.css CHANGED
@@ -1323,6 +1323,7 @@
1323
1323
  @property st-global(--wds-page-header-padding-horizontal-small);
1324
1324
  @property st-global(--wds-page-header-padding-vertical);
1325
1325
  @property st-global(--wds-page-header-padding-vertical-small);
1326
+ @property st-global(--wds-pagination-arrow-fill);
1326
1327
  @property st-global(--wds-pagination-fill);
1327
1328
  @property st-global(--wds-pagination-fill-active);
1328
1329
  @property st-global(--wds-pagination-fill-hover);
@@ -3404,6 +3405,7 @@
3404
3405
  --wds-page-header-padding-horizontal-small: 24px;
3405
3406
  --wds-page-header-padding-vertical: 24px;
3406
3407
  --wds-page-header-padding-vertical-small: 18px;
3408
+ --wds-pagination-arrow-fill: #4a57ff;
3407
3409
  --wds-pagination-fill: #ffffff;
3408
3410
  --wds-pagination-fill-active: #4a57ff;
3409
3411
  --wds-pagination-fill-hover: #4849f1;
package/wixel/component.st.css CHANGED
@@ -749,6 +749,7 @@
749
749
  @property st-global(--wds-page-header-padding-horizontal-small);
750
750
  @property st-global(--wds-page-header-padding-vertical);
751
751
  @property st-global(--wds-page-header-padding-vertical-small);
752
+ @property st-global(--wds-pagination-arrow-fill);
752
753
  @property st-global(--wds-pagination-fill);
753
754
  @property st-global(--wds-pagination-fill-active);
754
755
  @property st-global(--wds-pagination-fill-hover);
@@ -2117,6 +2118,7 @@
2117
2118
  --wds-page-header-padding-horizontal-small: 24px;
2118
2119
  --wds-page-header-padding-vertical: 24px;
2119
2120
  --wds-page-header-padding-vertical-small: 18px;
2121
+ --wds-pagination-arrow-fill: #4a57ff;
2120
2122
  --wds-pagination-fill: #ffffff;
2121
2123
  --wds-pagination-fill-active: #4a57ff;
2122
2124
  --wds-pagination-fill-hover: #4849f1;