@ornikar/bumper 2.6.0 → 2.7.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 (47) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/definitions/components/typography/Typography.d.ts +44 -0
  3. package/dist/definitions/components/typography/Typography.d.ts.map +1 -0
  4. package/dist/definitions/components/typography/utils/{getTypeAndWeightValues.d.ts → getVariantAndWeightValues.d.ts} +2 -2
  5. package/dist/definitions/components/typography/utils/getVariantAndWeightValues.d.ts.map +1 -0
  6. package/dist/definitions/index.d.ts +2 -2
  7. package/dist/definitions/index.d.ts.map +1 -1
  8. package/dist/definitions/story-components/StoryTitle.d.ts +2 -2
  9. package/dist/definitions/tamagui.config.d.ts +3 -3
  10. package/dist/definitions/tokens/fonts.d.ts +7 -5
  11. package/dist/definitions/tokens/fonts.d.ts.map +1 -1
  12. package/dist/index-metro.es.android.js +86 -31
  13. package/dist/index-metro.es.android.js.map +1 -1
  14. package/dist/index-metro.es.ios.js +86 -31
  15. package/dist/index-metro.es.ios.js.map +1 -1
  16. package/dist/index-node-22.17.cjs.js +86 -31
  17. package/dist/index-node-22.17.cjs.js.map +1 -1
  18. package/dist/index-node-22.17.cjs.web.js +86 -31
  19. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  20. package/dist/index-node-22.17.es.mjs +86 -31
  21. package/dist/index-node-22.17.es.mjs.map +1 -1
  22. package/dist/index-node-22.17.es.web.mjs +86 -31
  23. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  24. package/dist/index.es.js +86 -31
  25. package/dist/index.es.js.map +1 -1
  26. package/dist/index.es.web.js +86 -31
  27. package/dist/index.es.web.js.map +1 -1
  28. package/dist/tsbuildinfo +1 -1
  29. package/package.json +1 -1
  30. package/src/components/breakpoints/breakpoints.stories.tsx +1 -1
  31. package/src/components/primitives/Pressable.stories.tsx +1 -1
  32. package/src/components/typography/Typography.stories.tsx +45 -17
  33. package/src/components/typography/{Typograhy.tsx → Typography.tsx} +53 -27
  34. package/src/components/typography/__snapshots__/Typography.stories.tsx.snap +599 -60
  35. package/src/components/typography/__snapshots_web__/Typography.stories.tsx.snap +228 -1
  36. package/src/components/typography/utils/{getTypeAndWeightValues.test.tsx → getVariantAndWeightValues.test.tsx} +32 -2
  37. package/src/components/typography/utils/{getTypeAndWeightValues.tsx → getVariantAndWeightValues.tsx} +14 -3
  38. package/src/index.ts +2 -2
  39. package/src/story-components/StoryTitle.tsx +1 -1
  40. package/src/themes/__snapshots__/light.stories.tsx.snap +1 -1
  41. package/src/themes/light.stories.tsx +1 -1
  42. package/src/tokens/fonts.ts +45 -10
  43. package/src/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +1 -1
  44. package/src/tokens/palettes/deepPurpleColorPalette.stories.tsx +1 -1
  45. package/dist/definitions/components/typography/Typograhy.d.ts +0 -40
  46. package/dist/definitions/components/typography/Typograhy.d.ts.map +0 -1
  47. package/dist/definitions/components/typography/utils/getTypeAndWeightValues.d.ts.map +0 -1
package/src/components/typography/__snapshots__/Typography.stories.tsx.snap CHANGED
@@ -29,7 +29,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
29
29
  "fontFamily": "GTStandardSemibold",
30
30
  "fontSize": 38,
31
31
  "letterSpacing": 0,
32
- "lineHeight": 48,
32
+ "lineHeight": 44,
33
33
  "marginBottom": 4,
34
34
  }
35
35
  }
@@ -69,7 +69,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
69
69
  "fontFamily": "GTStandardSemibold",
70
70
  "fontSize": 38,
71
71
  "letterSpacing": 0,
72
- "lineHeight": 48,
72
+ "lineHeight": 44,
73
73
  "marginBottom": 4,
74
74
  }
75
75
  }
