@wix/design-system-tokens 1.211.0 → 1.212.0

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 (23) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/all.css +55 -0
  3. package/all.scss +55 -0
  4. package/all.st.css +110 -0
  5. package/component.st.css +110 -0
  6. package/odeditor/all.css +87 -20
  7. package/odeditor/all.scss +86 -19
  8. package/odeditor/all.st.css +153 -19
  9. package/odeditor/component.st.css +153 -19
  10. package/odeditor-dark/all.css +73 -16
  11. package/odeditor-dark/all.scss +73 -16
  12. package/odeditor-dark/all.st.css +128 -14
  13. package/odeditor-dark/component.st.css +126 -12
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +6 -2
  16. package/studio/all.css +56 -1
  17. package/studio/all.scss +56 -1
  18. package/studio/all.st.css +111 -1
  19. package/studio/component.st.css +111 -1
  20. package/wixel/all.css +55 -0
  21. package/wixel/all.scss +55 -0
  22. package/wixel/all.st.css +110 -0
  23. package/wixel/component.st.css +110 -0
package/odeditor/all.st.css CHANGED
@@ -6,7 +6,12 @@
6
6
  @property st-global(--wds-accordion-caret-fill);
7
7
  @property st-global(--wds-accordion-caret-fill-hover);
8
8
  @property st-global(--wds-accordion-inner-content-fill);
9
+ @property st-global(--wds-accordion-inner-content-padding-bottom);
9
10
  @property st-global(--wds-accordion-inner-content-padding-top);
11
+ @property st-global(--wds-accordion-inner-content-padding-top-flat);
12
+ @property st-global(--wds-accordion-inner-content-shadow);
13
+ @property st-global(--wds-accordion-inner-content-shadow-last);
14
+ @property st-global(--wds-accordion-padding-horizontal-large);
10
15
  @property st-global(--wds-accordion-title-fill);
11
16
  @property st-global(--wds-accordion-title-fill-hover);
12
17
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -1194,11 +1199,18 @@
1194
1199
  @property st-global(--wds-list-item-action-fill-hover);
1195
1200
  @property st-global(--wds-list-item-action-gap);
1196
1201
  @property st-global(--wds-list-item-action-label-fill-active);
1202
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1203
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1204
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1197
1205
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1206
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1207
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1198
1208
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1199
1209
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1200
1210
  @property st-global(--wds-list-item-action-label-font-size-medium);
1201
1211
  @property st-global(--wds-list-item-action-label-font-size-small);
1212
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1213
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1202
1214
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1203
1215
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1204
1216
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1208,6 +1220,7 @@
1208
1220
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1209
1221
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1210
1222
  @property st-global(--wds-list-item-action-subtitle-font-size);
1223
+ @property st-global(--wds-list-item-action-subtitle-offset);
1211
1224
  @property st-global(--wds-list-item-action-suffix-fill);
1212
1225
  @property st-global(--wds-list-item-action-suffix-fill-active);
1213
1226
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1266,8 +1279,11 @@
1266
1279
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1267
1280
  @property st-global(--wds-list-item-select-padding-vertical-small);
1268
1281
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1282
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1269
1283
  @property st-global(--wds-list-item-select-subtitle);
1270
1284
  @property st-global(--wds-list-item-select-subtitle-disabled);
1285
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1286
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1271
1287
  @property st-global(--wds-list-item-select-suffix);
1272
1288
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1273
1289
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -1283,7 +1299,58 @@
1283
1299
  @property st-global(--wds-loader-stroke-width-medium);
1284
1300
  @property st-global(--wds-loader-stroke-width-small);
1285
1301
  @property st-global(--wds-loader-stroke-width-tiny);
1302
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1303
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1304
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1305
+ @property st-global(--wds-marketing-layout-badge-gap);
1306
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1307
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1308
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1309
+ @property st-global(--wds-marketing-layout-badge-position);
1310
+ @property st-global(--wds-marketing-layout-badge-side);
1311
+ @property st-global(--wds-marketing-layout-badge-top);
1286
1312
  @property st-global(--wds-marketing-layout-border);
