@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/odeditor/all.st.css CHANGED
@@ -1698,9 +1698,12 @@
1698
1698
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1699
1699
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1700
1700
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1701
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1701
1702
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1702
1703
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1703
1704
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1705
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1706
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1704
1707
  @property st-global(--wds-skeleton-border-radius-circle);
1705
1708
  @property st-global(--wds-skeleton-border-radius-line);
1706
1709
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1880,9 +1883,6 @@
1880
1883
  @property st-global(--wds-thumbnail-subtitle-fill);
1881
1884
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1882
1885
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1883
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1884
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1885
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1886
1886
  @property st-global(--wds-thumbnail-title-padding-top);
1887
1887
  @property st-global(--wds-timeline-title-font-line-height);
1888
1888
  @property st-global(--wds-timeline-title-font-size);
@@ -3336,19 +3336,19 @@
3336
3336
  --wds-list-item-action-suffix-fill-active: #151414;
3337
3337
  --wds-list-item-action-title-font-weight: 500;
3338
3338
  --wds-list-item-action-title-font-weight-active: 600;
3339
- --wds-list-item-section-divider-padding-bottom: 0px;
3340
- --wds-list-item-section-divider-padding-horizontal: 0px;
3339
+ --wds-list-item-section-divider-padding-bottom: 8px;
3340
+ --wds-list-item-section-divider-padding-horizontal: 8px;
3341
3341
  --wds-list-item-section-divider-padding-top: 8px;
3342
- --wds-list-item-section-fill: #ffffff;
3343
- --wds-list-item-section-fill-neutral: #ffffff;
3344
- --wds-list-item-section-font-line-height: 18px;
3345
- --wds-list-item-section-font-size: 14px;
3342
+ --wds-list-item-section-fill: rgba(82, 81, 80, 0);
3343
+ --wds-list-item-section-fill-neutral: rgba(82, 81, 80, 0);
3344
+ --wds-list-item-section-font-line-height: 16px;
3345
+ --wds-list-item-section-font-size: 12px;
3346
3346
  --wds-list-item-section-font-weight: 600;
3347
- --wds-list-item-section-font-weight-neutral: 400;
3348
- --wds-list-item-section-padding-bottom: 12px;
3349
- --wds-list-item-section-padding-horizontal: 8px;
3347
+ --wds-list-item-section-font-weight-neutral: 600;
3348
+ --wds-list-item-section-padding-bottom: 8px;
3349
+ --wds-list-item-section-padding-horizontal: 12px;
3350
3350
  --wds-list-item-section-padding-top: 8px;
3351
- --wds-list-item-section-padding-vertical-neutral: 10px;
3351
+ --wds-list-item-section-padding-vertical-neutral: 8px;
3352
3352
  --wds-list-item-section-title-label-fill: #767574;
3353
3353
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
3354
3354
  --wds-list-item-select-active-fill: #f0efef;
@@ -3765,7 +3765,7 @@
3765
3765
  --wds-side-panel-title-font-size: 16px;
3766
3766
  --wds-sidebar-clear-button-fill: #5a5d63;
3767
3767
  --wds-sidebar-divider-fill-dark-default: #42454c;
3768
- --wds-sidebar-divider-fill-light-default: #dedede;
3768
+ --wds-sidebar-divider-fill-light-default: transparent;
3769
3769
  --wds-sidebar-divider-fill-neutral-default: #dedede;
3770
3770
  --wds-sidebar-header-margin-bottom: 12px;
3771
3771
  --wds-sidebar-header-text-dark-default: #ffffff;
@@ -3773,19 +3773,19 @@
3773
3773
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3774
3774
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3775
3775
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
3776
- --wds-sidebar-item-level-1-fill-light-active: #acbeff;
3777
- --wds-sidebar-item-level-1-fill-light-default: #ffffff;
3778
- --wds-sidebar-item-level-1-fill-light-hover: #d5dfff;
3779
- --wds-sidebar-item-level-1-fill-neutral-active: #acbeff;
3780
- --wds-sidebar-item-level-1-fill-neutral-default: #f0efef;
3781
- --wds-sidebar-item-level-1-fill-neutral-hover: #d5dfff;
3776
+ --wds-sidebar-item-level-1-fill-light-active: #dedede;
3777
+ --wds-sidebar-item-level-1-fill-light-default: #f8f6f6;
3778
+ --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
3779
+ --wds-sidebar-item-level-1-fill-neutral-active: #dedede;
3780
+ --wds-sidebar-item-level-1-fill-neutral-default: #f8f6f6;
3781
+ --wds-sidebar-item-level-1-fill-neutral-hover: #e8e7e7;
3782
3782
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3783
3783
  --wds-sidebar-item-level-1-padding-end: 18px;
