@wix/design-system-tokens 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/all.st.css +39 -9
  2. package/component.st.css +11 -5
  3. package/foundation.st.css +1 -1
  4. package/package.json +2 -2
  5. package/semantic.st.css +27 -3
  6. package/studio/all.st.css +36 -6
  7. package/studio/component.st.css +11 -5
  8. package/studio/semantic.st.css +25 -1
package/all.st.css CHANGED
@@ -480,10 +480,16 @@
480
480
  @property st-global(--wds-field-set-gap-large);
481
481
  @property st-global(--wds-field-set-gap-medium);
482
482
  @property st-global(--wds-field-set-gap-small);
483
- @property st-global(--wds-field-set-gap-tiny);
483
+ @property st-global(--wds-field-set-label-gap);
484
484
  @property st-global(--wds-font-family-default);
485
485
  @property st-global(--wds-font-letter-spacing-0);
486
486
  @property st-global(--wds-font-letter-spacing-100);
487
+ @property st-global(--wds-font-letter-spacing-heading-1);
488
+ @property st-global(--wds-font-letter-spacing-heading-2);
489
+ @property st-global(--wds-font-letter-spacing-heading-3);
490
+ @property st-global(--wds-font-letter-spacing-heading-4);
491
+ @property st-global(--wds-font-letter-spacing-heading-5);
492
+ @property st-global(--wds-font-letter-spacing-heading-6);
487
493
  @property st-global(--wds-font-line-height-100);
488
494
  @property st-global(--wds-font-line-height-200);
489
495
  @property st-global(--wds-font-line-height-300);
@@ -519,9 +525,15 @@
519
525
  @property st-global(--wds-font-size-heading-5);
520
526
  @property st-global(--wds-font-size-heading-6);
521
527
  @property st-global(--wds-font-weight-bold);
528
+ @property st-global(--wds-font-weight-heading-1);
529
+ @property st-global(--wds-font-weight-heading-2);
530
+ @property st-global(--wds-font-weight-heading-3);
531
+ @property st-global(--wds-font-weight-heading-4);
532
+ @property st-global(--wds-font-weight-heading-5);
533
+ @property st-global(--wds-font-weight-heading-6);
522
534
  @property st-global(--wds-font-weight-medium);
523
535
  @property st-global(--wds-font-weight-regular);
524
- @property st-global(--wds-form-field-gap);
536
+ @property st-global(--wds-form-field-label-gap);
525
537
  @property st-global(--wds-gallery-item-border);
526
538
  @property st-global(--wds-gallery-item-padding-left-medium);
527
539
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -696,6 +708,9 @@
696
708
  @property st-global(--wds-skeleton-border-radius-circle);
697
709
  @property st-global(--wds-skeleton-border-radius-line);
698
710
  @property st-global(--wds-skeleton-border-radius-rectangle);
711
+ @property st-global(--wds-slider-slider-knob-size);
712
+ @property st-global(--wds-slider-slider-knob-size-transparent);
713
+ @property st-global(--wds-slider-slider-mark-size);
699
714
  @property st-global(--wds-slider-track-border-border-radius);
700
715
  @property st-global(--wds-slider-track-border-radius-transparent);
701
716
  @property st-global(--wds-slider-track-size);
@@ -1288,18 +1303,24 @@
1288
1303
  --wds-feature-list-gap: 30px;
1289
1304
  --wds-field-set-gap-large: 18px;
1290
1305
  --wds-field-set-gap-medium: 12px;
1291
- --wds-field-set-gap-small: 9px;
1292
- --wds-field-set-gap-tiny: 6px;
1306
+ --wds-field-set-gap-small: 6px;
1307
+ --wds-field-set-label-gap: 9px;
1293
1308
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1294
1309
  --wds-font-letter-spacing-0: 0;
1295
1310
  --wds-font-letter-spacing-100: 1px;
