@wix/design-system-tokens 1.121.0 → 1.123.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 (20) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +16 -0
  3. package/all.css +13 -2
  4. package/all.scss +1819 -0
  5. package/all.st.css +26 -4
  6. package/component.st.css +26 -4
  7. package/odeditor/all.css +27 -15
  8. package/odeditor/all.scss +1814 -0
  9. package/odeditor/all.st.css +81 -57
  10. package/odeditor/component.st.css +78 -54
  11. package/odeditor/semantic.st.css +3 -3
  12. package/package.json +3 -3
  13. package/studio/all.css +15 -4
  14. package/studio/all.scss +1815 -0
  15. package/studio/all.st.css +28 -6
  16. package/studio/component.st.css +28 -6
  17. package/wixel/all.css +15 -4
  18. package/wixel/all.scss +1820 -0
  19. package/wixel/all.st.css +28 -6
  20. package/wixel/component.st.css +28 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,24 @@
1
+ ## 1.123.0 - 2025-07-30
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(Checkbox): editor3 tokenization [15119](https://github.com/wix-private/wix-design-systems/pull/15119)
6
+
7
+ ### Bug Fixes
8
+
9
+ - fix(BaseCalendar): small size weekdays alignment [15139](https://github.com/wix-private/wix-design-systems/pull/15139)
10
+
11
+ ## 1.122.0 - 2025-07-25
12
+
13
+ ### Visual Breaking Changes
14
+
15
+ - breaking(Tabs): editor3 tokenization [15117](https://github.com/wix-private/wix-design-systems/pull/15117)
16
+ - breaking(CloseButton): editor3 tokenization + fixes according to Figma [15114](https://github.com/wix-private/wix-design-systems/pull/15114)
17
+
18
+ ### Features
19
+
20
+ - feat(tokens): generate token mixin [15126](https://github.com/wix-private/wix-design-systems/pull/15126)
21
+
1
22
  ## 1.121.0 - 2025-07-24
2
23
 
3
24
  ### Visual Breaking Changes
package/README.md CHANGED
@@ -73,3 +73,19 @@ box-shadow: var(--wds-shadow-focus-warning);
73
73
  ### `size/px-custom`
74
74
 
75
75
  Only applies to tokens which have attribute `"type": "float"`. Adds `px` unit to token values.
76
+
77
+
78
+ ## Scoped styling - sass mixin tokens
79
+ `@mixin tokens` has been introduced to accomplish scoped styling within the same HTML document.
80
+
81
+ ### Usage
82
+ ```sass
83
+ @use "@wix/design-system-tokens/all.scss" as wds;
84
+ // @use "@wix/design-system-tokens/studio/all.scss" as wds;
85
+ // @use "@wix/design-system-tokens/wixel/all.scss" as wds;
86
+ // @use "@wix/design-system-tokens/odeditor/all.scss" as wds;
87
+
88
+ .scoped {
89
+ @include wds.tokens;
90
+ }
91
+ ```
package/all.css CHANGED
@@ -829,8 +829,14 @@
829
829
  --wds-tabs-padding-vertical-medium: var(--wds-space-300);
830
830
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
831
831
  --wds-tabs-padding-horizontal-medium: var(--wds-space-300);
832
- --wds-tabs-gap-small: var(--wds-space-100);
833
- --wds-tabs-gap-medium: var(--wds-space-100);
832
+ --wds-tabs-label-font-weight-active: var(--wds-font-weight-regular);
833
+ --wds-tabs-label-font-weight: var(--wds-font-weight-regular);
834
+ --wds-tabs-item-gap-small: var(--wds-space-100);
835
+ --wds-tabs-item-gap-medium: var(--wds-space-100);
836
+ --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
837
+ --wds-tabs-item-fill-active: var(--wds-color-black-100-transparent-0);
838
+ --wds-tabs-gap-horizontal: var(--wds-space-0);
839
+ --wds-tabs-border-radius: var(--wds-border-radius-0);
834
840
  --wds-table-list-item-paddings: var(--wds-space-0);
835
841
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
836
842
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
@@ -1403,6 +1409,8 @@
1403
1409
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1404
1410
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1405
1411
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1412
+ --wds-tabs-label-fill-active: var(--wds-color-text-primary);
1413
+ --wds-tabs-label-fill: var(--wds-color-text-standard-primary);
1406
1414
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1407
1415
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1408
1416
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
@@ -1663,6 +1671,8 @@
1663
1671
  --wds-circular-progress-bar-background-fill-premium: var(--wds-color-fill-premium-secondary);
1664
1672
  --wds-circular-progress-bar-background-fill-error: var(--wds-color-fill-destructive-secondary);
1665
1673
  --wds-checkbox-label-font-size-small: var(--wds-font-size-body-small);
1674
+ --wds-checkbox-label-font-size-medium: var(--wds-font-size-body-medium);
1675
+ --wds-checkbox-label-disabled: var(--wds-color-text-standard-primary);
1666
1676
  --wds-checkbox-icon-disabled: var(--wds-color-text-disabled);
1667
1677
  --wds-checkbox-icon: var(--wds-color-text-standard-primary-light);
1668
1678
  --wds-checkbox-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1795,6 +1805,7 @@
1795
1805
  --wds-custom-modal-header-title-font-line-height: var(--wds-font-line-height-body-medium);
1796
1806
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1797
1807
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1808
+ --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1798
1809
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1799
1810
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-small);
1800
1811
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);