@wix/design-system-tokens 1.219.1 → 1.219.2

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 (22) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +14 -2
  3. package/all.scss +14 -2
  4. package/all.st.css +26 -2
  5. package/component.st.css +26 -2
  6. package/odeditor/all.css +17 -5
  7. package/odeditor/all.scss +17 -5
  8. package/odeditor/all.st.css +29 -5
  9. package/odeditor/component.st.css +29 -5
  10. package/odeditor-dark/all.css +24 -12
  11. package/odeditor-dark/all.scss +24 -12
  12. package/odeditor-dark/all.st.css +36 -12
  13. package/odeditor-dark/component.st.css +36 -12
  14. package/package.json +2 -2
  15. package/studio/all.css +14 -2
  16. package/studio/all.scss +14 -2
  17. package/studio/all.st.css +26 -2
  18. package/studio/component.st.css +26 -2
  19. package/wixel/all.css +14 -2
  20. package/wixel/all.scss +14 -2
  21. package/wixel/all.st.css +26 -2
  22. package/wixel/component.st.css +26 -2
package/wixel/component.st.css CHANGED
@@ -130,6 +130,7 @@
130
130
  @property st-global(--wds-breadcrumbs-text-line-height-small);
131
131
  @property st-global(--wds-breadcrumbs-text-weight-default);
132
132
  @property st-global(--wds-breadcrumbs-text-weight-selected);
133
+ @property st-global(--wds-button-border-ai-secondary-mask);
133
134
  @property st-global(--wds-button-border-dark-secondary);
134
135
  @property st-global(--wds-button-border-dark-secondary-active);
135
136
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -153,6 +154,7 @@
153
154
  @property st-global(--wds-button-fill-ai-primary);
154
155
  @property st-global(--wds-button-fill-ai-primary-active);
155
156
  @property st-global(--wds-button-fill-ai-primary-hover);
157
+ @property st-global(--wds-button-fill-ai-secondary);
156
158
  @property st-global(--wds-button-fill-dark-primary-disabled);
157
159
  @property st-global(--wds-button-fill-dark-secondary);
158
160
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -412,6 +414,7 @@
412
414
  @property st-global(--wds-dropdown-list-paddings);
413
415
  @property st-global(--wds-editable-title-marker-fill);
414
416
  @property st-global(--wds-editable-title-marker-fill-active);
417
+ @property st-global(--wds-editable-title-marker-gap);
415
418
  @property st-global(--wds-editable-title-marker-line-style);
416
419
  @property st-global(--wds-editable-title-placeholder-fill);
417
420
  @property st-global(--wds-empty-state-border-radius);
@@ -752,8 +755,10 @@
752
755
  @property st-global(--wds-list-item-select-subtitle-disabled);
753
756
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
754
757
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
758
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
755
759
  @property st-global(--wds-list-item-select-suffix);
756
760
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
761
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
757
762
  @property st-global(--wds-list-item-select-suffix-pressed);
758
763
  @property st-global(--wds-list-item-select-title);
759
764
  @property st-global(--wds-list-item-select-title-disabled);
@@ -859,15 +864,21 @@
859
864
  @property st-global(--wds-notification-padding-vertical);
860
865
  @property st-global(--wds-number-input-icon-fill);
861
866
  @property st-global(--wds-page-header-back-button-gap);
867
+ @property st-global(--wds-page-header-breadcrumbs-color);
868
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
862
869
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
863
870
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
864
871
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
872
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
873
+ @property st-global(--wds-page-header-divider-color);
865
874
  @property st-global(--wds-page-header-padding-horizontal);
866
875
  @property st-global(--wds-page-header-padding-horizontal-small);
867
876
  @property st-global(--wds-page-header-padding-vertical);
868
877
  @property st-global(--wds-page-header-padding-vertical-small);
869
878
  @property st-global(--wds-page-header-subtitle-font-size);
879
+ @property st-global(--wds-page-header-subtitle-gap);
870
880
  @property st-global(--wds-page-header-subtitle-line-height);
881
+ @property st-global(--wds-page-header-subtitle-padding-start);
871
882
  @property st-global(--wds-page-header-title-actions-gap);
872
883
  @property st-global(--wds-page-header-title-font-size);
873
884
  @property st-global(--wds-page-header-title-font-weight);
@@ -1012,6 +1023,7 @@
1012
1023
  @property st-global(--wds-select-area-fill-hover);
1013
1024
  @property st-global(--wds-select-area-padding-horizontal);
1014
1025
  @property st-global(--wds-select-area-padding-vertical);
1026
+ @property st-global(--wds-selectable-accordion-fill);
1015
1027
  @property st-global(--wds-selector-button-border-color);
1016
1028
  @property st-global(--wds-selector-button-border-color-disabled);
1017
1029
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1662,6 +1674,7 @@
1662
1674
  --wds-breadcrumbs-text-line-height-small: 16px;