3784
3784
  --wds-sidebar-item-level-1-padding-start: 24px;
3785
3785
  --wds-sidebar-item-level-1-padding-top: 8px;
3786
3786
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
3787
- --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
3788
- --wds-sidebar-item-level-2-fill-neutral-default: #f0efef;
3787
+ --wds-sidebar-item-level-2-fill-light-default: #f8f6f6;
3788
+ --wds-sidebar-item-level-2-fill-neutral-default: #f8f6f6;
3789
3789
  --wds-sidebar-item-level-2-padding-bottom: 6px;
3790
3790
  --wds-sidebar-item-level-2-padding-end: 18px;
3791
3791
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -3803,28 +3803,31 @@
3803
3803
  --wds-sidebar-item-text-dark-active: #ffffff;
3804
3804
  --wds-sidebar-item-text-dark-default: #dedede;
3805
3805
  --wds-sidebar-item-text-dark-disabled: #898b8f;
3806
- --wds-sidebar-item-text-light-active: #0f2ccf;
3806
+ --wds-sidebar-item-text-light-active: #151414;
3807
3807
  --wds-sidebar-item-text-light-default: #383838;
3808
3808
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
3809
- --wds-sidebar-item-text-neutral-active: #0f2ccf;
3809
+ --wds-sidebar-item-text-neutral-active: #151414;
3810
3810
  --wds-sidebar-item-text-neutral-default: #383838;
3811
3811
  --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
3812
3812
  --wds-sidebar-item-title: #767574;
3813
3813
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
3814
- --wds-sidebar-minimize-action-fill-light-default: #d5dfff;
3815
- --wds-sidebar-minimize-action-fill-neutral-default: #d5dfff;
3814
+ --wds-sidebar-minimize-action-fill-light-default: #e8e7e7;
3815
+ --wds-sidebar-minimize-action-fill-neutral-default: #e8e7e7;
3816
3816
  --wds-sidebar-minimize-action-text-dark-default: #dedede;
3817
- --wds-sidebar-minimize-action-text-light-default: #2f5dff;
3818
- --wds-sidebar-minimize-action-text-neutral-default: #2f5dff;
3817
+ --wds-sidebar-minimize-action-text-light-default: #151414;
3818
+ --wds-sidebar-minimize-action-text-neutral-default: #151414;
3819
3819
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
3820
3820
  --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
3821
3821
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
3822
3822
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3823
3823
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
3824
3824
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
3825
+ --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
3825
3826
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3826
3827
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3827
3828
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
3829
+ --wds-sidebar-scrollbar-fill-light-default: #dedede;
3830
+ --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
3828
3831
  --wds-skeleton-border-radius-circle: 1000px;
3829
3832
  --wds-skeleton-border-radius-line: 4px;
3830
3833
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -3884,8 +3887,8 @@
3884
3887
  --wds-space-1700: 68px;
3885
3888
  --wds-space-2400: 96px;
3886
3889
  --wds-space-mobile-viewport-spacing: 32px;
3887
- --wds-space-padding-horizontal-large: 16px;
3888
- --wds-space-padding-horizontal-medium: 12px;
3890
+ --wds-space-padding-horizontal-large: 24px;
3891
+ --wds-space-padding-horizontal-medium: 20px;
3889
3892
  --wds-space-padding-horizontal-small: 16px;
3890
3893
  --wds-space-padding-horizontal-tiny: 12px;
3891
3894
  --wds-space-padding-horizontal-x-tiny: 8px;
@@ -4004,9 +4007,6 @@
4004
4007
  --wds-thumbnail-subtitle-fill: #383838;
