@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/odeditor-dark/all.scss CHANGED
@@ -141,22 +141,18 @@
141
141
  --wds-shadow-blur-0: 0px;
142
142
  --wds-section-helper-prefix-offset-margin: 0px;
143
143
  --wds-radio-dot-size: 4px;
144
+ --wds-page-header-divider-color: transparent;
144
145
  --wds-page-header-breadcrumbs-offset-small: 0px;
145
146
  --wds-page-header-breadcrumbs-offset-medium: 0px;
146
147
  --wds-page-header-breadcrumbs-offset-large: 0px;
147
- --wds-marketing-layout-title-font-size-tiny: 20px;
148
- --wds-marketing-layout-image-border-radius: 0px;
149
- --wds-marketing-layout-badge-top: 9px;
150
- --wds-marketing-layout-badge-side: -3px;
151
- --wds-marketing-layout-badge-position: absolute;
152
- --wds-marketing-layout-badge-offset-tiny: 18px;
153
- --wds-marketing-layout-badge-offset-small: 12px;
154
- --wds-marketing-layout-badge-offset-medium: 12px;
155
- --wds-marketing-layout-badge-gap: 0px;
148
+ --wds-marketing-layout-badge-top: auto;
149
+ --wds-marketing-layout-badge-side: auto;
150
+ --wds-marketing-layout-badge-position: static;
156
151
  --wds-loader-stroke-width-tiny: 2px;
157
152
  --wds-loader-stroke-width-small: 2px;
158
153
  --wds-loader-stroke-width-medium: 2px;
159
154
  --wds-loader-stroke-width-large: 2px;
155
+ --wds-list-item-select-min-height-medium: auto;
160
156
  --wds-list-item-action-subtitle-offset: 0px;
161
157
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
162
158
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -400,6 +396,7 @@
400
396
  --wds-card-header-suffix-align: flex-start;
401
397
  --wds-card-divider-opacity: 0;
402
398
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
399
+ --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
403
400
  --wds-breakpoint-x-large: 1572px;
404
401
  --wds-breakpoint-small: 490px;
405
402
  --wds-breakpoint-medium: 768px;
@@ -458,6 +455,12 @@
458
455
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
459
456
  --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
460
457
  --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
458
+ --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-white-transparent-0);
459
+ --wds-vertical-tabs-item-fill-standard: var(--wds-color-white-transparent-0);
460
+ --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-white-transparent-0);
461
+ --wds-vertical-tabs-item-fill-neutral: var(--wds-color-white-transparent-0);
462
+ --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-white-transparent-0);
463
+ --wds-vertical-tabs-item-fill-light: var(--wds-color-white-transparent-0);
461
464
  --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
462
465
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
463
466
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
@@ -642,6 +645,10 @@
642
645
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
643
646
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
644
647
  --wds-statistics-widget-trend-space-top: var(--wds-space-0);
648
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
649
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
650
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
651
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
645
652
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
646
653
  --wds-space-viewport-spacing: var(--wds-space-1200);
647
654
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
@@ -828,6 +835,7 @@
828
835
  --wds-selector-button-fill: var(--wds-color-black-750);
829
836
  --wds-selector-button-border-color-disabled: var(--wds-color-black-100-transparent-0);
830
837
  --wds-selector-button-border-color: var(--wds-color-black-100-transparent-0);
838
+ --wds-selectable-accordion-fill: var(--wds-color-white-transparent-0);
831
839
  --wds-select-area-padding-vertical: var(--wds-space-300);
832
840
  --wds-select-area-padding-horizontal: var(--wds-space-400);
833
841
  --wds-select-area-fill-hover: var(--wds-color-black-700);
@@ -885,6 +893,9 @@
885
893
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
886
894
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
887
895
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
896
+ --wds-section-header-fill-standard: var(--wds-color-white-transparent-0);
897
+ --wds-section-header-fill-neutral: var(--wds-color-white-transparent-0);
898
+ --wds-section-header-fill-light: var(--wds-color-white-transparent-0);
888
899
  --wds-search-expandable-padding-small: var(--wds-space-150);
889
900
  --wds-search-expandable-padding-medium: var(--wds-space-175);
