@wix/design-system-tokens 1.185.0 → 1.186.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 (21) hide show
  1. package/all.css +2 -0
  2. package/all.scss +2 -0
  3. package/all.st.css +4 -0
  4. package/component.st.css +4 -0
  5. package/odeditor/all.css +2 -0
  6. package/odeditor/all.scss +2 -0
  7. package/odeditor/all.st.css +4 -0
  8. package/odeditor/component.st.css +4 -0
  9. package/odeditor-dark/all.css +4 -2
  10. package/odeditor-dark/all.scss +4 -2
  11. package/odeditor-dark/all.st.css +6 -2
  12. package/odeditor-dark/component.st.css +6 -2
  13. package/package.json +6 -8
  14. package/studio/all.css +2 -0
  15. package/studio/all.scss +2 -0
  16. package/studio/all.st.css +4 -0
  17. package/studio/component.st.css +4 -0
  18. package/wixel/all.css +2 -0
  19. package/wixel/all.scss +2 -0
  20. package/wixel/all.st.css +4 -0
  21. package/wixel/component.st.css +4 -0
package/all.css CHANGED
@@ -1882,6 +1882,8 @@
1882
1882
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
1883
1883
  --wds-dock-background-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1884
1884
  --wds-divider-vertical-fill-color-light: var(--wds-color-border-dark-secondary);
1885
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1886
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1885
1887
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1886
1888
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1887
1889
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
package/all.scss CHANGED
@@ -1881,6 +1881,8 @@
1881
1881
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
1882
1882
  --wds-dock-background-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1883
1883
  --wds-divider-vertical-fill-color-light: var(--wds-color-border-dark-secondary);
1884
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1885
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1884
1886
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1885
1887
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1886
1888
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
package/all.st.css CHANGED
@@ -854,6 +854,8 @@
854
854
  @property st-global(--wds-divider-fill-color-light);
855
855
  @property st-global(--wds-divider-fill-color-light-primary);
856
856
  @property st-global(--wds-divider-fill-color-light-secondary);
857
+ @property st-global(--wds-divider-fill-dark);
858
+ @property st-global(--wds-divider-fill-light);
857
859
  @property st-global(--wds-divider-gradient-border);
858
860
  @property st-global(--wds-divider-vertical-fill-color-light);
859
861
  @property st-global(--wds-dock-background-fill);
@@ -2963,6 +2965,8 @@
2963
2965
  --wds-divider-fill-color-light: #dfe5eb;
2964
2966
  --wds-divider-fill-color-light-primary: #dfe5eb;
2965
2967
  --wds-divider-fill-color-light-secondary: #dfe5eb;