4005
4008
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4006
4009
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4007
- --wds-thumbnail-title-font-line-height-tiny: 16px;
4008
- --wds-thumbnail-title-font-size-tiny: 12px;
4009
- --wds-thumbnail-title-font-weight-tiny: 500;
4010
4010
  --wds-thumbnail-title-padding-top: 4px;
4011
4011
  --wds-timeline-title-font-line-height: 16px;
4012
4012
  --wds-timeline-title-font-size: 12px;
package/odeditor/component.st.css CHANGED
@@ -1000,9 +1000,12 @@
1000
1000
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1001
1001
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1002
1002
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1003
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1003
1004
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1004
1005
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1005
1006
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1007
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1008
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1006
1009
  @property st-global(--wds-skeleton-border-radius-circle);
1007
1010
  @property st-global(--wds-skeleton-border-radius-line);
1008
1011
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1136,9 +1139,6 @@
1136
1139
  @property st-global(--wds-thumbnail-subtitle-fill);
1137
1140
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1138
1141
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1139
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1140
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1141
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1142
1142
  @property st-global(--wds-thumbnail-title-padding-top);
1143
1143
  @property st-global(--wds-timeline-title-font-line-height);
1144
1144
  @property st-global(--wds-timeline-title-font-size);
@@ -2001,19 +2001,19 @@
2001
2001
  --wds-list-item-action-suffix-fill-active: #151414;
2002
2002
  --wds-list-item-action-title-font-weight: 500;
2003
2003
  --wds-list-item-action-title-font-weight-active: 600;
2004
- --wds-list-item-section-divider-padding-bottom: 0px;
2005
- --wds-list-item-section-divider-padding-horizontal: 0px;
2004
+ --wds-list-item-section-divider-padding-bottom: 8px;
2005
+ --wds-list-item-section-divider-padding-horizontal: 8px;
2006
2006
  --wds-list-item-section-divider-padding-top: 8px;
2007
- --wds-list-item-section-fill: #ffffff;
2008
- --wds-list-item-section-fill-neutral: #ffffff;
2009
- --wds-list-item-section-font-line-height: 18px;
2010
- --wds-list-item-section-font-size: 14px;
2007
+ --wds-list-item-section-fill: rgba(82, 81, 80, 0);
2008
+ --wds-list-item-section-fill-neutral: rgba(82, 81, 80, 0);
2009
+ --wds-list-item-section-font-line-height: 16px;
2010
+ --wds-list-item-section-font-size: 12px;
2011
2011
  --wds-list-item-section-font-weight: 600;
2012
- --wds-list-item-section-font-weight-neutral: 400;
2013
- --wds-list-item-section-padding-bottom: 12px;
2014
- --wds-list-item-section-padding-horizontal: 8px;
2012
+ --wds-list-item-section-font-weight-neutral: 600;
2013
+ --wds-list-item-section-padding-bottom: 8px;
2014
+ --wds-list-item-section-padding-horizontal: 12px;
2015
2015
  --wds-list-item-section-padding-top: 8px;
2016
- --wds-list-item-section-padding-vertical-neutral: 10px;
2016
+ --wds-list-item-section-padding-vertical-neutral: 8px;
2017
2017
  --wds-list-item-section-title-label-fill: #767574;
2018
2018
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
2019
2019
  --wds-list-item-select-active-fill: #f0efef;
@@ -2321,7 +2321,7 @@
2321
2321
  --wds-side-panel-title-font-size: 16px;
2322
2322
  --wds-sidebar-clear-button-fill: #5a5d63;
2323
2323
  --wds-sidebar-divider-fill-dark-default: #42454c;
2324
- --wds-sidebar-divider-fill-light-default: #dedede;
2324
+ --wds-sidebar-divider-fill-light-default: transparent;
2325
2325
  --wds-sidebar-divider-fill-neutral-default: #dedede;
2326
2326
  --wds-sidebar-header-margin-bottom: 12px;
2327
2327
  --wds-sidebar-header-text-dark-default: #ffffff;
