@wix/design-system-tokens 1.219.2 → 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 (21) hide show
  1. package/all.css +4 -0
  2. package/all.scss +4 -0
  3. package/all.st.css +8 -0
  4. package/component.st.css +8 -0
  5. package/odeditor/all.css +33 -29
  6. package/odeditor/all.scss +33 -29
  7. package/odeditor/all.st.css +37 -29
  8. package/odeditor/component.st.css +37 -29
  9. package/odeditor-dark/all.css +51 -38
  10. package/odeditor-dark/all.scss +51 -38
  11. package/odeditor-dark/all.st.css +64 -38
  12. package/odeditor-dark/component.st.css +64 -38
  13. package/package.json +2 -2
  14. package/studio/all.css +4 -0
  15. package/studio/all.scss +4 -0
  16. package/studio/all.st.css +8 -0
  17. package/studio/component.st.css +8 -0
  18. package/wixel/all.css +4 -0
  19. package/wixel/all.scss +4 -0
  20. package/wixel/all.st.css +8 -0
  21. package/wixel/component.st.css +8 -0
package/all.css CHANGED
@@ -1032,6 +1032,10 @@
1032
1032
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
1033
1033
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
1034
1034
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
1035
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-200);
1036
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-300);
1037
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-400);
1038
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-400);
1035
1039
  --wds-social-preview-content-padding-vertical: var(--wds-space-150);
1036
1040
  --wds-social-preview-content-padding-horizontal: var(--wds-space-200);
1037
1041
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-200);
package/all.scss CHANGED
@@ -591,6 +591,10 @@
591
591
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
592
592
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
593
593
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
594
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-200);
595
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-300);
596
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-400);
597
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-400);
594
598
  --wds-space-viewport-spacing: var(--wds-space-800);
595
599
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-50);
596
600
  --wds-space-padding-vertical-x-tiny: var(--wds-space-100);
package/all.st.css CHANGED
@@ -1959,6 +1959,10 @@
1959
1959
  @property st-global(--wds-statistics-widget-description-font-line-height);
1960
1960
  @property st-global(--wds-statistics-widget-description-font-size);
1961
1961
  @property st-global(--wds-statistics-widget-description-info-gap);
1962
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1963
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1964
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1965
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1962
1966
  @property st-global(--wds-statistics-widget-trend-space-top);
1963
1967
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1964
1968
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -4294,6 +4298,10 @@
4294
4298
  --wds-statistics-widget-description-font-line-height: 18px;
4295
4299
  --wds-statistics-widget-description-font-size: 14px;
4296
4300
  --wds-statistics-widget-description-info-gap: 6px;
4301
+ --wds-statistics-widget-padding-horizontal-large: 24px;
4302
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
4303
+ --wds-statistics-widget-padding-vertical-large: 18px;
4304
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4297
4305
  --wds-statistics-widget-trend-space-top: 5px;
4298
4306
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4299
4307
  --wds-statistics-widget-value-font-letter-spacing: 0px;
package/component.st.css CHANGED
@@ -1225,6 +1225,10 @@
1225
1225
  @property st-global(--wds-statistics-widget-description-font-line-height);
1226
1226
  @property st-global(--wds-statistics-widget-description-font-size);
1227
1227
  @property st-global(--wds-statistics-widget-description-info-gap);
1228
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1229
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1230
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1231
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1228
1232
  @property st-global(--wds-statistics-widget-trend-space-top);
1229
1233
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1230
1234
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2824,6 +2828,10 @@
2824
2828
  --wds-statistics-widget-description-font-line-height: 18px;
2825
2829
  --wds-statistics-widget-description-font-size: 14px;
2826
2830
  --wds-statistics-widget-description-info-gap: 6px;
2831
+ --wds-statistics-widget-padding-horizontal-large: 24px;
2832
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
2833
+ --wds-statistics-widget-padding-vertical-large: 18px;
2834
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2827
2835
  --wds-statistics-widget-trend-space-top: 5px;
2828
2836
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2829
2837
  --wds-statistics-widget-value-font-letter-spacing: 0px;
package/odeditor/all.css CHANGED
@@ -1058,6 +1058,10 @@
1058
1058
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
1059
1059
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
1060
1060
  --wds-statistics-widget-trend-space-top: var(--wds-space-0);
1061
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1062
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
1063
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
1064
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
1061
1065
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
1062
1066
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1063
1067
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -1312,42 +1316,46 @@
1312
1316
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1313
1317
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1314
1318
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1315
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1316
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1317
- --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1319
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1320
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1321
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1322
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1323
+ --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1324
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1318
1325
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1319
1326
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1320
1327
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1321
- --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-600);
1322
- --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1323
- --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
1324
- --wds-marketing-layout-padding-right-tiny: var(--wds-space-600);
1325
- --wds-marketing-layout-padding-right-small: var(--wds-space-600);
1326
- --wds-marketing-layout-padding-right-medium: var(--wds-space-600);
1327
- --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
1328
- --wds-marketing-layout-padding-left-small: var(--wds-space-600);
1329
- --wds-marketing-layout-padding-left-medium: var(--wds-space-600);
1330
- --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-400);
1331
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1332
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1333
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-400);
1334
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-400);
1335
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-400);
1336
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1337
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1338
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-400);
1328
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1329
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1330
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
1331
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
1332
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
1333
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
1334
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
1335
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
1336
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
1337
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1338
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1339
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1340
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1341
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1342
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1343
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1344
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1345
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1339
1346
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1340
1347
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1341
1348
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1342
1349
  --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1350
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1343
1351
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1344
1352
  --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1345
