@wix/design-system-tokens 1.208.0 → 1.210.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 (24) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/all.css +14 -0
  3. package/all.scss +14 -0
  4. package/all.st.css +28 -0
  5. package/component.st.css +28 -0
  6. package/odeditor/all.css +31 -17
  7. package/odeditor/all.scss +31 -17
  8. package/odeditor/all.st.css +45 -17
  9. package/odeditor/component.st.css +43 -15
  10. package/odeditor/semantic.st.css +2 -2
  11. package/odeditor-dark/all.css +17 -3
  12. package/odeditor-dark/all.scss +17 -3
  13. package/odeditor-dark/all.st.css +32 -4
  14. package/odeditor-dark/component.st.css +31 -3
  15. package/odeditor-dark/semantic.st.css +1 -1
  16. package/package.json +2 -2
  17. package/studio/all.css +14 -0
  18. package/studio/all.scss +14 -0
  19. package/studio/all.st.css +28 -0
  20. package/studio/component.st.css +28 -0
  21. package/wixel/all.css +14 -0
  22. package/wixel/all.scss +14 -0
  23. package/wixel/all.st.css +28 -0
  24. package/wixel/component.st.css +28 -0
package/wixel/all.st.css CHANGED
@@ -834,10 +834,13 @@
834
834
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
835
835
  @property st-global(--wds-counter-badge-border-radius-medium);
836
836
  @property st-global(--wds-counter-badge-border-radius-small);
837
+ @property st-global(--wds-counter-badge-font-size-tiny);
837
838
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
838
839
  @property st-global(--wds-counter-badge-padding-horizontal-small);
840
+ @property st-global(--wds-counter-badge-padding-horizontal-tiny);
839
841
  @property st-global(--wds-counter-badge-size-medium);
840
842
  @property st-global(--wds-counter-badge-size-small);
843
+ @property st-global(--wds-counter-badge-size-tiny);
841
844
  @property st-global(--wds-custom-modal-border-radius);
842
845
  @property st-global(--wds-custom-modal-content-padding-horizontal);
843
846
  @property st-global(--wds-custom-modal-content-padding-vertical);
@@ -971,6 +974,12 @@
971
974
  @property st-global(--wds-gallery-item-padding-right-small);
972
975
  @property st-global(--wds-gallery-item-padding-vertical-medium);
973
976
  @property st-global(--wds-gallery-item-padding-vertical-small);
977
+ @property st-global(--wds-google-preview-favicon-background-fill);
978
+ @property st-global(--wds-google-preview-favicon-border-fill);
979
+ @property st-global(--wds-google-preview-site-name-fill);
980
+ @property st-global(--wds-google-preview-surface-fill);
981
+ @property st-global(--wds-google-preview-text-fill);
982
+ @property st-global(--wds-google-preview-title-fill);
974
983
  @property st-global(--wds-icon-button-color-border-dark-secondary);
975
984
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
976
985
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1786,16 +1795,21 @@
1786
1795
  @property st-global(--wds-tabs-item-fill-hover);
1787
1796
  @property st-global(--wds-tabs-item-gap-medium);
1788
1797
  @property st-global(--wds-tabs-item-gap-small);
1798
+ @property st-global(--wds-tabs-item-gap-small-medium);
1789
1799
  @property st-global(--wds-tabs-label-fill);
1790
1800
  @property st-global(--wds-tabs-label-fill-active);
1791
1801
  @property st-global(--wds-tabs-label-font-size-small);
1802
+ @property st-global(--wds-tabs-label-font-size-small-medium);
1792
1803
  @property st-global(--wds-tabs-label-font-weight);
1793
1804
  @property st-global(--wds-tabs-label-font-weight-active);
1794
1805
  @property st-global(--wds-tabs-label-line-height-small);
1806
+ @property st-global(--wds-tabs-label-line-height-small-medium);
1795
1807
  @property st-global(--wds-tabs-padding-horizontal-medium);
1796
1808
  @property st-global(--wds-tabs-padding-horizontal-small);
1809
+ @property st-global(--wds-tabs-padding-horizontal-small-medium);
1797
1810
  @property st-global(--wds-tabs-padding-vertical-medium);
1798
1811
  @property st-global(--wds-tabs-padding-vertical-small);
1812
+ @property st-global(--wds-tabs-padding-vertical-small-medium);
1799
1813
  @property st-global(--wds-tabs-selection-border);
1800
1814
  @property st-global(--wds-tabs-selection-fill-primary);
1801
1815
  @property st-global(--wds-tabs-selection-fill-secondary);
@@ -2920,10 +2934,13 @@
2920
2934
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2921
2935
  --wds-counter-badge-border-radius-medium: 1000px;
2922
2936
  --wds-counter-badge-border-radius-small: 1000px;
2937
+ --wds-counter-badge-font-size-tiny: 10px;
2923
2938
  --wds-counter-badge-padding-horizontal-medium: 6px;