@@ -2329,19 +2329,19 @@
2329
2329
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
2330
2330
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
2331
2331
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
2332
- --wds-sidebar-item-level-1-fill-light-active: #acbeff;
2333
- --wds-sidebar-item-level-1-fill-light-default: #ffffff;
2334
- --wds-sidebar-item-level-1-fill-light-hover: #d5dfff;
2335
- --wds-sidebar-item-level-1-fill-neutral-active: #acbeff;
2336
- --wds-sidebar-item-level-1-fill-neutral-default: #f0efef;
2337
- --wds-sidebar-item-level-1-fill-neutral-hover: #d5dfff;
2332
+ --wds-sidebar-item-level-1-fill-light-active: #dedede;
2333
+ --wds-sidebar-item-level-1-fill-light-default: #f8f6f6;
2334
+ --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
2335
+ --wds-sidebar-item-level-1-fill-neutral-active: #dedede;
2336
+ --wds-sidebar-item-level-1-fill-neutral-default: #f8f6f6;
2337
+ --wds-sidebar-item-level-1-fill-neutral-hover: #e8e7e7;
2338
2338
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2339
2339
  --wds-sidebar-item-level-1-padding-end: 18px;
2340
2340
  --wds-sidebar-item-level-1-padding-start: 24px;
2341
2341
  --wds-sidebar-item-level-1-padding-top: 8px;
2342
2342
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2343
- --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
2344
- --wds-sidebar-item-level-2-fill-neutral-default: #f0efef;
2343
+ --wds-sidebar-item-level-2-fill-light-default: #f8f6f6;
2344
+ --wds-sidebar-item-level-2-fill-neutral-default: #f8f6f6;
2345
2345
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2346
2346
  --wds-sidebar-item-level-2-padding-end: 18px;
2347
2347
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -2359,28 +2359,31 @@
2359
2359
  --wds-sidebar-item-text-dark-active: #ffffff;
2360
2360
  --wds-sidebar-item-text-dark-default: #dedede;
2361
2361
  --wds-sidebar-item-text-dark-disabled: #898b8f;
2362
- --wds-sidebar-item-text-light-active: #0f2ccf;
2362
+ --wds-sidebar-item-text-light-active: #151414;
2363
2363
  --wds-sidebar-item-text-light-default: #383838;
2364
2364
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
2365
- --wds-sidebar-item-text-neutral-active: #0f2ccf;
2365
+ --wds-sidebar-item-text-neutral-active: #151414;
2366
2366
  --wds-sidebar-item-text-neutral-default: #383838;
2367
2367
  --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
2368
2368
  --wds-sidebar-item-title: #767574;
2369
2369
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
2370
- --wds-sidebar-minimize-action-fill-light-default: #d5dfff;
2371
- --wds-sidebar-minimize-action-fill-neutral-default: #d5dfff;
2370
+ --wds-sidebar-minimize-action-fill-light-default: #e8e7e7;
2371
+ --wds-sidebar-minimize-action-fill-neutral-default: #e8e7e7;
2372
2372
  --wds-sidebar-minimize-action-text-dark-default: #dedede;
2373
- --wds-sidebar-minimize-action-text-light-default: #2f5dff;
2374
- --wds-sidebar-minimize-action-text-neutral-default: #2f5dff;
2373
+ --wds-sidebar-minimize-action-text-light-default: #151414;
2374
+ --wds-sidebar-minimize-action-text-neutral-default: #151414;
2375
2375
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
2376
2376
  --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
2377
2377
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
2378
2378
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2379
2379
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
2380
2380
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
2381
+ --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
2381
2382
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2382
2383
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2383
2384
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2385
+ --wds-sidebar-scrollbar-fill-light-default: #dedede;
2386
+ --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
2384
2387
  --wds-skeleton-border-radius-circle: 1000px;
2385
2388
  --wds-skeleton-border-radius-line: 4px;
2386
2389
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -2514,9 +2517,6 @@
2514
2517
  --wds-thumbnail-subtitle-fill: #383838;
2515
2518
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2516
2519
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2517
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2518
- --wds-thumbnail-title-font-size-tiny: 12px;
2519
- --wds-thumbnail-title-font-weight-tiny: 500;
2520
2520
  --wds-thumbnail-title-padding-top: 4px;
2521
2521
  --wds-timeline-title-font-line-height: 16px;
2522
2522
  --wds-timeline-title-font-size: 12px;
