@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-dark/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);
@@ -1200,11 +1205,17 @@
1200
1205
  @property st-global(--wds-list-item-action-gap);
1201
1206
  @property st-global(--wds-list-item-action-label-fill-active);
1202
1207
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1208
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1209
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1203
1210
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1211
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1212
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1204
1213
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1205
1214
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1206
1215
  @property st-global(--wds-list-item-action-label-font-size-medium);
1207
1216
  @property st-global(--wds-list-item-action-label-font-size-small);
1217
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1218
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1208
1219
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1209
1220
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1210
1221
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1215,6 +1226,7 @@
1215
1226
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1216
1227
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1217
1228
  @property st-global(--wds-list-item-action-subtitle-font-size);
1229
+ @property st-global(--wds-list-item-action-subtitle-offset);
1218
1230
  @property st-global(--wds-list-item-action-suffix-fill);
1219
1231
  @property st-global(--wds-list-item-action-suffix-fill-active);
1220
1232
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1273,8 +1285,11 @@
1273
1285
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1274
1286
  @property st-global(--wds-list-item-select-padding-vertical-small);
1275
1287
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1288
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1276
1289
  @property st-global(--wds-list-item-select-subtitle);
1277
1290
  @property st-global(--wds-list-item-select-subtitle-disabled);
1291
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1292
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1278
1293
  @property st-global(--wds-list-item-select-suffix);
1279
1294
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1280
1295
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -1290,7 +1305,49 @@
1290
1305
  @property st-global(--wds-loader-stroke-width-medium);
1291
1306
  @property st-global(--wds-loader-stroke-width-small);
1292
1307
  @property st-global(--wds-loader-stroke-width-tiny);
1308
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1309
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1310
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1311
+ @property st-global(--wds-marketing-layout-badge-gap);
1312
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1313
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1314
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1315
+ @property st-global(--wds-marketing-layout-badge-position);
1316
+ @property st-global(--wds-marketing-layout-badge-side);
1317
+ @property st-global(--wds-marketing-layout-badge-top);
1293
1318
  @property st-global(--wds-marketing-layout-border);
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);
1339
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1340
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1341
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1342
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1343
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1344
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1345
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1346
+ @property st-global(--wds-marketing-layout-title-gap-small);
1347
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1348
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1349
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1350
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1294
1351
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1295
1352
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1296
1353
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -2137,7 +2194,12 @@
2137
2194
  --wds-accordion-caret-fill: #FFFFFF;
2138
2195
  --wds-accordion-caret-fill-hover: #FFFFFF;
2139
2196
  --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
2197
+ --wds-accordion-inner-content-padding-bottom: 16px;
2140
2198
  --wds-accordion-inner-content-padding-top: 4px;
2199
+ --wds-accordion-inner-content-padding-top-flat: 0px;
2200
+ --wds-accordion-inner-content-shadow: 0;
2201
+ --wds-accordion-inner-content-shadow-last: 0 0 0;
2202
+ --wds-accordion-padding-horizontal-large: 16px;
2141
2203
  --wds-accordion-title-fill: #FFFFFF;
2142
2204
  --wds-accordion-title-fill-hover: #FFFFFF;
2143
2205
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -2262,7 +2324,7 @@
2262
2324
  --wds-breadcrumbs-font-size-small: 12px;
2263
2325
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
2264
2326
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
2265
- --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
2327
+ --wds-breadcrumbs-on-grey-text-fill-active: #FFFFFF;
2266
2328
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
2267
2329
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2268
2330
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -3331,11 +3393,17 @@
3331
3393
  --wds-list-item-action-gap: 2px;
3332
3394
  --wds-list-item-action-label-fill-active: #FFFFFF;
3333
3395
  --wds-list-item-action-label-fill-hover-destructive: #F9D6D7;