1353
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1346
1354
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1347
- --wds-marketing-layout-badge-gap: var(--wds-space-300);
1348
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1349
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1350
- --wds-marketing-layout-actions-gap-medium: var(--wds-space-300);
1355
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1356
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1357
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1358
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1351
1359
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1352
1360
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1353
1361
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1951,7 +1959,6 @@
1951
1959
  --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1952
1960
  --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1953
1961
  --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1954
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary-light);
1955
1962
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1956
1963
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1957
1964
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2274,9 +2281,6 @@
2274
2281
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2275
2282
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2276
2283
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2277
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-heading-3);
2278
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2279
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-3);
2280
2284
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2281
2285
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2282
2286
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
package/odeditor/all.scss CHANGED
@@ -637,6 +637,10 @@
637
637
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
638
638
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
639
639
  --wds-statistics-widget-trend-space-top: var(--wds-space-0);
640
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
641
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
642
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
643
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
640
644
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
641
645
  --wds-space-viewport-spacing: var(--wds-space-1200);
642
646
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
@@ -974,42 +978,46 @@
974
978
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
975
979
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
976
980
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
977
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
978
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
979
- --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
981
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
982
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
983
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
984
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
985
+ --wds-marketing-layout-title-gap-small: var(--wds-space-200);
986
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
980
987
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
981
988
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
982
989
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
983
- --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-600);
984
- --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
985
- --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
986
- --wds-marketing-layout-padding-right-tiny: var(--wds-space-600);
987
- --wds-marketing-layout-padding-right-small: var(--wds-space-600);
988
- --wds-marketing-layout-padding-right-medium: var(--wds-space-600);
989
- --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
990
- --wds-marketing-layout-padding-left-small: var(--wds-space-600);
991
- --wds-marketing-layout-padding-left-medium: var(--wds-space-600);
992
- --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-400);
993
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
994
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
995
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-400);
996
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-400);
997
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-400);
998
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
999
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1000
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-400);
990
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
991
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
992
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
993
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
994
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
995
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
996
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
997
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
998
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
999
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1000
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1001
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1002
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1003
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1004
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1005
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1006
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1007
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1001
1008
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1002
1009
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1003
1010
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1004
1011
  --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1012
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1005
1013
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1006
1014
  --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1007
1015
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1008
1016
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1009
- --wds-marketing-layout-badge-gap: var(--wds-space-300);
1010
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1011
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1012
- --wds-marketing-layout-actions-gap-medium: var(--wds-space-300);
1017
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1018
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1019
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1020
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1013
1021
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1014
1022
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1015
1023
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
@@ -1939,7 +1947,6 @@
1939
1947
  --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1940
1948
  --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1941
1949
  --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1942
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary-light);
1943
1950
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1944
1951
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1945
1952
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2274,9 +2281,6 @@
2274
2281
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2275
2282
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2276
2283
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2277
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-heading-3);
2278
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2279
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-3);
2280
2284
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2281
2285
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2282
2286
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
package/odeditor/all.st.css CHANGED
@@ -1942,6 +1942,10 @@
1942
1942
  @property st-global(--wds-statistics-widget-description-font-line-height);
1943
1943
  @property st-global(--wds-statistics-widget-description-font-size);
1944
1944
  @property st-global(--wds-statistics-widget-description-info-gap);
1945
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1946
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1947
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1948
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1945
1949
  @property st-global(--wds-statistics-widget-trend-space-top);
1946
1950
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1947
1951
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -3665,10 +3669,10 @@
3665
3669
  --wds-loader-stroke-width-medium: 2px;
3666
3670
  --wds-loader-stroke-width-small: 2px;
3667
3671
  --wds-loader-stroke-width-tiny: 2px;
3668
- --wds-marketing-layout-actions-gap-medium: 12px;
3669
- --wds-marketing-layout-actions-gap-small: 12px;
3670
- --wds-marketing-layout-actions-gap-tiny: 12px;
3671
- --wds-marketing-layout-badge-gap: 12px;
3672
+ --wds-marketing-layout-actions-gap-medium: 24px;
3673
+ --wds-marketing-layout-actions-gap-small: 24px;
3674
+ --wds-marketing-layout-actions-gap-tiny: 24px;
3675
+ --wds-marketing-layout-badge-gap: 8px;
3672
3676
  --wds-marketing-layout-badge-offset-medium: 0px;
3673
3677
  --wds-marketing-layout-badge-offset-small: 0px;
3674
3678
  --wds-marketing-layout-badge-offset-tiny: 0px;
@@ -3676,7 +3680,7 @@
3676
3680
  --wds-marketing-layout-badge-side: auto;
3677
3681
  --wds-marketing-layout-badge-top: auto;
3678
3682
  --wds-marketing-layout-border: 4px;
3679
- --wds-marketing-layout-description-color: #767574;
3683
+ --wds-marketing-layout-description-color: #525150;
3680
3684
  --wds-marketing-layout-description-font-size-medium: 12px;
3681
3685
  --wds-marketing-layout-description-font-size-small: 12px;
3682
3686
  --wds-marketing-layout-description-font-size-tiny: 12px;
@@ -3687,36 +3691,36 @@
3687
3691
  --wds-marketing-layout-description-line-height-small: 16px;
3688
3692
  --wds-marketing-layout-description-line-height-tiny: 16px;
3689
3693
  --wds-marketing-layout-image-border-radius: 8px;