@@ -92,7 +92,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
92
92
  style={
93
93
  {
94
94
  "fontFamily": "GTStandardSemibold",
95
- "fontSize": 24,
95
+ "fontSize": 28,
96
96
  "letterSpacing": 0,
97
97
  "lineHeight": 32,
98
98
  "marginBottom": 4,
@@ -121,7 +121,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
121
121
  "fontFamily": "GTStandardSemibold",
122
122
  "fontSize": 38,
123
123
  "letterSpacing": 0,
124
- "lineHeight": 48,
124
+ "lineHeight": 44,
125
125
  }
126
126
  }
127
127
  suppressHighlighting={true}
@@ -134,7 +134,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
134
134
  "fontFamily": "GTStandardSemibold",
135
135
  "fontSize": 38,
136
136
  "letterSpacing": 0,
137
- "lineHeight": 48,
137
+ "lineHeight": 44,
138
138
  }
139
139
  }
140
140
  suppressHighlighting={true}
@@ -189,7 +189,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
189
189
  style={
190
190
  {
191
191
  "fontFamily": "GTStandardSemibold",
192
- "fontSize": 24,
192
+ "fontSize": 28,
193
193
  "letterSpacing": 0,
194
194
  "lineHeight": 32,
195
195
  "marginBottom": 4,
@@ -223,7 +223,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
223
223
  style={
224
224
  {
225
225
  "fontFamily": "GTStandardSemibold",
226
- "fontSize": 24,
226
+ "fontSize": 28,
227
227
  "letterSpacing": 0,
228
228
  "lineHeight": 32,
229
229
  }
@@ -278,7 +278,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
278
278
  style={
279
279
  {
280
280
  "fontFamily": "GTStandardSemibold",
281
- "fontSize": 24,
281
+ "fontSize": 28,
282
282
  "letterSpacing": 0,
283
283
  "lineHeight": 32,
284
284
  "marginBottom": 4,
@@ -345,7 +345,6 @@ exports[`bumper/Typography/Typography Typography 1`] = `
345
345
  </Text>
346
346
  </Text>
347
347
  </Text>
348
-
349
348
  </Text>
350
349
  </View>
351
350
  <View
@@ -365,7 +364,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
365
364
  "fontFamily": "GTStandardSemibold",
366
365
  "fontSize": 38,
367
366
  "letterSpacing": 0,
368
- "lineHeight": 48,
367
+ "lineHeight": 44,
369
368
  "marginBottom": 4,
370
369
  }
371
370
  }
@@ -385,9 +384,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
385
384
  style={
386
385
  {
387
386
  "fontFamily": "GTStandardSemibold",
388
- "fontSize": 20,
387
+ "fontSize": 24,
389
388
  "letterSpacing": 0,
390
- "lineHeight": 20,
389
+ "lineHeight": 28,
391
390
  }
392
391
  }
393
392
  suppressHighlighting={true}
@@ -437,9 +436,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
437
436
  style={
438
437
  {
439
438
  "fontFamily": "GTStandardSemibold",
440
- "fontSize": 20,
439
+ "fontSize": 24,
441
440
  "letterSpacing": 0,
442
- "lineHeight": 20,
441
+ "lineHeight": 28,
443
442
  }
444
443
  }
445
444
  suppressHighlighting={true}
@@ -489,9 +488,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
489
488
  style={
490
489
  {
491
490
  "fontFamily": "GTStandardSemibold",
492
- "fontSize": 20,
491
+ "fontSize": 24,
493
492
  "letterSpacing": 0,
494
- "lineHeight": 20,
493
+ "lineHeight": 28,
495
494
  }
496
495
  }
497
496
  suppressHighlighting={true}
@@ -520,7 +519,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
520
519
  "fontFamily": "GTStandardSemibold",
521
520
  "fontSize": 38,
522
521
  "letterSpacing": 0,
523
- "lineHeight": 48,
522
+ "lineHeight": 44,
524
523
  }
525
524
  }
526
525
  suppressHighlighting={true}
@@ -541,9 +540,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
541
540
  style={
542
541
  {
543
542
  "fontFamily": "GTStandardSemibold",
544
- "fontSize": 20,
543
+ "fontSize": 24,
545
544
  "letterSpacing": 0,
546
- "lineHeight": 20,
545
+ "lineHeight": 28,
547
546
  }
548
547
  }
549
548
  suppressHighlighting={true}
@@ -570,7 +569,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
570
569
  style={
571
570
  {
572
571
  "fontFamily": "GTStandardSemibold",
573
- "fontSize": 24,
572
+ "fontSize": 28,
574
573
  "letterSpacing": 0,
575
574
  "lineHeight": 32,
576
575
  }
@@ -593,9 +592,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
593
592
  style={
594
593
  {
595
594
  "fontFamily": "GTStandardSemibold",
596
- "fontSize": 20,
595
+ "fontSize": 24,
597
596
  "letterSpacing": 0,
598
- "lineHeight": 20,
597
+ "lineHeight": 28,
599
598
  }
600
599
  }
601
600
  suppressHighlighting={true}
@@ -622,9 +621,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
622
621
  style={
623
622
  {
624
623
  "fontFamily": "GTStandardSemibold",
625
- "fontSize": 20,
624
+ "fontSize": 24,
626
625
  "letterSpacing": 0,
627
- "lineHeight": 20,
626
+ "lineHeight": 28,
628
627
  }
629
628
  }
630
629
  suppressHighlighting={true}
@@ -645,9 +644,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
645
644
  style={
646
645
  {
647
646
  "fontFamily": "GTStandardSemibold",
648
- "fontSize": 20,
647
+ "fontSize": 24,
649
648
  "letterSpacing": 0,
650
- "lineHeight": 20,
649
+ "lineHeight": 28,
651
650
  }
652
651
  }
653
652
  suppressHighlighting={true}
@@ -674,9 +673,61 @@ exports[`bumper/Typography/Typography Typography 1`] = `
674
673
  style={
675
674
  {
676
675
  "fontFamily": "GTStandardSemibold",
677
- "fontSize": 16,
676
+ "fontSize": 20,
678
677
  "letterSpacing": 0,
679
- "lineHeight": 18,
678
+ "lineHeight": 24,
679
+ }
680
+ }
681
+ suppressHighlighting={true}
682
+ >
683
+ The quick brown fox jumps over the lazy dog
684
+ </Text>
685
+ </View>
686
+ </View>
687
+ <View
688
+ style={
689
+ {
690
+ "flexDirection": "column",
691
+ "marginBottom": 16,
692
+ }
693
+ }
694
+ >
695
+ <Text
696
+ style={
697
+ {
698
+ "fontFamily": "GTStandardSemibold",
699
+ "fontSize": 24,
700
+ "letterSpacing": 0,
701
+ "lineHeight": 28,
702
+ }
703
+ }
704
+ suppressHighlighting={true}
705
+ >
706
+ heading 2xs - semibold
707
+ </Text>
708
+ <View
709
+ style={
710
+ {
711
+ "backgroundColor": "#F7F4EE",
712
+ "borderBottomLeftRadius": 4,
713
+ "borderBottomRightRadius": 4,
714
+ "borderTopLeftRadius": 4,
715
+ "borderTopRightRadius": 4,
716
+ "marginTop": 4,
717
+ "paddingBottom": 4,
718
+ "paddingLeft": 8,
719
+ "paddingRight": 8,
720
+ "paddingTop": 4,
721
+ }
722
+ }
723
+ >
724
+ <Text
725
+ style={
726
+ {
727
+ "fontFamily": "GTStandardSemibold",
728
+ "fontSize": 20,
729
+ "letterSpacing": 0,
730
+ "lineHeight": 20,
680
731
  }
681
732
  }
682
733
  suppressHighlighting={true}
@@ -703,7 +754,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
703
754
  "fontFamily": "GTStandardSemibold",
704
755
  "fontSize": 38,
705
756
  "letterSpacing": 0,
706
- "lineHeight": 48,
757
+ "lineHeight": 44,
707
758
  "marginBottom": 4,
708
759
  }
709
760
  }
@@ -723,9 +774,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
723
774
  style={
724
775
  {
725
776
  "fontFamily": "GTStandardSemibold",
726
- "fontSize": 20,
777
+ "fontSize": 24,
727
778
  "letterSpacing": 0,
728
- "lineHeight": 20,
779
+ "lineHeight": 28,
729
780
  }
730
781
  }
731
782
  suppressHighlighting={true}
@@ -775,9 +826,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
775
826
  style={
776
827
  {
777
828
  "fontFamily": "GTStandardSemibold",
778
- "fontSize": 20,
829
+ "fontSize": 24,
779
830
  "letterSpacing": 0,
780
- "lineHeight": 20,
831
+ "lineHeight": 28,
781
832
  }
782
833
  }
783
834
  suppressHighlighting={true}
@@ -827,9 +878,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
827
878
  style={
828
879
  {
829
880
  "fontFamily": "GTStandardSemibold",
830
- "fontSize": 20,
881
+ "fontSize": 24,
831
882
  "letterSpacing": 0,
832
- "lineHeight": 20,
883
+ "lineHeight": 28,
833
884
  }
834
885
  }
835
886
  suppressHighlighting={true}
@@ -879,9 +930,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
879
930
  style={
880
931
  {
881
932
  "fontFamily": "GTStandardSemibold",
882
- "fontSize": 20,
933
+ "fontSize": 24,
883
934
  "letterSpacing": 0,
884
- "lineHeight": 20,
935
+ "lineHeight": 28,
885
936
  }
886
937
  }
887
938
  suppressHighlighting={true}
@@ -931,9 +982,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
931
982
  style={
932
983
  {
933
984
  "fontFamily": "GTStandardSemibold",
934
- "fontSize": 20,
985
+ "fontSize": 24,
935
986
  "letterSpacing": 0,
936
- "lineHeight": 20,
987
+ "lineHeight": 28,
937
988
  }
938
989
  }
939
990
  suppressHighlighting={true}
@@ -983,9 +1034,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
983
1034
  style={
984
1035
  {
985
1036
  "fontFamily": "GTStandardSemibold",
986
- "fontSize": 20,
1037
+ "fontSize": 24,
987
1038
  "letterSpacing": 0,
988
- "lineHeight": 20,
1039
+ "lineHeight": 28,
989
1040
  }
990
1041
  }
991
1042
  suppressHighlighting={true}
@@ -1035,9 +1086,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1035
1086
  style={
1036
1087
  {
1037
1088
  "fontFamily": "GTStandardSemibold",
1038
- "fontSize": 20,
1089
+ "fontSize": 24,
1039
1090
  "letterSpacing": 0,
1040
- "lineHeight": 20,
1091
+ "lineHeight": 28,
1041
1092
  }
1042
1093
  }
1043
1094
  suppressHighlighting={true}
@@ -1087,9 +1138,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1087
1138
  style={
1088
1139
  {
1089
1140
  "fontFamily": "GTStandardSemibold",
1090
- "fontSize": 20,
1141
+ "fontSize": 24,
1091
1142
  "letterSpacing": 0,
1092
- "lineHeight": 20,
1143
+ "lineHeight": 28,
1093
1144
  }
1094
1145
  }
1095
1146
  suppressHighlighting={true}
@@ -1139,9 +1190,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1139
1190
  style={
1140
1191
  {
1141
1192
  "fontFamily": "GTStandardSemibold",
1142
- "fontSize": 20,
1193
+ "fontSize": 24,
1143
1194
  "letterSpacing": 0,
1144
- "lineHeight": 20,
1195
+ "lineHeight": 28,
1145
1196
  }
1146
1197
  }
1147
1198
  suppressHighlighting={true}
@@ -1191,9 +1242,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1191
1242
  style={
1192
1243
  {
1193
1244
  "fontFamily": "GTStandardSemibold",
1194
- "fontSize": 20,
1245
+ "fontSize": 24,
1195
1246
  "letterSpacing": 0,
1196
- "lineHeight": 20,
1247
+ "lineHeight": 28,
1197
1248
  }
1198
1249
  }
1199
1250
  suppressHighlighting={true}
@@ -1249,7 +1300,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1249
1300
  "fontFamily": "GTStandardSemibold",
1250
1301
  "fontSize": 38,
1251
1302
  "letterSpacing": 0,
1252
- "lineHeight": 48,
1303
+ "lineHeight": 44,
1253
1304
  "marginBottom": 4,
1254
1305
  }
1255
1306
  }
@@ -1269,9 +1320,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1269
1320
  style={
1270
1321
  {
1271
1322
  "fontFamily": "GTStandardSemibold",
1272
- "fontSize": 20,
1323
+ "fontSize": 24,
1273
1324
  "letterSpacing": 0,
1274
- "lineHeight": 20,
1325
+ "lineHeight": 28,
1275
1326
  }
1276
1327
  }
1277
1328
  suppressHighlighting={true}
@@ -1321,9 +1372,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1321
1372
  style={
1322
1373
  {
1323
1374
  "fontFamily": "GTStandardSemibold",
1324
- "fontSize": 20,
1375
+ "fontSize": 24,
1325
1376
  "letterSpacing": 0,
1326
- "lineHeight": 20,
1377
+ "lineHeight": 28,
1327
1378
  }
1328
1379
  }
1329
1380
  suppressHighlighting={true}
@@ -1352,7 +1403,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1352
1403
  "fontFamily": "GTStandardSemibold",
1353
1404
  "fontSize": 16,
1354
1405
  "letterSpacing": 0,
1355
- "lineHeight": 24,
1406
+ "lineHeight": 20,
1356
1407
  }
