@wix/design-system-tokens 1.176.0 → 1.177.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 (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/odeditor/all.css +22 -22
  3. package/odeditor/all.scss +22 -22
  4. package/odeditor/all.st.css +21 -21
  5. package/odeditor/component.st.css +21 -21
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.177.0 - 2026-03-31
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(ToggleButton): more pronounced shadows [15930](https://github.com/wix-private/wix-design-systems/pull/15930)
6
+
1
7
  ## 1.171.0 - 2026-02-19
2
8
 
3
9
  ### Visual Breaking Changes
package/odeditor/all.css CHANGED
@@ -287,21 +287,20 @@
287
287
  --wds-toggle-switch-knob-size-medium: 14px;
288
288
  --wds-toggle-switch-knob-size-large: 20px;
289
289
  --wds-toggle-switch-icon: false;
290
- --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
291
- --wds-toggle-button-shadow-y-tertiary: 0.4px;
292
- --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
293
- --wds-toggle-button-shadow-y-secondary: 1.2px;
294
- --wds-toggle-button-shadow-y-primary-inverted: 5px;
295
- --wds-toggle-button-shadow-x-tertiary-inverted: 1px;
296
- --wds-toggle-button-shadow-x-tertiary: 0.4px;
297
- --wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
298
- --wds-toggle-button-shadow-x-secondary: 1.2px;
299
- --wds-toggle-button-shadow-x-primary-inverted: -8px;
300
- --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
301
- --wds-toggle-button-shadow-blur-tertiary: 0.6px;
302
- --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
303
- --wds-toggle-button-shadow-blur-secondary: 1.7px;
304
- --wds-toggle-button-shadow-blur-primary-inverted: 30px;
290
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0.7px;
291
+ --wds-toggle-button-shadow-y-tertiary: 0.7px;
292
+ --wds-toggle-button-shadow-y-secondary-inverted: 2px;
293
+ --wds-toggle-button-shadow-y-secondary: 2px;
294
+ --wds-toggle-button-shadow-y-primary-inverted: 2px;
295
+ --wds-toggle-button-shadow-y-primary: 2px;
296
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0.7px;
297
+ --wds-toggle-button-shadow-x-tertiary: 0.7px;
298
+ --wds-toggle-button-shadow-x-secondary-inverted: 2px;
299
+ --wds-toggle-button-shadow-x-secondary: 2px;
300
+ --wds-toggle-button-shadow-x-primary-inverted: 1px;
301
+ --wds-toggle-button-shadow-x-primary: 1px;
302
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0.8px;
303
+ --wds-toggle-button-shadow-blur-tertiary: 0.8px;
305
304
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
306
305
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
307
306
  --wds-tabs-selection-height: 3px;
@@ -824,14 +823,15 @@
824
823
  --wds-toggle-switch-border-success-disabled: var(--wds-color-black-100-transparent-0);
825
824
  --wds-toggle-switch-border-standard-disabled: var(--wds-color-black-100-transparent-0);
826
825
  --wds-toggle-switch-border-error-disabled: var(--wds-color-black-100-transparent-0);
827
- --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-100);
828
- --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-25);
829
- --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-10);
826
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-25);
830
827
  --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-25);
831
- --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-300-transparent-20);
832
- --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-15);
833
- --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-5);
834
- --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-5);
828
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-20);
829
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-20);
830
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-10);
831
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-10);
832
+ --wds-toggle-button-shadow-blur-secondary-inverted: var(--wds-shadow-blur-25);
833
+ --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-25);
834
+ --wds-toggle-button-shadow-blur-primary-inverted: var(--wds-shadow-blur-50);
835
835
  --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
836
836
  --wds-toggle-button-padding-tiny-round: var(--wds-space-300);
837
837
  --wds-toggle-button-padding-tiny: var(--wds-space-200);
package/odeditor/all.scss CHANGED
@@ -10,21 +10,20 @@
10
10
  --wds-toggle-switch-knob-size-medium: 14px;
11
11
  --wds-toggle-switch-knob-size-large: 20px;
12
12
  --wds-toggle-switch-icon: false;