3690
- --wds-marketing-layout-image-padding-left-medium: 16px;
3691
- --wds-marketing-layout-image-padding-left-small: 16px;
3692
- --wds-marketing-layout-image-padding-left-tiny: 16px;
3693
- --wds-marketing-layout-image-padding-right-medium: 16px;
3694
- --wds-marketing-layout-image-padding-right-small: 16px;
3695
- --wds-marketing-layout-image-padding-right-tiny: 16px;
3696
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
3697
- --wds-marketing-layout-image-padding-vertical-small: 16px;
3698
- --wds-marketing-layout-image-padding-vertical-tiny: 16px;
3699
- --wds-marketing-layout-padding-left-medium: 24px;
3700
- --wds-marketing-layout-padding-left-small: 24px;
3701
- --wds-marketing-layout-padding-left-tiny: 24px;
3702
- --wds-marketing-layout-padding-right-medium: 24px;
3703
- --wds-marketing-layout-padding-right-small: 24px;
3704
- --wds-marketing-layout-padding-right-tiny: 24px;
3705
- --wds-marketing-layout-padding-vertical-medium: 24px;
3706
- --wds-marketing-layout-padding-vertical-small: 24px;
3707
- --wds-marketing-layout-padding-vertical-tiny: 24px;
3694
+ --wds-marketing-layout-image-padding-left-medium: 12px;
3695
+ --wds-marketing-layout-image-padding-left-small: 12px;
3696
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
3697
+ --wds-marketing-layout-image-padding-right-medium: 12px;
3698
+ --wds-marketing-layout-image-padding-right-small: 12px;
3699
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
3700
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
3701
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
3702
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
3703
+ --wds-marketing-layout-padding-left-medium: 20px;
3704
+ --wds-marketing-layout-padding-left-small: 8px;
3705
+ --wds-marketing-layout-padding-left-tiny: 8px;
3706
+ --wds-marketing-layout-padding-right-medium: 8px;
3707
+ --wds-marketing-layout-padding-right-small: 20px;
3708
+ --wds-marketing-layout-padding-right-tiny: 20px;
3709
+ --wds-marketing-layout-padding-vertical-medium: 20px;
3710
+ --wds-marketing-layout-padding-vertical-small: 20px;
3711
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
3708
3712
  --wds-marketing-layout-title-font-size-medium: 16px;
3709
3713
  --wds-marketing-layout-title-font-size-small: 16px;
3710
3714
  --wds-marketing-layout-title-font-size-tiny: 16px;
3711
3715
  --wds-marketing-layout-title-font-weight-medium: 700;
3712
3716
  --wds-marketing-layout-title-font-weight-small: 700;
3713
3717
  --wds-marketing-layout-title-font-weight-tiny: 700;
3714
- --wds-marketing-layout-title-gap-medium: 4px;
3715
- --wds-marketing-layout-title-gap-small: 4px;
3716
- --wds-marketing-layout-title-gap-tiny: 4px;
3717
- --wds-marketing-layout-title-line-height-medium: 24px;
3718
- --wds-marketing-layout-title-line-height-small: 24px;
3719
- --wds-marketing-layout-title-line-height-tiny: 24px;
3718
+ --wds-marketing-layout-title-gap-medium: 8px;
3719
+ --wds-marketing-layout-title-gap-small: 8px;
3720
+ --wds-marketing-layout-title-gap-tiny: 8px;
3721
+ --wds-marketing-layout-title-line-height-medium: 20px;
3722
+ --wds-marketing-layout-title-line-height-small: 20px;
3723
+ --wds-marketing-layout-title-line-height-tiny: 20px;
3720
3724
  --wds-marketing-page-paddings-horizontal-large: 60px;
3721
3725
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3722
3726
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -4256,6 +4260,10 @@
4256
4260
  --wds-statistics-widget-description-font-line-height: 16px;
4257
4261
  --wds-statistics-widget-description-font-size: 12px;
4258
4262
  --wds-statistics-widget-description-info-gap: 2px;
4263
+ --wds-statistics-widget-padding-horizontal-large: 12px;
4264
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
4265
+ --wds-statistics-widget-padding-vertical-large: 20px;
4266
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4259
4267
  --wds-statistics-widget-trend-space-top: 0px;
4260
4268
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4261
4269
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
package/odeditor/component.st.css CHANGED
@@ -1197,6 +1197,10 @@
1197
1197
  @property st-global(--wds-statistics-widget-description-font-line-height);
1198
1198
  @property st-global(--wds-statistics-widget-description-font-size);
1199
1199
  @property st-global(--wds-statistics-widget-description-info-gap);
1200
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1201
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1202
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1203
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1200
1204
  @property st-global(--wds-statistics-widget-trend-space-top);
1201
1205
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1202
1206
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2328,10 +2332,10 @@
2328
2332
  --wds-loader-stroke-width-medium: 2px;
2329
2333
  --wds-loader-stroke-width-small: 2px;
2330
2334
  --wds-loader-stroke-width-tiny: 2px;
2331
- --wds-marketing-layout-actions-gap-medium: 12px;
2332
- --wds-marketing-layout-actions-gap-small: 12px;
2333
- --wds-marketing-layout-actions-gap-tiny: 12px;
2334
- --wds-marketing-layout-badge-gap: 12px;
2335
+ --wds-marketing-layout-actions-gap-medium: 24px;
2336
+ --wds-marketing-layout-actions-gap-small: 24px;
2337
+ --wds-marketing-layout-actions-gap-tiny: 24px;
2338
+ --wds-marketing-layout-badge-gap: 8px;
2335
2339
  --wds-marketing-layout-badge-offset-medium: 0px;
2336
2340
  --wds-marketing-layout-badge-offset-small: 0px;
2337
2341
  --wds-marketing-layout-badge-offset-tiny: 0px;
@@ -2339,7 +2343,7 @@
2339
2343
  --wds-marketing-layout-badge-side: auto;
2340
2344
  --wds-marketing-layout-badge-top: auto;
2341
2345
  --wds-marketing-layout-border: 4px;
