@wix/design-system-tokens 1.209.0 → 1.211.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 +6 -0
  2. package/all.css +3 -3
  3. package/all.scss +3 -3
  4. package/all.st.css +6 -6
  5. package/component.st.css +6 -6
  6. package/odeditor/all.css +30 -30
  7. package/odeditor/all.scss +30 -30
  8. package/odeditor/all.st.css +33 -33
  9. package/odeditor/component.st.css +31 -31
  10. package/odeditor/semantic.st.css +2 -2
  11. package/odeditor-dark/all.css +2 -4
  12. package/odeditor-dark/all.scss +2 -4
  13. package/odeditor-dark/all.st.css +4 -8
  14. package/odeditor-dark/component.st.css +3 -7
  15. package/odeditor-dark/semantic.st.css +1 -1
  16. package/package.json +2 -2
  17. package/studio/all.css +1 -3
  18. package/studio/all.scss +1 -3
  19. package/studio/all.st.css +2 -6
  20. package/studio/component.st.css +2 -6
  21. package/wixel/all.css +1 -3
  22. package/wixel/all.scss +1 -3
  23. package/wixel/all.st.css +2 -6
  24. package/wixel/component.st.css +2 -6
package/wixel/all.css CHANGED
@@ -891,7 +891,6 @@
891
891
  --wds-toast-horizontal-padding: var(--wds-space-200);
892
892
  --wds-toast-border-radius: var(--wds-border-radius-400);
893
893
  --wds-thumbnail-title-padding-top: var(--wds-space-150);
894
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-semi-bold);
895
894
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
896
895
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
897
896
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -974,6 +973,7 @@
974
973
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
975
974
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
976
975
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
976
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
977
977
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
978
978
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
979
979
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1610,7 +1610,6 @@
1610
1610
  --wds-toast-background-fill: var(--wds-color-fill-surface-overlay-dark);
1611
1611
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1612
1612
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1613
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1614
1613
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1615
1614
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary-light);
1616
1615
  --wds-thumbnail-fill-hover: var(--wds-color-fill-standard-secondary-hover);
@@ -2045,7 +2044,6 @@
2045
2044
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2046
2045
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2047
2046
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2048
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2049
2047
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2050
2048
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2051
2049
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-tiny);
package/wixel/all.scss CHANGED
@@ -497,7 +497,6 @@
497
497
  --wds-toast-horizontal-padding: var(--wds-space-200);
498
498
  --wds-toast-border-radius: var(--wds-border-radius-400);
499
499
  --wds-thumbnail-title-padding-top: var(--wds-space-150);
500
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-semi-bold);
501
500
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
502
501
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
503
502
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -594,6 +593,7 @@
594
593
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
595
594
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
596
595
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
596
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
597
597
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
598
598
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
599
599
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1595,7 +1595,6 @@
1595
1595
  --wds-toast-background-fill: var(--wds-color-fill-surface-overlay-dark);
1596
1596
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1597
1597
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1598
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1599
1598
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1600
1599
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary-light);
1601
1600
  --wds-thumbnail-fill-hover: var(--wds-color-fill-standard-secondary-hover);
@@ -2045,7 +2044,6 @@
2045
2044
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2046
2045
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2047
2046
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2048
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2049
2047
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2050
2048
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2051
2049
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-tiny);
package/wixel/all.st.css CHANGED
@@ -1682,6 +1682,7 @@
1682
1682
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1683
1683
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1684
1684
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1685
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1685
1686
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1686
1687
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1687
1688
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1849,9 +1850,6 @@
1849
1850
  @property st-global(--wds-thumbnail-subtitle-fill);
1850
1851
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1851
1852
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1852
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1853
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1854
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1855
1853
  @property st-global(--wds-thumbnail-title-padding-top);
1856
1854
  @property st-global(--wds-timeline-title-font-line-height);
1857
1855
  @property st-global(--wds-timeline-title-font-size);
@@ -3782,6 +3780,7 @@
3782
3780
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3783
3781
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
3784
3782
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
3783
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
3785
3784
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3786
3785
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3787
3786
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -3949,9 +3948,6 @@
3949
3948
  --wds-thumbnail-subtitle-fill: #acafc4;
3950
3949
  --wds-thumbnail-subtitle-font-line-height-tiny: 14px;
3951
3950
  --wds-thumbnail-subtitle-font-size-tiny: 10px;
3952
- --wds-thumbnail-title-font-line-height-tiny: 16px;
3953
- --wds-thumbnail-title-font-size-tiny: 12px;
3954
- --wds-thumbnail-title-font-weight-tiny: 600;
3955
3951
  --wds-thumbnail-title-padding-top: 6px;
3956
3952
  --wds-timeline-title-font-line-height: 16px;
3957
3953
  --wds-timeline-title-font-size: 12px;
package/wixel/component.st.css CHANGED
@@ -1015,6 +1015,7 @@
1015
1015
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1016
1016
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1017
1017
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1018
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1018
1019
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1019
1020
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1020
1021
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1138,9 +1139,6 @@
1138
1139
  @property st-global(--wds-thumbnail-subtitle-fill);
1139
1140
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1140
1141
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1141
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1142
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1143
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1144
1142
  @property st-global(--wds-thumbnail-title-padding-top);
1145
1143
  @property st-global(--wds-timeline-title-font-line-height);
1146
1144
  @property st-global(--wds-timeline-title-font-size);
@@ -2402,6 +2400,7 @@
2402
2400
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2403
2401
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2404
2402
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2403
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
2405
2404
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2406
2405
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2407
2406
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -2525,9 +2524,6 @@
2525
2524
  --wds-thumbnail-subtitle-fill: #acafc4;
2526
2525
  --wds-thumbnail-subtitle-font-line-height-tiny: 14px;
2527
2526
  --wds-thumbnail-subtitle-font-size-tiny: 10px;
2528
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2529
- --wds-thumbnail-title-font-size-tiny: 12px;
2530
- --wds-thumbnail-title-font-weight-tiny: 600;
2531
2527
  --wds-thumbnail-title-padding-top: 6px;
2532
2528
  --wds-timeline-title-font-line-height: 16px;
2533
2529
  --wds-timeline-title-font-size: 12px;