package/odeditor/semantic.st.css CHANGED
@@ -995,8 +995,8 @@
995
995
  --wds-shadow-y-secondary-toggle-button: 1.2px;
996
996
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
997
997
  --wds-space-mobile-viewport-spacing: 32px;
998
- --wds-space-padding-horizontal-large: 16px;
999
- --wds-space-padding-horizontal-medium: 12px;
998
+ --wds-space-padding-horizontal-large: 24px;
999
+ --wds-space-padding-horizontal-medium: 20px;
1000
1000
  --wds-space-padding-horizontal-small: 16px;
1001
1001
  --wds-space-padding-horizontal-tiny: 12px;
1002
1002
  --wds-space-padding-horizontal-x-tiny: 8px;
package/odeditor-dark/all.css CHANGED
@@ -101,7 +101,7 @@
101
101
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
102
102
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
103
103
  --wds-color-text-stage-section: #6f56f9;
104
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
104
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
105
105
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
106
106
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
107
107
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -941,7 +941,6 @@
941
941
  --wds-toast-border-radius: var(--wds-border-radius-600);
942
942
  --wds-toast-background-fill: var(--wds-color-white);
943
943
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
944
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
945
944
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
946
945
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
947
946
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -1030,6 +1029,7 @@
1030
1029
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1031
1030
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1032
1031
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1032
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1033
1033
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1034
1034
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1035
1035
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1713,7 +1713,6 @@
1713
1713
  --wds-toast-text-fill: var(--wds-color-text-standard-primary);
1714
1714
  --wds-toast-action-color: var(--wds-color-text-standard-primary);
1715
1715
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1716
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1717
1716
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1718
1717
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1719
1718
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -2081,7 +2080,6 @@
2081
2080
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2082
2081
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2083
2082
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2084
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2085
2083
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2086
2084
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2087
2085
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.scss CHANGED
@@ -269,7 +269,7 @@
269
269
  --wds-color-green-100: #53DA98;
270
270
  --wds-color-green-50: #A3E5C5;
271
271
  --wds-color-green-0: #D6ECE1;
272
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
272
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
273
273
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
274
274
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
275
275
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -520,7 +520,6 @@
520
520
  --wds-toast-border-radius: var(--wds-border-radius-600);
521
521
  --wds-toast-background-fill: var(--wds-color-white);
522
522
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
523
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
524
523
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
525
524
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
526
525
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -623,6 +622,7 @@
623
622
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
624
623
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
625
624
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
625
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
626
626
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
627
627
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
628
628
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1698,7 +1698,6 @@
1698
1698
  --wds-toast-text-fill: var(--wds-color-text-standard-primary);
1699
1699
  --wds-toast-action-color: var(--wds-color-text-standard-primary);
1700
1700
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1701
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1702
1701
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1703
1702
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1704
1703
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -2081,7 +2080,6 @@
2081
2080
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2082
2081
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2083
2082
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2084
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2085
2083
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2086
2084
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2087
2085
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.st.css CHANGED
@@ -1707,6 +1707,7 @@
1707
1707
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1708
1708
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1709
1709
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1710
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1710
1711
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1711
1712
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1712
1713
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1889,9 +1890,6 @@
1889
1890
  @property st-global(--wds-thumbnail-subtitle-fill);
1890
1891
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1891
1892
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1892
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1893
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1894
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1895
1893
  @property st-global(--wds-thumbnail-title-padding-top);
1896
1894
  @property st-global(--wds-timeline-title-font-line-height);
1897
1895
  @property st-global(--wds-timeline-title-font-size);
@@ -2815,7 +2813,7 @@
2815
2813
  --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
2816
2814
  --wds-color-fill-surface-neutral: #2D2D2E;
2817
2815
  --wds-color-fill-surface-overlay: #212122;
2818
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
2816
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
2819
2817
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
2820
2818
  --wds-color-fill-surface-premium: #111214;
2821
2819
  --wds-color-fill-surface-raised: #212122;
@@ -3477,7 +3475,7 @@
3477
3475
  --wds-popover-border-fill: #3A3A3B;
3478
3476
  --wds-popover-border-radius: 12px;
3479
3477
  --wds-popover-border-width: 1px;