2342
- --wds-marketing-layout-description-color: #767574;
2346
+ --wds-marketing-layout-description-color: #525150;
2343
2347
  --wds-marketing-layout-description-font-size-medium: 12px;
2344
2348
  --wds-marketing-layout-description-font-size-small: 12px;
2345
2349
  --wds-marketing-layout-description-font-size-tiny: 12px;
@@ -2350,36 +2354,36 @@
2350
2354
  --wds-marketing-layout-description-line-height-small: 16px;
2351
2355
  --wds-marketing-layout-description-line-height-tiny: 16px;
2352
2356
  --wds-marketing-layout-image-border-radius: 8px;
2353
- --wds-marketing-layout-image-padding-left-medium: 16px;
2354
- --wds-marketing-layout-image-padding-left-small: 16px;
2355
- --wds-marketing-layout-image-padding-left-tiny: 16px;
2356
- --wds-marketing-layout-image-padding-right-medium: 16px;
2357
- --wds-marketing-layout-image-padding-right-small: 16px;
2358
- --wds-marketing-layout-image-padding-right-tiny: 16px;
2359
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
2360
- --wds-marketing-layout-image-padding-vertical-small: 16px;
2361
- --wds-marketing-layout-image-padding-vertical-tiny: 16px;
2362
- --wds-marketing-layout-padding-left-medium: 24px;
2363
- --wds-marketing-layout-padding-left-small: 24px;
2364
- --wds-marketing-layout-padding-left-tiny: 24px;
2365
- --wds-marketing-layout-padding-right-medium: 24px;
2366
- --wds-marketing-layout-padding-right-small: 24px;
2367
- --wds-marketing-layout-padding-right-tiny: 24px;
2368
- --wds-marketing-layout-padding-vertical-medium: 24px;
2369
- --wds-marketing-layout-padding-vertical-small: 24px;
2370
- --wds-marketing-layout-padding-vertical-tiny: 24px;
2357
+ --wds-marketing-layout-image-padding-left-medium: 12px;
2358
+ --wds-marketing-layout-image-padding-left-small: 12px;
2359
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
2360
+ --wds-marketing-layout-image-padding-right-medium: 12px;
2361
+ --wds-marketing-layout-image-padding-right-small: 12px;
2362
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
2363
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
2364
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
2365
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2366
+ --wds-marketing-layout-padding-left-medium: 20px;
2367
+ --wds-marketing-layout-padding-left-small: 8px;
2368
+ --wds-marketing-layout-padding-left-tiny: 8px;
2369
+ --wds-marketing-layout-padding-right-medium: 8px;
2370
+ --wds-marketing-layout-padding-right-small: 20px;
2371
+ --wds-marketing-layout-padding-right-tiny: 20px;
2372
+ --wds-marketing-layout-padding-vertical-medium: 20px;
2373
+ --wds-marketing-layout-padding-vertical-small: 20px;
2374
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
2371
2375
  --wds-marketing-layout-title-font-size-medium: 16px;
2372
2376
  --wds-marketing-layout-title-font-size-small: 16px;
2373
2377
  --wds-marketing-layout-title-font-size-tiny: 16px;
2374
2378
  --wds-marketing-layout-title-font-weight-medium: 700;
2375
2379
  --wds-marketing-layout-title-font-weight-small: 700;
2376
2380
  --wds-marketing-layout-title-font-weight-tiny: 700;
2377
- --wds-marketing-layout-title-gap-medium: 4px;
2378
- --wds-marketing-layout-title-gap-small: 4px;
2379
- --wds-marketing-layout-title-gap-tiny: 4px;
2380
- --wds-marketing-layout-title-line-height-medium: 24px;
2381
- --wds-marketing-layout-title-line-height-small: 24px;
2382
- --wds-marketing-layout-title-line-height-tiny: 24px;
2381
+ --wds-marketing-layout-title-gap-medium: 8px;
2382
+ --wds-marketing-layout-title-gap-small: 8px;
2383
+ --wds-marketing-layout-title-gap-tiny: 8px;
2384
+ --wds-marketing-layout-title-line-height-medium: 20px;
2385
+ --wds-marketing-layout-title-line-height-small: 20px;
2386
+ --wds-marketing-layout-title-line-height-tiny: 20px;
2383
2387
  --wds-marketing-page-paddings-horizontal-large: 60px;
2384
2388
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2385
2389
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -2764,6 +2768,10 @@
2764
2768
  --wds-statistics-widget-description-font-line-height: 16px;
2765
2769
  --wds-statistics-widget-description-font-size: 12px;
2766
2770
  --wds-statistics-widget-description-info-gap: 2px;
2771
+ --wds-statistics-widget-padding-horizontal-large: 12px;
2772
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
2773
+ --wds-statistics-widget-padding-vertical-large: 20px;
2774
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2767
2775
  --wds-statistics-widget-trend-space-top: 0px;
2768
2776
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2769
2777
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
package/odeditor-dark/all.css CHANGED
@@ -386,15 +386,9 @@
386
386
  --wds-page-header-breadcrumbs-offset-small: 0px;
387
387
  --wds-page-header-breadcrumbs-offset-medium: 0px;
388
388
  --wds-page-header-breadcrumbs-offset-large: 0px;
389
- --wds-marketing-layout-title-font-size-tiny: 20px;
390
- --wds-marketing-layout-image-border-radius: 0px;
391
- --wds-marketing-layout-badge-top: 9px;
392
- --wds-marketing-layout-badge-side: -3px;
393
- --wds-marketing-layout-badge-position: absolute;
394
- --wds-marketing-layout-badge-offset-tiny: 18px;
395
- --wds-marketing-layout-badge-offset-small: 12px;
396
- --wds-marketing-layout-badge-offset-medium: 12px;
397
- --wds-marketing-layout-badge-gap: 0px;
389
+ --wds-marketing-layout-badge-top: auto;
390
+ --wds-marketing-layout-badge-side: auto;
391
+ --wds-marketing-layout-badge-position: static;
398
392
  --wds-loader-stroke-width-tiny: 2px;