3396
+ --wds-list-item-action-label-fill-hover-premium: #82B0FF;
3397
+ --wds-list-item-action-label-fill-hover-primary: #82B0FF;
3334
3398
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
3399
+ --wds-list-item-action-label-fill-pressed-premium: #82B0FF;
3400
+ --wds-list-item-action-label-fill-pressed-primary: #82B0FF;
3335
3401
  --wds-list-item-action-label-font-line-height-medium: 24px;
3336
3402
  --wds-list-item-action-label-font-line-height-small: 18px;
3337
3403
  --wds-list-item-action-label-font-size-medium: 14px;
3338
3404
  --wds-list-item-action-label-font-size-small: 12px;
3405
+ --wds-list-item-action-padding-horizontal-end-medium: 8px;
3406
+ --wds-list-item-action-padding-horizontal-end-small: 8px;
3339
3407
  --wds-list-item-action-padding-horizontal-medium: 8px;
3340
3408
  --wds-list-item-action-padding-horizontal-small: 8px;
3341
3409
  --wds-list-item-action-padding-vertical-medium: 8px;
@@ -3346,6 +3414,7 @@
3346
3414
  --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
3347
3415
  --wds-list-item-action-subtitle-font-line-height: 16px;
3348
3416
  --wds-list-item-action-subtitle-font-size: 12px;
3417
+ --wds-list-item-action-subtitle-offset: 0px;
3349
3418
  --wds-list-item-action-suffix-fill: #FFFFFF;
3350
3419
  --wds-list-item-action-suffix-fill-active: #FFFFFF;
3351
3420
  --wds-list-item-action-title-font-weight: 500;
@@ -3365,11 +3434,11 @@
3365
3434
  --wds-list-item-section-padding-vertical-neutral: 8px;
3366
3435
  --wds-list-item-section-title-label-fill: #A09E9D;
3367
3436
  --wds-list-item-section-title-label-fill-neutral: #878685;
3368
- --wds-list-item-select-active-fill: #2D2D2E;
3369
- --wds-list-item-select-active-fill-active: #2D354E;
3437
+ --wds-list-item-select-active-fill: #454544;
3438
+ --wds-list-item-select-active-fill-active: #454544;
3370
3439
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
3371
3440
  --wds-list-item-select-active-fill-disabled: #212122;
3372
- --wds-list-item-select-active-fill-hover: #111214;
3441
+ --wds-list-item-select-active-fill-hover: #3A3A3B;
3373
3442
  --wds-list-item-select-active-fill-screen-small: #2D354E;
3374
3443
  --wds-list-item-select-active-subtitle: #FFFFFF;
3375
3444
  --wds-list-item-select-active-subtitle-disabled: #878685;
@@ -3383,29 +3452,32 @@
3383
3452
  --wds-list-item-select-fill-active: #212122;
3384
3453
  --wds-list-item-select-fill-disabled: #212122;
3385
3454
  --wds-list-item-select-fill-hover: #3A3A3B;
3386
- --wds-list-item-select-gap: 2px;
3455
+ --wds-list-item-select-gap: 6px;
3387
3456
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3388
3457
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3389
3458
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
3390
3459
  --wds-list-item-select-icon-padding-vertical-small: 4px;
3391
- --wds-list-item-select-label-font-line-height-medium: 24px;
3392
- --wds-list-item-select-label-font-line-height-small: 18px;
3460
+ --wds-list-item-select-label-font-line-height-medium: 18px;
3461
+ --wds-list-item-select-label-font-line-height-small: 16px;
3393
3462
  --wds-list-item-select-label-font-size-medium: 14px;
3394
3463
  --wds-list-item-select-label-font-size-small: 12px;
3395
- --wds-list-item-select-label-font-weight-active: 600;
3464
+ --wds-list-item-select-label-font-weight-active: 500;
3396
3465
  --wds-list-item-select-label-font-weight-medium: 500;
3397
- --wds-list-item-select-padding-horizontal-medium: 8px;
3398
- --wds-list-item-select-padding-horizontal-small: 8px;
3466
+ --wds-list-item-select-padding-horizontal-medium: 12px;
3467
+ --wds-list-item-select-padding-horizontal-small: 12px;
3399
3468
  --wds-list-item-select-padding-left-medium: 12px;
