@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/all.css CHANGED
@@ -371,6 +371,7 @@
371
371
  --wds-side-panel-control-layout-divider-border-width: false;
372
372
  --wds-section-helper-prefix-offset-margin: 0px;
373
373
  --wds-radio-dot-size: 4px;
374
+ --wds-page-header-divider-color: transparent;
374
375
  --wds-page-header-breadcrumbs-offset-small: 0px;
375
376
  --wds-page-header-breadcrumbs-offset-medium: 0px;
376
377
  --wds-page-header-breadcrumbs-offset-large: 0px;
@@ -381,6 +382,7 @@
381
382
  --wds-loader-stroke-width-small: 2px;
382
383
  --wds-loader-stroke-width-medium: 2px;
383
384
  --wds-loader-stroke-width-large: 2px;
385
+ --wds-list-item-select-min-height-medium: auto;
384
386
  --wds-list-item-action-subtitle-offset: -2px;
385
387
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
386
388
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -413,6 +415,7 @@
413
415
  --wds-card-header-suffix-align: flex-start;
414
416
  --wds-card-divider-opacity: 0;
415
417
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
418
+ --wds-button-border-ai-secondary-mask: none;
416
419
  --wds-breadcrumbs-height-medium: 26px;
417
420
  --wds-avatar-group-gap-condensed: -2px;
418
421
  --wds-avatar-group-counter-background-blur: 4px;
@@ -1055,6 +1058,10 @@
1055
1058
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
1056
1059
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
1057
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);
1058
1065
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
1059
1066
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1060
1067
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -1256,11 +1263,16 @@
1256
1263
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1257
1264
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1258
1265
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
1266
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1267
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
1259
1268
  --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1260
1269
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1261
1270
  --wds-page-header-padding-vertical: var(--wds-space-600);
1262
1271
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1263
1272
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1273
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1274
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
1275
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
1264
1276
  --wds-page-header-back-button-gap: var(--wds-space-200);
1265
1277
  --wds-padding-vertical-tiny: var(--wds-space-500);
1266
1278
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -1304,42 +1316,46 @@
1304
1316
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1305
1317
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1306
1318
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1307
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1308
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1309
- --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);
1310
1325
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1311
1326
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1312
1327
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1313
- --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-600);
1314
- --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1315
- --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
1316
- --wds-marketing-layout-padding-right-tiny: var(--wds-space-600);
1317
- --wds-marketing-layout-padding-right-small: var(--wds-space-600);
1318
- --wds-marketing-layout-padding-right-medium: var(--wds-space-600);
1319
- --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
1320
- --wds-marketing-layout-padding-left-small: var(--wds-space-600);
1321
- --wds-marketing-layout-padding-left-medium: var(--wds-space-600);
1322
- --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-400);
1323
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1324
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1325
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-400);
1326
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-400);
1327
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-400);
1328
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1329
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1330
- --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);
1331
1346
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1332
1347
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1333
1348
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1334
1349
  --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1350
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1335
1351
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1336
1352
  --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1337
1353
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1338
1354
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1339
- --wds-marketing-layout-badge-gap: var(--wds-space-300);
1340
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1341
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1342
- --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);
1343
1359
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1344
1360
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1345
1361
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1347,18 +1363,18 @@
1347
1363
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1348
1364
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1349
1365
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1366
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1350
1367
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1351
1368
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1352
1369
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1353
1370
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1354
1371
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1355
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1356
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1372
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1373
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1357
1374
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1358
1375
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1359
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1360
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1361
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1376
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1377
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1362
1378
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1363
1379
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1364
1380
  --wds-list-item-select-gap: var(--wds-space-150);
@@ -1484,6 +1500,7 @@
1484
1500
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1485
1501
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1486
1502
  --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1503
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1487
1504
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1488
1505
  --wds-editable-title-marker-fill: var(--wds-color-black-100);
1489
1506
  --wds-dropdown-layout-option-size-small: var(--wds-space-800);
@@ -1885,6 +1902,7 @@
1885
1902
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1886
1903
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1887
1904
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
1905
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1888
1906
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1889
1907
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1890
1908
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
@@ -1941,7 +1959,6 @@
1941
1959
  --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1942
1960
  --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1943