2924
2939
  --wds-counter-badge-padding-horizontal-small: 4px;
2940
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
2925
2941
  --wds-counter-badge-size-medium: 24px;
2926
2942
  --wds-counter-badge-size-small: 18px;
2943
+ --wds-counter-badge-size-tiny: 14px;
2927
2944
  --wds-custom-modal-border-radius: 4px;
2928
2945
  --wds-custom-modal-content-padding-horizontal: 24px;
2929
2946
  --wds-custom-modal-content-padding-vertical: 24px;
@@ -3057,6 +3074,12 @@
3057
3074
  --wds-gallery-item-padding-right-small: 18px;
3058
3075
  --wds-gallery-item-padding-vertical-medium: 18px;
3059
3076
  --wds-gallery-item-padding-vertical-small: 12px;
3077
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
3078
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
3079
+ --wds-google-preview-site-name-fill: #202124;
3080
+ --wds-google-preview-surface-fill: #ffffff;
3081
+ --wds-google-preview-text-fill: #4D5156;
3082
+ --wds-google-preview-title-fill: #260AA8;
3060
3083
  --wds-icon-button-color-border-dark-secondary: #868aa5;
3061
3084
  --wds-icon-button-color-border-dark-secondary-active: #2b2e36;
3062
3085
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -3872,16 +3895,21 @@
3872
3895
  --wds-tabs-item-fill-hover: rgba(38, 37, 36, 0.0000);
3873
3896
  --wds-tabs-item-gap-medium: 8px;
3874
3897
  --wds-tabs-item-gap-small: 6px;
3898
+ --wds-tabs-item-gap-small-medium: 6px;
3875
3899
  --wds-tabs-label-fill: #000624;
3876
3900
  --wds-tabs-label-fill-active: #4a57ff;
3877
3901
  --wds-tabs-label-font-size-small: 12px;
3902
+ --wds-tabs-label-font-size-small-medium: 12px;
3878
3903
  --wds-tabs-label-font-weight: 400;
3879
3904
  --wds-tabs-label-font-weight-active: 400;
3880
3905
  --wds-tabs-label-line-height-small: 16px;
3906
+ --wds-tabs-label-line-height-small-medium: 16px;
3881
3907
  --wds-tabs-padding-horizontal-medium: 16px;
3882
3908
  --wds-tabs-padding-horizontal-small: 12px;
3909
+ --wds-tabs-padding-horizontal-small-medium: 12px;
3883
3910
  --wds-tabs-padding-vertical-medium: 16px;
3884
3911
  --wds-tabs-padding-vertical-small: 12px;