890
901
  --wds-search-expandable-padding-large: var(--wds-space-300);
@@ -930,10 +941,15 @@
930
941
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
931
942
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
932
943
  --wds-page-header-title-actions-gap: var(--wds-space-0);
944
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
945
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
933
946
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
934
947
  --wds-page-header-padding-vertical: var(--wds-space-600);
935
948
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
936
949
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
950
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
951
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
952
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
937
953
  --wds-page-header-back-button-gap: var(--wds-space-200);
938
954
  --wds-padding-vertical-tiny: var(--wds-space-500);
939
955
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -977,42 +993,61 @@
977
993
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
978
994
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
979
995
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
980
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
981
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
996
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
997
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
998
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
999
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1000
+ --wds-marketing-layout-title-gap-small: var(--wds-space-200);
982
1001
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
983
- --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1002
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
984
1003
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1004
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1005
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1006
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1007
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
1008
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
1009
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
1010
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
1011
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
1012
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
1013
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
985
1014
  --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
986
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
987
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
988
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
989
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
990
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
991
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
992
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
993
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
994
- --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
995
- --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
996
- --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1015
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1016
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1017
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1018
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1019
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1020
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1021
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1022
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1023
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1024
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1025
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1026
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1027
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
997
1028
  --wds-marketing-layout-border: var(--wds-border-radius-200);
998
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
999
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1000
- --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1029
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1030
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1031
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1032
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1033
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1034
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1035
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1001
1036
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1002
1037
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1003
1038
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1039
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1004
1040
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1005
1041
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1006
1042
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1007
1043
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1008
1044
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1009
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1010
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1045
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1046
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1011
1047
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1012
1048
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1013
1049
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1014
1050
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1015
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1016
1051
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1017
1052
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1018
1053
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
@@ -1183,6 +1218,7 @@
1183
1218
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1184
1219
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1185
1220
  --wds-editable-title-placeholder-fill: var(--wds-color-black-550);
1221
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1186
1222
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
1187
1223
  --wds-editable-title-marker-fill: var(--wds-color-black-400);
1188
1224
  --wds-dropdown-list-paddings: var(--wds-space-200);
@@ -1633,6 +1669,7 @@
1633
1669
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1634
1670
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1635
1671
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1672
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1636
1673
  --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1637
1674
  --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1638
1675
  --wds-button-fill-ai-primary: var(--wds-color-blue-150);
@@ -1745,27 +1782,21 @@
1745
1782
  --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-standard-tertiary-hover);
1746
1783
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-fill-standard-tertiary-hover);
1747
1784
  --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1748
- --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1749
1785
  --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1750
1786
  --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1751
1787
  --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1752
- --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1753
1788
  --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1754
1789
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1755
1790
  --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1756
- --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
1757
1791
  --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover);
1758
1792
  --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-fill-surface-neutral);
1759
1793
  --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-dark-tertiary-active);
1760
- --wds-vertical-tabs-item-fill-neutral: var(--wds-color-fill-surface-neutral);
1761
1794
  --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover);
1762
1795
  --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1763
1796
  --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active);
1764
- --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-fill-premium-tertiary);
1765
1797
  --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1766
1798
  --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1767
1799
  --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-dark-tertiary-active);
1768
- --wds-vertical-tabs-item-fill-light: var(--wds-color-fill-standard-tertiary);
1769
1800
  --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled);
1770
1801
  --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-standard-secondary);
1771
1802
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
@@ -1895,9 +1926,6 @@
1895
1926
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1896
1927
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1897
1928
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1898
- --wds-section-header-fill-standard: var(--wds-color-fill-surface-default);
1899
- --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1900
- --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
1901
1929
  --wds-section-header-border-light: var(--wds-color-border-standard-primary);
1902
1930
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1903
1931
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
@@ -1924,13 +1952,12 @@
1924
1952
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1925
1953
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1926
1954
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1927
- --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1955
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1928
1956
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1929
- --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1930
- --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1931
- --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1932
- --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1933
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1957
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1958
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1959
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1960
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1934
1961
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1935
1962
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1936
1963
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2256,12 +2283,10 @@
2256
2283
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2257
2284
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2258
2285
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2259
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2260
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2261
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2262
- --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2263
- --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2264
- --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2286
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2287
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2288
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2289
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2265
2290
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2266
2291
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2267
2292
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.st.css CHANGED
@@ -179,6 +179,7 @@
179
179
  @property st-global(--wds-breakpoint-medium);
