@wix/design-system-tokens 1.240.0 → 1.241.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 (35) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/all.css +10 -0
  3. package/all.scss +10 -0
  4. package/all.st.css +20 -0
  5. package/bm-dark/all.css +2782 -0
  6. package/bm-dark/all.scss +2782 -0
  7. package/bm-dark/all.st.css +5568 -0
  8. package/bm-dark/component.st.css +4040 -0
  9. package/bm-dark/foundation.st.css +512 -0
  10. package/bm-dark/semantic.st.css +1032 -0
  11. package/bm-light/all.css +2782 -0
  12. package/bm-light/all.scss +2782 -0
  13. package/bm-light/all.st.css +5568 -0
  14. package/bm-light/component.st.css +4040 -0
  15. package/bm-light/foundation.st.css +512 -0
  16. package/bm-light/semantic.st.css +1032 -0
  17. package/foundation.st.css +20 -0
  18. package/odeditor/all.css +21 -11
  19. package/odeditor/all.scss +21 -11
  20. package/odeditor/all.st.css +31 -11
  21. package/odeditor/component.st.css +11 -11
  22. package/odeditor/foundation.st.css +20 -0
  23. package/odeditor-dark/all.css +10 -0
  24. package/odeditor-dark/all.scss +10 -0
  25. package/odeditor-dark/all.st.css +20 -0
  26. package/odeditor-dark/foundation.st.css +20 -0
  27. package/package.json +2 -2
  28. package/studio/all.css +10 -0
  29. package/studio/all.scss +10 -0
  30. package/studio/all.st.css +20 -0
  31. package/studio/foundation.st.css +20 -0
  32. package/studio2-light/all.css +10 -0
  33. package/studio2-light/all.scss +10 -0
  34. package/studio2-light/all.st.css +20 -0
  35. package/studio2-light/foundation.st.css +20 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## 1.241.0
