@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/wixel/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);
@@ -1188,11 +1193,17 @@
1188
1193
  @property st-global(--wds-list-item-action-fill-hover);
1189
1194
  @property st-global(--wds-list-item-action-gap);
1190
1195
  @property st-global(--wds-list-item-action-label-fill-active);
1196
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1197
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1191
1198
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1199
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1200
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1192
1201
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1193
1202
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1194
1203
  @property st-global(--wds-list-item-action-label-font-size-medium);
1195
1204
  @property st-global(--wds-list-item-action-label-font-size-small);
1205
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1206
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1196
1207
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1197
1208
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1198
1209
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1203,6 +1214,7 @@
1203
1214
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1204
1215
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1205
1216
  @property st-global(--wds-list-item-action-subtitle-font-size);
1217
+ @property st-global(--wds-list-item-action-subtitle-offset);
1206
1218
  @property st-global(--wds-list-item-action-suffix-fill);
1207
1219
  @property st-global(--wds-list-item-action-suffix-fill-active);
1208
1220
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1272,6 +1284,7 @@
1272
1284
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1273
1285
  @property st-global(--wds-list-item-select-padding-vertical-small);
1274
1286
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1287
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1275
1288
  @property st-global(--wds-list-item-select-subtitle);
1276
1289
  @property st-global(--wds-list-item-select-subtitle-disabled);
1277
1290
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -1291,8 +1304,38 @@
1291
1304
  @property st-global(--wds-loader-stroke-width-medium);
1292
1305
  @property st-global(--wds-loader-stroke-width-small);
1293
1306
  @property st-global(--wds-loader-stroke-width-tiny);
1307
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1308
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1309
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1310
+ @property st-global(--wds-marketing-layout-badge-gap);
1311
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1312
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1313
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1314
+ @property st-global(--wds-marketing-layout-badge-position);
1315
+ @property st-global(--wds-marketing-layout-badge-side);
1316
+ @property st-global(--wds-marketing-layout-badge-top);
1294
1317
  @property st-global(--wds-marketing-layout-border);
1295
1318
  @property st-global(--wds-marketing-layout-border-radius);
1319
+ @property st-global(--wds-marketing-layout-description-color);
1320
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1321
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1322
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1323
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1324
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1325
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1326
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1327
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1328
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1329
+ @property st-global(--wds-marketing-layout-image-border-radius);
1330
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1331
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1332
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1333
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1334
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1335
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1336
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1337
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1338
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1296
1339
  @property st-global(--wds-marketing-layout-padding-left-medium);
1297
1340
  @property st-global(--wds-marketing-layout-padding-left-small);
1298
1341
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1302,6 +1345,18 @@
1302
1345
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1303
1346
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1304
1347
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1348
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1349
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1350
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1351
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1352
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1353
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1354
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1355
+ @property st-global(--wds-marketing-layout-title-gap-small);
1356
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1357
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1358
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1359
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1305
1360
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1306
1361
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1307
1362
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -2104,7 +2159,12 @@
2104
2159
  --wds-accordion-caret-fill: #000624;
2105
2160
  --wds-accordion-caret-fill-hover: #4a57ff;
2106
2161
  --wds-accordion-inner-content-fill: #f4f6ff;
2162
+ --wds-accordion-inner-content-padding-bottom: 16px;
2107
2163
  --wds-accordion-inner-content-padding-top: 16px;
2164
+ --wds-accordion-inner-content-padding-top-flat: 0px;
2165
+ --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset, 0 -22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
2166
+ --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
2167
+ --wds-accordion-padding-horizontal-large: 24px;
2108
2168
  --wds-accordion-title-fill: #000624;
2109
2169
  --wds-accordion-title-fill-hover: #4a57ff;
2110
2170
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -3286,11 +3346,17 @@
3286
3346
  --wds-list-item-action-fill-hover: #f4f6ff;
3287
3347
  --wds-list-item-action-gap: 0px;