1357
1408
  }
1358
1409
  suppressHighlighting={true}
@@ -1373,9 +1424,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1373
1424
  style={
1374
1425
  {
1375
1426
  "fontFamily": "GTStandardSemibold",
1376
- "fontSize": 20,
1427
+ "fontSize": 24,
1377
1428
  "letterSpacing": 0,
1378
- "lineHeight": 20,
1429
+ "lineHeight": 28,
1379
1430
  }
1380
1431
  }
1381
1432
  suppressHighlighting={true}
@@ -1404,7 +1455,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1404
1455
  "fontFamily": "GTStandardSemibold",
1405
1456
  "fontSize": 14,
1406
1457
  "letterSpacing": 0,
1407
- "lineHeight": 20,
1458
+ "lineHeight": 18,
1408
1459
  }
1409
1460
  }
1410
1461
  suppressHighlighting={true}
@@ -1425,9 +1476,9 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1425
1476
  style={
1426
1477
  {
1427
1478
  "fontFamily": "GTStandardSemibold",
1428
- "fontSize": 20,
1479
+ "fontSize": 24,
1429
1480
  "letterSpacing": 0,
1430
- "lineHeight": 20,
1481
+ "lineHeight": 28,
1431
1482
  }
1432
1483
  }
1433
1484
  suppressHighlighting={true}