1313
+ @property st-global(--wds-marketing-layout-description-color);
1314
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1315
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1316
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1317
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1318
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1319
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1320
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1321
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1322
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1323
+ @property st-global(--wds-marketing-layout-image-border-radius);
1324
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1325
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1326
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1327
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1328
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1329
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1330
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1331
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1332
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1333
+ @property st-global(--wds-marketing-layout-padding-left-medium);
1334
+ @property st-global(--wds-marketing-layout-padding-left-small);
1335
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
1336
+ @property st-global(--wds-marketing-layout-padding-right-medium);
1337
+ @property st-global(--wds-marketing-layout-padding-right-small);
1338
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
1339
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
1340
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
1341
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1342
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1343
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1344
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1345
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1346
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1347
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1348
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1349
+ @property st-global(--wds-marketing-layout-title-gap-small);
1350
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1351
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1352
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1353
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1287
1354
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1288
1355
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1289
1356
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -2125,12 +2192,17 @@
2125
2192
  --wds-accordion-background-fill-light: #ffffff;
2126
2193
  --wds-accordion-background-fill-light-hover: #f8f6f6;
2127
2194
  --wds-accordion-background-fill-standard: #ffffff;
2128
- --wds-accordion-background-fill-standard-hover: #f8f6f6;
2195
+ --wds-accordion-background-fill-standard-hover: #f0efef;
2129
2196
  --wds-accordion-border-radius: 0px;
2130
2197
  --wds-accordion-caret-fill: #151414;
2131
2198
  --wds-accordion-caret-fill-hover: #151414;
2132
2199
  --wds-accordion-inner-content-fill: #ffffff;
2133
- --wds-accordion-inner-content-padding-top: 4px;
2200
+ --wds-accordion-inner-content-padding-bottom: 12px;
2201
+ --wds-accordion-inner-content-padding-top: 8px;
2202
+ --wds-accordion-inner-content-padding-top-flat: 8px;
2203
+ --wds-accordion-inner-content-shadow: none;
2204
+ --wds-accordion-inner-content-shadow-last: none;
2205
+ --wds-accordion-padding-horizontal-large: 16px;
2134
2206
  --wds-accordion-title-fill: #151414;
2135
2207
  --wds-accordion-title-fill-hover: #151414;
2136
2208
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -3314,28 +3386,36 @@
3314
3386
  --wds-list-item-action-affix-margin: 4px;
3315
3387
  --wds-list-item-action-border-radius: 8px;
3316
3388
  --wds-list-item-action-fill: #ffffff;
3317
- --wds-list-item-action-fill-active: #f0efef;
3318
- --wds-list-item-action-fill-hover: #f8f6f6;
3389
+ --wds-list-item-action-fill-active: #e8e7e7;
3390
+ --wds-list-item-action-fill-hover: #f0efef;
3319
3391
  --wds-list-item-action-gap: 2px;
3320
3392
  --wds-list-item-action-label-fill-active: #151414;
3321
- --wds-list-item-action-label-fill-pressed-destructive: #df3336;
3393
+ --wds-list-item-action-label-fill-hover-destructive: #9c2426;
3394
+ --wds-list-item-action-label-fill-hover-premium: #1c3fe5;
3395
+ --wds-list-item-action-label-fill-hover-primary: #1c3fe5;
3396
+ --wds-list-item-action-label-fill-pressed-destructive: #9c2426;
3397
+ --wds-list-item-action-label-fill-pressed-premium: #1c3fe5;
3398
+ --wds-list-item-action-label-fill-pressed-primary: #1c3fe5;
3322
3399
  --wds-list-item-action-label-font-line-height-medium: 24px;
3323
3400
  --wds-list-item-action-label-font-line-height-small: 18px;
3324
3401
  --wds-list-item-action-label-font-size-medium: 14px;
3325
3402
  --wds-list-item-action-label-font-size-small: 12px;
3403
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
3404
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
3326
3405
  --wds-list-item-action-padding-horizontal-medium: 8px;
3327
3406
  --wds-list-item-action-padding-horizontal-small: 8px;
3328
3407
  --wds-list-item-action-padding-vertical-medium: 8px;
3329
3408
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3330
3409
  --wds-list-item-action-padding-vertical-small: 8px;