3288
3348
  --wds-list-item-action-label-fill-active: #4a57ff;
3349
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
3350
+ --wds-list-item-action-label-fill-hover-primary: #4a57ff;
3289
3351
  --wds-list-item-action-label-fill-pressed-destructive: #ee4437;
3352
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
3353
+ --wds-list-item-action-label-fill-pressed-primary: #4a57ff;
3290
3354
  --wds-list-item-action-label-font-line-height-medium: 20px;
3291
3355
  --wds-list-item-action-label-font-line-height-small: 16px;
3292
3356
  --wds-list-item-action-label-font-size-medium: 14px;
3293
3357
  --wds-list-item-action-label-font-size-small: 12px;
3358
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
3359
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
3294
3360
  --wds-list-item-action-padding-horizontal-medium: 12px;
3295
3361
  --wds-list-item-action-padding-horizontal-small: 12px;
3296
3362
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -3301,6 +3367,7 @@
3301
3367
  --wds-list-item-action-subtitle-fill-pressed-destructive: #595d70;
3302
3368
  --wds-list-item-action-subtitle-font-line-height: 16px;
3303
3369
  --wds-list-item-action-subtitle-font-size: 12px;
3370
+ --wds-list-item-action-subtitle-offset: 0px;
3304
3371
  --wds-list-item-action-suffix-fill: #868aa5;
3305
3372
  --wds-list-item-action-suffix-fill-active: #868aa5;
3306
3373
  --wds-list-item-action-title-font-weight: 400;
@@ -3370,6 +3437,7 @@
3370
3437
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3371
3438
  --wds-list-item-select-padding-vertical-small: 6px;
3372
3439
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3440
+ --wds-list-item-select-prefix-subtitle-margin: 4px;
3373
3441
  --wds-list-item-select-subtitle: #868aa5;
3374
3442
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
3375
3443
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
@@ -3389,8 +3457,38 @@
3389
3457
  --wds-loader-stroke-width-medium: 4px;
3390
3458
  --wds-loader-stroke-width-small: 4px;
3391
3459
  --wds-loader-stroke-width-tiny: 3px;
3460
+ --wds-marketing-layout-actions-gap-medium: 16px;
3461
+ --wds-marketing-layout-actions-gap-small: 12px;
3462
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3463
+ --wds-marketing-layout-badge-gap: 0px;
3464
+ --wds-marketing-layout-badge-offset-medium: 12px;
3465
+ --wds-marketing-layout-badge-offset-small: 12px;
3466
+ --wds-marketing-layout-badge-offset-tiny: 18px;
3467
+ --wds-marketing-layout-badge-position: absolute;
3468
+ --wds-marketing-layout-badge-side: -3px;
3469
+ --wds-marketing-layout-badge-top: 9px;
3392
3470
  --wds-marketing-layout-border: 4px;
3393
3471
  --wds-marketing-layout-border-radius: 4px;
3472
+ --wds-marketing-layout-description-color: #595d70;
3473
+ --wds-marketing-layout-description-font-size-medium: 16px;
3474
+ --wds-marketing-layout-description-font-size-small: 14px;
3475
+ --wds-marketing-layout-description-font-size-tiny: 14px;
3476
+ --wds-marketing-layout-description-font-weight-medium: 400;
3477
+ --wds-marketing-layout-description-font-weight-small: 400;
3478
+ --wds-marketing-layout-description-font-weight-tiny: 400;
3479
+ --wds-marketing-layout-description-line-height-medium: 24px;
3480
+ --wds-marketing-layout-description-line-height-small: 20px;
3481
+ --wds-marketing-layout-description-line-height-tiny: 20px;
3482
+ --wds-marketing-layout-image-border-radius: 0px;
3483
+ --wds-marketing-layout-image-padding-left-medium: 48px;
3484
+ --wds-marketing-layout-image-padding-left-small: 24px;
3485
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
3486
+ --wds-marketing-layout-image-padding-right-medium: 40px;
3487
+ --wds-marketing-layout-image-padding-right-small: 28px;
3488
+ --wds-marketing-layout-image-padding-right-tiny: 28px;
3489
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
3490
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
3491
+ --wds-marketing-layout-image-padding-vertical-tiny: 20px;
3394
3492
  --wds-marketing-layout-padding-left-medium: 48px;