399
393
  --wds-loader-stroke-width-small: 2px;
400
394
  --wds-loader-stroke-width-medium: 2px;
@@ -1072,6 +1066,10 @@
1072
1066
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
1073
1067
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
1074
1068
  --wds-statistics-widget-trend-space-top: var(--wds-space-0);
1069
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1070
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
1071
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
1072
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
1075
1073
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
1076
1074
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1077
1075
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -1335,27 +1333,46 @@
1335
1333
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1336
1334
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1337
1335
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1338
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1339
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1336
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1337
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1338
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1339
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1340
+ --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1340
1341
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1341
- --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1342
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1342
1343
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1344
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1345
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1346
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1347
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
1348
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
1349
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
1350
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
1351
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
1352
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
1353
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
1343
1354
  --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1344
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1345
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1346
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1347
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1348
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1349
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1350
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1351
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1352
- --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1353
- --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1354
- --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1355
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1356
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1357
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1358
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1359
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1360
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1361
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1362
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1363
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1364
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1365
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1366
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1367
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1355
1368
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1356
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1357
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1358
- --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1369
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1370
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1371
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1372
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1373
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1374
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1375
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1359
1376
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1360
1377
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1361
1378
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1945,13 +1962,12 @@
1945
1962
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1946
1963
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1947
1964
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1948
- --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1965
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1949
1966
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1950
- --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1951
- --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1952
- --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1953
- --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1954
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1967
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1968
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1969
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1970
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1955
1971
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1956
1972
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1957
1973
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2267,12 +2283,9 @@
2267
2283
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2268
2284
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2269
2285
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2270
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2271
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2272
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2273
- --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2274
- --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2275
- --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);
2276
2289
  --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2277
2290
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2278
2291
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/odeditor-dark/all.scss CHANGED
@@ -145,15 +145,9 @@
145
145
  --wds-page-header-breadcrumbs-offset-small: 0px;
146
146
  --wds-page-header-breadcrumbs-offset-medium: 0px;
147
147
  --wds-page-header-breadcrumbs-offset-large: 0px;
148
- --wds-marketing-layout-title-font-size-tiny: 20px;
149
- --wds-marketing-layout-image-border-radius: 0px;
150
- --wds-marketing-layout-badge-top: 9px;
151
- --wds-marketing-layout-badge-side: -3px;
152
- --wds-marketing-layout-badge-position: absolute;
153
- --wds-marketing-layout-badge-offset-tiny: 18px;
154
- --wds-marketing-layout-badge-offset-small: 12px;
155
- --wds-marketing-layout-badge-offset-medium: 12px;
156
- --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;
157
151
  --wds-loader-stroke-width-tiny: 2px;
158
152
  --wds-loader-stroke-width-small: 2px;
159
153
  --wds-loader-stroke-width-medium: 2px;
@@ -651,6 +645,10 @@
651
645
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
652
646
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
653
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);
654
652
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
655
653
  --wds-space-viewport-spacing: var(--wds-space-1200);
656
654
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
@@ -995,27 +993,46 @@
995
993
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
996
994
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
997
995
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
998
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
999
- --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);
1000
1001
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1001
- --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);
1002
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);
1003
1014
  --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1004
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1005
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1006
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1007
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1008
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1009
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1010
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1011
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1012
- --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1013
- --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1014
- --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);
1015
1028
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1016
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1017
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1018
- --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);
1019
1036
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1020
1037
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1021
1038
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
@@ -1935,13 +1952,12 @@
1935
1952
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1936
1953
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1937
1954
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1938
- --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);
1939
1956
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1940
- --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1941
- --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1942
- --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1943
- --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1944
- --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);
1945
1961
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1946
1962
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1947
1963
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2267,12 +2283,9 @@
2267
2283
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2268
2284
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2269
2285
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2270
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2271
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2272
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2273
- --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2274
- --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2275
- --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);
2276
2289
  --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2277
2290
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2278
2291
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/odeditor-dark/all.st.css CHANGED
@@ -1388,6 +1388,15 @@
1388
1388
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1389
1389
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1390
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);
1391
1400
  @property st-global(--wds-marketing-layout-title-font-size-medium);
1392
1401
  @property st-global(--wds-marketing-layout-title-font-size-small);
1393
1402
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1935,6 +1944,10 @@
1935
1944
  @property st-global(--wds-statistics-widget-description-font-line-height);
1936
1945
  @property st-global(--wds-statistics-widget-description-font-size);
1937
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);
1938
1951
  @property st-global(--wds-statistics-widget-trend-space-top);
1939
1952
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1940
1953
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -3664,49 +3677,58 @@
3664
3677
  --wds-loader-stroke-width-medium: 2px;
3665
3678
  --wds-loader-stroke-width-small: 2px;
3666
3679
  --wds-loader-stroke-width-tiny: 2px;
3667
- --wds-marketing-layout-actions-gap-medium: 16px;
3668
- --wds-marketing-layout-actions-gap-small: 12px;
3669
- --wds-marketing-layout-actions-gap-tiny: 12px;
3670
- --wds-marketing-layout-badge-gap: 0px;
3671
- --wds-marketing-layout-badge-offset-medium: 12px;
3672
- --wds-marketing-layout-badge-offset-small: 12px;
3673
- --wds-marketing-layout-badge-offset-tiny: 18px;
3674
- --wds-marketing-layout-badge-position: absolute;
3675
- --wds-marketing-layout-badge-side: -3px;
3676
- --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;
3677
3690
  --wds-marketing-layout-border: 4px;