3331
3410
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3332
- --wds-list-item-action-subtitle-fill-pressed-destructive: #383838;
3411
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #525150;
3333
3412
  --wds-list-item-action-subtitle-font-line-height: 16px;
3334
3413
  --wds-list-item-action-subtitle-font-size: 12px;
3414
+ --wds-list-item-action-subtitle-offset: -2px;
3335
3415
  --wds-list-item-action-suffix-fill: #151414;
3336
3416
  --wds-list-item-action-suffix-fill-active: #151414;
3337
3417
  --wds-list-item-action-title-font-weight: 500;
3338
- --wds-list-item-action-title-font-weight-active: 600;
3418
+ --wds-list-item-action-title-font-weight-active: 500;
3339
3419
  --wds-list-item-section-divider-padding-bottom: 8px;
3340
3420
  --wds-list-item-section-divider-padding-horizontal: 8px;
3341
3421
  --wds-list-item-section-divider-padding-top: 8px;
@@ -3351,11 +3431,11 @@
3351
3431
  --wds-list-item-section-padding-vertical-neutral: 8px;
3352
3432
  --wds-list-item-section-title-label-fill: #767574;
3353
3433
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
3354
- --wds-list-item-select-active-fill: #f0efef;
3355
- --wds-list-item-select-active-fill-active: #d5dfff;
3434
+ --wds-list-item-select-active-fill: #e8e7e7;
3435
+ --wds-list-item-select-active-fill-active: #e8e7e7;
3356
3436
  --wds-list-item-select-active-fill-active-screen-small: #7896ff;
3357
3437
  --wds-list-item-select-active-fill-disabled: #ffffff;
3358
- --wds-list-item-select-active-fill-hover: #f5f7ff;
3438
+ --wds-list-item-select-active-fill-hover: #f0efef;
3359
3439
  --wds-list-item-select-active-fill-screen-small: #d5dfff;
3360
3440
  --wds-list-item-select-active-subtitle: #151414;
3361
3441
  --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
@@ -3368,30 +3448,33 @@
3368
3448
  --wds-list-item-select-fill: #ffffff;
3369
3449
  --wds-list-item-select-fill-active: #ffffff;
3370
3450
  --wds-list-item-select-fill-disabled: #ffffff;
3371
- --wds-list-item-select-fill-hover: #f8f6f6;
3372
- --wds-list-item-select-gap: 2px;
3451
+ --wds-list-item-select-fill-hover: #f0efef;
3452
+ --wds-list-item-select-gap: 6px;
3373
3453
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3374
3454
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3375
3455
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
3376
3456
  --wds-list-item-select-icon-padding-vertical-small: 4px;
3377
- --wds-list-item-select-label-font-line-height-medium: 24px;
3378
- --wds-list-item-select-label-font-line-height-small: 18px;
3457
+ --wds-list-item-select-label-font-line-height-medium: 18px;
3458
+ --wds-list-item-select-label-font-line-height-small: 16px;
3379
3459
  --wds-list-item-select-label-font-size-medium: 14px;
3380
3460
  --wds-list-item-select-label-font-size-small: 12px;
3381
- --wds-list-item-select-label-font-weight-active: 600;
3461
+ --wds-list-item-select-label-font-weight-active: 500;
3382
3462
  --wds-list-item-select-label-font-weight-medium: 500;
3383
- --wds-list-item-select-padding-horizontal-medium: 8px;
3384
- --wds-list-item-select-padding-horizontal-small: 8px;
3463
+ --wds-list-item-select-padding-horizontal-medium: 12px;
3464
+ --wds-list-item-select-padding-horizontal-small: 12px;
3385
3465
  --wds-list-item-select-padding-left-medium: 12px;
3386
3466
  --wds-list-item-select-padding-left-small: 12px;
3387
3467
  --wds-list-item-select-padding-right-medium: 16px;
3388
3468
  --wds-list-item-select-padding-right-small: 16px;