1961
  --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1944
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary-light);
1945
1962
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1946
1963
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1947
1964
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2178,6 +2195,7 @@
2178
2195
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2179
2196
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2180
2197
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2198
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2181
2199
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2182
2200
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2183
2201
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2263,12 +2281,10 @@
2263
2281
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2264
2282
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2265
2283
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2266
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-heading-3);
2267
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2268
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-3);
2269
2284
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2270
2285
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2271
2286
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2287
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-small);
2272
2288
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2273
2289
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2274
2290
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor/all.scss CHANGED
@@ -131,6 +131,7 @@
131
131
  --wds-shadow-blur-0: 0px;
132
132
  --wds-section-helper-prefix-offset-margin: 0px;
133
133
  --wds-radio-dot-size: 4px;
134
+ --wds-page-header-divider-color: transparent;
134
135
  --wds-page-header-breadcrumbs-offset-small: 0px;
135
136
  --wds-page-header-breadcrumbs-offset-medium: 0px;
136
137
  --wds-page-header-breadcrumbs-offset-large: 0px;
@@ -141,6 +142,7 @@
141
142
  --wds-loader-stroke-width-small: 2px;
142
143
  --wds-loader-stroke-width-medium: 2px;
143
144
  --wds-loader-stroke-width-large: 2px;
145
+ --wds-list-item-select-min-height-medium: auto;
144
146
  --wds-list-item-action-subtitle-offset: -2px;
145
147
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
146
148
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -383,6 +385,7 @@
383
385
  --wds-card-header-suffix-align: flex-start;
384
386
  --wds-card-divider-opacity: 0;
385
387
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
388
+ --wds-button-border-ai-secondary-mask: none;
386
389
  --wds-breakpoint-x-large: 1572px;
387
390
  --wds-breakpoint-small: 490px;
388
391
  --wds-breakpoint-medium: 768px;
@@ -634,6 +637,10 @@
634
637
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
635
638
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
636
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);
637
644
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
638
645
  --wds-space-viewport-spacing: var(--wds-space-1200);
639
646
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
@@ -918,11 +925,16 @@
918
925
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
919
926
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
920
927
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
928
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
929
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
921
930
  --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
922
931
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
923
932
  --wds-page-header-padding-vertical: var(--wds-space-600);
924
933
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
925
934
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
935
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
936
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
937
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
926
938
  --wds-page-header-back-button-gap: var(--wds-space-200);
927
939
  --wds-padding-vertical-tiny: var(--wds-space-500);
928
940
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -966,57 +978,61 @@
966
978
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
967
979
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
968
980
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
969
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
970
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
971
- --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);
972
987
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
973
988
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
974
989
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
975
- --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-600);
976
- --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
977
- --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
978
- --wds-marketing-layout-padding-right-tiny: var(--wds-space-600);
979
- --wds-marketing-layout-padding-right-small: var(--wds-space-600);
980
- --wds-marketing-layout-padding-right-medium: var(--wds-space-600);
981
- --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
982
- --wds-marketing-layout-padding-left-small: var(--wds-space-600);
983
- --wds-marketing-layout-padding-left-medium: var(--wds-space-600);
984
- --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-400);
985
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
986
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
987
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-400);
988
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-400);
989
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-400);
990
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
991
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
992
- --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);
993
1008
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
994
1009
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
995
1010
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
996
1011
  --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1012
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
997
1013
  --wds-marketing-layout-border: var(--wds-border-radius-200);
998
1014
  --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
999
1015
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1000
1016
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1001
- --wds-marketing-layout-badge-gap: var(--wds-space-300);
1002
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1003
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1004
- --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);
1005
1021
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1006
1022
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1007
1023
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1024
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1008
1025
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1009
1026
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1010
1027
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1011
1028
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1012
1029
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1013
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1014
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1030
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1031
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1015
1032
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1016
1033
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1017
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1018
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1019
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1034
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1035
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1020
1036
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1021
1037
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1022
1038
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
@@ -1185,6 +1201,7 @@
1185
1201
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1186
1202
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1187
1203
  --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1204
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1188
1205
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1189
1206
  --wds-editable-title-marker-fill: var(--wds-color-black-100);
1190
1207
  --wds-dropdown-list-paddings: var(--wds-space-200);
@@ -1873,6 +1890,7 @@
1873
1890
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1874
1891
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1875
1892
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
1893
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1876
1894
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1877
1895
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1878
1896
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
@@ -1929,7 +1947,6 @@
1929
1947
  --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1930
1948
  --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1931