@@ -1456,6 +1507,344 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1456
1507
  "fontFamily": "GTStandardSemibold",
1457
1508
  "fontSize": 12,
1458
1509
  "letterSpacing": 0,
1510
+ "lineHeight": 14,
1511
+ }
1512
+ }
1513
+ suppressHighlighting={true}
1514
+ >
1515
+ The quick brown fox jumps over the lazy dog
1516
+ </Text>
1517
+ </View>
1518
+ </View>
1519
+ </View>
1520
+ <View
1521
+ style={
1522
+ {
1523
+ "flexDirection": "column",
1524
+ "paddingBottom": 4,
1525
+ "paddingLeft": 4,
1526
+ "paddingRight": 4,
1527
+ "paddingTop": 4,
1528
+ }
1529
+ }
1530
+ >
1531
+ <Text
1532
+ style={
1533
+ {
1534
+ "fontFamily": "GTStandardSemibold",
1535
+ "fontSize": 38,
1536
+ "letterSpacing": 0,
1537
+ "lineHeight": 44,
1538
+ "marginBottom": 4,
1539
+ }
1540
+ }
1541
+ suppressHighlighting={true}
1542
+ >
1543
+ Content Caps
1544
+ </Text>
1545
+ <View
1546
+ style={
1547
+ {
1548
+ "flexDirection": "column",
1549
+ "marginBottom": 16,
1550
+ }
1551
+ }
1552
+ >
1553
+ <Text
1554
+ style={
1555
+ {
1556
+ "fontFamily": "GTStandardSemibold",
1557
+ "fontSize": 24,
1558
+ "letterSpacing": 0,
1559
+ "lineHeight": 28,
1560
+ }
1561
+ }
1562
+ suppressHighlighting={true}
1563
+ >
1564
+ content caps 3xl - bold
1565
+ </Text>
1566
+ <View
1567
+ style={
1568
+ {
1569
+ "backgroundColor": "#F7F4EE",
1570
+ "borderBottomLeftRadius": 4,
1571
+ "borderBottomRightRadius": 4,
1572
+ "borderTopLeftRadius": 4,
1573
+ "borderTopRightRadius": 4,
1574
+ "marginTop": 4,
1575
+ "paddingBottom": 4,
1576
+ "paddingLeft": 8,
1577
+ "paddingRight": 8,
1578
+ "paddingTop": 4,
1579
+ }
1580
+ }
1581
+ >
1582
+ <Text
1583
+ style={
1584
+ {
1585
+ "fontFamily": "GTStandardBold",
1586
+ "fontSize": 40,
1587
+ "letterSpacing": 0,
1588
+ "lineHeight": 40,
1589
+ }
1590
+ }
1591
+ suppressHighlighting={true}
1592
+ >
1593
+ The quick brown fox jumps over the lazy dog
1594
+ </Text>
1595
+ </View>
1596
+ </View>
1597
+ <View
1598
+ style={
1599
+ {
1600
+ "flexDirection": "column",
1601
+ "marginBottom": 16,
1602
+ }
1603
+ }
1604
+ >
1605
+ <Text
1606
+ style={
1607
+ {
1608
+ "fontFamily": "GTStandardSemibold",
1609
+ "fontSize": 24,
1610
+ "letterSpacing": 0,
1611
+ "lineHeight": 28,
1612
+ }
1613
+ }
1614
+ suppressHighlighting={true}
1615
+ >
1616
+ content caps 2xl - bold
1617
+ </Text>
1618
+ <View
1619
+ style={
1620
+ {
1621
+ "backgroundColor": "#F7F4EE",
1622
+ "borderBottomLeftRadius": 4,
1623
+ "borderBottomRightRadius": 4,
1624
+ "borderTopLeftRadius": 4,
1625
+ "borderTopRightRadius": 4,
1626
+ "marginTop": 4,
1627
+ "paddingBottom": 4,
1628
+ "paddingLeft": 8,
1629
+ "paddingRight": 8,
1630
+ "paddingTop": 4,
1631
+ }
1632
+ }
1633
+ >
1634
+ <Text
1635
+ style={
1636
+ {
1637
+ "fontFamily": "GTStandardBold",
1638
+ "fontSize": 32,
1639
+ "letterSpacing": 0,
1640
+ "lineHeight": 40,
1641
+ }
1642
+ }
1643
+ suppressHighlighting={true}
1644
+ >
1645
+ The quick brown fox jumps over the lazy dog
1646
+ </Text>
1647
+ </View>
1648
+ </View>
1649
+ <View
1650
+ style={
1651
+ {
1652
+ "flexDirection": "column",
1653
+ "marginBottom": 16,
1654
+ }
1655
+ }
1656
+ >
1657
+ <Text
1658
+ style={
1659
+ {
1660
+ "fontFamily": "GTStandardSemibold",
1661
+ "fontSize": 24,
1662
+ "letterSpacing": 0,
1663
+ "lineHeight": 28,
1664
+ }
1665
+ }
1666
+ suppressHighlighting={true}
1667
+ >
1668
+ content caps xl - bold
1669
+ </Text>
1670
+ <View
1671
+ style={
1672
+ {
1673
+ "backgroundColor": "#F7F4EE",
1674
+ "borderBottomLeftRadius": 4,
1675
+ "borderBottomRightRadius": 4,
1676
+ "borderTopLeftRadius": 4,
1677
+ "borderTopRightRadius": 4,
1678
+ "marginTop": 4,
1679
+ "paddingBottom": 4,
1680
+ "paddingLeft": 8,
1681
+ "paddingRight": 8,
1682
+ "paddingTop": 4,
1683
+ }
1684
+ }
1685
+ >
1686
+ <Text
1687
+ style={
1688
+ {
1689
+ "fontFamily": "GTStandardBold",
1690
+ "fontSize": 24,
1691
+ "letterSpacing": 0,
1692
+ "lineHeight": 28,
1693
+ }
1694
+ }
1695
+ suppressHighlighting={true}
1696
+ >
1697
+ The quick brown fox jumps over the lazy dog
1698
+ </Text>
1699
+ </View>
1700
+ </View>
1701
+ <View
1702
+ style={
1703
+ {
1704
+ "flexDirection": "column",
1705
+ "marginBottom": 16,
1706
+ }
1707
+ }
1708
+ >
1709
+ <Text
1710
+ style={
1711
+ {
1712
+ "fontFamily": "GTStandardSemibold",
1713
+ "fontSize": 24,
1714
+ "letterSpacing": 0,
1715
+ "lineHeight": 28,
1716
+ }
1717
+ }
1718
+ suppressHighlighting={true}
1719
+ >
1720
+ content caps l - bold
1721
+ </Text>
1722
+ <View
1723
+ style={
1724
+ {
1725
+ "backgroundColor": "#F7F4EE",
1726
+ "borderBottomLeftRadius": 4,
1727
+ "borderBottomRightRadius": 4,
1728
+ "borderTopLeftRadius": 4,
1729
+ "borderTopRightRadius": 4,
1730
+ "marginTop": 4,
1731
+ "paddingBottom": 4,
1732
+ "paddingLeft": 8,
1733
+ "paddingRight": 8,
1734
+ "paddingTop": 4,
1735
+ }
1736
+ }
1737
+ >
1738
+ <Text
1739
+ style={
1740
+ {
1741
+ "fontFamily": "GTStandardBold",
1742
+ "fontSize": 18,
1743
+ "letterSpacing": 0,
1744
+ "lineHeight": 20,
1745
+ }
1746
+ }
1747
+ suppressHighlighting={true}
1748
+ >
1749
+ The quick brown fox jumps over the lazy dog
1750
+ </Text>
1751
+ </View>
1752
+ </View>
1753
+ <View
1754
+ style={
1755
+ {
1756
+ "flexDirection": "column",
1757
+ "marginBottom": 16,
1758
+ }
1759
+ }
1760
+ >
1761
+ <Text
1762
+ style={
1763
+ {
1764
+ "fontFamily": "GTStandardSemibold",
1765
+ "fontSize": 24,
1766
+ "letterSpacing": 0,
1767
+ "lineHeight": 28,
1768
+ }
1769
+ }
1770
+ suppressHighlighting={true}
1771
+ >
1772
+ content caps m - bold
1773
+ </Text>
1774
+ <View
1775
+ style={
1776
+ {
1777
+ "backgroundColor": "#F7F4EE",
1778
+ "borderBottomLeftRadius": 4,
1779
+ "borderBottomRightRadius": 4,
1780
+ "borderTopLeftRadius": 4,
1781
+ "borderTopRightRadius": 4,
1782
+ "marginTop": 4,
1783
+ "paddingBottom": 4,
1784
+ "paddingLeft": 8,
1785
+ "paddingRight": 8,
1786
+ "paddingTop": 4,
1787
+ }
1788
+ }
1789
+ >
1790
+ <Text
1791
+ style={
1792
+ {
1793
+ "fontFamily": "GTStandardBold",
1794
+ "fontSize": 16,
1795
+ "letterSpacing": 0,
1796
+ "lineHeight": 18,
1797
+ }
1798
+ }
1799
+ suppressHighlighting={true}
1800
+ >
1801
+ The quick brown fox jumps over the lazy dog
1802
+ </Text>
1803
+ </View>
1804
+ </View>
1805
+ <View
1806
+ style={
1807
+ {
1808
+ "flexDirection": "column",
1809
+ "marginBottom": 16,
1810
+ }
1811
+ }
1812
+ >
1813
+ <Text
1814
+ style={
1815
+ {
1816
+ "fontFamily": "GTStandardSemibold",
1817
+ "fontSize": 24,
1818
+ "letterSpacing": 0,
1819
+ "lineHeight": 28,
1820
+ }
1821
+ }
1822
+ suppressHighlighting={true}
1823
+ >
1824
+ content caps s - bold
1825
+ </Text>
1826
+ <View
1827
+ style={
1828
+ {
1829
+ "backgroundColor": "#F7F4EE",
1830
+ "borderBottomLeftRadius": 4,
1831
+ "borderBottomRightRadius": 4,
1832
+ "borderTopLeftRadius": 4,
1833
+ "borderTopRightRadius": 4,
1834
+ "marginTop": 4,
1835
+ "paddingBottom": 4,
1836
+ "paddingLeft": 8,
1837
+ "paddingRight": 8,
1838
+ "paddingTop": 4,
1839
+ }
1840
+ }
1841
+ >
1842
+ <Text
1843
+ style={
1844
+ {
1845
+ "fontFamily": "GTStandardBold",
1846
+ "fontSize": 14,
1847
+ "letterSpacing": 0,
1459
1848
  "lineHeight": 16,
1460
1849
  }
1461
1850
  }