3389
- --wds-list-item-select-padding-vertical-medium: 4px;
3469
+ --wds-list-item-select-padding-vertical-medium: 8px;
3390
3470
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3391
- --wds-list-item-select-padding-vertical-small: 4px;
3471
+ --wds-list-item-select-padding-vertical-small: 8px;
3392
3472
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3473
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
3393
3474
  --wds-list-item-select-subtitle: #767574;
3394
3475
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
3476
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3477
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
3395
3478
  --wds-list-item-select-suffix: #151414;
3396
3479
  --wds-list-item-select-suffix-active-font-weight: 500;
3397
3480
  --wds-list-item-select-suffix-pressed: #1c3fe5;
@@ -3407,7 +3490,58 @@
3407
3490
  --wds-loader-stroke-width-medium: 2px;
3408
3491
  --wds-loader-stroke-width-small: 2px;
3409
3492
  --wds-loader-stroke-width-tiny: 2px;
3493
+ --wds-marketing-layout-actions-gap-medium: 12px;
3494
+ --wds-marketing-layout-actions-gap-small: 12px;
3495
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3496
+ --wds-marketing-layout-badge-gap: 12px;
3497
+ --wds-marketing-layout-badge-offset-medium: 0px;
3498
+ --wds-marketing-layout-badge-offset-small: 0px;
3499
+ --wds-marketing-layout-badge-offset-tiny: 0px;
3500
+ --wds-marketing-layout-badge-position: static;
3501
+ --wds-marketing-layout-badge-side: auto;
3502
+ --wds-marketing-layout-badge-top: auto;
3410
3503
  --wds-marketing-layout-border: 4px;
3504
+ --wds-marketing-layout-description-color: #767574;
3505
+ --wds-marketing-layout-description-font-size-medium: 12px;
3506
+ --wds-marketing-layout-description-font-size-small: 12px;
3507
+ --wds-marketing-layout-description-font-size-tiny: 12px;
3508
+ --wds-marketing-layout-description-font-weight-medium: 500;
3509
+ --wds-marketing-layout-description-font-weight-small: 500;
3510
+ --wds-marketing-layout-description-font-weight-tiny: 500;
3511
+ --wds-marketing-layout-description-line-height-medium: 16px;
3512
+ --wds-marketing-layout-description-line-height-small: 16px;
3513
+ --wds-marketing-layout-description-line-height-tiny: 16px;
3514
+ --wds-marketing-layout-image-border-radius: 8px;
3515
+ --wds-marketing-layout-image-padding-left-medium: 16px;
3516
+ --wds-marketing-layout-image-padding-left-small: 16px;
3517
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
3518
+ --wds-marketing-layout-image-padding-right-medium: 16px;
3519
+ --wds-marketing-layout-image-padding-right-small: 16px;
3520
+ --wds-marketing-layout-image-padding-right-tiny: 16px;
3521
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
3522
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
3523
+ --wds-marketing-layout-image-padding-vertical-tiny: 16px;
3524
+ --wds-marketing-layout-padding-left-medium: 24px;
3525
+ --wds-marketing-layout-padding-left-small: 24px;
3526
+ --wds-marketing-layout-padding-left-tiny: 24px;
3527
+ --wds-marketing-layout-padding-right-medium: 24px;
3528
+ --wds-marketing-layout-padding-right-small: 24px;
3529
+ --wds-marketing-layout-padding-right-tiny: 24px;
3530
+ --wds-marketing-layout-padding-vertical-medium: 24px;
3531
+ --wds-marketing-layout-padding-vertical-small: 24px;
3532
+ --wds-marketing-layout-padding-vertical-tiny: 24px;
3533
+ --wds-marketing-layout-title-font-size-medium: 16px;
3534
+ --wds-marketing-layout-title-font-size-small: 16px;
3535
+ --wds-marketing-layout-title-font-size-tiny: 16px;
3536
+ --wds-marketing-layout-title-font-weight-medium: 600;
3537
+ --wds-marketing-layout-title-font-weight-small: 600;
3538
+ --wds-marketing-layout-title-font-weight-tiny: 600;
3539
+ --wds-marketing-layout-title-gap-medium: 4px;
3540
+ --wds-marketing-layout-title-gap-small: 4px;
3541
+ --wds-marketing-layout-title-gap-tiny: 4px;
3542
+ --wds-marketing-layout-title-line-height-medium: 24px;
3543
+ --wds-marketing-layout-title-line-height-small: 24px;
3544
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3411
3545
  --wds-marketing-page-paddings-horizontal-large: 60px;