1949
  --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1932
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary-light);
1933
1950
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1934
1951
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1935
1952
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2178,6 +2195,7 @@
2178
2195
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2179
2196
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2180
2197
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2198
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2181
2199
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2182
2200
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2183
2201
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2263,12 +2281,10 @@
2263
2281
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2264
2282
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2265
2283
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2266
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-heading-3);
2267
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2268
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-3);
2269
2284
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2270
2285
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2271
2286
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2287
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-small);
2272
2288
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2273
2289
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2274
2290
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor/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);
@@ -933,6 +935,7 @@
933
935
  @property st-global(--wds-dropdown-list-paddings);
934
936
  @property st-global(--wds-editable-title-marker-fill);
935
937
  @property st-global(--wds-editable-title-marker-fill-active);
938
+ @property st-global(--wds-editable-title-marker-gap);
936
939
  @property st-global(--wds-editable-title-marker-line-style);
937
940
  @property st-global(--wds-editable-title-placeholder-fill);
938
941
  @property st-global(--wds-empty-state-border-radius);
@@ -1331,8 +1334,10 @@
1331
1334
  @property st-global(--wds-list-item-select-subtitle-disabled);
1332
1335
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1333
1336
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1337
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1334
1338
  @property st-global(--wds-list-item-select-suffix);
1335
1339
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1340
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
1336
1341
  @property st-global(--wds-list-item-select-suffix-pressed);
1337
1342
  @property st-global(--wds-list-item-select-title);
1338
1343
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1447,15 +1452,21 @@
1447
1452
  @property st-global(--wds-padding-vertical-small);
1448
1453
  @property st-global(--wds-padding-vertical-tiny);
1449
1454
  @property st-global(--wds-page-header-back-button-gap);
1455
+ @property st-global(--wds-page-header-breadcrumbs-color);
1456
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
1450
1457
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
1451
1458
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1452
1459
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
1460
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
1461
+ @property st-global(--wds-page-header-divider-color);
1453
1462
  @property st-global(--wds-page-header-padding-horizontal);
1454
1463
  @property st-global(--wds-page-header-padding-horizontal-small);
1455
1464
  @property st-global(--wds-page-header-padding-vertical);
1456
1465
  @property st-global(--wds-page-header-padding-vertical-small);
1457
1466
  @property st-global(--wds-page-header-subtitle-font-size);
1467
+ @property st-global(--wds-page-header-subtitle-gap);
1458
1468
  @property st-global(--wds-page-header-subtitle-line-height);
1469
+ @property st-global(--wds-page-header-subtitle-padding-start);
1459
1470
  @property st-global(--wds-page-header-title-actions-gap);
1460
1471
  @property st-global(--wds-page-header-title-font-size);
1461
1472
  @property st-global(--wds-page-header-title-font-weight);
@@ -1605,6 +1616,7 @@
1605
1616
  @property st-global(--wds-select-area-fill-hover);
1606
1617
  @property st-global(--wds-select-area-padding-horizontal);
1607
1618
  @property st-global(--wds-select-area-padding-vertical);
1619
+ @property st-global(--wds-selectable-accordion-fill);
1608
1620
  @property st-global(--wds-selector-button-border-color);
1609
1621
  @property st-global(--wds-selector-button-border-color-disabled);
1610
1622
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1930,6 +1942,10 @@
1930
1942
  @property st-global(--wds-statistics-widget-description-font-line-height);
1931
1943
  @property st-global(--wds-statistics-widget-description-font-size);
1932
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);
1933
1949
  @property st-global(--wds-statistics-widget-trend-space-top);
1934
1950
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1935
1951
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2481,6 +2497,7 @@
2481
2497
  --wds-breakpoint-medium: 768px;
2482
2498
  --wds-breakpoint-small: 490px;
2483
2499
  --wds-breakpoint-x-large: 1572px;
2500
+ --wds-button-border-ai-secondary-mask: none;
2484
2501
  --wds-button-border-dark-secondary: #767574;
2485
2502
  --wds-button-border-dark-secondary-active: #dedede;
2486
2503
  --wds-button-border-dark-secondary-disabled: #f0efef;
@@ -2505,6 +2522,7 @@
2505
2522
  --wds-button-fill-ai-primary: #5a48f5;
2506
2523
  --wds-button-fill-ai-primary-active: #5a48f5;
2507
2524
  --wds-button-fill-ai-primary-hover: #4d3dd0;