3480
- --wds-popover-fill: rgba(33, 33, 34, 0.92);
3478
+ --wds-popover-fill: rgba(33, 33, 34, 0.96);
3481
3479
  --wds-popover-menu-border-radius: 12px;
3482
3480
  --wds-popover-menu-paddings-horizontal: 8px;
3483
3481
  --wds-popover-menu-paddings-vertical: 8px;
@@ -3840,6 +3838,7 @@
3840
3838
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
3841
3839
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
3842
3840
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
3841
+ --wds-sidebar-navigation-arrow-fill-neutral: #212122;
3843
3842
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3844
3843
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3845
3844
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -4022,9 +4021,6 @@
4022
4021
  --wds-thumbnail-subtitle-fill: #D4D3D2;
4023
4022
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4024
4023
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4025
- --wds-thumbnail-title-font-line-height-tiny: 16px;
4026
- --wds-thumbnail-title-font-size-tiny: 12px;
4027
- --wds-thumbnail-title-font-weight-tiny: 500;
4028
4024
  --wds-thumbnail-title-padding-top: 4px;
4029
4025
  --wds-timeline-title-font-line-height: 16px;
4030
4026
  --wds-timeline-title-font-size: 12px;
package/odeditor-dark/component.st.css CHANGED
@@ -1008,6 +1008,7 @@
1008
1008
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1009
1009
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1010
1010
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1011
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1011
1012
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1012
1013
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1013
1014
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1144,9 +1145,6 @@
1144
1145
  @property st-global(--wds-thumbnail-subtitle-fill);
1145
1146
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1146
1147
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1147
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1148
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1149
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1150
1148
  @property st-global(--wds-thumbnail-title-padding-top);
1151
1149
  @property st-global(--wds-timeline-title-font-line-height);
1152
1150
  @property st-global(--wds-timeline-title-font-size);
@@ -2140,7 +2138,7 @@
2140
2138
  --wds-popover-border-fill: #3A3A3B;
2141
2139
  --wds-popover-border-radius: 12px;
2142
2140
  --wds-popover-border-width: 1px;
2143
- --wds-popover-fill: rgba(33, 33, 34, 0.92);
2141
+ --wds-popover-fill: rgba(33, 33, 34, 0.96);
2144
2142
  --wds-popover-menu-border-radius: 12px;
2145
2143
  --wds-popover-menu-paddings-horizontal: 8px;
2146
2144
  --wds-popover-menu-paddings-vertical: 8px;
@@ -2394,6 +2392,7 @@
2394
2392
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
2395
2393
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
2396
2394
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
2395
+ --wds-sidebar-navigation-arrow-fill-neutral: #212122;
2397
2396
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2398
2397
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2399
2398
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -2530,9 +2529,6 @@
2530
2529
  --wds-thumbnail-subtitle-fill: #D4D3D2;
2531
2530
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2532
2531
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2533
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2534
- --wds-thumbnail-title-font-size-tiny: 12px;
2535
- --wds-thumbnail-title-font-weight-tiny: 500;
2536
2532
  --wds-thumbnail-title-padding-top: 4px;
2537
2533
  --wds-timeline-title-font-line-height: 16px;
2538
2534
  --wds-timeline-title-font-size: 12px;
package/odeditor-dark/semantic.st.css CHANGED
@@ -799,7 +799,7 @@
799
799
  --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
800
800
  --wds-color-fill-surface-neutral: #2D2D2E;
801
801
  --wds-color-fill-surface-overlay: #212122;
802
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
802
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
803
803
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
804
804
  --wds-color-fill-surface-premium: #111214;
805
805
  --wds-color-fill-surface-raised: #212122;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.209.0",
3
+ "version": "1.211.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -32,5 +32,5 @@
32
32
  "author": "augustinasv@wix.com",
33
33
  "description": "Design system tokens",
34
34
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "32f58ef6455a78f154f9ca6bc551226088fc2729f507f5515291be63"
35
+ "falconPackageHash": "f11bd8500e3805fe578ae9376c176fdb17f7da1800f0453ba0384bd9"
36
36
  }
package/studio/all.css CHANGED
@@ -928,7 +928,6 @@
928
928
  --wds-toast-horizontal-padding: var(--wds-space-200);