3412
3546
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3413
3547
  --wds-marketing-page-paddings-vertical-large: 32px;
package/odeditor/component.st.css CHANGED
@@ -6,7 +6,12 @@
6
6
  @property st-global(--wds-accordion-caret-fill);
7
7
  @property st-global(--wds-accordion-caret-fill-hover);
8
8
  @property st-global(--wds-accordion-inner-content-fill);
9
+ @property st-global(--wds-accordion-inner-content-padding-bottom);
9
10
  @property st-global(--wds-accordion-inner-content-padding-top);
11
+ @property st-global(--wds-accordion-inner-content-padding-top-flat);
12
+ @property st-global(--wds-accordion-inner-content-shadow);
13
+ @property st-global(--wds-accordion-inner-content-shadow-last);
14
+ @property st-global(--wds-accordion-padding-horizontal-large);
10
15
  @property st-global(--wds-accordion-title-fill);
11
16
  @property st-global(--wds-accordion-title-fill-hover);
12
17
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -605,11 +610,18 @@
605
610
  @property st-global(--wds-list-item-action-fill-hover);
606
611
  @property st-global(--wds-list-item-action-gap);
607
612
  @property st-global(--wds-list-item-action-label-fill-active);
613
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
614
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
615
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
608
616
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
617
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
618
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
609
619
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
610
620
  @property st-global(--wds-list-item-action-label-font-line-height-small);
611
621
  @property st-global(--wds-list-item-action-label-font-size-medium);
612
622
  @property st-global(--wds-list-item-action-label-font-size-small);
623
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
624
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
613
625
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
614
626
  @property st-global(--wds-list-item-action-padding-horizontal-small);
615
627
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -619,6 +631,7 @@
619
631
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
620
632
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
621
633
  @property st-global(--wds-list-item-action-subtitle-font-size);
634
+ @property st-global(--wds-list-item-action-subtitle-offset);
622
635
  @property st-global(--wds-list-item-action-suffix-fill);
623
636
  @property st-global(--wds-list-item-action-suffix-fill-active);
624
637
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -677,8 +690,11 @@
677
690
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
678
691
  @property st-global(--wds-list-item-select-padding-vertical-small);
679
692
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
693
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
680
694
  @property st-global(--wds-list-item-select-subtitle);
681
695
  @property st-global(--wds-list-item-select-subtitle-disabled);
696
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
697
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
682
698
  @property st-global(--wds-list-item-select-suffix);
683
699
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
684
700
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -694,7 +710,58 @@
694
710
  @property st-global(--wds-loader-stroke-width-medium);
695
711
  @property st-global(--wds-loader-stroke-width-small);
696
712
  @property st-global(--wds-loader-stroke-width-tiny);
713
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
714
+ @property st-global(--wds-marketing-layout-actions-gap-small);
715
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
716
+ @property st-global(--wds-marketing-layout-badge-gap);
717
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
718
+ @property st-global(--wds-marketing-layout-badge-offset-small);
719
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
720
+ @property st-global(--wds-marketing-layout-badge-position);
721
+ @property st-global(--wds-marketing-layout-badge-side);
722
+ @property st-global(--wds-marketing-layout-badge-top);
697
723
  @property st-global(--wds-marketing-layout-border);
724
+ @property st-global(--wds-marketing-layout-description-color);
725
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
726
+ @property st-global(--wds-marketing-layout-description-font-size-small);
727
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
728
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
729
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
730
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
731
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
732
+ @property st-global(--wds-marketing-layout-description-line-height-small);
733
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
734
+ @property st-global(--wds-marketing-layout-image-border-radius);
735
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
736
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
737
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
738
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
739
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
740
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
741
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
742
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
743
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
744
+ @property st-global(--wds-marketing-layout-padding-left-medium);
745
+ @property st-global(--wds-marketing-layout-padding-left-small);
746
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
747
+ @property st-global(--wds-marketing-layout-padding-right-medium);
748
+ @property st-global(--wds-marketing-layout-padding-right-small);
749
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
750
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
751
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
752
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
753
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
754
+ @property st-global(--wds-marketing-layout-title-font-size-small);
755
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
756
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
757
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
758
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
759
+ @property st-global(--wds-marketing-layout-title-gap-medium);
760
+ @property st-global(--wds-marketing-layout-title-gap-small);
761
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
762
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
763
+ @property st-global(--wds-marketing-layout-title-line-height-small);
764
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
698
765
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
699
766
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
700
767
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1379,12 +1446,17 @@
1379
1446
  --wds-accordion-background-fill-light: #ffffff;