3678
- --wds-marketing-layout-description-color: #D4D3D2;
3679
- --wds-marketing-layout-description-font-size-medium: 16px;
3680
- --wds-marketing-layout-description-font-size-small: 14px;
3681
- --wds-marketing-layout-description-font-size-tiny: 14px;
3682
- --wds-marketing-layout-description-font-weight-medium: 400;
3683
- --wds-marketing-layout-description-font-weight-small: 400;
3684
- --wds-marketing-layout-description-font-weight-tiny: 400;
3685
- --wds-marketing-layout-description-line-height-medium: 24px;
3686
- --wds-marketing-layout-description-line-height-small: 18px;
3687
- --wds-marketing-layout-description-line-height-tiny: 18px;
3688
- --wds-marketing-layout-image-border-radius: 0px;
3689
- --wds-marketing-layout-image-padding-left-medium: 32px;
3690
- --wds-marketing-layout-image-padding-left-small: 16px;
3691
- --wds-marketing-layout-image-padding-left-tiny: 16px;
3692
- --wds-marketing-layout-image-padding-right-medium: 28px;
3693
- --wds-marketing-layout-image-padding-right-small: 20px;
3694
- --wds-marketing-layout-image-padding-right-tiny: 20px;
3695
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
3696
- --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;
3697
3710
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
3698
- --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;
3699
3721
  --wds-marketing-layout-title-font-size-small: 16px;
3700
- --wds-marketing-layout-title-font-size-tiny: 20px;
3701
- --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;
3702
3724
  --wds-marketing-layout-title-font-weight-small: 700;
3703
- --wds-marketing-layout-title-font-weight-tiny: 600;
3725
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3704
3726
  --wds-marketing-layout-title-gap-medium: 8px;
3705
- --wds-marketing-layout-title-gap-small: 4px;
3706
- --wds-marketing-layout-title-gap-tiny: 4px;
3707
- --wds-marketing-layout-title-line-height-medium: 30px;
3708
- --wds-marketing-layout-title-line-height-small: 24px;
3709
- --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;
3710
3732
  --wds-marketing-page-paddings-horizontal-large: 60px;
3711
3733
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3712
3734
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -4242,6 +4264,10 @@
4242
4264
  --wds-statistics-widget-description-font-line-height: 16px;
4243
4265
  --wds-statistics-widget-description-font-size: 12px;
4244
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;
4245
4271
  --wds-statistics-widget-trend-space-top: 0px;
4246
4272
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4247
4273
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
package/odeditor-dark/component.st.css CHANGED
@@ -797,6 +797,15 @@
797
797
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
798
798
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
799
799
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
800
+ @property st-global(--wds-marketing-layout-padding-left-medium);
801
+ @property st-global(--wds-marketing-layout-padding-left-small);
802
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
803
+ @property st-global(--wds-marketing-layout-padding-right-medium);
804
+ @property st-global(--wds-marketing-layout-padding-right-small);
805
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
806
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
807
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
808
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
800
809
  @property st-global(--wds-marketing-layout-title-font-size-medium);
801
810
  @property st-global(--wds-marketing-layout-title-font-size-small);
802
811
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1189,6 +1198,10 @@
1189
1198
  @property st-global(--wds-statistics-widget-description-font-line-height);
1190
1199
  @property st-global(--wds-statistics-widget-description-font-size);
1191
1200
  @property st-global(--wds-statistics-widget-description-info-gap);
1201
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1202
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1203
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1204
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1192
1205
  @property st-global(--wds-statistics-widget-trend-space-top);
1193
1206
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1194
1207
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2325,49 +2338,58 @@
2325
2338
  --wds-loader-stroke-width-medium: 2px;
2326
2339
  --wds-loader-stroke-width-small: 2px;
2327
2340
  --wds-loader-stroke-width-tiny: 2px;
2328
- --wds-marketing-layout-actions-gap-medium: 16px;
2329
- --wds-marketing-layout-actions-gap-small: 12px;
2330
- --wds-marketing-layout-actions-gap-tiny: 12px;
2331
- --wds-marketing-layout-badge-gap: 0px;
2332
- --wds-marketing-layout-badge-offset-medium: 12px;
2333
- --wds-marketing-layout-badge-offset-small: 12px;
2334
- --wds-marketing-layout-badge-offset-tiny: 18px;
2335
- --wds-marketing-layout-badge-position: absolute;
2336
- --wds-marketing-layout-badge-side: -3px;
2337
- --wds-marketing-layout-badge-top: 9px;
2341
+ --wds-marketing-layout-actions-gap-medium: 24px;
2342
+ --wds-marketing-layout-actions-gap-small: 24px;
2343
+ --wds-marketing-layout-actions-gap-tiny: 24px;
2344
+ --wds-marketing-layout-badge-gap: 8px;
2345
+ --wds-marketing-layout-badge-offset-medium: 0px;
2346
+ --wds-marketing-layout-badge-offset-small: 0px;
2347
+ --wds-marketing-layout-badge-offset-tiny: 0px;
2348
+ --wds-marketing-layout-badge-position: static;
2349
+ --wds-marketing-layout-badge-side: auto;
2350
+ --wds-marketing-layout-badge-top: auto;
2338
2351
  --wds-marketing-layout-border: 4px;