2525
+ --wds-button-fill-ai-secondary: #ffffff;
2508
2526
  --wds-button-fill-dark-primary-disabled: #f0efef;
2509
2527
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2510
2528
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -3235,6 +3253,7 @@
3235
3253
  --wds-dropdown-list-paddings: 8px;
3236
3254
  --wds-editable-title-marker-fill: #151414;
3237
3255
  --wds-editable-title-marker-fill-active: #597dff;
3256
+ --wds-editable-title-marker-gap: 4px;
3238
3257
  --wds-editable-title-marker-line-style: dotted;
3239
3258
  --wds-editable-title-placeholder-fill: #a8a6a5;
3240
3259
  --wds-empty-state-border-radius: 4px;
@@ -3617,13 +3636,13 @@
3617
3636
  --wds-list-item-select-label-font-size-small: 12px;
3618
3637
  --wds-list-item-select-label-font-weight-active: 500;
3619
3638
  --wds-list-item-select-label-font-weight-medium: 500;
3620
- --wds-list-item-select-min-height-medium: 52px;
3621
- --wds-list-item-select-padding-horizontal-medium: 12px;
3622
- --wds-list-item-select-padding-horizontal-small: 12px;
3639
+ --wds-list-item-select-min-height-medium: auto;
3640
+ --wds-list-item-select-padding-horizontal-medium: 8px;
3641
+ --wds-list-item-select-padding-horizontal-small: 8px;
3623
3642
  --wds-list-item-select-padding-left-medium: 12px;
3624
3643
  --wds-list-item-select-padding-left-small: 12px;
3625
- --wds-list-item-select-padding-right-medium: 16px;
3626
- --wds-list-item-select-padding-right-small: 16px;
3644
+ --wds-list-item-select-padding-right-medium: 12px;
3645
+ --wds-list-item-select-padding-right-small: 12px;
3627
3646
  --wds-list-item-select-padding-vertical-medium: 8px;
3628
3647
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3629
3648
  --wds-list-item-select-padding-vertical-small: 8px;
@@ -3633,8 +3652,10 @@
3633
3652
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
3634
3653
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3635
3654
  --wds-list-item-select-subtitle-font-size-medium: 12px;
3655
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3636
3656
  --wds-list-item-select-suffix: #151414;
3637
3657
  --wds-list-item-select-suffix-active-font-weight: 500;
3658
+ --wds-list-item-select-suffix-font-line-height-small: 18px;
3638
3659
  --wds-list-item-select-suffix-pressed: #1c3fe5;
3639
3660
  --wds-list-item-select-title: #151414;
3640
3661
  --wds-list-item-select-title-disabled: #a8a6a5;
@@ -3648,10 +3669,10 @@
3648
3669
  --wds-loader-stroke-width-medium: 2px;
3649
3670
  --wds-loader-stroke-width-small: 2px;
3650
3671
  --wds-loader-stroke-width-tiny: 2px;
3651
- --wds-marketing-layout-actions-gap-medium: 12px;
3652
- --wds-marketing-layout-actions-gap-small: 12px;
3653
- --wds-marketing-layout-actions-gap-tiny: 12px;
3654
- --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;
3655
3676
  --wds-marketing-layout-badge-offset-medium: 0px;
3656
3677
  --wds-marketing-layout-badge-offset-small: 0px;
3657
3678
  --wds-marketing-layout-badge-offset-tiny: 0px;
@@ -3659,7 +3680,7 @@
3659
3680
  --wds-marketing-layout-badge-side: auto;
3660
3681
  --wds-marketing-layout-badge-top: auto;
3661
3682
  --wds-marketing-layout-border: 4px;
3662
- --wds-marketing-layout-description-color: #767574;
3683
+ --wds-marketing-layout-description-color: #525150;
3663
3684
  --wds-marketing-layout-description-font-size-medium: 12px;
3664
3685
  --wds-marketing-layout-description-font-size-small: 12px;
3665
3686
  --wds-marketing-layout-description-font-size-tiny: 12px;
@@ -3670,36 +3691,36 @@
3670
3691
  --wds-marketing-layout-description-line-height-small: 16px;
3671
3692
  --wds-marketing-layout-description-line-height-tiny: 16px;
3672
3693
  --wds-marketing-layout-image-border-radius: 8px;