1311
+ --wds-font-letter-spacing-heading-1: 0;
1312
+ --wds-font-letter-spacing-heading-2: 0;
1313
+ --wds-font-letter-spacing-heading-3: 0;
1314
+ --wds-font-letter-spacing-heading-4: 0;
1315
+ --wds-font-letter-spacing-heading-5: 1px;
1316
+ --wds-font-letter-spacing-heading-6: 1px;
1296
1317
  --wds-font-line-height-100: 12px;
1297
1318
  --wds-font-line-height-200: 18px;
1298
1319
  --wds-font-line-height-300: 24px;
1299
1320
  --wds-font-line-height-400: 28px;
1300
1321
  --wds-font-line-height-500: 36px;
1301
- --wds-font-line-height-body-extra-tiny: 18px;
1302
- --wds-font-line-height-body-medium: 28px;
1322
+ --wds-font-line-height-body-extra-tiny: 12px;
1323
+ --wds-font-line-height-body-medium: 24px;
1303
1324
  --wds-font-line-height-body-small: 18px;
1304
1325
  --wds-font-line-height-body-tiny: 18px;
1305
1326
  --wds-font-line-height-heading-1: 36px;
@@ -1308,7 +1329,7 @@
1308
1329
  --wds-font-line-height-heading-4: 24px;
1309
1330
  --wds-font-line-height-heading-5: 24px;
1310
1331
  --wds-font-line-height-heading-6: 18px;
1311
- --wds-font-size-100: 11px;
1332
+ --wds-font-size-100: 10px;
1312
1333
  --wds-font-size-200: 12px;
1313
1334
  --wds-font-size-300: 14px;
1314
1335
  --wds-font-size-400: 15px;
@@ -1317,7 +1338,7 @@
1317
1338
  --wds-font-size-700: 20px;
1318
1339
  --wds-font-size-800: 21px;
1319
1340
  --wds-font-size-900: 28px;
1320
- --wds-font-size-body-extra-tiny: 11px;
1341
+ --wds-font-size-body-extra-tiny: 10px;
1321
1342
  --wds-font-size-body-medium: 16px;
1322
1343
  --wds-font-size-body-small: 14px;
1323
1344
  --wds-font-size-body-tiny: 12px;
@@ -1328,9 +1349,15 @@
1328
1349
  --wds-font-size-heading-5: 15px;
1329
1350
  --wds-font-size-heading-6: 12px;
1330
1351
  --wds-font-weight-bold: 700;
1352
+ --wds-font-weight-heading-1: 700;
1353
+ --wds-font-weight-heading-2: 700;
1354
+ --wds-font-weight-heading-3: 700;
1355
+ --wds-font-weight-heading-4: 500;
1356
+ --wds-font-weight-heading-5: 400;
1357
+ --wds-font-weight-heading-6: 400;
1331
1358
  --wds-font-weight-medium: 500;
1332
1359
  --wds-font-weight-regular: 400;
1333
- --wds-form-field-gap: 9px;
1360
+ --wds-form-field-label-gap: 9px;
1334
1361
  --wds-gallery-item-border: 8px;
1335
1362
  --wds-gallery-item-padding-left-medium: 18px;
1336
1363
  --wds-gallery-item-padding-left-small: 12px;
@@ -1505,6 +1532,9 @@
1505
1532
  --wds-skeleton-border-radius-circle: 1000px;
1506
1533
  --wds-skeleton-border-radius-line: 1000px;
1507
1534
  --wds-skeleton-border-radius-rectangle: 6px;
1535
+ --wds-slider-slider-knob-size: 12px;
1536
+ --wds-slider-slider-knob-size-transparent: 16px;
1537
+ --wds-slider-slider-mark-size: 6px;
1508
1538
  --wds-slider-track-border-border-radius: 1000px;
1509
1539
  --wds-slider-track-border-radius-transparent: 1000px;
1510
1540
  --wds-slider-track-size: 4px;
package/component.st.css CHANGED
@@ -105,8 +105,8 @@
105
105
  @property st-global(--wds-field-set-gap-large);