3400
3469
  --wds-list-item-select-padding-left-small: 12px;
3401
3470
  --wds-list-item-select-padding-right-medium: 16px;
3402
3471
  --wds-list-item-select-padding-right-small: 16px;
3403
- --wds-list-item-select-padding-vertical-medium: 4px;
3472
+ --wds-list-item-select-padding-vertical-medium: 8px;
3404
3473
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3405
- --wds-list-item-select-padding-vertical-small: 4px;
3474
+ --wds-list-item-select-padding-vertical-small: 8px;
3406
3475
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3476
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
3407
3477
  --wds-list-item-select-subtitle: #A09E9D;
3408
3478
  --wds-list-item-select-subtitle-disabled: #878685;
3479
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3480
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
3409
3481
  --wds-list-item-select-suffix: #FFFFFF;
3410
3482
  --wds-list-item-select-suffix-active-font-weight: 500;
3411
3483
  --wds-list-item-select-suffix-pressed: #B1CCFF;
@@ -3421,7 +3493,49 @@
3421
3493
  --wds-loader-stroke-width-medium: 2px;
3422
3494
  --wds-loader-stroke-width-small: 2px;
3423
3495
  --wds-loader-stroke-width-tiny: 2px;
3496
+ --wds-marketing-layout-actions-gap-medium: 16px;
3497
+ --wds-marketing-layout-actions-gap-small: 12px;
3498
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3499
+ --wds-marketing-layout-badge-gap: 0px;
3500
+ --wds-marketing-layout-badge-offset-medium: 12px;
3501
+ --wds-marketing-layout-badge-offset-small: 12px;
3502
+ --wds-marketing-layout-badge-offset-tiny: 18px;
3503
+ --wds-marketing-layout-badge-position: absolute;
3504
+ --wds-marketing-layout-badge-side: -3px;
3505
+ --wds-marketing-layout-badge-top: 9px;
3424
3506
  --wds-marketing-layout-border: 4px;
3507
+ --wds-marketing-layout-description-color: #D4D3D2;
3508
+ --wds-marketing-layout-description-font-size-medium: 16px;
3509
+ --wds-marketing-layout-description-font-size-small: 14px;
3510
+ --wds-marketing-layout-description-font-size-tiny: 14px;
3511
+ --wds-marketing-layout-description-font-weight-medium: 400;
3512
+ --wds-marketing-layout-description-font-weight-small: 400;
3513
+ --wds-marketing-layout-description-font-weight-tiny: 400;
3514
+ --wds-marketing-layout-description-line-height-medium: 24px;
3515
+ --wds-marketing-layout-description-line-height-small: 18px;
3516
+ --wds-marketing-layout-description-line-height-tiny: 18px;
3517
+ --wds-marketing-layout-image-border-radius: 0px;
3518
+ --wds-marketing-layout-image-padding-left-medium: 32px;
3519
+ --wds-marketing-layout-image-padding-left-small: 16px;
3520
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
3521
+ --wds-marketing-layout-image-padding-right-medium: 28px;
3522
+ --wds-marketing-layout-image-padding-right-small: 20px;
3523
+ --wds-marketing-layout-image-padding-right-tiny: 20px;
3524
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
3525
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
3526
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
3527
+ --wds-marketing-layout-title-font-size-medium: 24px;
3528
+ --wds-marketing-layout-title-font-size-small: 16px;
3529
+ --wds-marketing-layout-title-font-size-tiny: 20px;
3530
+ --wds-marketing-layout-title-font-weight-medium: 500;
3531
+ --wds-marketing-layout-title-font-weight-small: 600;
3532
+ --wds-marketing-layout-title-font-weight-tiny: 600;
3533
+ --wds-marketing-layout-title-gap-medium: 8px;
3534
+ --wds-marketing-layout-title-gap-small: 4px;
3535
+ --wds-marketing-layout-title-gap-tiny: 4px;
3536
+ --wds-marketing-layout-title-line-height-medium: 30px;
3537
+ --wds-marketing-layout-title-line-height-small: 24px;
3538
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3425
3539
  --wds-marketing-page-paddings-horizontal-large: 60px;