@@ -1465,6 +1854,156 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1465
1854
  </Text>
1466
1855
  </View>
1467
1856
  </View>
1857
+ <View
1858
+ style={
1859
+ {
1860
+ "flexDirection": "column",
1861
+ "marginBottom": 16,
1862
+ }
1863
+ }
1864
+ >
1865
+ <Text
1866
+ style={
1867
+ {
1868
+ "fontFamily": "GTStandardSemibold",
1869
+ "fontSize": 24,
1870
+ "letterSpacing": 0,
1871
+ "lineHeight": 28,
1872
+ }
1873
+ }
1874
+ suppressHighlighting={true}
1875
+ >
1876
+ content caps xs - bold
1877
+ </Text>
1878
+ <View
1879
+ style={
1880
+ {
1881
+ "backgroundColor": "#F7F4EE",
1882
+ "borderBottomLeftRadius": 4,
1883
+ "borderBottomRightRadius": 4,
1884
+ "borderTopLeftRadius": 4,
1885
+ "borderTopRightRadius": 4,
1886
+ "marginTop": 4,
1887
+ "paddingBottom": 4,
1888
+ "paddingLeft": 8,
1889
+ "paddingRight": 8,
1890
+ "paddingTop": 4,
1891
+ }
1892
+ }
1893
+ >
1894
+ <Text
1895
+ style={
1896
+ {
1897
+ "fontFamily": "GTStandardBold",
1898
+ "fontSize": 12,
1899
+ "letterSpacing": 0,
1900
+ "lineHeight": 14,
1901
+ }
1902
+ }
1903
+ suppressHighlighting={true}
1904
+ >
1905
+ The quick brown fox jumps over the lazy dog
1906
+ </Text>
1907
+ </View>
1908
+ </View>
1909
+ </View>
1910
+ <View
1911
+ style={
1912
+ {
1913
+ "flexDirection": "column",
1914
+ "paddingBottom": 4,
1915
+ "paddingLeft": 4,
1916
+ "paddingRight": 4,
1917
+ "paddingTop": 4,
1918
+ }
1919
+ }
1920
+ >
1921
+ <Text
1922
+ style={
1923
+ {
1924
+ "fontFamily": "GTStandardSemibold",
1925
+ "fontSize": 38,
1926
+ "letterSpacing": 0,
1927
+ "lineHeight": 44,
1928
+ "marginBottom": 4,
1929
+ }
1930
+ }
1931
+ suppressHighlighting={true}
1932
+ >
1933
+ Accessibility
1934
+ </Text>
1935
+ <Text
1936
+ aria-level={1}
1937
+ role="heading"
1938
+ style={
1939
+ {
1940
+ "fontFamily": "GTStandard",
1941
+ }
1942
+ }
1943
+ suppressHighlighting={true}
1944
+ >
1945
+ role: heading aria-level: 1
1946
+ </Text>
1947
+ <Text
1948
+ aria-level={2}
1949
+ role="heading"
1950
+ style={
1951
+ {
1952
+ "fontFamily": "GTStandard",
1953
+ }
1954
+ }
1955
+ suppressHighlighting={true}
1956
+ >
1957
+ role: heading aria-level: 2
1958
+ </Text>
1959
+ <Text
1960
+ aria-level={3}
1961
+ role="heading"
1962
+ style={
1963
+ {
1964
+ "fontFamily": "GTStandard",
1965
+ }
1966
+ }
1967
+ suppressHighlighting={true}
1968
+ >
1969
+ role: heading aria-level: 3
1970
+ </Text>
1971
+ <Text
1972
+ aria-level={4}
1973
+ role="heading"
1974
+ style={
1975
+ {
1976
+ "fontFamily": "GTStandard",
1977
+ }
1978
+ }
1979
+ suppressHighlighting={true}
1980
+ >
1981
+ role: heading aria-level: 4
1982
+ </Text>
1983
+ <Text
1984
+ aria-level={5}
1985
+ role="heading"
1986
+ style={
1987
+ {
1988
+ "fontFamily": "GTStandard",
1989
+ }
1990
+ }
1991
+ suppressHighlighting={true}
1992
+ >
1993
+ role: heading aria-level: 5
1994
+ </Text>
1995
+ <Text
1996
+ aria-level={6}
1997
+ role="heading"
1998
+ style={
1999
+ {
2000
+ "fontFamily": "GTStandard",
2001
+ }
2002
+ }
2003
+ suppressHighlighting={true}
2004
+ >
2005
+ role: heading aria-level: 6
2006
+ </Text>
1468
2007
  </View>
1469
2008
  </View>
1470
2009
  </RNCSafeAreaProvider>