106
106
  @property st-global(--wds-field-set-gap-medium);
107
107
  @property st-global(--wds-field-set-gap-small);
108
- @property st-global(--wds-field-set-gap-tiny);
109
- @property st-global(--wds-form-field-gap);
108
+ @property st-global(--wds-field-set-label-gap);
109
+ @property st-global(--wds-form-field-label-gap);
110
110
  @property st-global(--wds-gallery-item-border);
111
111
  @property st-global(--wds-gallery-item-padding-left-medium);
112
112
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -254,6 +254,9 @@
254
254
  @property st-global(--wds-skeleton-border-radius-circle);
255
255
  @property st-global(--wds-skeleton-border-radius-line);
256
256
  @property st-global(--wds-skeleton-border-radius-rectangle);
257
+ @property st-global(--wds-slider-slider-knob-size);
258
+ @property st-global(--wds-slider-slider-knob-size-transparent);
259
+ @property st-global(--wds-slider-slider-mark-size);
257
260
  @property st-global(--wds-slider-track-border-border-radius);
258
261
  @property st-global(--wds-slider-track-border-radius-transparent);
259
262
  @property st-global(--wds-slider-track-size);
@@ -447,9 +450,9 @@
447
450
  --wds-feature-list-gap: 30px;
448
451
  --wds-field-set-gap-large: 18px;
449
452
  --wds-field-set-gap-medium: 12px;
450
- --wds-field-set-gap-small: 9px;
451
- --wds-field-set-gap-tiny: 6px;
452
- --wds-form-field-gap: 9px;
453
+ --wds-field-set-gap-small: 6px;
454
+ --wds-field-set-label-gap: 9px;
455
+ --wds-form-field-label-gap: 9px;
453
456
  --wds-gallery-item-border: 8px;
454
457
  --wds-gallery-item-padding-left-medium: 18px;
455
458
  --wds-gallery-item-padding-left-small: 12px;
@@ -597,6 +600,9 @@
597
600
  --wds-skeleton-border-radius-circle: 1000px;
598
601
  --wds-skeleton-border-radius-line: 1000px;
599
602
  --wds-skeleton-border-radius-rectangle: 6px;
603
+ --wds-slider-slider-knob-size: 12px;
604
+ --wds-slider-slider-knob-size-transparent: 16px;
605
+ --wds-slider-slider-mark-size: 6px;
600
606
  --wds-slider-track-border-border-radius: 1000px;
601
607
  --wds-slider-track-border-radius-transparent: 1000px;
602
608
  --wds-slider-track-size: 4px;
package/foundation.st.css CHANGED
@@ -278,7 +278,7 @@
278
278
  --wds-font-line-height-300: 24px;
279
279
  --wds-font-line-height-400: 28px;
280
280
  --wds-font-line-height-500: 36px;
281
- --wds-font-size-100: 11px;
281
+ --wds-font-size-100: 10px;
282
282
  --wds-font-size-200: 12px;
283
283
  --wds-font-size-300: 14px;
284
284
  --wds-font-size-400: 15px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.1",
3
+ "version": "1.3.3",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -32,5 +32,5 @@
32
32
  "groupId": "com.wixpress"
33
33
  }
34
34
  },
35
- "falconPackageHash": "0a8ddcba8e868cd4240d736cbab9ce7ab1995d42fa182a1a2ca71474"
35
+ "falconPackageHash": "2fd19367e58354958b1b04e4b0e87f07005c0bb705b6c6d049333efa"
36
36
  }
package/semantic.st.css CHANGED
@@ -270,6 +270,12 @@
270
270
  @property st-global(--wds-color-text-success);
271
271
  @property st-global(--wds-color-text-urgent);
272
272
  @property st-global(--wds-color-text-warning);