180
180
  @property st-global(--wds-breakpoint-small);
181
181
  @property st-global(--wds-breakpoint-x-large);
182
+ @property st-global(--wds-button-border-ai-secondary-mask);
182
183
  @property st-global(--wds-button-border-dark-secondary);
183
184
  @property st-global(--wds-button-border-dark-secondary-active);
184
185
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -203,6 +204,7 @@
203
204
  @property st-global(--wds-button-fill-ai-primary);
204
205
  @property st-global(--wds-button-fill-ai-primary-active);
205
206
  @property st-global(--wds-button-fill-ai-primary-hover);
207
+ @property st-global(--wds-button-fill-ai-secondary);
206
208
  @property st-global(--wds-button-fill-dark-primary-disabled);
207
209
  @property st-global(--wds-button-fill-dark-secondary);
208
210
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -937,6 +939,7 @@
937
939
  @property st-global(--wds-dropdown-list-paddings);
938
940
  @property st-global(--wds-editable-title-marker-fill);
939
941
  @property st-global(--wds-editable-title-marker-fill-active);
942
+ @property st-global(--wds-editable-title-marker-gap);
940
943
  @property st-global(--wds-editable-title-marker-line-style);
941
944
  @property st-global(--wds-editable-title-placeholder-fill);
942
945
  @property st-global(--wds-empty-state-border-radius);
@@ -1337,8 +1340,10 @@
1337
1340
  @property st-global(--wds-list-item-select-subtitle-disabled);
1338
1341
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1339
1342
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1343
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1340
1344
  @property st-global(--wds-list-item-select-suffix);
1341
1345
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1346
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
1342
1347
  @property st-global(--wds-list-item-select-suffix-pressed);
1343
1348
  @property st-global(--wds-list-item-select-title);
1344
1349
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1383,6 +1388,15 @@
1383
1388
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1384
1389
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1385
1390
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1391
+ @property st-global(--wds-marketing-layout-padding-left-medium);
1392
+ @property st-global(--wds-marketing-layout-padding-left-small);
1393
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
1394
+ @property st-global(--wds-marketing-layout-padding-right-medium);
1395
+ @property st-global(--wds-marketing-layout-padding-right-small);
1396
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
1397
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
1398
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
1399
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1386
1400
  @property st-global(--wds-marketing-layout-title-font-size-medium);
1387
1401
  @property st-global(--wds-marketing-layout-title-font-size-small);
1388
1402
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1444,15 +1458,21 @@
1444
1458
  @property st-global(--wds-padding-vertical-small);
1445
1459
  @property st-global(--wds-padding-vertical-tiny);
1446
1460
  @property st-global(--wds-page-header-back-button-gap);
1461
+ @property st-global(--wds-page-header-breadcrumbs-color);
1462
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
1447
1463
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
1448
1464
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1449
1465
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
1466
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
1467
+ @property st-global(--wds-page-header-divider-color);
1450
1468
  @property st-global(--wds-page-header-padding-horizontal);
1451
1469
  @property st-global(--wds-page-header-padding-horizontal-small);
1452
1470
  @property st-global(--wds-page-header-padding-vertical);
1453
1471
  @property st-global(--wds-page-header-padding-vertical-small);
1454
1472
  @property st-global(--wds-page-header-subtitle-font-size);
1473
+ @property st-global(--wds-page-header-subtitle-gap);
1455
1474
  @property st-global(--wds-page-header-subtitle-line-height);
1475
+ @property st-global(--wds-page-header-subtitle-padding-start);
1456
1476
  @property st-global(--wds-page-header-title-actions-gap);
1457
1477
  @property st-global(--wds-page-header-title-font-size);
1458
1478
  @property st-global(--wds-page-header-title-font-weight);
@@ -1604,6 +1624,7 @@
1604
1624
  @property st-global(--wds-select-area-fill-hover);