3395
3493
  --wds-marketing-layout-padding-left-small: 24px;
3396
3494
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -3400,6 +3498,18 @@
3400
3498
  --wds-marketing-layout-padding-vertical-medium: 24px;
3401
3499
  --wds-marketing-layout-padding-vertical-small: 24px;
3402
3500
  --wds-marketing-layout-padding-vertical-tiny: 20px;
3501
+ --wds-marketing-layout-title-font-size-medium: 22px;
3502
+ --wds-marketing-layout-title-font-size-small: 18px;
3503
+ --wds-marketing-layout-title-font-size-tiny: 20px;
3504
+ --wds-marketing-layout-title-font-weight-medium: 700;
3505
+ --wds-marketing-layout-title-font-weight-small: 700;
3506
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3507
+ --wds-marketing-layout-title-gap-medium: 8px;
3508
+ --wds-marketing-layout-title-gap-small: 4px;
3509
+ --wds-marketing-layout-title-gap-tiny: 4px;
3510
+ --wds-marketing-layout-title-line-height-medium: 24px;
3511
+ --wds-marketing-layout-title-line-height-small: 24px;
3512
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3403
3513
  --wds-marketing-page-paddings-horizontal-large: 60px;
3404
3514
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3405
3515
  --wds-marketing-page-paddings-vertical-large: 32px;
package/wixel/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);
@@ -614,11 +619,17 @@
614
619
  @property st-global(--wds-list-item-action-fill-hover);
615
620
  @property st-global(--wds-list-item-action-gap);
616
621
  @property st-global(--wds-list-item-action-label-fill-active);
622
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
623
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
617
624
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
625
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
626
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
618
627
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
619
628
  @property st-global(--wds-list-item-action-label-font-line-height-small);
620
629
  @property st-global(--wds-list-item-action-label-font-size-medium);
621
630
  @property st-global(--wds-list-item-action-label-font-size-small);
631
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
632
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
622
633
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
623
634
  @property st-global(--wds-list-item-action-padding-horizontal-small);
624
635
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -629,6 +640,7 @@
629
640
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
630
641
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
631
642
  @property st-global(--wds-list-item-action-subtitle-font-size);
643
+ @property st-global(--wds-list-item-action-subtitle-offset);
632
644
  @property st-global(--wds-list-item-action-suffix-fill);
633
645
  @property st-global(--wds-list-item-action-suffix-fill-active);
634
646
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -698,6 +710,7 @@
698
710
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
699
711
  @property st-global(--wds-list-item-select-padding-vertical-small);
700
712
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
713
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
701
714
  @property st-global(--wds-list-item-select-subtitle);
702
715
  @property st-global(--wds-list-item-select-subtitle-disabled);
703
716
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -717,8 +730,38 @@
717
730
  @property st-global(--wds-loader-stroke-width-medium);
718
731
  @property st-global(--wds-loader-stroke-width-small);
719
732
  @property st-global(--wds-loader-stroke-width-tiny);
733
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
734
+ @property st-global(--wds-marketing-layout-actions-gap-small);
735
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
736
+ @property st-global(--wds-marketing-layout-badge-gap);
737
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
738
+ @property st-global(--wds-marketing-layout-badge-offset-small);
739
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
740
+ @property st-global(--wds-marketing-layout-badge-position);
741
+ @property st-global(--wds-marketing-layout-badge-side);
742
+ @property st-global(--wds-marketing-layout-badge-top);
720
743
  @property st-global(--wds-marketing-layout-border);
721
744
  @property st-global(--wds-marketing-layout-border-radius);