273
+ @property st-global(--wds-font-letter-spacing-heading-1);
274
+ @property st-global(--wds-font-letter-spacing-heading-2);
275
+ @property st-global(--wds-font-letter-spacing-heading-3);
276
+ @property st-global(--wds-font-letter-spacing-heading-4);
277
+ @property st-global(--wds-font-letter-spacing-heading-5);
278
+ @property st-global(--wds-font-letter-spacing-heading-6);
273
279
  @property st-global(--wds-font-line-height-body-extra-tiny);
274
280
  @property st-global(--wds-font-line-height-body-medium);
275
281
  @property st-global(--wds-font-line-height-body-small);
@@ -290,6 +296,12 @@
290
296
  @property st-global(--wds-font-size-heading-4);
291
297
  @property st-global(--wds-font-size-heading-5);
292
298
  @property st-global(--wds-font-size-heading-6);
299
+ @property st-global(--wds-font-weight-heading-1);
300
+ @property st-global(--wds-font-weight-heading-2);
301
+ @property st-global(--wds-font-weight-heading-3);
302
+ @property st-global(--wds-font-weight-heading-4);
303
+ @property st-global(--wds-font-weight-heading-5);
304
+ @property st-global(--wds-font-weight-heading-6);
293
305
  @property st-global(--wds-shadow-focus-destructive);
294
306
  @property st-global(--wds-shadow-focus-standard);
295
307
  @property st-global(--wds-shadow-focus-warning);
@@ -571,8 +583,14 @@
571
583
  --wds-color-text-success: #25a55a;
572
584
  --wds-color-text-urgent: #fe620f;
573
585
  --wds-color-text-warning: #ffb700;
574
- --wds-font-line-height-body-extra-tiny: 18px;
575
- --wds-font-line-height-body-medium: 28px;
586
+ --wds-font-letter-spacing-heading-1: 0;
587
+ --wds-font-letter-spacing-heading-2: 0;
588
+ --wds-font-letter-spacing-heading-3: 0;
589
+ --wds-font-letter-spacing-heading-4: 0;
590
+ --wds-font-letter-spacing-heading-5: 1px;
591
+ --wds-font-letter-spacing-heading-6: 1px;
592
+ --wds-font-line-height-body-extra-tiny: 12px;
593
+ --wds-font-line-height-body-medium: 24px;
576
594
  --wds-font-line-height-body-small: 18px;
577
595
  --wds-font-line-height-body-tiny: 18px;
578
596
  --wds-font-line-height-heading-1: 36px;
@@ -581,7 +599,7 @@
581
599
  --wds-font-line-height-heading-4: 24px;
582
600
  --wds-font-line-height-heading-5: 24px;
583
601
  --wds-font-line-height-heading-6: 18px;
584
- --wds-font-size-body-extra-tiny: 11px;
602
+ --wds-font-size-body-extra-tiny: 10px;
585
603
  --wds-font-size-body-medium: 16px;
586
604
  --wds-font-size-body-small: 14px;
587
605
  --wds-font-size-body-tiny: 12px;
@@ -591,6 +609,12 @@
591
609
  --wds-font-size-heading-4: 18px;
592
610
  --wds-font-size-heading-5: 15px;
593
611
  --wds-font-size-heading-6: 12px;
612
+ --wds-font-weight-heading-1: 700;
613
+ --wds-font-weight-heading-2: 700;
614
+ --wds-font-weight-heading-3: 700;
615
+ --wds-font-weight-heading-4: 500;
616
+ --wds-font-weight-heading-5: 400;
617
+ --wds-font-weight-heading-6: 400;
594
618
  --wds-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
595
619
  --wds-shadow-focus-standard: 0 0 0 3px #a8caff;
596
620
  --wds-shadow-focus-warning: 0 0 0 3px #ffe2a5;
package/studio/all.st.css CHANGED
@@ -476,10 +476,16 @@
476
476
  @property st-global(--wds-field-set-gap-large);
477
477
  @property st-global(--wds-field-set-gap-medium);
478
478
  @property st-global(--wds-field-set-gap-small);