1605
1625
  @property st-global(--wds-select-area-padding-horizontal);
1606
1626
  @property st-global(--wds-select-area-padding-vertical);
1627
+ @property st-global(--wds-selectable-accordion-fill);
1607
1628
  @property st-global(--wds-selector-button-border-color);
1608
1629
  @property st-global(--wds-selector-button-border-color-disabled);
1609
1630
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1923,6 +1944,10 @@
1923
1944
  @property st-global(--wds-statistics-widget-description-font-line-height);
1924
1945
  @property st-global(--wds-statistics-widget-description-font-size);
1925
1946
  @property st-global(--wds-statistics-widget-description-info-gap);
1947
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1948
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1949
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1950
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1926
1951
  @property st-global(--wds-statistics-widget-trend-space-top);
1927
1952
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1928
1953
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2474,6 +2499,7 @@
2474
2499
  --wds-breakpoint-medium: 768px;
2475
2500
  --wds-breakpoint-small: 490px;
2476
2501
  --wds-breakpoint-x-large: 1572px;
2502
+ --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
2477
2503
  --wds-button-border-dark-secondary: #A09E9D;
2478
2504
  --wds-button-border-dark-secondary-active: #666565;
2479
2505
  --wds-button-border-dark-secondary-disabled: #3A3A3B;
@@ -2498,6 +2524,7 @@
2498
2524
  --wds-button-fill-ai-primary: #3C67FF;
2499
2525
  --wds-button-fill-ai-primary-active: #82B0FF;
2500
2526
  --wds-button-fill-ai-primary-hover: #6F94D4;
2527
+ --wds-button-fill-ai-secondary: rgba(0, 0, 0, 0);
2501
2528
  --wds-button-fill-dark-primary-disabled: #3A3A3B;
2502
2529
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
2503
2530
  --wds-button-fill-dark-secondary-active: #666565;
@@ -3232,6 +3259,7 @@
3232
3259
  --wds-dropdown-list-paddings: 8px;
3233
3260
  --wds-editable-title-marker-fill: #A09E9D;
3234
3261
  --wds-editable-title-marker-fill-active: #82B0FF;
3262
+ --wds-editable-title-marker-gap: 4px;
3235
3263
  --wds-editable-title-marker-line-style: dashed;
3236
3264
  --wds-editable-title-placeholder-fill: #666565;
3237
3265
  --wds-empty-state-border-radius: 4px;
@@ -3616,13 +3644,13 @@
3616
3644
  --wds-list-item-select-label-font-size-small: 12px;
3617
3645
  --wds-list-item-select-label-font-weight-active: 500;
3618
3646
  --wds-list-item-select-label-font-weight-medium: 500;
3619
- --wds-list-item-select-min-height-medium: 52px;
3647
+ --wds-list-item-select-min-height-medium: auto;
3620
3648
  --wds-list-item-select-padding-horizontal-medium: 12px;
3621
3649
  --wds-list-item-select-padding-horizontal-small: 12px;
3622
3650
  --wds-list-item-select-padding-left-medium: 12px;
3623
3651
  --wds-list-item-select-padding-left-small: 12px;
3624
- --wds-list-item-select-padding-right-medium: 16px;
3625
- --wds-list-item-select-padding-right-small: 16px;
3652
+ --wds-list-item-select-padding-right-medium: 12px;
3653
+ --wds-list-item-select-padding-right-small: 12px;
3626
3654
  --wds-list-item-select-padding-vertical-medium: 8px;
3627
3655
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3628
3656
  --wds-list-item-select-padding-vertical-small: 8px;
@@ -3632,8 +3660,10 @@
3632
3660
  --wds-list-item-select-subtitle-disabled: #878685;
3633
3661
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3634
3662
  --wds-list-item-select-subtitle-font-size-medium: 12px;
3663
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3635
3664
  --wds-list-item-select-suffix: #FFFFFF;
3636
3665
  --wds-list-item-select-suffix-active-font-weight: 500;
3666
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
3637
3667
  --wds-list-item-select-suffix-pressed: #B1CCFF;
3638
3668
  --wds-list-item-select-title: #FFFFFF;