1663
1675
  --wds-breadcrumbs-text-weight-default: 400;
1664
1676
  --wds-breadcrumbs-text-weight-selected: 700;
1677
+ --wds-button-border-ai-secondary-mask: none;
1665
1678
  --wds-button-border-dark-secondary: #868aa5;
1666
1679
  --wds-button-border-dark-secondary-active: #000624;
1667
1680
  --wds-button-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -1685,6 +1698,7 @@
1685
1698
  --wds-button-fill-ai-primary: #5a48f5;
1686
1699
  --wds-button-fill-ai-primary-active: #5a48f5;
1687
1700
  --wds-button-fill-ai-primary-hover: #4d3dd0;
1701
+ --wds-button-fill-ai-secondary: #ffffff;
1688
1702
  --wds-button-fill-dark-primary-disabled: #bebebe;
1689
1703
  --wds-button-fill-dark-secondary: #ffffff;
1690
1704
  --wds-button-fill-dark-secondary-active: #000624;
@@ -1944,6 +1958,7 @@
1944
1958
  --wds-dropdown-list-paddings: 4px;
1945
1959
  --wds-editable-title-marker-fill: #868aa5;
1946
1960
  --wds-editable-title-marker-fill-active: #4a57ff;
1961
+ --wds-editable-title-marker-gap: 6px;
1947
1962
  --wds-editable-title-marker-line-style: dashed;
1948
1963
  --wds-editable-title-placeholder-fill: #cfd1dc;
1949
1964
  --wds-empty-state-border-radius: 4px;
@@ -2273,8 +2288,8 @@
2273
2288
  --wds-list-item-select-padding-horizontal-small: 12px;
2274
2289
  --wds-list-item-select-padding-left-medium: 12px;
2275
2290
  --wds-list-item-select-padding-left-small: 12px;
2276
- --wds-list-item-select-padding-right-medium: 16px;
2277
- --wds-list-item-select-padding-right-small: 16px;
2291
+ --wds-list-item-select-padding-right-medium: 12px;
2292
+ --wds-list-item-select-padding-right-small: 12px;
2278
2293
  --wds-list-item-select-padding-vertical-medium: 6px;
2279
2294
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2280
2295
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -2284,8 +2299,10 @@
2284
2299
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
2285
2300
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2286
2301
  --wds-list-item-select-subtitle-font-size-medium: 12px;
2302
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2287
2303
  --wds-list-item-select-suffix: #868aa5;
2288
2304
  --wds-list-item-select-suffix-active-font-weight: 400;
2305
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
2289
2306
  --wds-list-item-select-suffix-pressed: #868aa5;
2290
2307
  --wds-list-item-select-title: #000624;
2291
2308
  --wds-list-item-select-title-disabled: rgba(38, 37, 36, 0.3000);
@@ -2391,15 +2408,21 @@
2391
2408
  --wds-notification-padding-vertical: 8px;
2392
2409
  --wds-number-input-icon-fill: #595d70;
2393
2410
  --wds-page-header-back-button-gap: 8px;
2411
+ --wds-page-header-breadcrumbs-color: #000624;
2412
+ --wds-page-header-breadcrumbs-font-size: 14px;
2394
2413
  --wds-page-header-breadcrumbs-offset-large: 0px;
2395
2414
  --wds-page-header-breadcrumbs-offset-medium: 0px;
2396
2415
  --wds-page-header-breadcrumbs-offset-small: 0px;
2416
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
2417
+ --wds-page-header-divider-color: #e2e3ea;
2397
2418
  --wds-page-header-padding-horizontal: 48px;
2398
2419
  --wds-page-header-padding-horizontal-small: 24px;
2399
2420
  --wds-page-header-padding-vertical: 24px;
2400
2421
  --wds-page-header-padding-vertical-small: 18px;
2401
2422
  --wds-page-header-subtitle-font-size: 16px;
2423
+ --wds-page-header-subtitle-gap: 0px;
2402
2424
  --wds-page-header-subtitle-line-height: 24px;
2425
+ --wds-page-header-subtitle-padding-start: 0px;
2403
2426
  --wds-page-header-title-actions-gap: 0px;
2404
2427
  --wds-page-header-title-font-size: 32px;
2405
2428
  --wds-page-header-title-font-weight: 700;
@@ -2544,6 +2567,7 @@
2544
2567
  --wds-select-area-fill-hover: #edeef2;
2545
2568
  --wds-select-area-padding-horizontal: 16px;
2546
2569
  --wds-select-area-padding-vertical: 12px;
2570
+ --wds-selectable-accordion-fill: #ffffff;
2547
2571
  --wds-selector-button-border-color: #dce2ff;
2548
2572
  --wds-selector-button-border-color-disabled: rgba(38, 37, 36, 0.1000);
2549
2573
  --wds-selector-button-border-color-hover: #eef0ff;