2339
- --wds-marketing-layout-description-color: #D4D3D2;
2340
- --wds-marketing-layout-description-font-size-medium: 16px;
2341
- --wds-marketing-layout-description-font-size-small: 14px;
2342
- --wds-marketing-layout-description-font-size-tiny: 14px;
2343
- --wds-marketing-layout-description-font-weight-medium: 400;
2344
- --wds-marketing-layout-description-font-weight-small: 400;
2345
- --wds-marketing-layout-description-font-weight-tiny: 400;
2346
- --wds-marketing-layout-description-line-height-medium: 24px;
2347
- --wds-marketing-layout-description-line-height-small: 18px;
2348
- --wds-marketing-layout-description-line-height-tiny: 18px;
2349
- --wds-marketing-layout-image-border-radius: 0px;
2350
- --wds-marketing-layout-image-padding-left-medium: 32px;
2351
- --wds-marketing-layout-image-padding-left-small: 16px;
2352
- --wds-marketing-layout-image-padding-left-tiny: 16px;
2353
- --wds-marketing-layout-image-padding-right-medium: 28px;
2354
- --wds-marketing-layout-image-padding-right-small: 20px;
2355
- --wds-marketing-layout-image-padding-right-tiny: 20px;
2356
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
2357
- --wds-marketing-layout-image-padding-vertical-small: 16px;
2352
+ --wds-marketing-layout-description-color: #A8A6A5;
2353
+ --wds-marketing-layout-description-font-size-medium: 12px;
2354
+ --wds-marketing-layout-description-font-size-small: 12px;
2355
+ --wds-marketing-layout-description-font-size-tiny: 12px;
2356
+ --wds-marketing-layout-description-font-weight-medium: 500;
2357
+ --wds-marketing-layout-description-font-weight-small: 500;
2358
+ --wds-marketing-layout-description-font-weight-tiny: 500;
2359
+ --wds-marketing-layout-description-line-height-medium: 16px;
2360
+ --wds-marketing-layout-description-line-height-small: 16px;
2361
+ --wds-marketing-layout-description-line-height-tiny: 16px;
2362
+ --wds-marketing-layout-image-border-radius: 8px;
2363
+ --wds-marketing-layout-image-padding-left-medium: 12px;
2364
+ --wds-marketing-layout-image-padding-left-small: 12px;
2365
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
2366
+ --wds-marketing-layout-image-padding-right-medium: 12px;
2367
+ --wds-marketing-layout-image-padding-right-small: 12px;
2368
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
2369
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
2370
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
2358
2371
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2359
- --wds-marketing-layout-title-font-size-medium: 24px;
2372
+ --wds-marketing-layout-padding-left-medium: 20px;
2373
+ --wds-marketing-layout-padding-left-small: 8px;
2374
+ --wds-marketing-layout-padding-left-tiny: 8px;
2375
+ --wds-marketing-layout-padding-right-medium: 8px;
2376
+ --wds-marketing-layout-padding-right-small: 20px;
2377
+ --wds-marketing-layout-padding-right-tiny: 20px;
2378
+ --wds-marketing-layout-padding-vertical-medium: 20px;
2379
+ --wds-marketing-layout-padding-vertical-small: 20px;
2380
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
2381
+ --wds-marketing-layout-title-font-size-medium: 16px;
2360
2382
  --wds-marketing-layout-title-font-size-small: 16px;
2361
- --wds-marketing-layout-title-font-size-tiny: 20px;
2362
- --wds-marketing-layout-title-font-weight-medium: 500;
2383
+ --wds-marketing-layout-title-font-size-tiny: 16px;
2384
+ --wds-marketing-layout-title-font-weight-medium: 700;
2363
2385
  --wds-marketing-layout-title-font-weight-small: 700;
2364
- --wds-marketing-layout-title-font-weight-tiny: 600;
2386
+ --wds-marketing-layout-title-font-weight-tiny: 700;
2365
2387
  --wds-marketing-layout-title-gap-medium: 8px;
2366
- --wds-marketing-layout-title-gap-small: 4px;
2367
- --wds-marketing-layout-title-gap-tiny: 4px;
2368
- --wds-marketing-layout-title-line-height-medium: 30px;
2369
- --wds-marketing-layout-title-line-height-small: 24px;
2370
- --wds-marketing-layout-title-line-height-tiny: 24px;
2388
+ --wds-marketing-layout-title-gap-small: 8px;
2389
+ --wds-marketing-layout-title-gap-tiny: 8px;
2390
+ --wds-marketing-layout-title-line-height-medium: 20px;
2391
+ --wds-marketing-layout-title-line-height-small: 20px;
2392
+ --wds-marketing-layout-title-line-height-tiny: 20px;
2371
2393
  --wds-marketing-page-paddings-horizontal-large: 60px;
2372
2394
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2373
2395
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -2748,6 +2770,10 @@
2748
2770
  --wds-statistics-widget-description-font-line-height: 16px;
2749
2771
  --wds-statistics-widget-description-font-size: 12px;
2750
2772
  --wds-statistics-widget-description-info-gap: 2px;
2773
+ --wds-statistics-widget-padding-horizontal-large: 12px;
2774
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
2775
+ --wds-statistics-widget-padding-vertical-large: 20px;
2776
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2751
2777
  --wds-statistics-widget-trend-space-top: 0px;
2752
2778
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2753
2779
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.219.2",
3
+ "version": "1.219.3",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "3e9bb525c729de7baccf27e40ed4c21277166894939a2444b51d4963"
39
+ "falconPackageHash": "58840d2005eec2030c5ea774995395f04d4fdc9ca2160b3a1b844da8"
40
40
  }
package/studio/all.css CHANGED
@@ -331,6 +331,7 @@
331
331
  --wds-swatches-swatch-active-border-radius-medium: 7px;
332
332
  --wds-status-toast-width: 600px;
333
333
  --wds-statistics-widget-trend-space-top: 5px;
334
+ --wds-statistics-widget-padding-vertical-large: 18px;
334
335
  --wds-statistics-widget-description-info-gap: 6px;