479
- @property st-global(--wds-field-set-gap-tiny);
479
+ @property st-global(--wds-field-set-label-gap);
480
480
  @property st-global(--wds-font-family-default);
481
481
  @property st-global(--wds-font-letter-spacing-0);
482
482
  @property st-global(--wds-font-letter-spacing-100);
483
+ @property st-global(--wds-font-letter-spacing-heading-1);
484
+ @property st-global(--wds-font-letter-spacing-heading-2);
485
+ @property st-global(--wds-font-letter-spacing-heading-3);
486
+ @property st-global(--wds-font-letter-spacing-heading-4);
487
+ @property st-global(--wds-font-letter-spacing-heading-5);
488
+ @property st-global(--wds-font-letter-spacing-heading-6);
483
489
  @property st-global(--wds-font-line-height-100);
484
490
  @property st-global(--wds-font-line-height-200);
485
491
  @property st-global(--wds-font-line-height-300);
@@ -515,9 +521,15 @@
515
521
  @property st-global(--wds-font-size-heading-5);
516
522
  @property st-global(--wds-font-size-heading-6);
517
523
  @property st-global(--wds-font-weight-bold);
524
+ @property st-global(--wds-font-weight-heading-1);
525
+ @property st-global(--wds-font-weight-heading-2);
526
+ @property st-global(--wds-font-weight-heading-3);
527
+ @property st-global(--wds-font-weight-heading-4);
528
+ @property st-global(--wds-font-weight-heading-5);
529
+ @property st-global(--wds-font-weight-heading-6);
518
530
  @property st-global(--wds-font-weight-medium);
519
531
  @property st-global(--wds-font-weight-regular);
520
- @property st-global(--wds-form-field-gap);
532
+ @property st-global(--wds-form-field-label-gap);
521
533
  @property st-global(--wds-gallery-item-border);
522
534
  @property st-global(--wds-gallery-item-padding-left-medium);
523
535
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -669,6 +681,9 @@
669
681
  @property st-global(--wds-skeleton-border-radius-circle);
670
682
  @property st-global(--wds-skeleton-border-radius-line);
671
683
  @property st-global(--wds-skeleton-border-radius-rectangle);
684
+ @property st-global(--wds-slider-slider-knob-size);
685
+ @property st-global(--wds-slider-slider-knob-size-transparent);
686
+ @property st-global(--wds-slider-slider-mark-size);
672
687
  @property st-global(--wds-slider-track-border-border-radius-transparent);
673
688
  @property st-global(--wds-slider-track-border-radius);
674
689
  @property st-global(--wds-slider-track-size);
@@ -1257,18 +1272,24 @@
1257
1272
  --wds-feature-list-gap: 24px;
1258
1273
  --wds-field-set-gap-large: 16px;
1259
1274
  --wds-field-set-gap-medium: 12px;
1260
- --wds-field-set-gap-small: 8px;
1261
- --wds-field-set-gap-tiny: 6px;
1275
+ --wds-field-set-gap-small: 6px;
1276
+ --wds-field-set-label-gap: 8px;
1262
1277
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
1263
1278
  --wds-font-letter-spacing-0: 0;
1264
1279
  --wds-font-letter-spacing-100: 1px;
1280
+ --wds-font-letter-spacing-heading-1: 0;
1281
+ --wds-font-letter-spacing-heading-2: 0;
1282
+ --wds-font-letter-spacing-heading-3: 0;
1283
+ --wds-font-letter-spacing-heading-4: 0;
1284
+ --wds-font-letter-spacing-heading-5: 1px;
1285
+ --wds-font-letter-spacing-heading-6: 1px;
1265
1286
  --wds-font-line-height-100: 16px;
1266
1287
  --wds-font-line-height-200: 20px;
1267
1288
  --wds-font-line-height-300: 24px;
1268
1289
  --wds-font-line-height-400: 28px;
1269
1290
  --wds-font-line-height-500: 32px;
1270
1291
  --wds-font-line-height-body-extra-tiny: 16px;