1380
1447
  --wds-accordion-background-fill-light-hover: #f8f6f6;
1381
1448
  --wds-accordion-background-fill-standard: #ffffff;
1382
- --wds-accordion-background-fill-standard-hover: #f8f6f6;
1449
+ --wds-accordion-background-fill-standard-hover: #f0efef;
1383
1450
  --wds-accordion-border-radius: 0px;
1384
1451
  --wds-accordion-caret-fill: #151414;
1385
1452
  --wds-accordion-caret-fill-hover: #151414;
1386
1453
  --wds-accordion-inner-content-fill: #ffffff;
1387
- --wds-accordion-inner-content-padding-top: 4px;
1454
+ --wds-accordion-inner-content-padding-bottom: 12px;
1455
+ --wds-accordion-inner-content-padding-top: 8px;
1456
+ --wds-accordion-inner-content-padding-top-flat: 8px;
1457
+ --wds-accordion-inner-content-shadow: none;
1458
+ --wds-accordion-inner-content-shadow-last: none;
1459
+ --wds-accordion-padding-horizontal-large: 16px;
1388
1460
  --wds-accordion-title-fill: #151414;
1389
1461
  --wds-accordion-title-fill-hover: #151414;
1390
1462
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1979,28 +2051,36 @@
1979
2051
  --wds-list-item-action-affix-margin: 4px;
1980
2052
  --wds-list-item-action-border-radius: 8px;
1981
2053
  --wds-list-item-action-fill: #ffffff;
1982
- --wds-list-item-action-fill-active: #f0efef;
1983
- --wds-list-item-action-fill-hover: #f8f6f6;
2054
+ --wds-list-item-action-fill-active: #e8e7e7;
2055
+ --wds-list-item-action-fill-hover: #f0efef;
1984
2056
  --wds-list-item-action-gap: 2px;
1985
2057
  --wds-list-item-action-label-fill-active: #151414;
1986
- --wds-list-item-action-label-fill-pressed-destructive: #df3336;
2058
+ --wds-list-item-action-label-fill-hover-destructive: #9c2426;
2059
+ --wds-list-item-action-label-fill-hover-premium: #1c3fe5;
2060
+ --wds-list-item-action-label-fill-hover-primary: #1c3fe5;
2061
+ --wds-list-item-action-label-fill-pressed-destructive: #9c2426;
2062
+ --wds-list-item-action-label-fill-pressed-premium: #1c3fe5;
2063
+ --wds-list-item-action-label-fill-pressed-primary: #1c3fe5;
1987
2064
  --wds-list-item-action-label-font-line-height-medium: 24px;
1988
2065
  --wds-list-item-action-label-font-line-height-small: 18px;
1989
2066
  --wds-list-item-action-label-font-size-medium: 14px;
1990
2067
  --wds-list-item-action-label-font-size-small: 12px;
2068
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
2069
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
1991
2070
  --wds-list-item-action-padding-horizontal-medium: 8px;
1992
2071
  --wds-list-item-action-padding-horizontal-small: 8px;
1993
2072
  --wds-list-item-action-padding-vertical-medium: 8px;
1994
2073
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1995
2074
  --wds-list-item-action-padding-vertical-small: 8px;
1996
2075
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1997
- --wds-list-item-action-subtitle-fill-pressed-destructive: #383838;
2076
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #525150;
1998
2077
  --wds-list-item-action-subtitle-font-line-height: 16px;
1999
2078
  --wds-list-item-action-subtitle-font-size: 12px;