2968
+ --wds-divider-fill-dark: #44485f;
2969
+ --wds-divider-fill-light: #dfe5eb;
2966
2970
  --wds-divider-gradient-border: linear-gradient(90deg, #dfe5eb 0%, #dfe5eb 16%, #dfe5eb 84%, #dfe5eb 100%);
2967
2971
  --wds-divider-vertical-fill-color-light: #dfe5eb;
2968
2972
  --wds-dock-background-fill: #e7f0ff;
package/component.st.css CHANGED
@@ -355,6 +355,8 @@
355
355
  @property st-global(--wds-divider-fill-color-light);
356
356
  @property st-global(--wds-divider-fill-color-light-primary);
357
357
  @property st-global(--wds-divider-fill-color-light-secondary);
358
+ @property st-global(--wds-divider-fill-dark);
359
+ @property st-global(--wds-divider-fill-light);
358
360
  @property st-global(--wds-divider-gradient-border);
359
361
  @property st-global(--wds-divider-vertical-fill-color-light);
360
362
  @property st-global(--wds-dock-background-fill);
@@ -1741,6 +1743,8 @@
1741
1743
  --wds-divider-fill-color-light: #dfe5eb;
1742
1744
  --wds-divider-fill-color-light-primary: #dfe5eb;
1743
1745
  --wds-divider-fill-color-light-secondary: #dfe5eb;
1746
+ --wds-divider-fill-dark: #44485f;
1747
+ --wds-divider-fill-light: #dfe5eb;
1744
1748
  --wds-divider-gradient-border: linear-gradient(90deg, #dfe5eb 0%, #dfe5eb 16%, #dfe5eb 84%, #dfe5eb 100%);
1745
1749
  --wds-divider-vertical-fill-color-light: #dfe5eb;
1746
1750
  --wds-dock-background-fill: #e7f0ff;
package/odeditor/all.css CHANGED
@@ -1879,6 +1879,8 @@
1879
1879
  --wds-dock-point-fill-hover: var(--wds-color-fill-dark-secondary-active);
1880
1880
  --wds-dock-point-fill-fill: var(--wds-color-text-standard-secondary-light);
1881
1881
  --wds-dock-point-fill-active: var(--wds-color-fill-standard-primary);
1882
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1883
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1882
1884
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1883
1885
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1884
1886
  --wds-date-picker-icon-fill-disabled: var(--wds-color-text-disabled);
package/odeditor/all.scss CHANGED
@@ -1877,6 +1877,8 @@
1877
1877
  --wds-dock-point-fill-hover: var(--wds-color-fill-dark-secondary-active);
1878
1878
  --wds-dock-point-fill-fill: var(--wds-color-text-standard-secondary-light);
1879
1879
  --wds-dock-point-fill-active: var(--wds-color-fill-standard-primary);
1880
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1881
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1880
1882
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1881
1883
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1882
1884
  --wds-date-picker-icon-fill-disabled: var(--wds-color-text-disabled);
package/odeditor/all.st.css CHANGED
@@ -836,6 +836,8 @@
836
836
  @property st-global(--wds-date-picker-icon-fill-disabled);
837
837
  @property st-global(--wds-divider-fill-color-light-primary);
838
838
  @property st-global(--wds-divider-fill-color-light-secondary);
839
+ @property st-global(--wds-divider-fill-dark);
840
+ @property st-global(--wds-divider-fill-light);
839
841
  @property st-global(--wds-dock-area-fill);
840
842
  @property st-global(--wds-dock-point-fill-active);
841
843
  @property st-global(--wds-dock-point-fill-fill);
@@ -2888,6 +2890,8 @@
2888
2890
  --wds-date-picker-icon-fill-disabled: #a8a6a5;
2889
2891
  --wds-divider-fill-color-light-primary: #dedede;
2890
2892
  --wds-divider-fill-color-light-secondary: #dedede;
2893
+ --wds-divider-fill-dark: #383838;
2894
+ --wds-divider-fill-light: #dedede;
2891
2895
  --wds-dock-area-fill: #f8f6f6;
2892
2896
  --wds-dock-point-fill-active: #2f5dff;
2893
2897
  --wds-dock-point-fill-fill: #767574;
package/odeditor/component.st.css CHANGED
@@ -342,6 +342,8 @@
342
342
  @property st-global(--wds-date-picker-icon-fill-disabled);
343
343
  @property st-global(--wds-divider-fill-color-light-primary);
344
344
  @property st-global(--wds-divider-fill-color-light-secondary);
345
+ @property st-global(--wds-divider-fill-dark);
346
+ @property st-global(--wds-divider-fill-light);
345
347
  @property st-global(--wds-dock-area-fill);
346
348
  @property st-global(--wds-dock-point-fill-active);
347
349
  @property st-global(--wds-dock-point-fill-fill);
@@ -1674,6 +1676,8 @@
1674
1676
  --wds-date-picker-icon-fill-disabled: #a8a6a5;
1675
1677
  --wds-divider-fill-color-light-primary: #dedede;
1676
1678
  --wds-divider-fill-color-light-secondary: #dedede;
1679
+ --wds-divider-fill-dark: #383838;
1680
+ --wds-divider-fill-light: #dedede;
1677
1681
  --wds-dock-area-fill: #f8f6f6;
1678
1682
  --wds-dock-point-fill-active: #2f5dff;
1679
1683
  --wds-dock-point-fill-fill: #767574;
package/odeditor-dark/all.css CHANGED
@@ -1345,6 +1345,8 @@
1345
1345
  --wds-dropdown-layout-option-size-big: var(--wds-space-1000);
1346
1346
  --wds-dropdown-list-paddings: var(--wds-space-200);
1347
1347
  --wds-dock-area-fill: var(--wds-color-black-750);
1348
+ --wds-divider-fill-light: var(--wds-color-black-750);
1349
+ --wds-divider-fill-dark: var(--wds-color-black-700);
1348
1350
  --wds-custom-modal-header-padding-vertical: var(--wds-space-600);
1349
1351
  --wds-custom-modal-header-padding-right: var(--wds-space-500);
1350
1352
  --wds-custom-modal-header-padding-left: var(--wds-space-600);
@@ -1870,13 +1872,13 @@
1870
1872
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
1871
1873
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1872
1874
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1873
- --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1875
+ --wds-form-field-label-fill: var(--wds-color-text-standard-primary);
1874
1876
  --wds-fill-button-icon-color: var(--wds-color-text-standard-primary);
1875
1877
  --wds-fill-button-fill-hover: var(--wds-color-fill-standard-tertiary);
1876
1878
  --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
1877
1879
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1878
1880
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1879
- --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1881
+ --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1880
1882
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1881
1883
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1882
1884
  --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
package/odeditor-dark/all.scss CHANGED
@@ -1045,6 +1045,8 @@
1045
1045
  --wds-dropdown-layout-option-size-small: var(--wds-space-800);
1046
1046
  --wds-dropdown-layout-option-size-big: var(--wds-space-1000);
1047
1047
  --wds-dock-area-fill: var(--wds-color-black-750);
1048
+ --wds-divider-fill-light: var(--wds-color-black-750);
1049
+ --wds-divider-fill-dark: var(--wds-color-black-700);
1048
1050
  --wds-custom-modal-header-padding-vertical: var(--wds-space-600);
1049
1051
  --wds-custom-modal-header-padding-right: var(--wds-space-500);
1050
1052
  --wds-custom-modal-header-padding-left: var(--wds-space-600);
@@ -1860,7 +1862,7 @@
1860
1862
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
1861
1863
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1862
1864
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1863
- --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1865
+ --wds-form-field-label-fill: var(--wds-color-text-standard-primary);
1864
1866
  --wds-font-line-height-heading-6: var(--wds-font-line-height-100);
1865
1867
  --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
1866
1868
  --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
@@ -1876,7 +1878,7 @@
1876
1878
  --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
1877
1879
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1878
1880
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1879
- --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1881
+ --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1880
1882
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1881
1883
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1882
1884
  --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
package/odeditor-dark/all.st.css CHANGED
@@ -841,6 +841,8 @@
841
841
  @property st-global(--wds-date-picker-icon-fill-disabled);
842
842
  @property st-global(--wds-divider-fill-color-light-primary);
843
843
  @property st-global(--wds-divider-fill-color-light-secondary);
844
+ @property st-global(--wds-divider-fill-dark);
845
+ @property st-global(--wds-divider-fill-light);
844
846
  @property st-global(--wds-dock-area-fill);
845
847
  @property st-global(--wds-dock-point-fill-active);
846
848
  @property st-global(--wds-dock-point-fill-fill);
@@ -2898,6 +2900,8 @@
2898
2900
  --wds-date-picker-icon-fill-disabled: #878685;
2899
2901
  --wds-divider-fill-color-light-primary: #454544;
2900
2902
  --wds-divider-fill-color-light-secondary: #454544;
2903
+ --wds-divider-fill-dark: #3A3A3B;
2904
+ --wds-divider-fill-light: #2D2D2E;
2901
2905
  --wds-dock-area-fill: #2D2D2E;
2902
2906
  --wds-dock-point-fill-active: #82B0FF;
2903
2907
  --wds-dock-point-fill-fill: #A09E9D;
@@ -2915,7 +2919,7 @@
2915
2919
  --wds-field-set-gap-large: 16px;
2916
2920
  --wds-field-set-gap-medium: 12px;
2917
2921
  --wds-field-set-gap-small: 8px;
2918
- --wds-field-set-label-fill: #D4D3D2;
2922
+ --wds-field-set-label-fill: #FFFFFF;
2919
2923
  --wds-field-set-label-font-line-height-small: 16px;
2920
2924
  --wds-field-set-label-font-line-height-tiny: 12px;
2921
2925
  --wds-field-set-label-font-size-small: 12px;
@@ -2988,7 +2992,7 @@
2988
2992
  --wds-font-weight-medium: 500;
2989
2993
  --wds-font-weight-regular: 400;
2990
2994
  --wds-font-weight-semi-bold: 600;
2991
- --wds-form-field-label-fill: #D4D3D2;
2995
+ --wds-form-field-label-fill: #FFFFFF;
2992
2996
  --wds-form-field-label-font-size-small: 12px;
2993
2997
  --wds-form-field-label-font-size-tiny: 10px;
2994
2998
  --wds-form-field-label-font-weight: 500;
package/odeditor-dark/component.st.css CHANGED
@@ -345,6 +345,8 @@
345
345
  @property st-global(--wds-date-picker-icon-fill-disabled);
346
346
  @property st-global(--wds-divider-fill-color-light-primary);
347
347
  @property st-global(--wds-divider-fill-color-light-secondary);
348
+ @property st-global(--wds-divider-fill-dark);
349
+ @property st-global(--wds-divider-fill-light);
348
350
  @property st-global(--wds-dock-area-fill);
349
351
  @property st-global(--wds-dock-point-fill-active);
350
352
  @property st-global(--wds-dock-point-fill-fill);
@@ -1680,6 +1682,8 @@
1680
1682
  --wds-date-picker-icon-fill-disabled: #878685;
1681
1683
  --wds-divider-fill-color-light-primary: #454544;
1682
1684
  --wds-divider-fill-color-light-secondary: #454544;
1685
+ --wds-divider-fill-dark: #3A3A3B;
1686
+ --wds-divider-fill-light: #2D2D2E;
1683
1687
  --wds-dock-area-fill: #2D2D2E;
1684
1688
  --wds-dock-point-fill-active: #82B0FF;
1685
1689
  --wds-dock-point-fill-fill: #A09E9D;
@@ -1697,7 +1701,7 @@
1697
1701
  --wds-field-set-gap-large: 16px;
1698
1702
  --wds-field-set-gap-medium: 12px;
1699
1703
  --wds-field-set-gap-small: 8px;
1700
- --wds-field-set-label-fill: #D4D3D2;
1704
+ --wds-field-set-label-fill: #FFFFFF;
1701
1705
  --wds-field-set-label-font-line-height-small: 16px;
1702
1706
  --wds-field-set-label-font-line-height-tiny: 12px;
1703
1707
  --wds-field-set-label-font-size-small: 12px;
@@ -1713,7 +1717,7 @@
1713
1717
  --wds-floating-helper-main-action-padding-top: 16px;
1714
1718
  --wds-floating-helper-padding-horizontal: 32px;
1715
1719
  --wds-floating-helper-padding-vertical: 28px;
1716
- --wds-form-field-label-fill: #D4D3D2;
1720
+ --wds-form-field-label-fill: #FFFFFF;
1717
1721
  --wds-form-field-label-font-size-small: 12px;
1718
1722
  --wds-form-field-label-font-size-tiny: 10px;
1719
1723
  --wds-form-field-label-font-weight: 500;
package/package.json CHANGED
@@ -1,24 +1,22 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.185.0",
3
+ "version": "1.186.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
7
7
  "generate": "ts-node src/generate.ts && yarn run lint && yarn run build",
8
8
  "lint": "yarn run eslint ./src --fix",
9
- "test": "jest",
10
- "test:watch": "jest --watch",
9
+ "test": "vitest run",
10
+ "test:watch": "vitest",
11
11
  "ts": "tsc --noEmit"
12
12
  },
13
13
  "devDependencies": {
14
- "@types/jest": "^27.5.2",
15
14
  "eslint": "^9.21.0",
16
15
  "eslint-plugin-jsonc": "^2.18.2",
17
- "jest": "^27.5.1",
18
16
  "style-dictionary": "^3.9.2",
19
- "ts-jest": "^29.2.5",
20
17
  "ts-node": "^10.9.2",
21
- "typescript": "^5.8.3"
18
+ "typescript": "^5.8.3",
19
+ "vitest": "^4.1.3"
22
20
  },
23
21
  "wix": {
24
22
  "artifact": {
@@ -34,5 +32,5 @@
34
32
  "author": "augustinasv@wix.com",
35
33
  "description": "Design system tokens",
36
34
  "packageManager": "yarn@3.5.0",
37
- "falconPackageHash": "508fb53e4fa4374c5ece203b9429d1bddbfecfe08fe8804895a26b05"
35
+ "falconPackageHash": "c17ef7d69781e724c13d1cb6d16e6ffb70590cdec964d39136bfdba9"
38
36
  }
package/studio/all.css CHANGED
@@ -1894,6 +1894,8 @@
1894
1894
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1895
1895
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
1896
1896
  --wds-divider-vertical-fill-color-light: var(--wds-color-border-dark-secondary);
1897
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1898
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1897
1899
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1898
1900
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1899
1901
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
package/studio/all.scss CHANGED
@@ -1893,6 +1893,8 @@
1893
1893
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1894
1894
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
1895
1895
  --wds-divider-vertical-fill-color-light: var(--wds-color-border-dark-secondary);
1896
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1897
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1896
1898
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1897
1899
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1898
1900
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
package/studio/all.st.css CHANGED
@@ -846,6 +846,8 @@
846
846
  @property st-global(--wds-divider-fill-color-light);
847
847
  @property st-global(--wds-divider-fill-color-light-primary);
848
848
  @property st-global(--wds-divider-fill-color-light-secondary);
849
+ @property st-global(--wds-divider-fill-dark);
850
+ @property st-global(--wds-divider-fill-light);
849
851
  @property st-global(--wds-divider-gradient-border);
850
852
  @property st-global(--wds-divider-vertical-fill-color-light);
851
853
  @property st-global(--wds-dock-background-fill);
@@ -2945,6 +2947,8 @@
2945
2947
  --wds-divider-fill-color-light: #e2e3ea;
2946
2948
  --wds-divider-fill-color-light-primary: #e2e3ea;
2947
2949
  --wds-divider-fill-color-light-secondary: #e2e3ea;
2950
+ --wds-divider-fill-dark: #2b2e36;
2951
+ --wds-divider-fill-light: #e2e3ea;
2948
2952
  --wds-divider-gradient-border: linear-gradient(90deg, #e2e3ea 0%, #e2e3ea 16%, #e2e3ea 84%, #e2e3ea 100%);
2949
2953
  --wds-divider-vertical-fill-color-light: #e2e3ea;
2950
2954
  --wds-dock-background-fill: #ebf2ff;
package/studio/component.st.css CHANGED
@@ -351,6 +351,8 @@
351
351
  @property st-global(--wds-divider-fill-color-light);
352
352
  @property st-global(--wds-divider-fill-color-light-primary);
353
353
  @property st-global(--wds-divider-fill-color-light-secondary);
354
+ @property st-global(--wds-divider-fill-dark);
355
+ @property st-global(--wds-divider-fill-light);
354
356
  @property st-global(--wds-divider-gradient-border);
355
357
  @property st-global(--wds-divider-vertical-fill-color-light);
356
358
  @property st-global(--wds-dock-background-fill);
@@ -1731,6 +1733,8 @@
1731
1733
  --wds-divider-fill-color-light: #e2e3ea;
1732
1734
  --wds-divider-fill-color-light-primary: #e2e3ea;
1733
1735
  --wds-divider-fill-color-light-secondary: #e2e3ea;
1736
+ --wds-divider-fill-dark: #2b2e36;
1737
+ --wds-divider-fill-light: #e2e3ea;
1734
1738
  --wds-divider-gradient-border: linear-gradient(90deg, #e2e3ea 0%, #e2e3ea 16%, #e2e3ea 84%, #e2e3ea 100%);
1735
1739
  --wds-divider-vertical-fill-color-light: #e2e3ea;
1736
1740
  --wds-dock-background-fill: #ebf2ff;
package/wixel/all.css CHANGED
@@ -1851,6 +1851,8 @@
1851
1851
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1852
1852
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1853
1853
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
1854
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1855
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1854
1856
  --wds-divider-fill-color-light-primary: var(--wds-color-border-standard-secondary);
1855
1857
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
1856
1858
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
package/wixel/all.scss CHANGED
@@ -1850,6 +1850,8 @@
1850
1850
  --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active);
1851
1851
  --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary);
1852
1852
  --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover);
1853
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
1854
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
1853
1855
  --wds-divider-fill-color-light-primary: var(--wds-color-border-standard-secondary);
1854
1856
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
1855
1857
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
package/wixel/all.st.css CHANGED
@@ -826,6 +826,8 @@
826
826
  @property st-global(--wds-divider-fill-color-light);
827
827
  @property st-global(--wds-divider-fill-color-light-primary);
828
828
  @property st-global(--wds-divider-fill-color-light-secondary);
829
+ @property st-global(--wds-divider-fill-dark);
830
+ @property st-global(--wds-divider-fill-light);
829
831
  @property st-global(--wds-divider-gradient-border);
830
832
  @property st-global(--wds-divider-vertical-fill-color-light);
831
833
  @property st-global(--wds-dock-background-fill);
@@ -2873,6 +2875,8 @@
2873
2875
  --wds-divider-fill-color-light: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
2874
2876
  --wds-divider-fill-color-light-primary: #dce2ff;
2875
2877
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
2878
+ --wds-divider-fill-dark: #2b2e36;
2879
+ --wds-divider-fill-light: #e2e3ea;
2876
2880
  --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
2877
2881
  --wds-divider-vertical-fill-color-light: linear-gradient(0deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
2878
2882
  --wds-dock-background-fill: #eef0ff;
package/wixel/component.st.css CHANGED
@@ -334,6 +334,8 @@
334
334
  @property st-global(--wds-divider-fill-color-light);
335
335
  @property st-global(--wds-divider-fill-color-light-primary);
336
336
  @property st-global(--wds-divider-fill-color-light-secondary);
337
+ @property st-global(--wds-divider-fill-dark);
338
+ @property st-global(--wds-divider-fill-light);
337
339
  @property st-global(--wds-divider-gradient-border);
338
340
  @property st-global(--wds-divider-vertical-fill-color-light);
339
341
  @property st-global(--wds-dock-background-fill);
@@ -1680,6 +1682,8 @@
1680
1682
  --wds-divider-fill-color-light: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
1681
1683
  --wds-divider-fill-color-light-primary: #dce2ff;
1682
1684
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
1685
+ --wds-divider-fill-dark: #2b2e36;
1686
+ --wds-divider-fill-light: #e2e3ea;
1683
1687
  --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
1684
1688
  --wds-divider-vertical-fill-color-light: linear-gradient(0deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
1685
1689
  --wds-dock-background-fill: #eef0ff;