@wix/design-system-tokens 1.219.1 → 1.219.3

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 +18 -2
  3. package/all.scss +18 -2
  4. package/all.st.css +34 -2
  5. package/component.st.css +34 -2
  6. package/odeditor/all.css +50 -34
  7. package/odeditor/all.scss +50 -34
  8. package/odeditor/all.st.css +66 -34
  9. package/odeditor/component.st.css +66 -34
  10. package/odeditor-dark/all.css +75 -50
  11. package/odeditor-dark/all.scss +75 -50
  12. package/odeditor-dark/all.st.css +100 -50
  13. package/odeditor-dark/component.st.css +100 -50
  14. package/package.json +2 -2
  15. package/studio/all.css +18 -2
  16. package/studio/all.scss +18 -2
  17. package/studio/all.st.css +34 -2
  18. package/studio/component.st.css +34 -2
  19. package/wixel/all.css +18 -2
  20. package/wixel/all.scss +18 -2
  21. package/wixel/all.st.css +34 -2
  22. package/wixel/component.st.css +34 -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);
@@ -1171,6 +1183,10 @@
1171
1183
  @property st-global(--wds-statistics-widget-description-font-line-height);
1172
1184
  @property st-global(--wds-statistics-widget-description-font-size);
1173
1185
  @property st-global(--wds-statistics-widget-description-info-gap);
1186
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1187
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1188
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1189
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1174
1190
  @property st-global(--wds-statistics-widget-trend-space-top);
1175
1191
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1176
1192
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1662,6 +1678,7 @@
1662
1678
  --wds-breadcrumbs-text-line-height-small: 16px;
1663
1679
  --wds-breadcrumbs-text-weight-default: 400;
1664
1680
  --wds-breadcrumbs-text-weight-selected: 700;
1681
+ --wds-button-border-ai-secondary-mask: none;
1665
1682
  --wds-button-border-dark-secondary: #868aa5;
1666
1683
  --wds-button-border-dark-secondary-active: #000624;
1667
1684
  --wds-button-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -1685,6 +1702,7 @@
1685
1702
  --wds-button-fill-ai-primary: #5a48f5;
1686
1703
  --wds-button-fill-ai-primary-active: #5a48f5;
1687
1704
  --wds-button-fill-ai-primary-hover: #4d3dd0;
1705
+ --wds-button-fill-ai-secondary: #ffffff;
1688
1706
  --wds-button-fill-dark-primary-disabled: #bebebe;
1689
1707
  --wds-button-fill-dark-secondary: #ffffff;
1690
1708
  --wds-button-fill-dark-secondary-active: #000624;
@@ -1944,6 +1962,7 @@
1944
1962
  --wds-dropdown-list-paddings: 4px;
1945
1963
  --wds-editable-title-marker-fill: #868aa5;
1946
1964
  --wds-editable-title-marker-fill-active: #4a57ff;
1965
+ --wds-editable-title-marker-gap: 6px;
1947
1966
  --wds-editable-title-marker-line-style: dashed;
1948
1967
  --wds-editable-title-placeholder-fill: #cfd1dc;
1949
1968
  --wds-empty-state-border-radius: 4px;
@@ -2273,8 +2292,8 @@
2273
2292
  --wds-list-item-select-padding-horizontal-small: 12px;
2274
2293
  --wds-list-item-select-padding-left-medium: 12px;
2275
2294
  --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;
2295
+ --wds-list-item-select-padding-right-medium: 12px;
2296
+ --wds-list-item-select-padding-right-small: 12px;
2278
2297
  --wds-list-item-select-padding-vertical-medium: 6px;
2279
2298
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2280
2299
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -2284,8 +2303,10 @@
2284
2303
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
2285
2304
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2286
2305
  --wds-list-item-select-subtitle-font-size-medium: 12px;
2306
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2287
2307
  --wds-list-item-select-suffix: #868aa5;
2288
2308
  --wds-list-item-select-suffix-active-font-weight: 400;
2309
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
2289
2310
  --wds-list-item-select-suffix-pressed: #868aa5;
2290
2311
  --wds-list-item-select-title: #000624;
2291
2312
  --wds-list-item-select-title-disabled: rgba(38, 37, 36, 0.3000);
@@ -2391,15 +2412,21 @@
2391
2412
  --wds-notification-padding-vertical: 8px;
2392
2413
  --wds-number-input-icon-fill: #595d70;
2393
2414
  --wds-page-header-back-button-gap: 8px;
2415
+ --wds-page-header-breadcrumbs-color: #000624;
2416
+ --wds-page-header-breadcrumbs-font-size: 14px;
2394
2417
  --wds-page-header-breadcrumbs-offset-large: 0px;
2395
2418
  --wds-page-header-breadcrumbs-offset-medium: 0px;
2396
2419
  --wds-page-header-breadcrumbs-offset-small: 0px;
2420
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
2421
+ --wds-page-header-divider-color: #e2e3ea;
2397
2422
  --wds-page-header-padding-horizontal: 48px;
2398
2423
  --wds-page-header-padding-horizontal-small: 24px;
2399
2424
  --wds-page-header-padding-vertical: 24px;
2400
2425
  --wds-page-header-padding-vertical-small: 18px;
2401
2426
  --wds-page-header-subtitle-font-size: 16px;
2427
+ --wds-page-header-subtitle-gap: 0px;
2402
2428
  --wds-page-header-subtitle-line-height: 24px;
2429
+ --wds-page-header-subtitle-padding-start: 0px;
2403
2430
  --wds-page-header-title-actions-gap: 0px;
2404
2431
  --wds-page-header-title-font-size: 32px;
2405
2432
  --wds-page-header-title-font-weight: 700;
@@ -2544,6 +2571,7 @@
2544
2571
  --wds-select-area-fill-hover: #edeef2;
2545
2572
  --wds-select-area-padding-horizontal: 16px;
2546
2573
  --wds-select-area-padding-vertical: 12px;
2574
+ --wds-selectable-accordion-fill: #ffffff;
2547
2575
  --wds-selector-button-border-color: #dce2ff;
2548
2576
  --wds-selector-button-border-color-disabled: rgba(38, 37, 36, 0.1000);
2549
2577
  --wds-selector-button-border-color-hover: #eef0ff;
@@ -2703,6 +2731,10 @@
2703
2731
  --wds-statistics-widget-description-font-line-height: 20px;
2704
2732
  --wds-statistics-widget-description-font-size: 14px;
2705
2733
  --wds-statistics-widget-description-info-gap: 6px;
2734
+ --wds-statistics-widget-padding-horizontal-large: 12px;
2735
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
2736
+ --wds-statistics-widget-padding-vertical-large: 20px;
2737
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2706
2738
  --wds-statistics-widget-trend-space-top: 5px;
2707
2739
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2708
2740
  --wds-statistics-widget-value-font-letter-spacing: 0px;