745
+ @property st-global(--wds-marketing-layout-description-color);
746
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
747
+ @property st-global(--wds-marketing-layout-description-font-size-small);
748
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
749
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
750
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
751
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
752
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
753
+ @property st-global(--wds-marketing-layout-description-line-height-small);
754
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
755
+ @property st-global(--wds-marketing-layout-image-border-radius);
756
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
757
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
758
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
759
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
760
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
761
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
762
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
763
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
764
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
722
765
  @property st-global(--wds-marketing-layout-padding-left-medium);
723
766
  @property st-global(--wds-marketing-layout-padding-left-small);
724
767
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -728,6 +771,18 @@
728
771
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
729
772
  @property st-global(--wds-marketing-layout-padding-vertical-small);
730
773
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
774
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
775
+ @property st-global(--wds-marketing-layout-title-font-size-small);
776
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
777
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
778
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
779
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
780
+ @property st-global(--wds-marketing-layout-title-gap-medium);
781
+ @property st-global(--wds-marketing-layout-title-gap-small);
782
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
783
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
784
+ @property st-global(--wds-marketing-layout-title-line-height-small);
785
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
731
786
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
732
787
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
733
788
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1391,7 +1446,12 @@
1391
1446
  --wds-accordion-caret-fill: #000624;
1392
1447
  --wds-accordion-caret-fill-hover: #4a57ff;
1393
1448
  --wds-accordion-inner-content-fill: #f4f6ff;
1449
+ --wds-accordion-inner-content-padding-bottom: 16px;
1394
1450
  --wds-accordion-inner-content-padding-top: 16px;
1451
+ --wds-accordion-inner-content-padding-top-flat: 0px;
1452
+ --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset, 0 -22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
1453
+ --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
1454
+ --wds-accordion-padding-horizontal-large: 24px;
1395
1455
  --wds-accordion-title-fill: #000624;
1396
1456
  --wds-accordion-title-fill-hover: #4a57ff;
1397
1457
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -1999,11 +2059,17 @@
1999
2059
  --wds-list-item-action-fill-hover: #f4f6ff;
2000
2060
  --wds-list-item-action-gap: 0px;
2001
2061
  --wds-list-item-action-label-fill-active: #4a57ff;
2062
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
2063
+ --wds-list-item-action-label-fill-hover-primary: #4a57ff;
2002
2064
  --wds-list-item-action-label-fill-pressed-destructive: #ee4437;
2065
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
2066
+ --wds-list-item-action-label-fill-pressed-primary: #4a57ff;
2003
2067
  --wds-list-item-action-label-font-line-height-medium: 20px;
2004
2068
  --wds-list-item-action-label-font-line-height-small: 16px;
2005
2069
  --wds-list-item-action-label-font-size-medium: 14px;
2006
2070
  --wds-list-item-action-label-font-size-small: 12px;
2071
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
2072
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
2007
2073
  --wds-list-item-action-padding-horizontal-medium: 12px;
2008
2074
  --wds-list-item-action-padding-horizontal-small: 12px;
2009
2075
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -2014,6 +2080,7 @@
2014
2080
  --wds-list-item-action-subtitle-fill-pressed-destructive: #595d70;
2015
2081
  --wds-list-item-action-subtitle-font-line-height: 16px;
2016
2082
  --wds-list-item-action-subtitle-font-size: 12px;
2083
+ --wds-list-item-action-subtitle-offset: 0px;
2017
2084
  --wds-list-item-action-suffix-fill: #868aa5;
2018
2085
  --wds-list-item-action-suffix-fill-active: #868aa5;
2019
2086
  --wds-list-item-action-title-font-weight: 400;
@@ -2083,6 +2150,7 @@
2083
2150
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2084
2151
  --wds-list-item-select-padding-vertical-small: 6px;
2085
2152
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
2153
+ --wds-list-item-select-prefix-subtitle-margin: 4px;
2086
2154
  --wds-list-item-select-subtitle: #868aa5;