3912
+ --wds-tabs-padding-vertical-small-medium: 12px;
3885
3913
  --wds-tabs-selection-border: linear-gradient(90deg, rgba(255, 255, 255, 0.0000) 0%, #4a57ff 20%, #4a57ff 80%, rgba(255, 255, 255, 0.0000) 100%);
3886
3914
  --wds-tabs-selection-fill-primary: #4a57ff;
3887
3915
  --wds-tabs-selection-fill-secondary: rgba(255, 255, 255, 0.0000);
package/wixel/component.st.css CHANGED
@@ -330,10 +330,13 @@
330
330
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
331
331
  @property st-global(--wds-counter-badge-border-radius-medium);
332
332
  @property st-global(--wds-counter-badge-border-radius-small);
333
+ @property st-global(--wds-counter-badge-font-size-tiny);
333
334
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
334
335
  @property st-global(--wds-counter-badge-padding-horizontal-small);
336
+ @property st-global(--wds-counter-badge-padding-horizontal-tiny);
335
337
  @property st-global(--wds-counter-badge-size-medium);
336
338
  @property st-global(--wds-counter-badge-size-small);
339
+ @property st-global(--wds-counter-badge-size-tiny);
337
340
  @property st-global(--wds-custom-modal-border-radius);
338
341
  @property st-global(--wds-custom-modal-content-padding-horizontal);
339
342
  @property st-global(--wds-custom-modal-content-padding-vertical);
@@ -410,6 +413,12 @@
410
413
  @property st-global(--wds-gallery-item-padding-right-small);
411
414
  @property st-global(--wds-gallery-item-padding-vertical-medium);
412
415
  @property st-global(--wds-gallery-item-padding-vertical-small);
416
+ @property st-global(--wds-google-preview-favicon-background-fill);
417
+ @property st-global(--wds-google-preview-favicon-border-fill);
418
+ @property st-global(--wds-google-preview-site-name-fill);
419
+ @property st-global(--wds-google-preview-surface-fill);
420
+ @property st-global(--wds-google-preview-text-fill);
421
+ @property st-global(--wds-google-preview-title-fill);
413
422
  @property st-global(--wds-icon-button-color-border-dark-secondary);
414
423
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
415
424
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1075,16 +1084,21 @@
1075
1084
  @property st-global(--wds-tabs-item-fill-hover);
1076
1085
  @property st-global(--wds-tabs-item-gap-medium);
1077
1086
  @property st-global(--wds-tabs-item-gap-small);
1087
+ @property st-global(--wds-tabs-item-gap-small-medium);
1078
1088
  @property st-global(--wds-tabs-label-fill);
1079
1089
  @property st-global(--wds-tabs-label-fill-active);
1080
1090
  @property st-global(--wds-tabs-label-font-size-small);
1091
+ @property st-global(--wds-tabs-label-font-size-small-medium);
1081
1092
  @property st-global(--wds-tabs-label-font-weight);
1082
1093
  @property st-global(--wds-tabs-label-font-weight-active);
1083
1094
  @property st-global(--wds-tabs-label-line-height-small);
1095
+ @property st-global(--wds-tabs-label-line-height-small-medium);
1084
1096
  @property st-global(--wds-tabs-padding-horizontal-medium);
1085
1097
  @property st-global(--wds-tabs-padding-horizontal-small);
1098
+ @property st-global(--wds-tabs-padding-horizontal-small-medium);
1086
1099
  @property st-global(--wds-tabs-padding-vertical-medium);
1087
1100
  @property st-global(--wds-tabs-padding-vertical-small);
1101
+ @property st-global(--wds-tabs-padding-vertical-small-medium);
1088
1102
  @property st-global(--wds-tabs-selection-border);
1089
1103
  @property st-global(--wds-tabs-selection-fill-primary);
1090
1104
  @property st-global(--wds-tabs-selection-fill-secondary);
@@ -1703,10 +1717,13 @@
1703
1717
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
1704
1718
  --wds-counter-badge-border-radius-medium: 1000px;
1705
1719
  --wds-counter-badge-border-radius-small: 1000px;
1720
+ --wds-counter-badge-font-size-tiny: 10px;
1706
1721
  --wds-counter-badge-padding-horizontal-medium: 6px;
1707
1722
  --wds-counter-badge-padding-horizontal-small: 4px;
1723
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
1708
1724
  --wds-counter-badge-size-medium: 24px;
1709
1725
  --wds-counter-badge-size-small: 18px;
1726
+ --wds-counter-badge-size-tiny: 14px;
1710
1727
  --wds-custom-modal-border-radius: 4px;
1711
1728
  --wds-custom-modal-content-padding-horizontal: 24px;
1712
1729
  --wds-custom-modal-content-padding-vertical: 24px;
@@ -1783,6 +1800,12 @@
1783
1800
  --wds-gallery-item-padding-right-small: 18px;
1784
1801
  --wds-gallery-item-padding-vertical-medium: 18px;
1785
1802
  --wds-gallery-item-padding-vertical-small: 12px;
1803
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
1804
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
1805
+ --wds-google-preview-site-name-fill: #202124;
1806
+ --wds-google-preview-surface-fill: #ffffff;
1807
+ --wds-google-preview-text-fill: #4D5156;
1808
+ --wds-google-preview-title-fill: #260AA8;
1786
1809
  --wds-icon-button-color-border-dark-secondary: #868aa5;
1787
1810
  --wds-icon-button-color-border-dark-secondary-active: #2b2e36;
1788
1811
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -2448,16 +2471,21 @@
2448
2471
  --wds-tabs-item-fill-hover: rgba(38, 37, 36, 0.0000);
2449
2472
  --wds-tabs-item-gap-medium: 8px;
2450
2473
  --wds-tabs-item-gap-small: 6px;
2474
+ --wds-tabs-item-gap-small-medium: 6px;
2451
2475
  --wds-tabs-label-fill: #000624;
2452
2476
  --wds-tabs-label-fill-active: #4a57ff;
2453
2477
  --wds-tabs-label-font-size-small: 12px;
2478
+ --wds-tabs-label-font-size-small-medium: 12px;
2454
2479
  --wds-tabs-label-font-weight: 400;
2455
2480
  --wds-tabs-label-font-weight-active: 400;
2456
2481
  --wds-tabs-label-line-height-small: 16px;
2482
+ --wds-tabs-label-line-height-small-medium: 16px;
2457
2483
  --wds-tabs-padding-horizontal-medium: 16px;
2458
2484
  --wds-tabs-padding-horizontal-small: 12px;
2485
+ --wds-tabs-padding-horizontal-small-medium: 12px;
2459
2486
  --wds-tabs-padding-vertical-medium: 16px;
2460
2487
  --wds-tabs-padding-vertical-small: 12px;
2488
+ --wds-tabs-padding-vertical-small-medium: 12px;
2461
2489
  --wds-tabs-selection-border: linear-gradient(90deg, rgba(255, 255, 255, 0.0000) 0%, #4a57ff 20%, #4a57ff 80%, rgba(255, 255, 255, 0.0000) 100%);
2462
2490
  --wds-tabs-selection-fill-primary: #4a57ff;
2463
2491
  --wds-tabs-selection-fill-secondary: rgba(255, 255, 255, 0.0000);