3673
- --wds-marketing-layout-image-padding-left-medium: 16px;
3674
- --wds-marketing-layout-image-padding-left-small: 16px;
3675
- --wds-marketing-layout-image-padding-left-tiny: 16px;
3676
- --wds-marketing-layout-image-padding-right-medium: 16px;
3677
- --wds-marketing-layout-image-padding-right-small: 16px;
3678
- --wds-marketing-layout-image-padding-right-tiny: 16px;
3679
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
3680
- --wds-marketing-layout-image-padding-vertical-small: 16px;
3681
- --wds-marketing-layout-image-padding-vertical-tiny: 16px;
3682
- --wds-marketing-layout-padding-left-medium: 24px;
3683
- --wds-marketing-layout-padding-left-small: 24px;
3684
- --wds-marketing-layout-padding-left-tiny: 24px;
3685
- --wds-marketing-layout-padding-right-medium: 24px;
3686
- --wds-marketing-layout-padding-right-small: 24px;
3687
- --wds-marketing-layout-padding-right-tiny: 24px;
3688
- --wds-marketing-layout-padding-vertical-medium: 24px;
3689
- --wds-marketing-layout-padding-vertical-small: 24px;
3690
- --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;
3691
3712
  --wds-marketing-layout-title-font-size-medium: 16px;
3692
3713
  --wds-marketing-layout-title-font-size-small: 16px;
3693
3714
  --wds-marketing-layout-title-font-size-tiny: 16px;
3694
3715
  --wds-marketing-layout-title-font-weight-medium: 700;
3695
3716
  --wds-marketing-layout-title-font-weight-small: 700;
3696
3717
  --wds-marketing-layout-title-font-weight-tiny: 700;
3697
- --wds-marketing-layout-title-gap-medium: 4px;
3698
- --wds-marketing-layout-title-gap-small: 4px;
3699
- --wds-marketing-layout-title-gap-tiny: 4px;
3700
- --wds-marketing-layout-title-line-height-medium: 24px;
3701
- --wds-marketing-layout-title-line-height-small: 24px;
3702
- --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;
3703
3724
  --wds-marketing-page-paddings-horizontal-large: 60px;
3704
3725
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3705
3726
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -3749,15 +3770,21 @@
3749
3770
  --wds-padding-vertical-small: 24px;
3750
3771
  --wds-padding-vertical-tiny: 20px;
3751
3772
  --wds-page-header-back-button-gap: 8px;
3773
+ --wds-page-header-breadcrumbs-color: #525150;
3774
+ --wds-page-header-breadcrumbs-font-size: 12px;
3752
3775
  --wds-page-header-breadcrumbs-offset-large: 0px;
3753
3776
  --wds-page-header-breadcrumbs-offset-medium: 0px;
3754
3777
  --wds-page-header-breadcrumbs-offset-small: 0px;
3778
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
3779
+ --wds-page-header-divider-color: transparent;
3755
3780
  --wds-page-header-padding-horizontal: 48px;
3756
3781
  --wds-page-header-padding-horizontal-small: 24px;
3757
3782
  --wds-page-header-padding-vertical: 24px;
3758
3783
  --wds-page-header-padding-vertical-small: 18px;
3759
3784
  --wds-page-header-subtitle-font-size: 12px;
3785
+ --wds-page-header-subtitle-gap: 4px;
3760
3786
  --wds-page-header-subtitle-line-height: 16px;
3787
+ --wds-page-header-subtitle-padding-start: 4px;
3761
3788
  --wds-page-header-title-actions-gap: 40px;
3762
3789
  --wds-page-header-title-font-size: 24px;
3763
3790
  --wds-page-header-title-font-weight: 500;
@@ -3907,6 +3934,7 @@
3907
3934
  --wds-select-area-fill-hover: #f0efef;
3908
3935
  --wds-select-area-padding-horizontal: 16px;
3909
3936
  --wds-select-area-padding-vertical: 12px;
3937
+ --wds-selectable-accordion-fill: #ffffff;
3910
3938
  --wds-selector-button-border-color: rgba(19, 23, 32, 0);
3911
3939
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
3912
3940
  --wds-selector-button-border-color-hover: #7896ff;
@@ -4232,6 +4260,10 @@
4232
4260
  --wds-statistics-widget-description-font-line-height: 16px;
4233
4261
  --wds-statistics-widget-description-font-size: 12px;
4234
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;
4235
4267
  --wds-statistics-widget-trend-space-top: 0px;
4236
4268
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4237
4269
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;