3426
3540
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3427
3541
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -3901,8 +4015,8 @@
3901
4015
  --wds-space-1700: 68px;
3902
4016
  --wds-space-2400: 96px;
3903
4017
  --wds-space-mobile-viewport-spacing: 32px;
3904
- --wds-space-padding-horizontal-large: 16px;
3905
- --wds-space-padding-horizontal-medium: 12px;
4018
+ --wds-space-padding-horizontal-large: 24px;
4019
+ --wds-space-padding-horizontal-medium: 20px;
3906
4020
  --wds-space-padding-horizontal-small: 16px;
3907
4021
  --wds-space-padding-horizontal-tiny: 12px;
3908
4022
  --wds-space-padding-horizontal-x-tiny: 8px;
package/odeditor-dark/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);
@@ -610,11 +615,17 @@
610
615
  @property st-global(--wds-list-item-action-gap);
611
616
  @property st-global(--wds-list-item-action-label-fill-active);
612
617
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
618
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
619
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
613
620
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
621
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
622
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
614
623
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
615
624
  @property st-global(--wds-list-item-action-label-font-line-height-small);
616
625
  @property st-global(--wds-list-item-action-label-font-size-medium);
617
626
  @property st-global(--wds-list-item-action-label-font-size-small);
627
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
628
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
618
629
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
619
630
  @property st-global(--wds-list-item-action-padding-horizontal-small);
620
631
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -625,6 +636,7 @@
625
636
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
626
637
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
627
638
  @property st-global(--wds-list-item-action-subtitle-font-size);
639
+ @property st-global(--wds-list-item-action-subtitle-offset);
628
640
  @property st-global(--wds-list-item-action-suffix-fill);
629
641
  @property st-global(--wds-list-item-action-suffix-fill-active);
630
642
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -683,8 +695,11 @@
683
695
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
684
696
  @property st-global(--wds-list-item-select-padding-vertical-small);
685
697
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
698
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
686
699
  @property st-global(--wds-list-item-select-subtitle);
687
700
  @property st-global(--wds-list-item-select-subtitle-disabled);
701
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
702
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
688
703
  @property st-global(--wds-list-item-select-suffix);
689
704
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
690
705
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -700,7 +715,49 @@
700
715
  @property st-global(--wds-loader-stroke-width-medium);
701
716
  @property st-global(--wds-loader-stroke-width-small);
702
717
  @property st-global(--wds-loader-stroke-width-tiny);
718
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
719
+ @property st-global(--wds-marketing-layout-actions-gap-small);
720
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
721
+ @property st-global(--wds-marketing-layout-badge-gap);
722
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
723
+ @property st-global(--wds-marketing-layout-badge-offset-small);
724
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
725
+ @property st-global(--wds-marketing-layout-badge-position);
726
+ @property st-global(--wds-marketing-layout-badge-side);
727
+ @property st-global(--wds-marketing-layout-badge-top);
703
728
  @property st-global(--wds-marketing-layout-border);
729
+ @property st-global(--wds-marketing-layout-description-color);
730
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
731
+ @property st-global(--wds-marketing-layout-description-font-size-small);
732
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
733
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
734
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
735
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
736
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
737
+ @property st-global(--wds-marketing-layout-description-line-height-small);
738
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
739
+ @property st-global(--wds-marketing-layout-image-border-radius);
740
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
741
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
742
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
743
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
744
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
745
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
746
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
747
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
748
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
749
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
750
+ @property st-global(--wds-marketing-layout-title-font-size-small);
751
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
752
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
753
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
754
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
755
+ @property st-global(--wds-marketing-layout-title-gap-medium);
756
+ @property st-global(--wds-marketing-layout-title-gap-small);
757
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
758
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
759
+ @property st-global(--wds-marketing-layout-title-line-height-small);
760
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
704
761
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
705
762
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
706
763
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1390,7 +1447,12 @@
1390
1447
  --wds-accordion-caret-fill: #FFFFFF;