3639
3669
  --wds-list-item-select-title-disabled: #878685;
@@ -3647,49 +3677,58 @@
3647
3677
  --wds-loader-stroke-width-medium: 2px;
3648
3678
  --wds-loader-stroke-width-small: 2px;
3649
3679
  --wds-loader-stroke-width-tiny: 2px;
3650
- --wds-marketing-layout-actions-gap-medium: 16px;
3651
- --wds-marketing-layout-actions-gap-small: 12px;
3652
- --wds-marketing-layout-actions-gap-tiny: 12px;
3653
- --wds-marketing-layout-badge-gap: 0px;
3654
- --wds-marketing-layout-badge-offset-medium: 12px;
3655
- --wds-marketing-layout-badge-offset-small: 12px;
3656
- --wds-marketing-layout-badge-offset-tiny: 18px;
3657
- --wds-marketing-layout-badge-position: absolute;
3658
- --wds-marketing-layout-badge-side: -3px;
3659
- --wds-marketing-layout-badge-top: 9px;
3680
+ --wds-marketing-layout-actions-gap-medium: 24px;
3681
+ --wds-marketing-layout-actions-gap-small: 24px;
3682
+ --wds-marketing-layout-actions-gap-tiny: 24px;
3683
+ --wds-marketing-layout-badge-gap: 8px;
3684
+ --wds-marketing-layout-badge-offset-medium: 0px;
3685
+ --wds-marketing-layout-badge-offset-small: 0px;
3686
+ --wds-marketing-layout-badge-offset-tiny: 0px;
3687
+ --wds-marketing-layout-badge-position: static;
3688
+ --wds-marketing-layout-badge-side: auto;
3689
+ --wds-marketing-layout-badge-top: auto;
3660
3690
  --wds-marketing-layout-border: 4px;
3661
- --wds-marketing-layout-description-color: #D4D3D2;
3662
- --wds-marketing-layout-description-font-size-medium: 16px;
3663
- --wds-marketing-layout-description-font-size-small: 14px;
3664
- --wds-marketing-layout-description-font-size-tiny: 14px;
3665
- --wds-marketing-layout-description-font-weight-medium: 400;
3666
- --wds-marketing-layout-description-font-weight-small: 400;
3667
- --wds-marketing-layout-description-font-weight-tiny: 400;
3668
- --wds-marketing-layout-description-line-height-medium: 24px;
3669
- --wds-marketing-layout-description-line-height-small: 18px;
3670
- --wds-marketing-layout-description-line-height-tiny: 18px;
3671
- --wds-marketing-layout-image-border-radius: 0px;
3672
- --wds-marketing-layout-image-padding-left-medium: 32px;
3673
- --wds-marketing-layout-image-padding-left-small: 16px;
3674
- --wds-marketing-layout-image-padding-left-tiny: 16px;
3675
- --wds-marketing-layout-image-padding-right-medium: 28px;
3676
- --wds-marketing-layout-image-padding-right-small: 20px;
3677
- --wds-marketing-layout-image-padding-right-tiny: 20px;
3678
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
3679
- --wds-marketing-layout-image-padding-vertical-small: 16px;
3691
+ --wds-marketing-layout-description-color: #A8A6A5;
3692
+ --wds-marketing-layout-description-font-size-medium: 12px;
3693
+ --wds-marketing-layout-description-font-size-small: 12px;
3694
+ --wds-marketing-layout-description-font-size-tiny: 12px;
3695
+ --wds-marketing-layout-description-font-weight-medium: 500;
3696
+ --wds-marketing-layout-description-font-weight-small: 500;
3697
+ --wds-marketing-layout-description-font-weight-tiny: 500;
3698
+ --wds-marketing-layout-description-line-height-medium: 16px;
3699
+ --wds-marketing-layout-description-line-height-small: 16px;
3700
+ --wds-marketing-layout-description-line-height-tiny: 16px;
3701
+ --wds-marketing-layout-image-border-radius: 8px;
3702
+ --wds-marketing-layout-image-padding-left-medium: 12px;
3703
+ --wds-marketing-layout-image-padding-left-small: 12px;
3704
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
3705
+ --wds-marketing-layout-image-padding-right-medium: 12px;
3706
+ --wds-marketing-layout-image-padding-right-small: 12px;
3707
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
3708
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
3709
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
3680
3710
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
3681
- --wds-marketing-layout-title-font-size-medium: 24px;
3711
+ --wds-marketing-layout-padding-left-medium: 20px;
3712
+ --wds-marketing-layout-padding-left-small: 8px;
3713
+ --wds-marketing-layout-padding-left-tiny: 8px;
3714
+ --wds-marketing-layout-padding-right-medium: 8px;
3715
+ --wds-marketing-layout-padding-right-small: 20px;
3716
+ --wds-marketing-layout-padding-right-tiny: 20px;
3717
+ --wds-marketing-layout-padding-vertical-medium: 20px;
3718
+ --wds-marketing-layout-padding-vertical-small: 20px;
3719
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
3720
+ --wds-marketing-layout-title-font-size-medium: 16px;
3682
3721
  --wds-marketing-layout-title-font-size-small: 16px;