2079
+ --wds-list-item-action-subtitle-offset: -2px;
2000
2080
  --wds-list-item-action-suffix-fill: #151414;
2001
2081
  --wds-list-item-action-suffix-fill-active: #151414;
2002
2082
  --wds-list-item-action-title-font-weight: 500;
2003
- --wds-list-item-action-title-font-weight-active: 600;
2083
+ --wds-list-item-action-title-font-weight-active: 500;
2004
2084
  --wds-list-item-section-divider-padding-bottom: 8px;
2005
2085
  --wds-list-item-section-divider-padding-horizontal: 8px;
2006
2086
  --wds-list-item-section-divider-padding-top: 8px;
@@ -2016,11 +2096,11 @@
2016
2096
  --wds-list-item-section-padding-vertical-neutral: 8px;
2017
2097
  --wds-list-item-section-title-label-fill: #767574;
2018
2098
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
2019
- --wds-list-item-select-active-fill: #f0efef;
2020
- --wds-list-item-select-active-fill-active: #d5dfff;
2099
+ --wds-list-item-select-active-fill: #e8e7e7;
2100
+ --wds-list-item-select-active-fill-active: #e8e7e7;
2021
2101
  --wds-list-item-select-active-fill-active-screen-small: #7896ff;
2022
2102
  --wds-list-item-select-active-fill-disabled: #ffffff;
2023
- --wds-list-item-select-active-fill-hover: #f5f7ff;
2103
+ --wds-list-item-select-active-fill-hover: #f0efef;
2024
2104
  --wds-list-item-select-active-fill-screen-small: #d5dfff;
2025
2105
  --wds-list-item-select-active-subtitle: #151414;
2026
2106
  --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
@@ -2033,30 +2113,33 @@
2033
2113
  --wds-list-item-select-fill: #ffffff;
2034
2114
  --wds-list-item-select-fill-active: #ffffff;
2035
2115
  --wds-list-item-select-fill-disabled: #ffffff;
2036
- --wds-list-item-select-fill-hover: #f8f6f6;
2037
- --wds-list-item-select-gap: 2px;
2116
+ --wds-list-item-select-fill-hover: #f0efef;
2117
+ --wds-list-item-select-gap: 6px;
2038
2118
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
2039
2119
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
2040
2120
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
2041
2121
  --wds-list-item-select-icon-padding-vertical-small: 4px;
2042
- --wds-list-item-select-label-font-line-height-medium: 24px;
2043
- --wds-list-item-select-label-font-line-height-small: 18px;
2122
+ --wds-list-item-select-label-font-line-height-medium: 18px;
2123
+ --wds-list-item-select-label-font-line-height-small: 16px;
2044
2124
  --wds-list-item-select-label-font-size-medium: 14px;
2045
2125
  --wds-list-item-select-label-font-size-small: 12px;
2046
- --wds-list-item-select-label-font-weight-active: 600;
2126
+ --wds-list-item-select-label-font-weight-active: 500;
2047
2127
  --wds-list-item-select-label-font-weight-medium: 500;
2048
- --wds-list-item-select-padding-horizontal-medium: 8px;
2049
- --wds-list-item-select-padding-horizontal-small: 8px;
2128
+ --wds-list-item-select-padding-horizontal-medium: 12px;
2129
+ --wds-list-item-select-padding-horizontal-small: 12px;
2050
2130
  --wds-list-item-select-padding-left-medium: 12px;
2051
2131
  --wds-list-item-select-padding-left-small: 12px;
2052
2132
  --wds-list-item-select-padding-right-medium: 16px;
2053
2133
  --wds-list-item-select-padding-right-small: 16px;
2054
- --wds-list-item-select-padding-vertical-medium: 4px;
2134
+ --wds-list-item-select-padding-vertical-medium: 8px;
2055
2135
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2056
- --wds-list-item-select-padding-vertical-small: 4px;
2136
+ --wds-list-item-select-padding-vertical-small: 8px;
2057
2137
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
2138
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
2058
2139
  --wds-list-item-select-subtitle: #767574;
2059
2140
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
2141
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2142
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
2060
2143
  --wds-list-item-select-suffix: #151414;