2087
2155
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
2088
2156
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
@@ -2102,8 +2170,38 @@
2102
2170
  --wds-loader-stroke-width-medium: 4px;
2103
2171
  --wds-loader-stroke-width-small: 4px;
2104
2172
  --wds-loader-stroke-width-tiny: 3px;
2173
+ --wds-marketing-layout-actions-gap-medium: 16px;
2174
+ --wds-marketing-layout-actions-gap-small: 12px;
2175
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2176
+ --wds-marketing-layout-badge-gap: 0px;
2177
+ --wds-marketing-layout-badge-offset-medium: 12px;
2178
+ --wds-marketing-layout-badge-offset-small: 12px;
2179
+ --wds-marketing-layout-badge-offset-tiny: 18px;
2180
+ --wds-marketing-layout-badge-position: absolute;
2181
+ --wds-marketing-layout-badge-side: -3px;
2182
+ --wds-marketing-layout-badge-top: 9px;
2105
2183
  --wds-marketing-layout-border: 4px;
2106
2184
  --wds-marketing-layout-border-radius: 4px;
2185
+ --wds-marketing-layout-description-color: #595d70;
2186
+ --wds-marketing-layout-description-font-size-medium: 16px;
2187
+ --wds-marketing-layout-description-font-size-small: 14px;
2188
+ --wds-marketing-layout-description-font-size-tiny: 14px;
2189
+ --wds-marketing-layout-description-font-weight-medium: 400;
2190
+ --wds-marketing-layout-description-font-weight-small: 400;
2191
+ --wds-marketing-layout-description-font-weight-tiny: 400;
2192
+ --wds-marketing-layout-description-line-height-medium: 24px;
2193
+ --wds-marketing-layout-description-line-height-small: 20px;
2194
+ --wds-marketing-layout-description-line-height-tiny: 20px;
2195
+ --wds-marketing-layout-image-border-radius: 0px;
2196
+ --wds-marketing-layout-image-padding-left-medium: 48px;
2197
+ --wds-marketing-layout-image-padding-left-small: 24px;
2198
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
2199
+ --wds-marketing-layout-image-padding-right-medium: 40px;
2200
+ --wds-marketing-layout-image-padding-right-small: 28px;
2201
+ --wds-marketing-layout-image-padding-right-tiny: 28px;
2202
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
2203
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
2204
+ --wds-marketing-layout-image-padding-vertical-tiny: 20px;
2107
2205
  --wds-marketing-layout-padding-left-medium: 48px;
2108
2206
  --wds-marketing-layout-padding-left-small: 24px;
2109
2207
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -2113,6 +2211,18 @@
2113
2211
  --wds-marketing-layout-padding-vertical-medium: 24px;
2114
2212
  --wds-marketing-layout-padding-vertical-small: 24px;
2115
2213
  --wds-marketing-layout-padding-vertical-tiny: 20px;
2214
+ --wds-marketing-layout-title-font-size-medium: 22px;
2215
+ --wds-marketing-layout-title-font-size-small: 18px;
2216
+ --wds-marketing-layout-title-font-size-tiny: 20px;
2217
+ --wds-marketing-layout-title-font-weight-medium: 700;
2218
+ --wds-marketing-layout-title-font-weight-small: 700;
2219
+ --wds-marketing-layout-title-font-weight-tiny: 700;
2220
+ --wds-marketing-layout-title-gap-medium: 8px;
2221
+ --wds-marketing-layout-title-gap-small: 4px;
2222
+ --wds-marketing-layout-title-gap-tiny: 4px;
2223
+ --wds-marketing-layout-title-line-height-medium: 24px;
2224
+ --wds-marketing-layout-title-line-height-small: 24px;
2225
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2116
2226
  --wds-marketing-page-paddings-horizontal-large: 60px;
2117
2227
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2118
2228
  --wds-marketing-page-paddings-vertical-large: 32px;