@windstream/react-shared-components 0.0.80 → 0.0.82

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.
@@ -381,152 +381,148 @@ module.exports = {
381
381
  // Headings
382
382
  ".heading1": {
383
383
  "font-family": theme("fontFamily.spirit"),
384
- "font-size": theme("fontSize.heading1"),
385
- "line-height": theme("lineHeight.15"),
386
- "font-weight": "700",
384
+ "font-size": theme("fontSize.heading1"), // 3rem/48px
385
+ "line-height": theme("lineHeight.12"), // 3rem/48px
386
+ "font-weight": "900",
387
387
  },
388
388
  ".heading2": {
389
389
  "font-family": theme("fontFamily.spirit"),
390
- "font-size": theme("fontSize.heading2"),
391
- "line-height": theme("lineHeight.12"),
392
- "font-weight": "700",
390
+ "font-size": theme("fontSize.heading2"), // 2.25rem/36px
391
+ "line-height": theme("lineHeight.10"), // 2.5rem/40px
392
+ "font-weight": "900",
393
393
  },
394
394
  ".heading3": {
395
395
  "font-family": theme("fontFamily.spirit"),
396
- "font-size": theme("fontSize.heading3"),
397
- "line-height": theme("lineHeight[9.2]"),
398
- "font-weight": "700",
396
+ "font-size": theme("fontSize.heading3"), // 1.875rem/30px
397
+ "line-height": theme("lineHeight.9"), // 2.25rem/36px
398
+ "font-weight": "900",
399
399
  },
400
400
  ".heading4": {
401
401
  "font-family": theme("fontFamily.spirit"),
402
- "font-size": theme("fontSize.heading4"),
403
- "line-height": theme("lineHeight.8"),
404
- "font-weight": "700",
402
+ "font-size": theme("fontSize.heading4"), // 1.5rem/24px
403
+ "line-height": theme("lineHeight.8"), // 2rem/32px
404
+ "font-weight": "900",
405
405
  },
406
406
  ".heading5": {
407
407
  "font-family": theme("fontFamily.sans"),
408
- "font-size": theme("fontSize.heading5"),
409
- "line-height": theme("lineHeight.9"),
410
- "font-weight": "600",
408
+ "font-size": theme("fontSize.heading5"), // 1.875rem/30px
409
+ "line-height": theme("lineHeight.9"), // 2.25rem/36px
410
+ "font-weight": "900",
411
411
  },
412
412
  ".heading6": {
413
413
  "font-family": theme("fontFamily.sans"),
414
- "font-size": theme("fontSize.heading6"),
415
- "line-height": theme("lineHeight.8"),
416
- "font-weight": "600",
414
+ "font-size": theme("fontSize.heading6"), // 1.5rem/24px
415
+ "line-height": theme("lineHeight.8"), // 2rem/32px
416
+ "font-weight": "900",
417
417
  },
418
418
 
419
419
  // Subheadings
420
420
  ".subheading1": {
421
421
  "font-family": theme("fontFamily.sans"),
422
- "font-size": theme("fontSize.subheading1"),
423
- "line-height": theme("lineHeight.8"),
424
- "font-weight": "400",
422
+ "font-size": theme("fontSize.subheading1"), // 1.5rem/24px
423
+ "line-height": theme("lineHeight.8"), // 2rem/32px
424
+ "font-weight": "700",
425
425
  },
426
426
  ".subheading2": {
427
427
  "font-family": theme("fontFamily.sans"),
428
- "font-size": theme("fontSize.subheading2"),
429
- "line-height": theme("lineHeight.8"),
430
- "font-weight": "700",
431
- "letter-spacing": "1.44px",
432
- "text-transform": "uppercase"
428
+ "font-size": theme("fontSize.subheading2"), // 1.5rem/24px
429
+ "line-height": theme("lineHeight.7"), // 1.75rem/28px
430
+ "font-weight": "900",
433
431
  },
434
432
  ".subheading3": {
435
433
  "font-family": theme("fontFamily.sans"),
436
- "font-size": theme("fontSize.subheading3"),
437
- "line-height": theme("lineHeight.7"),
438
- "font-weight": "400",
434
+ "font-size": theme("fontSize.subheading3"), // 1.125rem/18px
435
+ "line-height": theme("lineHeight.7"), // 1.75rem/28px
436
+ "font-weight": "700",
439
437
  },
440
438
  ".subheading4": {
441
439
  "font-family": theme("fontFamily.sans"),
442
- "font-size": theme("fontSize.subheading4"),
443
- "line-height": theme("lineHeight.7"),
444
- "font-weight": "700",
445
- "letter-spacing": "1.08px",
446
- "text-transform": "uppercase"
440
+ "font-size": theme("fontSize.subheading4"), // 1.125rem/18px
441
+ "line-height": theme("lineHeight.6"), // 1.5rem/24px
442
+ "font-weight": "900",
447
443
  },
448
444
  ".subheading5": {
449
445
  "font-family": theme("fontFamily.sans"),
450
- "font-size": theme("fontSize.subheading5"),
451
- "line-height": theme("lineHeight.18"),
452
- "font-weight": "600",
446
+ "font-size": theme("fontSize.subheading5"), // 3.75rem/60px
447
+ "line-height": theme("lineHeight.15"), // 3.75rem/60px
448
+ "font-weight": "500",
453
449
  },
454
450
  ".subheading6": {
455
451
  "font-family": theme("fontFamily.sans"),
456
- "font-size": theme("fontSize.subheading6"),
457
- "line-height": theme("lineHeight.15"),
458
- "font-weight": "600",
452
+ "font-size": theme("fontSize.subheading6"), // 3rem/48px
453
+ "line-height": theme("lineHeight.12"), // 3rem/48px
454
+ "font-weight": "500",
459
455
  },
460
456
 
461
457
  // Body text
462
458
  ".body1": {
463
459
  "font-family": theme("fontFamily.sans"),
464
- "font-size": theme("fontSize.body1"),
465
- "line-height": theme("lineHeight.8"),
460
+ "font-size": theme("fontSize.body1"), // 1.25rem/20px
461
+ "line-height": theme("lineHeight.8"), // 2rem/32px
466
462
  "font-weight": "400",
467
463
  },
468
464
  ".body2": {
469
465
  "font-family": theme("fontFamily.sans"),
470
- "font-size": theme("fontSize.body2"),
471
- "line-height": theme("lineHeight.7"),
466
+ "font-size": theme("fontSize.body2"), // 1.125rem/18px
467
+ "line-height": theme("lineHeight.7"), // 1.75rem/28px
472
468
  "font-weight": "400",
473
469
  },
474
470
  ".body3": {
475
471
  "font-family": theme("fontFamily.sans"),
476
- "font-size": theme("fontSize.body3"),
477
- "line-height": theme("lineHeight.6"),
472
+ "font-size": theme("fontSize.body3"), // 1rem/16px
473
+ "line-height": theme("lineHeight.6"), // 1.5rem/24px
478
474
  "font-weight": "400",
479
475
  },
480
476
 
481
477
  // Footnote & Micro
482
478
  ".footnote": {
483
479
  "font-family": theme("fontFamily.sans"),
484
- "font-size": theme("fontSize.footnote"),
485
- "line-height": theme("lineHeight.5"),
486
- "font-weight": "400",
480
+ "font-size": theme("fontSize.footnote"), // 0.875rem/14px
481
+ "line-height": theme("lineHeight.5"), // 1.25rem/20px
482
+ "font-weight": "500",
487
483
  },
488
484
  ".micro": {
489
485
  "font-family": theme("fontFamily.sans"),
490
- "font-size": theme("fontSize.micro"),
491
- "line-height": theme("lineHeight.4"),
492
- "font-weight": "400",
486
+ "font-size": theme("fontSize.micro"), // 0.75rem/12px
487
+ "line-height": theme("lineHeight.4"), // 1rem/16px
488
+ "font-weight": "500",
493
489
  },
494
490
 
495
491
  // Labels
496
492
  ".label1": {
497
493
  "font-family": theme("fontFamily.sans"),
498
- "font-size": theme("fontSize.label1"),
499
- "line-height": theme("lineHeight.7"),
494
+ "font-size": theme("fontSize.label1"), // 1.25rem/20px
495
+ "line-height": theme("lineHeight.7"), // 1.75rem/28px
500
496
  "font-weight": "600",
501
497
  },
502
498
  ".label2": {
503
499
  "font-family": theme("fontFamily.sans"),
504
- "font-size": theme("fontSize.label2"),
505
- "line-height": theme("lineHeight.7"),
500
+ "font-size": theme("fontSize.label2"), // 1.125rem/18px
501
+ "line-height": theme("lineHeight.7"), // 1.75rem/28px
506
502
  "font-weight": "600",
507
503
  },
508
504
  ".label3": {
509
505
  "font-family": theme("fontFamily.sans"),
510
- "font-size": theme("fontSize.label3"),
511
- "line-height": theme("lineHeight.6"),
506
+ "font-size": theme("fontSize.label3"), // 1rem/16px
507
+ "line-height": theme("lineHeight.6"), // 1.5rem/24px
512
508
  "font-weight": "600",
513
509
  },
514
510
  ".label4": {
515
511
  "font-family": theme("fontFamily.sans"),
516
- "font-size": theme("fontSize.label4"),
517
- "line-height": theme("lineHeight.5"),
512
+ "font-size": theme("fontSize.label4"), // 0.875rem/14px
513
+ "line-height": theme("lineHeight.5"), // 1.25rem/20px
518
514
  "font-weight": "600",
519
515
  },
520
516
  ".label5": {
521
517
  "font-family": theme("fontFamily.spirit"),
522
- "font-size": theme("fontSize.label5"),
523
- "line-height": theme("lineHeight.7"),
518
+ "font-size": theme("fontSize.label5"), // 1.25rem/20px
519
+ "line-height": theme("lineHeight.7"), // 1.75rem/28px
524
520
  "font-weight": "700",
525
521
  },
526
522
  ".label6": {
527
523
  "font-family": theme("fontFamily.spirit"),
528
- "font-size": theme("fontSize.label6"),
529
- "line-height": theme("lineHeight.7"),
524
+ "font-size": theme("fontSize.label6"), // 1.125rem/18px
525
+ "line-height": theme("lineHeight.7"), // 1.75rem/28px
530
526
  "font-weight": "700",
531
527
  },
532
528
  }