2061
2144
  --wds-list-item-select-suffix-active-font-weight: 500;
2062
2145
  --wds-list-item-select-suffix-pressed: #1c3fe5;
@@ -2072,7 +2155,58 @@
2072
2155
  --wds-loader-stroke-width-medium: 2px;
2073
2156
  --wds-loader-stroke-width-small: 2px;
2074
2157
  --wds-loader-stroke-width-tiny: 2px;
2158
+ --wds-marketing-layout-actions-gap-medium: 12px;
2159
+ --wds-marketing-layout-actions-gap-small: 12px;
2160
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2161
+ --wds-marketing-layout-badge-gap: 12px;
2162
+ --wds-marketing-layout-badge-offset-medium: 0px;
2163
+ --wds-marketing-layout-badge-offset-small: 0px;
2164
+ --wds-marketing-layout-badge-offset-tiny: 0px;
2165
+ --wds-marketing-layout-badge-position: static;
2166
+ --wds-marketing-layout-badge-side: auto;
2167
+ --wds-marketing-layout-badge-top: auto;
2075
2168
  --wds-marketing-layout-border: 4px;
2169
+ --wds-marketing-layout-description-color: #767574;
2170
+ --wds-marketing-layout-description-font-size-medium: 12px;
2171
+ --wds-marketing-layout-description-font-size-small: 12px;
2172
+ --wds-marketing-layout-description-font-size-tiny: 12px;
2173
+ --wds-marketing-layout-description-font-weight-medium: 500;
2174
+ --wds-marketing-layout-description-font-weight-small: 500;
2175
+ --wds-marketing-layout-description-font-weight-tiny: 500;
2176
+ --wds-marketing-layout-description-line-height-medium: 16px;
2177
+ --wds-marketing-layout-description-line-height-small: 16px;
2178
+ --wds-marketing-layout-description-line-height-tiny: 16px;
2179
+ --wds-marketing-layout-image-border-radius: 8px;
2180
+ --wds-marketing-layout-image-padding-left-medium: 16px;
2181
+ --wds-marketing-layout-image-padding-left-small: 16px;
2182
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
2183
+ --wds-marketing-layout-image-padding-right-medium: 16px;
2184
+ --wds-marketing-layout-image-padding-right-small: 16px;
2185
+ --wds-marketing-layout-image-padding-right-tiny: 16px;
2186
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
2187
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
2188
+ --wds-marketing-layout-image-padding-vertical-tiny: 16px;
2189
+ --wds-marketing-layout-padding-left-medium: 24px;
2190
+ --wds-marketing-layout-padding-left-small: 24px;
2191
+ --wds-marketing-layout-padding-left-tiny: 24px;
2192
+ --wds-marketing-layout-padding-right-medium: 24px;
2193
+ --wds-marketing-layout-padding-right-small: 24px;
2194
+ --wds-marketing-layout-padding-right-tiny: 24px;
2195
+ --wds-marketing-layout-padding-vertical-medium: 24px;
2196
+ --wds-marketing-layout-padding-vertical-small: 24px;
2197
+ --wds-marketing-layout-padding-vertical-tiny: 24px;
2198
+ --wds-marketing-layout-title-font-size-medium: 16px;
2199
+ --wds-marketing-layout-title-font-size-small: 16px;
2200
+ --wds-marketing-layout-title-font-size-tiny: 16px;
2201
+ --wds-marketing-layout-title-font-weight-medium: 600;
2202
+ --wds-marketing-layout-title-font-weight-small: 600;
2203
+ --wds-marketing-layout-title-font-weight-tiny: 600;
2204
+ --wds-marketing-layout-title-gap-medium: 4px;
2205
+ --wds-marketing-layout-title-gap-small: 4px;
2206
+ --wds-marketing-layout-title-gap-tiny: 4px;
2207
+ --wds-marketing-layout-title-line-height-medium: 24px;
2208
+ --wds-marketing-layout-title-line-height-small: 24px;
2209
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2076
2210
  --wds-marketing-page-paddings-horizontal-large: 60px;
2077
2211
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2078
2212
  --wds-marketing-page-paddings-vertical-large: 32px;