1271
- --wds-font-line-height-body-medium: 28px;
1292
+ --wds-font-line-height-body-medium: 24px;
1272
1293
  --wds-font-line-height-body-small: 20px;
1273
1294
  --wds-font-line-height-body-tiny: 16px;
1274
1295
  --wds-font-line-height-heading-1: 32px;
@@ -1297,9 +1318,15 @@
1297
1318
  --wds-font-size-heading-5: 11px;
1298
1319
  --wds-font-size-heading-6: 12px;
1299
1320
  --wds-font-weight-bold: 700;
1321
+ --wds-font-weight-heading-1: 700;
1322
+ --wds-font-weight-heading-2: 700;
1323
+ --wds-font-weight-heading-3: 700;
1324
+ --wds-font-weight-heading-4: 700;
1325
+ --wds-font-weight-heading-5: 700;
1326
+ --wds-font-weight-heading-6: 400;
1300
1327
  --wds-font-weight-medium: 500;
1301
1328
  --wds-font-weight-regular: 400;
1302
- --wds-form-field-gap: 8px;
1329
+ --wds-form-field-label-gap: 8px;
1303
1330
  --wds-gallery-item-border: 4px;
1304
1331
  --wds-gallery-item-padding-left-medium: 18px;
1305
1332
  --wds-gallery-item-padding-left-small: 12px;
@@ -1451,6 +1478,9 @@
1451
1478
  --wds-skeleton-border-radius-circle: 1000px;
1452
1479
  --wds-skeleton-border-radius-line: 4px;
1453
1480
  --wds-skeleton-border-radius-rectangle: 4px;
1481
+ --wds-slider-slider-knob-size: 12px;
1482
+ --wds-slider-slider-knob-size-transparent: 16px;
1483
+ --wds-slider-slider-mark-size: 8px;
1454
1484
  --wds-slider-track-border-border-radius-transparent: 1000px;
1455
1485
  --wds-slider-track-border-radius: 1000px;
1456
1486
  --wds-slider-track-size: 2px;
package/studio/component.st.css CHANGED
@@ -105,8 +105,8 @@
105
105
  @property st-global(--wds-field-set-gap-large);
106
106
  @property st-global(--wds-field-set-gap-medium);
107
107
  @property st-global(--wds-field-set-gap-small);
108
- @property st-global(--wds-field-set-gap-tiny);
109
- @property st-global(--wds-form-field-gap);
108
+ @property st-global(--wds-field-set-label-gap);
109
+ @property st-global(--wds-form-field-label-gap);
110
110
  @property st-global(--wds-gallery-item-border);
111
111
  @property st-global(--wds-gallery-item-padding-left-medium);
112
112
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -254,6 +254,9 @@
254
254
  @property st-global(--wds-skeleton-border-radius-circle);
255
255
  @property st-global(--wds-skeleton-border-radius-line);
256
256
  @property st-global(--wds-skeleton-border-radius-rectangle);
257
+ @property st-global(--wds-slider-slider-knob-size);
258
+ @property st-global(--wds-slider-slider-knob-size-transparent);
259
+ @property st-global(--wds-slider-slider-mark-size);
257
260
  @property st-global(--wds-slider-track-border-border-radius-transparent);
258
261
  @property st-global(--wds-slider-track-border-radius);
259
262
  @property st-global(--wds-slider-track-size);
@@ -447,9 +450,9 @@
447
450
  --wds-feature-list-gap: 24px;
448
451
  --wds-field-set-gap-large: 16px;
449
452
  --wds-field-set-gap-medium: 12px;
450
- --wds-field-set-gap-small: 8px;
451
- --wds-field-set-gap-tiny: 6px;
452
- --wds-form-field-gap: 8px;
453
+ --wds-field-set-gap-small: 6px;
454
+ --wds-field-set-label-gap: 8px;
455
+ --wds-form-field-label-gap: 8px;
453
456
  --wds-gallery-item-border: 4px;