1391
1448
  --wds-accordion-caret-fill-hover: #FFFFFF;
1392
1449
  --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
1450
+ --wds-accordion-inner-content-padding-bottom: 16px;
1393
1451
  --wds-accordion-inner-content-padding-top: 4px;
1452
+ --wds-accordion-inner-content-padding-top-flat: 0px;
1453
+ --wds-accordion-inner-content-shadow: 0;
1454
+ --wds-accordion-inner-content-shadow-last: 0 0 0;
1455
+ --wds-accordion-padding-horizontal-large: 16px;
1394
1456
  --wds-accordion-title-fill: #FFFFFF;
1395
1457
  --wds-accordion-title-fill-hover: #FFFFFF;
1396
1458
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1478,7 +1540,7 @@
1478
1540
  --wds-breadcrumbs-font-size-small: 12px;
1479
1541
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
1480
1542
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
1481
- --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
1543
+ --wds-breadcrumbs-on-grey-text-fill-active: #FFFFFF;
1482
1544
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
1483
1545
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1484
1546
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -1994,11 +2056,17 @@
1994
2056
  --wds-list-item-action-gap: 2px;
1995
2057
  --wds-list-item-action-label-fill-active: #FFFFFF;
1996
2058
  --wds-list-item-action-label-fill-hover-destructive: #F9D6D7;
2059
+ --wds-list-item-action-label-fill-hover-premium: #82B0FF;
2060
+ --wds-list-item-action-label-fill-hover-primary: #82B0FF;
1997
2061
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
2062
+ --wds-list-item-action-label-fill-pressed-premium: #82B0FF;
2063
+ --wds-list-item-action-label-fill-pressed-primary: #82B0FF;
1998
2064
  --wds-list-item-action-label-font-line-height-medium: 24px;
1999
2065
  --wds-list-item-action-label-font-line-height-small: 18px;
2000
2066
  --wds-list-item-action-label-font-size-medium: 14px;
2001
2067
  --wds-list-item-action-label-font-size-small: 12px;
2068
+ --wds-list-item-action-padding-horizontal-end-medium: 8px;
2069
+ --wds-list-item-action-padding-horizontal-end-small: 8px;
2002
2070
  --wds-list-item-action-padding-horizontal-medium: 8px;
2003
2071
  --wds-list-item-action-padding-horizontal-small: 8px;
2004
2072
  --wds-list-item-action-padding-vertical-medium: 8px;
@@ -2009,6 +2077,7 @@
2009
2077
  --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
2010
2078
  --wds-list-item-action-subtitle-font-line-height: 16px;
2011
2079
  --wds-list-item-action-subtitle-font-size: 12px;
2080
+ --wds-list-item-action-subtitle-offset: 0px;
2012
2081
  --wds-list-item-action-suffix-fill: #FFFFFF;
2013
2082
  --wds-list-item-action-suffix-fill-active: #FFFFFF;
2014
2083
  --wds-list-item-action-title-font-weight: 500;
@@ -2028,11 +2097,11 @@
2028
2097
  --wds-list-item-section-padding-vertical-neutral: 8px;
2029
2098
  --wds-list-item-section-title-label-fill: #A09E9D;
2030
2099
  --wds-list-item-section-title-label-fill-neutral: #878685;
2031
- --wds-list-item-select-active-fill: #2D2D2E;
2032
- --wds-list-item-select-active-fill-active: #2D354E;
2100
+ --wds-list-item-select-active-fill: #454544;
2101
+ --wds-list-item-select-active-fill-active: #454544;
2033
2102
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
2034
2103
  --wds-list-item-select-active-fill-disabled: #212122;
2035
- --wds-list-item-select-active-fill-hover: #111214;
2104
+ --wds-list-item-select-active-fill-hover: #3A3A3B;
2036
2105
  --wds-list-item-select-active-fill-screen-small: #2D354E;