929
929
  --wds-toast-border-radius: var(--wds-border-radius-400);
930
930
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
931
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
932
931
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
933
932
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
934
933
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -1009,6 +1008,7 @@
1009
1008
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1010
1009
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1011
1010
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1011
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
1012
1012
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1013
1013
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1014
1014
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1677,7 +1677,6 @@
1677
1677
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1678
1678
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1679
1679
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1680
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1681
1680
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1682
1681
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1683
1682
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
@@ -2115,7 +2114,6 @@
2115
2114
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2116
2115
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2117
2116
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2118
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2119
2117
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2120
2118
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2121
2119
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
package/studio/all.scss CHANGED
@@ -518,7 +518,6 @@
518
518
  --wds-toast-horizontal-padding: var(--wds-space-200);
519
519
  --wds-toast-border-radius: var(--wds-border-radius-400);
520
520
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
521
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
522
521
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
523
522
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
524
523
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -613,6 +612,7 @@
613
612
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
614
613
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
615
614
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
615
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
616
616
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
617
617
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
618
618
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1661,7 +1661,6 @@
1661
1661
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1662
1662
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1663
1663
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1664
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1665
1664
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1666
1665
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1667
1666
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
@@ -2115,7 +2114,6 @@
2115
2114
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2116
2115
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2117
2116
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2118
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2119
2117
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2120
2118
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2121
2119
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
package/studio/all.st.css CHANGED
@@ -1739,6 +1739,7 @@
1739
1739
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1740
1740
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1741
1741
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1742
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1742
1743
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1743
1744
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1744
1745
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1907,9 +1908,6 @@
1907
1908
  @property st-global(--wds-thumbnail-subtitle-fill);
1908
1909
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1909
1910
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1910
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1911
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1912
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1913
1911
  @property st-global(--wds-thumbnail-title-padding-top);
1914
1912
  @property st-global(--wds-timeline-title-font-line-height);
1915
1913
  @property st-global(--wds-timeline-title-font-size);
@@ -3903,6 +3901,7 @@
3903
3901
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3904
3902
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
3905
3903
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
3904
+ --wds-sidebar-navigation-arrow-fill-neutral: #131720;
3906
3905
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3907
3906
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3908
3907
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -4071,9 +4070,6 @@
4071
4070
  --wds-thumbnail-subtitle-fill: #42454c;
4072
4071
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4073
4072
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4074
- --wds-thumbnail-title-font-line-height-tiny: 16px;
4075
- --wds-thumbnail-title-font-size-tiny: 12px;
4076
- --wds-thumbnail-title-font-weight-tiny: 400;
4077
4073
  --wds-thumbnail-title-padding-top: 4px;
4078
4074
  --wds-timeline-title-font-line-height: 16px;
4079
4075
  --wds-timeline-title-font-size: 12px;
package/studio/component.st.css CHANGED
@@ -1042,6 +1042,7 @@
1042
1042
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1043
1043
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1044
1044
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1045
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1045
1046
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1046
1047
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1047
1048
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1166,9 +1167,6 @@
1166
1167
  @property st-global(--wds-thumbnail-subtitle-fill);
1167
1168
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1168
1169
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1169
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1170
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1171
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1172
1170
  @property st-global(--wds-thumbnail-title-padding-top);
1173
1171
  @property st-global(--wds-timeline-title-font-line-height);
1174
1172
  @property st-global(--wds-timeline-title-font-size);
@@ -2463,6 +2461,7 @@
2463
2461
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2464
2462
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2465
2463
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2464
+ --wds-sidebar-navigation-arrow-fill-neutral: #131720;
2466
2465
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2467
2466
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2468
2467
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -2587,9 +2586,6 @@
2587
2586
  --wds-thumbnail-subtitle-fill: #42454c;
2588
2587
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2589
2588
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2590
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2591
- --wds-thumbnail-title-font-size-tiny: 12px;
2592
- --wds-thumbnail-title-font-weight-tiny: 400;
2593
2589
  --wds-thumbnail-title-padding-top: 4px;
2594
2590
  --wds-timeline-title-font-line-height: 16px;
2595
2591
  --wds-timeline-title-font-size: 12px;