13
- --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
14
- --wds-toggle-button-shadow-y-tertiary: 0.4px;
15
- --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
16
- --wds-toggle-button-shadow-y-secondary: 1.2px;
17
- --wds-toggle-button-shadow-y-primary-inverted: 5px;
18
- --wds-toggle-button-shadow-x-tertiary-inverted: 1px;
19
- --wds-toggle-button-shadow-x-tertiary: 0.4px;
20
- --wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
21
- --wds-toggle-button-shadow-x-secondary: 1.2px;
22
- --wds-toggle-button-shadow-x-primary-inverted: -8px;
23
- --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
24
- --wds-toggle-button-shadow-blur-tertiary: 0.6px;
25
- --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
26
- --wds-toggle-button-shadow-blur-secondary: 1.7px;
27
- --wds-toggle-button-shadow-blur-primary-inverted: 30px;
13
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0.7px;
14
+ --wds-toggle-button-shadow-y-tertiary: 0.7px;
15
+ --wds-toggle-button-shadow-y-secondary-inverted: 2px;
16
+ --wds-toggle-button-shadow-y-secondary: 2px;
17
+ --wds-toggle-button-shadow-y-primary-inverted: 2px;
18
+ --wds-toggle-button-shadow-y-primary: 2px;
19
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0.7px;
20
+ --wds-toggle-button-shadow-x-tertiary: 0.7px;
21
+ --wds-toggle-button-shadow-x-secondary-inverted: 2px;
22
+ --wds-toggle-button-shadow-x-secondary: 2px;
23
+ --wds-toggle-button-shadow-x-primary-inverted: 1px;
24
+ --wds-toggle-button-shadow-x-primary: 1px;
25
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0.8px;
26
+ --wds-toggle-button-shadow-blur-tertiary: 0.8px;
28
27
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
29
28
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
30
29
  --wds-tabs-selection-height: 3px;
@@ -405,14 +404,15 @@
405
404
  --wds-toggle-switch-border-success-disabled: var(--wds-color-black-100-transparent-0);
406
405
  --wds-toggle-switch-border-standard-disabled: var(--wds-color-black-100-transparent-0);
407
406
  --wds-toggle-switch-border-error-disabled: var(--wds-color-black-100-transparent-0);
408
- --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-100);
409
- --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-25);
410
- --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-10);
407
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-25);
411
408
  --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-25);
412
- --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-300-transparent-20);
413
- --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-15);
414
- --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-5);
415
- --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-5);
409
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-20);
410
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-20);
411
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-10);
412
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-10);
413
+ --wds-toggle-button-shadow-blur-secondary-inverted: var(--wds-shadow-blur-25);
414
+ --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-25);
415
+ --wds-toggle-button-shadow-blur-primary-inverted: var(--wds-shadow-blur-50);
416
416
  --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
417
417
  --wds-toggle-button-padding-tiny-round: var(--wds-space-300);
418
418
  --wds-toggle-button-padding-tiny: var(--wds-space-200);
package/odeditor/all.st.css CHANGED
@@ -3922,29 +3922,29 @@
3922
3922
  --wds-toggle-button-padding-tiny: 8px;
3923
3923
  --wds-toggle-button-padding-tiny-round: 12px;
3924
3924
  --wds-toggle-button-shadow-blur-primary: 4px;
3925
- --wds-toggle-button-shadow-blur-primary-inverted: 30px;
3926
- --wds-toggle-button-shadow-blur-secondary: 1.7px;
3927
- --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
3928
- --wds-toggle-button-shadow-blur-tertiary: 0.6px;
3929
- --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
3930
- --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .05);
3931
- --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .05);
3932
- --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .15);
3933
- --wds-toggle-button-shadow-fill-secondary-inverted: rgba(118, 117, 116, 0.2);
3925
+ --wds-toggle-button-shadow-blur-primary-inverted: 4px;
3926
+ --wds-toggle-button-shadow-blur-secondary: 2px;
3927
+ --wds-toggle-button-shadow-blur-secondary-inverted: 2px;
3928
+ --wds-toggle-button-shadow-blur-tertiary: 0.8px;
3929
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0.8px;
3930
+ --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .1);
3931
+ --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .1);
3932
+ --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .2);
3933
+ --wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .2);
3934
3934
  --wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .25);
3935
- --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .1);
3935
+ --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .25);
3936
3936
  --wds-toggle-button-shadow-x-primary: 1px;