454
457
  --wds-gallery-item-padding-left-medium: 18px;
455
458
  --wds-gallery-item-padding-left-small: 12px;
@@ -597,6 +600,9 @@
597
600
  --wds-skeleton-border-radius-circle: 1000px;
598
601
  --wds-skeleton-border-radius-line: 4px;
599
602
  --wds-skeleton-border-radius-rectangle: 4px;
603
+ --wds-slider-slider-knob-size: 12px;
604
+ --wds-slider-slider-knob-size-transparent: 16px;
605
+ --wds-slider-slider-mark-size: 8px;
600
606
  --wds-slider-track-border-border-radius-transparent: 1000px;
601
607
  --wds-slider-track-border-radius: 1000px;
602
608
  --wds-slider-track-size: 2px;
package/studio/semantic.st.css CHANGED
@@ -266,6 +266,12 @@
266
266
  @property st-global(--wds-color-text-success);
267
267
  @property st-global(--wds-color-text-urgent);
268
268
  @property st-global(--wds-color-text-warning);
269
+ @property st-global(--wds-font-letter-spacing-heading-1);
270
+ @property st-global(--wds-font-letter-spacing-heading-2);
271
+ @property st-global(--wds-font-letter-spacing-heading-3);
272
+ @property st-global(--wds-font-letter-spacing-heading-4);
273
+ @property st-global(--wds-font-letter-spacing-heading-5);
274
+ @property st-global(--wds-font-letter-spacing-heading-6);
269
275
  @property st-global(--wds-font-line-height-body-extra-tiny);
270
276
  @property st-global(--wds-font-line-height-body-medium);
271
277
  @property st-global(--wds-font-line-height-body-small);
@@ -286,6 +292,12 @@
286
292
  @property st-global(--wds-font-size-heading-4);
287
293
  @property st-global(--wds-font-size-heading-5);
288
294
  @property st-global(--wds-font-size-heading-6);
295
+ @property st-global(--wds-font-weight-heading-1);
296
+ @property st-global(--wds-font-weight-heading-2);
297
+ @property st-global(--wds-font-weight-heading-3);
298
+ @property st-global(--wds-font-weight-heading-4);
299
+ @property st-global(--wds-font-weight-heading-5);
300
+ @property st-global(--wds-font-weight-heading-6);
289
301
 
290
302
  .root {
291
303
  --wds-color-border-dark-primary: #868aa5;
@@ -556,8 +568,14 @@
556
568
  --wds-color-text-success: #25a55a;
557
569
  --wds-color-text-urgent: #f96132;
558
570
  --wds-color-text-warning: #f9ad4d;
571
+ --wds-font-letter-spacing-heading-1: 0;
572
+ --wds-font-letter-spacing-heading-2: 0;
573
+ --wds-font-letter-spacing-heading-3: 0;
574
+ --wds-font-letter-spacing-heading-4: 0;
575
+ --wds-font-letter-spacing-heading-5: 1px;
576
+ --wds-font-letter-spacing-heading-6: 1px;
559
577
  --wds-font-line-height-body-extra-tiny: 16px;
560
- --wds-font-line-height-body-medium: 28px;
578
+ --wds-font-line-height-body-medium: 24px;
561
579
  --wds-font-line-height-body-small: 20px;
562
580
  --wds-font-line-height-body-tiny: 16px;
563
581
  --wds-font-line-height-heading-1: 32px;
@@ -576,4 +594,10 @@
576
594
  --wds-font-size-heading-4: 18px;
577
595
  --wds-font-size-heading-5: 11px;
578
596
  --wds-font-size-heading-6: 12px;
597
+ --wds-font-weight-heading-1: 700;
598
+ --wds-font-weight-heading-2: 700;
599
+ --wds-font-weight-heading-3: 700;
600
+ --wds-font-weight-heading-4: 700;
601
+ --wds-font-weight-heading-5: 700;
602
+ --wds-font-weight-heading-6: 400;
579
603
  }