3683
- --wds-marketing-layout-title-font-size-tiny: 20px;
3684
- --wds-marketing-layout-title-font-weight-medium: 500;
3722
+ --wds-marketing-layout-title-font-size-tiny: 16px;
3723
+ --wds-marketing-layout-title-font-weight-medium: 700;
3685
3724
  --wds-marketing-layout-title-font-weight-small: 700;
3686
- --wds-marketing-layout-title-font-weight-tiny: 600;
3725
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3687
3726
  --wds-marketing-layout-title-gap-medium: 8px;
3688
- --wds-marketing-layout-title-gap-small: 4px;
3689
- --wds-marketing-layout-title-gap-tiny: 4px;
3690
- --wds-marketing-layout-title-line-height-medium: 30px;
3691
- --wds-marketing-layout-title-line-height-small: 24px;
3692
- --wds-marketing-layout-title-line-height-tiny: 24px;
3727
+ --wds-marketing-layout-title-gap-small: 8px;
3728
+ --wds-marketing-layout-title-gap-tiny: 8px;
3729
+ --wds-marketing-layout-title-line-height-medium: 20px;
3730
+ --wds-marketing-layout-title-line-height-small: 20px;
3731
+ --wds-marketing-layout-title-line-height-tiny: 20px;
3693
3732
  --wds-marketing-page-paddings-horizontal-large: 60px;
3694
3733
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3695
3734
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -3739,15 +3778,21 @@
3739
3778
  --wds-padding-vertical-small: 24px;
3740
3779
  --wds-padding-vertical-tiny: 20px;
3741
3780
  --wds-page-header-back-button-gap: 8px;
3781
+ --wds-page-header-breadcrumbs-color: #A8A6A5;
3782
+ --wds-page-header-breadcrumbs-font-size: 12px;
3742
3783
  --wds-page-header-breadcrumbs-offset-large: 0px;
3743
3784
  --wds-page-header-breadcrumbs-offset-medium: 0px;
3744
3785
  --wds-page-header-breadcrumbs-offset-small: 0px;
3786
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
3787
+ --wds-page-header-divider-color: transparent;
3745
3788
  --wds-page-header-padding-horizontal: 48px;
3746
3789
  --wds-page-header-padding-horizontal-small: 24px;
3747
3790
  --wds-page-header-padding-vertical: 24px;
3748
3791
  --wds-page-header-padding-vertical-small: 18px;
3749
3792
  --wds-page-header-subtitle-font-size: 16px;
3793
+ --wds-page-header-subtitle-gap: 4px;
3750
3794
  --wds-page-header-subtitle-line-height: 24px;
3795
+ --wds-page-header-subtitle-padding-start: 4px;
3751
3796
  --wds-page-header-title-actions-gap: 0px;
3752
3797
  --wds-page-header-title-font-size: 32px;
3753
3798
  --wds-page-header-title-font-weight: 400;
@@ -3818,9 +3863,9 @@
3818
3863
  --wds-search-expandable-padding-medium: 7px;
3819
3864
  --wds-search-expandable-padding-small: 6px;
3820
3865
  --wds-section-header-border-light: #5B78A9;