2037
2106
  --wds-list-item-select-active-subtitle: #FFFFFF;
2038
2107
  --wds-list-item-select-active-subtitle-disabled: #878685;
@@ -2046,29 +2115,32 @@
2046
2115
  --wds-list-item-select-fill-active: #212122;
2047
2116
  --wds-list-item-select-fill-disabled: #212122;
2048
2117
  --wds-list-item-select-fill-hover: #3A3A3B;
2049
- --wds-list-item-select-gap: 2px;
2118
+ --wds-list-item-select-gap: 6px;
2050
2119
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
2051
2120
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
2052
2121
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
2053
2122
  --wds-list-item-select-icon-padding-vertical-small: 4px;
2054
- --wds-list-item-select-label-font-line-height-medium: 24px;
2055
- --wds-list-item-select-label-font-line-height-small: 18px;
2123
+ --wds-list-item-select-label-font-line-height-medium: 18px;
2124
+ --wds-list-item-select-label-font-line-height-small: 16px;
2056
2125
  --wds-list-item-select-label-font-size-medium: 14px;
2057
2126
  --wds-list-item-select-label-font-size-small: 12px;
2058
- --wds-list-item-select-label-font-weight-active: 600;
2127
+ --wds-list-item-select-label-font-weight-active: 500;
2059
2128
  --wds-list-item-select-label-font-weight-medium: 500;
2060
- --wds-list-item-select-padding-horizontal-medium: 8px;
2061
- --wds-list-item-select-padding-horizontal-small: 8px;
2129
+ --wds-list-item-select-padding-horizontal-medium: 12px;
2130
+ --wds-list-item-select-padding-horizontal-small: 12px;
2062
2131
  --wds-list-item-select-padding-left-medium: 12px;
2063
2132
  --wds-list-item-select-padding-left-small: 12px;
2064
2133
  --wds-list-item-select-padding-right-medium: 16px;
2065
2134
  --wds-list-item-select-padding-right-small: 16px;
2066
- --wds-list-item-select-padding-vertical-medium: 4px;
2135
+ --wds-list-item-select-padding-vertical-medium: 8px;
2067
2136
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2068
- --wds-list-item-select-padding-vertical-small: 4px;
2137
+ --wds-list-item-select-padding-vertical-small: 8px;
2069
2138
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
2139
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
2070
2140
  --wds-list-item-select-subtitle: #A09E9D;
2071
2141
  --wds-list-item-select-subtitle-disabled: #878685;
2142
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2143
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
2072
2144
  --wds-list-item-select-suffix: #FFFFFF;
2073
2145
  --wds-list-item-select-suffix-active-font-weight: 500;
2074
2146
  --wds-list-item-select-suffix-pressed: #B1CCFF;
@@ -2084,7 +2156,49 @@
2084
2156
  --wds-loader-stroke-width-medium: 2px;
2085
2157
  --wds-loader-stroke-width-small: 2px;
2086
2158
  --wds-loader-stroke-width-tiny: 2px;
2159
+ --wds-marketing-layout-actions-gap-medium: 16px;
2160
+ --wds-marketing-layout-actions-gap-small: 12px;
2161
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2162
+ --wds-marketing-layout-badge-gap: 0px;
2163
+ --wds-marketing-layout-badge-offset-medium: 12px;
2164
+ --wds-marketing-layout-badge-offset-small: 12px;
2165
+ --wds-marketing-layout-badge-offset-tiny: 18px;
2166
+ --wds-marketing-layout-badge-position: absolute;
2167
+ --wds-marketing-layout-badge-side: -3px;
2168
+ --wds-marketing-layout-badge-top: 9px;
2087
2169
  --wds-marketing-layout-border: 4px;