335
336
  --wds-slider-track-size-transparent: 2px;
336
337
  --wds-slider-track-size: 2px;
@@ -1047,6 +1048,9 @@
1047
1048
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
1048
1049
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
1049
1050
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
1051
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1052
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-600);
1053
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-600);
1050
1054
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1051
1055
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
1052
1056
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
package/studio/all.scss CHANGED
@@ -16,6 +16,7 @@
16
16
  --wds-swatches-swatch-active-border-radius-medium: 7px;
17
17
  --wds-status-toast-width: 600px;
18
18
  --wds-statistics-widget-trend-space-top: 5px;
19
+ --wds-statistics-widget-padding-vertical-large: 18px;
19
20
  --wds-statistics-widget-description-info-gap: 6px;
20
21
  --wds-space-2400: 96px;
21
22
  --wds-space-1700: 68px;
@@ -636,6 +637,9 @@
636
637
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
637
638
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
638
639
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
640
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
641
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-600);
642
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-600);
639
643
  --wds-space-viewport-spacing: var(--wds-space-1200);
640
644
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
641
645
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
package/studio/all.st.css CHANGED
@@ -1952,6 +1952,10 @@
1952
1952
  @property st-global(--wds-statistics-widget-description-font-line-height);
1953
1953
  @property st-global(--wds-statistics-widget-description-font-size);
1954
1954
  @property st-global(--wds-statistics-widget-description-info-gap);
1955
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1956
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1957
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1958
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1955
1959
  @property st-global(--wds-statistics-widget-trend-space-top);
1956
1960
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1957
1961
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -4274,6 +4278,10 @@
4274
4278
  --wds-statistics-widget-description-font-line-height: 20px;
4275
4279
  --wds-statistics-widget-description-font-size: 14px;
4276
4280
  --wds-statistics-widget-description-info-gap: 6px;
4281
+ --wds-statistics-widget-padding-horizontal-large: 24px;
4282
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
4283
+ --wds-statistics-widget-padding-vertical-large: 18px;
4284
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4277
4285
  --wds-statistics-widget-trend-space-top: 5px;
4278
4286
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4279
4287
  --wds-statistics-widget-value-font-letter-spacing: 0px;
package/studio/component.st.css CHANGED
@@ -1210,6 +1210,10 @@
1210
1210
  @property st-global(--wds-statistics-widget-description-font-line-height);
1211
1211
  @property st-global(--wds-statistics-widget-description-font-size);
1212
1212
  @property st-global(--wds-statistics-widget-description-info-gap);
1213
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1214
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1215
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1216
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1213
1217
  @property st-global(--wds-statistics-widget-trend-space-top);
1214
1218
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1215
1219
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2788,6 +2792,10 @@
2788
2792
  --wds-statistics-widget-description-font-line-height: 20px;
2789
2793
  --wds-statistics-widget-description-font-size: 14px;
2790
2794
  --wds-statistics-widget-description-info-gap: 6px;
2795
+ --wds-statistics-widget-padding-horizontal-large: 24px;
2796
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
2797
+ --wds-statistics-widget-padding-vertical-large: 18px;
2798
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2791
2799
  --wds-statistics-widget-trend-space-top: 5px;
2792
2800
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2793
2801
  --wds-statistics-widget-value-font-letter-spacing: 0px;
package/wixel/all.css CHANGED
@@ -1007,6 +1007,10 @@
1007
1007
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
1008
1008
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
1009
1009
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
1010
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1011
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
1012
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
1013
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
1010
1014
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1011
1015
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
1012
1016
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
package/wixel/all.scss CHANGED
@@ -612,6 +612,10 @@
612
612
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
613
613
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
614
614
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
615
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
616
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
617
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
618
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
615
619
  --wds-space-viewport-spacing: var(--wds-space-1200);
616
620
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
617
621
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
package/wixel/all.st.css CHANGED
@@ -1895,6 +1895,10 @@
1895
1895
  @property st-global(--wds-statistics-widget-description-font-line-height);
1896
1896
  @property st-global(--wds-statistics-widget-description-font-size);
1897
1897
  @property st-global(--wds-statistics-widget-description-info-gap);
1898
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1899
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1900
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1901
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1898
1902
  @property st-global(--wds-statistics-widget-trend-space-top);
1899
1903
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1900
1904
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -4153,6 +4157,10 @@
4153
4157
  --wds-statistics-widget-description-font-line-height: 20px;
4154
4158
  --wds-statistics-widget-description-font-size: 14px;
4155
4159
  --wds-statistics-widget-description-info-gap: 6px;
4160
+ --wds-statistics-widget-padding-horizontal-large: 12px;
4161
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
4162
+ --wds-statistics-widget-padding-vertical-large: 20px;
4163
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4156
4164
  --wds-statistics-widget-trend-space-top: 5px;
4157
4165
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4158
4166
  --wds-statistics-widget-value-font-letter-spacing: 0px;
package/wixel/component.st.css CHANGED
@@ -1183,6 +1183,10 @@
1183
1183
  @property st-global(--wds-statistics-widget-description-font-line-height);
1184
1184
  @property st-global(--wds-statistics-widget-description-font-size);
1185
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);
1186
1190
  @property st-global(--wds-statistics-widget-trend-space-top);
1187
1191
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1188
1192
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2727,6 +2731,10 @@
2727
2731
  --wds-statistics-widget-description-font-line-height: 20px;
2728
2732
  --wds-statistics-widget-description-font-size: 14px;
2729
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;
2730
2738
  --wds-statistics-widget-trend-space-top: 5px;
2731
2739
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2732
2740
  --wds-statistics-widget-value-font-letter-spacing: 0px;