3821
- --wds-section-header-fill-light: #212122;
3822
- --wds-section-header-fill-neutral: #212122;
3823
- --wds-section-header-fill-standard: #212122;
3866
+ --wds-section-header-fill-light: rgba(0, 0, 0, 0);
3867
+ --wds-section-header-fill-neutral: rgba(0, 0, 0, 0);
3868
+ --wds-section-header-fill-standard: rgba(0, 0, 0, 0);
3824
3869
  --wds-section-header-font-weight: 600;
3825
3870
  --wds-section-header-label-fill-neutral: #A09E9D;
3826
3871
  --wds-section-header-label-font-size-medium: 14px;
@@ -3899,6 +3944,7 @@
3899
3944
  --wds-select-area-fill-hover: #3A3A3B;
3900
3945
  --wds-select-area-padding-horizontal: 16px;
3901
3946
  --wds-select-area-padding-vertical: 12px;
3947
+ --wds-selectable-accordion-fill: rgba(0, 0, 0, 0);
3902
3948
  --wds-selector-button-border-color: rgba(255, 255, 255, 0);
3903
3949
  --wds-selector-button-border-color-disabled: rgba(255, 255, 255, 0);
3904
3950
  --wds-selector-button-border-color-hover: #5B78A9;
@@ -4218,6 +4264,10 @@
4218
4264
  --wds-statistics-widget-description-font-line-height: 16px;
4219
4265
  --wds-statistics-widget-description-font-size: 12px;
4220
4266
  --wds-statistics-widget-description-info-gap: 2px;
4267
+ --wds-statistics-widget-padding-horizontal-large: 12px;
4268
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
4269
+ --wds-statistics-widget-padding-vertical-large: 20px;
4270
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4221
4271
  --wds-statistics-widget-trend-space-top: 0px;
4222
4272
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4223
4273
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -4536,27 +4586,27 @@
4536
4586
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
4537
4587
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
4538
4588
  --wds-vertical-tabs-item-active-title-text-disabled: #878685;
4539
- --wds-vertical-tabs-item-fill-light: #212122;
4589
+ --wds-vertical-tabs-item-fill-light: rgba(0, 0, 0, 0);
4540
4590
  --wds-vertical-tabs-item-fill-light-active: #2D2D2E;
4541
4591
  --wds-vertical-tabs-item-fill-light-disabled: #212122;
4542
4592
  --wds-vertical-tabs-item-fill-light-hover: #3A3A3B;
4543
- --wds-vertical-tabs-item-fill-light-premium: #212122;
4593
+ --wds-vertical-tabs-item-fill-light-premium: rgba(0, 0, 0, 0);
4544
4594
  --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
4545
4595
  --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
4546
4596
  --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
4547
- --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
4597
+ --wds-vertical-tabs-item-fill-neutral: rgba(0, 0, 0, 0);
4548
4598
  --wds-vertical-tabs-item-fill-neutral-active: #2D2D2E;
4549
4599
  --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
4550
4600
  --wds-vertical-tabs-item-fill-neutral-hover: #454544;
4551
- --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
4601
+ --wds-vertical-tabs-item-fill-neutral-premium: rgba(0, 0, 0, 0);
4552
4602
  --wds-vertical-tabs-item-fill-neutral-premium-active: #2D354E;
4553
4603
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
4554
4604
  --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
4555
- --wds-vertical-tabs-item-fill-standard: #212122;
4605
+ --wds-vertical-tabs-item-fill-standard: rgba(0, 0, 0, 0);
4556
4606
  --wds-vertical-tabs-item-fill-standard-active: #2D2D2E;
4557
4607
  --wds-vertical-tabs-item-fill-standard-disabled: #212122;
4558
4608
  --wds-vertical-tabs-item-fill-standard-hover: #3A3A3B;
4559
- --wds-vertical-tabs-item-fill-standard-premium: #212122;
4609
+ --wds-vertical-tabs-item-fill-standard-premium: rgba(0, 0, 0, 0);
4560
4610
  --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
4561
4611
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
4562
4612
  --wds-vertical-tabs-item-fill-standard-premium-hover: #212328;