2170
+ --wds-marketing-layout-description-color: #D4D3D2;
2171
+ --wds-marketing-layout-description-font-size-medium: 16px;
2172
+ --wds-marketing-layout-description-font-size-small: 14px;
2173
+ --wds-marketing-layout-description-font-size-tiny: 14px;
2174
+ --wds-marketing-layout-description-font-weight-medium: 400;
2175
+ --wds-marketing-layout-description-font-weight-small: 400;
2176
+ --wds-marketing-layout-description-font-weight-tiny: 400;
2177
+ --wds-marketing-layout-description-line-height-medium: 24px;
2178
+ --wds-marketing-layout-description-line-height-small: 18px;
2179
+ --wds-marketing-layout-description-line-height-tiny: 18px;
2180
+ --wds-marketing-layout-image-border-radius: 0px;
2181
+ --wds-marketing-layout-image-padding-left-medium: 32px;
2182
+ --wds-marketing-layout-image-padding-left-small: 16px;
2183
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
2184
+ --wds-marketing-layout-image-padding-right-medium: 28px;
2185
+ --wds-marketing-layout-image-padding-right-small: 20px;
2186
+ --wds-marketing-layout-image-padding-right-tiny: 20px;
2187
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
2188
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
2189
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2190
+ --wds-marketing-layout-title-font-size-medium: 24px;
2191
+ --wds-marketing-layout-title-font-size-small: 16px;
2192
+ --wds-marketing-layout-title-font-size-tiny: 20px;
2193
+ --wds-marketing-layout-title-font-weight-medium: 500;
2194
+ --wds-marketing-layout-title-font-weight-small: 600;
2195
+ --wds-marketing-layout-title-font-weight-tiny: 600;
2196
+ --wds-marketing-layout-title-gap-medium: 8px;
2197
+ --wds-marketing-layout-title-gap-small: 4px;
2198
+ --wds-marketing-layout-title-gap-tiny: 4px;
2199
+ --wds-marketing-layout-title-line-height-medium: 30px;
2200
+ --wds-marketing-layout-title-line-height-small: 24px;
2201
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2088
2202
  --wds-marketing-page-paddings-horizontal-large: 60px;
2089
2203
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2090
2204
  --wds-marketing-page-paddings-vertical-large: 32px;
package/odeditor-dark/semantic.st.css CHANGED
@@ -995,8 +995,8 @@
995
995
  --wds-shadow-y-secondary-toggle-button: 1.2px;
996
996
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
997
997
  --wds-space-mobile-viewport-spacing: 32px;
998
- --wds-space-padding-horizontal-large: 16px;
999
- --wds-space-padding-horizontal-medium: 12px;
998
+ --wds-space-padding-horizontal-large: 24px;
999
+ --wds-space-padding-horizontal-medium: 20px;
1000
1000
  --wds-space-padding-horizontal-small: 16px;
1001
1001
  --wds-space-padding-horizontal-tiny: 12px;
1002
1002
  --wds-space-padding-horizontal-x-tiny: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.211.0",
3
+ "version": "1.212.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -11,11 +11,15 @@
11
11
  "ts": "tsc --noEmit"
12
12
  },
13
13
  "devDependencies": {
14
+ "@eslint/js": "^9.21.0",
15
+ "@typescript-eslint/parser": "^8.58.1",
14
16
  "eslint": "^9.21.0",
15
17
  "eslint-plugin-jsonc": "^2.18.2",
18
+ "globals": "^16.0.0",
16
19
  "style-dictionary": "^3.9.2",
17
20
  "ts-node": "^10.9.2",
18
21
  "typescript": "^5.8.3",
22
+ "typescript-eslint": "^8.58.0",
19
23
  "vitest": "^4.1.3"
20
24
  },
21
25
  "wix": {
@@ -32,5 +36,5 @@
32
36
  "author": "augustinasv@wix.com",
33
37
  "description": "Design system tokens",
34
38
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "f11bd8500e3805fe578ae9376c176fdb17f7da1800f0453ba0384bd9"
39
+ "falconPackageHash": "1340e01bbb399a69722afd20eb752efa0ebe23eb3a0e8189d0d3045c"
36
40
  }