2
+
3
+ ### Minor Changes
4
+
5
+ - [#17688](https://github.com/wix-private/wix-design-systems/pull/17688) [`3c1a4d9`](https://github.com/wix-private/wix-design-systems/commit/3c1a4d9adfaa72e3005825e25b83c8d36664a0d0) - Add the BM Dark (bm-dark) theme, Business Manager's dark mode: BM Light (bm-light)'s sizes, spacing and shapes with Studio 2.0 (odeditor-dark)'s dark colours across the foundation, semantic and component layers. Import it from `@wix/design-system-tokens/bm-dark/all.css` (or `all.scss` / `all.st.css`).
6
+
7
+ - [#17688](https://github.com/wix-private/wix-design-systems/pull/17688) [`3c1a4d9`](https://github.com/wix-private/wix-design-systems/commit/3c1a4d9adfaa72e3005825e25b83c8d36664a0d0) - Add the BM Light (bm-light) theme, Business Manager's own light theme, which starts as a copy of Harmony (odeditor)'s foundation, semantic and component tokens and changes independently of it from now on. Import it from `@wix/design-system-tokens/bm-light/all.css` (or `all.scss` / `all.st.css`).
8
+
9
+ - [#17739](https://github.com/wix-private/wix-design-systems/pull/17739) [`b01a72b`](https://github.com/wix-private/wix-design-systems/commit/b01a72bb022d1a4e108e6284341153c6c253b941) - **Visual breaking change:** Harmony (odeditor) sidebar tokens: smaller header, footer and collapsed-rail paddings, a 54px collapsed width, level-2 group bottom spacing, no footer fade, and a darker outer border, from `#EEEEEE` to `#D9D9D9`.
10
+
11
+ - [#17787](https://github.com/wix-private/wix-design-systems/pull/17787) [`f53806b`](https://github.com/wix-private/wix-design-systems/commit/f53806bf56e7e6de011e5e41b733a8f09b785544) - Add a motion easing scale to all themes: ten shared easing curves, from linear to overshoot, for timing transitions and animations consistently.
12
+
13
+ - [#17607](https://github.com/wix-private/wix-design-systems/pull/17607) [`9d2d781`](https://github.com/wix-private/wix-design-systems/commit/9d2d7811e0692db88ef28e082243722c031a44a3) - **Visual breaking change:** In Harmony (odeditor), Notification text, icons, links and the close button are darker, and the premium Notification fill is purple instead of iris.
14
+
1
15
  ## 1.240.0
2
16
 
3
17
  ### Minor Changes
package/all.css CHANGED
@@ -58,6 +58,16 @@
58
58
  --wds-shadow-blur-35: 2px;
59
59
  --wds-shadow-blur-25: 1px;
60
60
  --wds-shadow-blur-0: 0px;
61
+ --wds-motion-easing-1000: cubic-bezier(0.4, 0, 1, 1);
62
+ --wds-motion-easing-900: cubic-bezier(0.26, 0, 0.67, 1);
63
+ --wds-motion-easing-800: cubic-bezier(0.18, 0.89, 0.32, 1.28);
64
+ --wds-motion-easing-700: cubic-bezier(0.25, 1, 0.5, 1);
65
+ --wds-motion-easing-600: cubic-bezier(0, 0, 0.2, 1);
66
+ --wds-motion-easing-500: cubic-bezier(0, 0, 0.58, 1);
67
+ --wds-motion-easing-400: cubic-bezier(0.76, 0, 0.24, 1);
68
+ --wds-motion-easing-300: cubic-bezier(0.4, 0, 0.2, 1);
69
+ --wds-motion-easing-200: cubic-bezier(0.42, 0, 0.58, 1);
70
+ --wds-motion-easing-100: linear;
61
71
  --wds-font-weight-semi-bold: 600;
62
72
  --wds-font-weight-regular: 400;
63
73
  --wds-font-weight-medium: 500;
package/all.scss CHANGED
@@ -135,6 +135,16 @@
135
135
  --wds-page-header-breadcrumbs-offset-medium: -9px;
136
136
  --wds-page-header-breadcrumbs-offset-large: -15px;
137
137
  --wds-page-header-back-button-gap: 8px;
138
+ --wds-motion-easing-1000: cubic-bezier(0.4, 0, 1, 1);
139
+ --wds-motion-easing-900: cubic-bezier(0.26, 0, 0.67, 1);
140
+ --wds-motion-easing-800: cubic-bezier(0.18, 0.89, 0.32, 1.28);
141
+ --wds-motion-easing-700: cubic-bezier(0.25, 1, 0.5, 1);
142
+ --wds-motion-easing-600: cubic-bezier(0, 0, 0.2, 1);
143
+ --wds-motion-easing-500: cubic-bezier(0, 0, 0.58, 1);
144
+ --wds-motion-easing-400: cubic-bezier(0.76, 0, 0.24, 1);
145
+ --wds-motion-easing-300: cubic-bezier(0.4, 0, 0.2, 1);
146
+ --wds-motion-easing-200: cubic-bezier(0.42, 0, 0.58, 1);
147
+ --wds-motion-easing-100: linear;
138
148
  --wds-message-modal-close-button-fill: transparent;
139
149
  --wds-marketing-page-overline-divider-margin-top: 17px;
140
150
  --wds-marketing-page-overline-divider-display: block;
package/all.st.css CHANGED
@@ -1749,6 +1749,16 @@
1749
1749
  @property st-global(--wds-mobile-modal-content-padding-vertical);
1750
1750
  @property st-global(--wds-mobile-modal-footer-padding-horizontal);
1751
1751
  @property st-global(--wds-mobile-modal-footer-padding-vertical);
1752
+ @property st-global(--wds-motion-easing-100);
1753
+ @property st-global(--wds-motion-easing-200);
1754
+ @property st-global(--wds-motion-easing-300);
1755
+ @property st-global(--wds-motion-easing-400);
1756
+ @property st-global(--wds-motion-easing-500);
1757
+ @property st-global(--wds-motion-easing-600);
1758
+ @property st-global(--wds-motion-easing-700);
1759
+ @property st-global(--wds-motion-easing-800);
1760
+ @property st-global(--wds-motion-easing-900);
1761
+ @property st-global(--wds-motion-easing-1000);
1752
1762
  @property st-global(--wds-multiselect-icon-fill);
1753
1763
  @property st-global(--wds-nestable-list-fill);
1754
1764
  @property st-global(--wds-nestable-list-paddings);
@@ -4530,6 +4540,16 @@
4530
4540
  --wds-mobile-modal-content-padding-vertical: 24px;
4531
4541
  --wds-mobile-modal-footer-padding-horizontal: 24px;
4532
4542
  --wds-mobile-modal-footer-padding-vertical: 24px;
4543
+ --wds-motion-easing-100: linear;
4544
+ --wds-motion-easing-200: cubic-bezier(0.42, 0, 0.58, 1);
4545
+ --wds-motion-easing-300: cubic-bezier(0.4, 0, 0.2, 1);
4546
+ --wds-motion-easing-400: cubic-bezier(0.76, 0, 0.24, 1);
4547
+ --wds-motion-easing-500: cubic-bezier(0, 0, 0.58, 1);
4548
+ --wds-motion-easing-600: cubic-bezier(0, 0, 0.2, 1);
4549
+ --wds-motion-easing-700: cubic-bezier(0.25, 1, 0.5, 1);
4550
+ --wds-motion-easing-800: cubic-bezier(0.18, 0.89, 0.32, 1.28);
4551
+ --wds-motion-easing-900: cubic-bezier(0.26, 0, 0.67, 1);
4552
+ --wds-motion-easing-1000: cubic-bezier(0.4, 0, 1, 1);
4533
4553
  --wds-multiselect-icon-fill: #116dff;
4534
4554
  --wds-nestable-list-fill: #ffffff;
4535
4555
  --wds-nestable-list-paddings: 0px;