3937
- --wds-toggle-button-shadow-x-primary-inverted: -8px;
3938
- --wds-toggle-button-shadow-x-secondary: 1.2px;
3939
- --wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
3940
- --wds-toggle-button-shadow-x-tertiary: 0.4px;
3941
- --wds-toggle-button-shadow-x-tertiary-inverted: 1px;
3942
- --wds-toggle-button-shadow-y-primary: 4px;
3943
- --wds-toggle-button-shadow-y-primary-inverted: 5px;
3944
- --wds-toggle-button-shadow-y-secondary: 1.2px;
3945
- --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
3946
- --wds-toggle-button-shadow-y-tertiary: 0.4px;
3947
- --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
3937
+ --wds-toggle-button-shadow-x-primary-inverted: 1px;
3938
+ --wds-toggle-button-shadow-x-secondary: 2px;
3939
+ --wds-toggle-button-shadow-x-secondary-inverted: 2px;
3940
+ --wds-toggle-button-shadow-x-tertiary: 0.7px;
3941
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0.7px;
3942
+ --wds-toggle-button-shadow-y-primary: 2px;
3943
+ --wds-toggle-button-shadow-y-primary-inverted: 2px;
3944
+ --wds-toggle-button-shadow-y-secondary: 2px;
3945
+ --wds-toggle-button-shadow-y-secondary-inverted: 2px;
3946
+ --wds-toggle-button-shadow-y-tertiary: 0.7px;
3947
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0.7px;
3948
3948
  --wds-toggle-button-square-label-font-size-large: 14px;
3949
3949
  --wds-toggle-button-square-label-font-size-medium: 14px;
3950
3950
  --wds-toggle-button-square-label-font-size-small: 12px;
package/odeditor/component.st.css CHANGED
@@ -2492,29 +2492,29 @@
2492
2492
  --wds-toggle-button-padding-tiny: 8px;
2493
2493
  --wds-toggle-button-padding-tiny-round: 12px;
2494
2494
  --wds-toggle-button-shadow-blur-primary: 4px;
2495
- --wds-toggle-button-shadow-blur-primary-inverted: 30px;
2496
- --wds-toggle-button-shadow-blur-secondary: 1.7px;
2497
- --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
2498
- --wds-toggle-button-shadow-blur-tertiary: 0.6px;
2499
- --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
2500
- --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .05);
2501
- --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .05);
2502
- --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .15);
2503
- --wds-toggle-button-shadow-fill-secondary-inverted: rgba(118, 117, 116, 0.2);
2495
+ --wds-toggle-button-shadow-blur-primary-inverted: 4px;
2496
+ --wds-toggle-button-shadow-blur-secondary: 2px;
2497
+ --wds-toggle-button-shadow-blur-secondary-inverted: 2px;
2498
+ --wds-toggle-button-shadow-blur-tertiary: 0.8px;
2499
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0.8px;
2500
+ --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .1);
2501
+ --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .1);
2502
+ --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .2);
2503
+ --wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .2);
2504
2504
  --wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .25);
2505
- --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .1);
2505
+ --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .25);
2506
2506
  --wds-toggle-button-shadow-x-primary: 1px;
2507
- --wds-toggle-button-shadow-x-primary-inverted: -8px;
2508
- --wds-toggle-button-shadow-x-secondary: 1.2px;
2509
- --wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
2510
- --wds-toggle-button-shadow-x-tertiary: 0.4px;
2511
- --wds-toggle-button-shadow-x-tertiary-inverted: 1px;
2512
- --wds-toggle-button-shadow-y-primary: 4px;
2513
- --wds-toggle-button-shadow-y-primary-inverted: 5px;
2514
- --wds-toggle-button-shadow-y-secondary: 1.2px;
2515
- --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
2516
- --wds-toggle-button-shadow-y-tertiary: 0.4px;
2517
- --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
2507
+ --wds-toggle-button-shadow-x-primary-inverted: 1px;
2508
+ --wds-toggle-button-shadow-x-secondary: 2px;
2509
+ --wds-toggle-button-shadow-x-secondary-inverted: 2px;
2510
+ --wds-toggle-button-shadow-x-tertiary: 0.7px;
2511
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0.7px;
2512
+ --wds-toggle-button-shadow-y-primary: 2px;
2513
+ --wds-toggle-button-shadow-y-primary-inverted: 2px;
2514
+ --wds-toggle-button-shadow-y-secondary: 2px;
2515
+ --wds-toggle-button-shadow-y-secondary-inverted: 2px;
2516
+ --wds-toggle-button-shadow-y-tertiary: 0.7px;
2517
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0.7px;
2518
2518
  --wds-toggle-button-square-label-font-size-large: 14px;
2519
2519
  --wds-toggle-button-square-label-font-size-medium: 14px;
2520
2520
  --wds-toggle-button-square-label-font-size-small: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.176.0",
3
+ "version": "1.177.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -34,5 +34,5 @@
34
34
  "author": "augustinasv@wix.com",
35
35
  "description": "Design system tokens",
36
36
  "packageManager": "yarn@3.5.0",
37
- "falconPackageHash": "e477ab6afe0ceeb4f4e273ff422dedd1450f3dde988745acbbe29d59"
37
+ "falconPackageHash": "474a7636aba0698b0e11ba76a1312aba3405c7e9edc1e6868f8db77d"
38
38
  }