@ornikar/bumper 2.7.1 → 2.7.2-canary.1768566928.e85c568dc49c9180e37b7aec8792b1e8d45968a6.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 (143) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/definitions/index.d.ts +19 -19
  3. package/dist/definitions/index.d.ts.map +1 -1
  4. package/dist/definitions/shared/storybook/BumperDecorator.d.ts.map +1 -0
  5. package/dist/definitions/{story-components → shared/storybook}/StorySection.d.ts +1 -1
  6. package/dist/definitions/shared/storybook/StorySection.d.ts.map +1 -0
  7. package/dist/definitions/{story-components → shared/storybook}/StoryTitle.d.ts +1 -1
  8. package/dist/definitions/shared/storybook/StoryTitle.d.ts.map +1 -0
  9. package/dist/definitions/{components → system/content}/typography/Typography.d.ts +1 -1
  10. package/dist/definitions/system/content/typography/Typography.d.ts.map +1 -0
  11. package/dist/definitions/{components → system/content}/typography/utils/getVariantAndWeightValues.d.ts +1 -1
  12. package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts.map +1 -0
  13. package/dist/definitions/system/core/breakpoints/SwitchBreakpoins.d.ts.map +1 -0
  14. package/dist/definitions/{themes/utils/breakpoints.d.ts → system/core/breakpoints/constants.d.ts} +1 -1
  15. package/dist/definitions/system/core/breakpoints/constants.d.ts.map +1 -0
  16. package/dist/definitions/system/core/breakpoints/hooks/useBreakpointValue.d.ts.map +1 -0
  17. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts +3 -0
  18. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts.map +1 -0
  19. package/dist/definitions/system/core/breakpoints/hooks/useWindowSize.d.ts.map +1 -0
  20. package/dist/definitions/{components → system/core}/breakpoints/utils/breakpointsUtils.d.ts +1 -1
  21. package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts.map +1 -0
  22. package/dist/definitions/system/core/primitives/Center.d.ts.map +1 -0
  23. package/dist/definitions/system/core/primitives/Pressable.d.ts.map +1 -0
  24. package/dist/definitions/system/core/primitives/Stack.d.ts.map +1 -0
  25. package/dist/definitions/system/core/primitives/View.d.ts.map +1 -0
  26. package/dist/definitions/system/core/provider/BumperProvider.d.ts.map +1 -0
  27. package/dist/definitions/system/core/themes/light.d.ts.map +1 -0
  28. package/dist/definitions/system/core/tokens/fonts.d.ts +17 -0
  29. package/dist/definitions/system/core/tokens/fonts.d.ts.map +1 -0
  30. package/dist/definitions/system/core/tokens/palettes/deepPurpleColorPalette.d.ts.map +1 -0
  31. package/dist/definitions/system/core/tokens/radius.d.ts.map +1 -0
  32. package/dist/definitions/system/core/tokens/size.d.ts.map +1 -0
  33. package/dist/definitions/system/core/tokens/space.d.ts.map +1 -0
  34. package/dist/definitions/tamagui.config.d.ts +37 -3
  35. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  36. package/dist/index-metro.es.android.js +25 -50
  37. package/dist/index-metro.es.android.js.map +1 -1
  38. package/dist/index-metro.es.ios.js +25 -50
  39. package/dist/index-metro.es.ios.js.map +1 -1
  40. package/dist/index-node-22.22.cjs.js +25 -50
  41. package/dist/index-node-22.22.cjs.js.map +1 -1
  42. package/dist/index-node-22.22.cjs.web.js +25 -50
  43. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  44. package/dist/index-node-22.22.es.mjs +25 -50
  45. package/dist/index-node-22.22.es.mjs.map +1 -1
  46. package/dist/index-node-22.22.es.web.mjs +25 -50
  47. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  48. package/dist/index.es.js +19 -44
  49. package/dist/index.es.js.map +1 -1
  50. package/dist/index.es.web.js +19 -44
  51. package/dist/index.es.web.js.map +1 -1
  52. package/dist/tsbuildinfo +1 -1
  53. package/package.json +8 -8
  54. package/src/index.ts +19 -19
  55. package/src/{core → shared/storybook}/BumperDecorator.tsx +1 -1
  56. package/src/{story-components → shared/storybook}/StorySection.tsx +1 -2
  57. package/src/{story-components → shared/storybook}/StoryTitle.tsx +1 -1
  58. package/src/{components → system/content}/typography/Typography.stories.tsx +4 -4
  59. package/src/{components → system/content}/typography/Typography.tsx +1 -1
  60. package/src/{components → system/content}/typography/__snapshots__/Typography.stories.tsx.snap +75 -75
  61. package/src/{components → system/content}/typography/__snapshots_web__/Typography.stories.tsx.snap +76 -76
  62. package/src/{components → system/content}/typography/utils/getVariantAndWeightValues.test.tsx +1 -1
  63. package/src/{components → system/content}/typography/utils/getVariantAndWeightValues.tsx +2 -2
  64. package/src/{components → system/core}/breakpoints/__snapshots_web__/breakpoints.stories.tsx.snap +1 -1
  65. package/src/{components → system/core}/breakpoints/breakpoints.stories.tsx +1 -1
  66. package/src/{components → system/core}/breakpoints/hooks/useBreakpointValue.test.ts +1 -1
  67. package/src/{components → system/core}/breakpoints/hooks/useCurrentBreakpointName.test.ts +1 -1
  68. package/src/{components → system/core}/breakpoints/hooks/useCurrentBreakpointName.ts +1 -1
  69. package/src/{components → system/core}/breakpoints/utils/breakpointsUtils.test.ts +1 -1
  70. package/src/{components → system/core}/breakpoints/utils/breakpointsUtils.ts +1 -1
  71. package/src/{components → system/core}/primitives/Pressable.stories.tsx +1 -1
  72. package/src/{components → system/core}/primitives/__snapshots_web__/Center.stories.tsx.snap +1 -1
  73. package/src/{components → system/core}/primitives/__snapshots_web__/Pressable.stories.tsx.snap +1 -1
  74. package/src/{components → system/core}/primitives/__snapshots_web__/Stack.stories.tsx.snap +1 -1
  75. package/src/{components → system/core}/primitives/__snapshots_web__/View.stories.tsx.snap +1 -1
  76. package/src/{core → system/core/provider}/BumperProvider.tsx +1 -1
  77. package/src/{themes → system/core/themes}/__snapshots__/light.stories.tsx.snap +1 -1
  78. package/src/{themes → system/core/themes}/__snapshots_web__/light.stories.tsx.snap +2 -2
  79. package/src/{themes → system/core/themes}/light.stories.tsx +4 -4
  80. package/src/{themes → system/core/themes}/light.ts +3 -2
  81. package/src/{tokens → system/core/tokens}/fonts.ts +5 -16
  82. package/src/{tokens → system/core/tokens}/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +1 -1
  83. package/src/{tokens → system/core/tokens}/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +2 -2
  84. package/src/{tokens → system/core/tokens}/palettes/deepPurpleColorPalette.stories.tsx +3 -3
  85. package/src/tamagui.config.ts +16 -7
  86. package/dist/definitions/components/breakpoints/SwitchBreakpoins.d.ts.map +0 -1
  87. package/dist/definitions/components/breakpoints/hooks/useBreakpointValue.d.ts.map +0 -1
  88. package/dist/definitions/components/breakpoints/hooks/useCurrentBreakpointName.d.ts +0 -3
  89. package/dist/definitions/components/breakpoints/hooks/useCurrentBreakpointName.d.ts.map +0 -1
  90. package/dist/definitions/components/breakpoints/hooks/useWindowSize.d.ts.map +0 -1
  91. package/dist/definitions/components/breakpoints/utils/breakpointsUtils.d.ts.map +0 -1
  92. package/dist/definitions/components/primitives/Center.d.ts.map +0 -1
  93. package/dist/definitions/components/primitives/Pressable.d.ts.map +0 -1
  94. package/dist/definitions/components/primitives/Stack.d.ts.map +0 -1
  95. package/dist/definitions/components/primitives/View.d.ts.map +0 -1
  96. package/dist/definitions/components/typography/Typography.d.ts.map +0 -1
  97. package/dist/definitions/components/typography/utils/getVariantAndWeightValues.d.ts.map +0 -1
  98. package/dist/definitions/core/BumperDecorator.d.ts.map +0 -1
  99. package/dist/definitions/core/BumperProvider.d.ts.map +0 -1
  100. package/dist/definitions/story-components/StorySection.d.ts.map +0 -1
  101. package/dist/definitions/story-components/StoryTitle.d.ts.map +0 -1
  102. package/dist/definitions/themes/light.d.ts.map +0 -1
  103. package/dist/definitions/themes/utils/breakpoints.d.ts.map +0 -1
  104. package/dist/definitions/tokens/fonts.d.ts +0 -20
  105. package/dist/definitions/tokens/fonts.d.ts.map +0 -1
  106. package/dist/definitions/tokens/palettes/deepPurpleColorPalette.d.ts.map +0 -1
  107. package/dist/definitions/tokens/radius.d.ts.map +0 -1
  108. package/dist/definitions/tokens/size.d.ts.map +0 -1
  109. package/dist/definitions/tokens/space.d.ts.map +0 -1
  110. /package/dist/definitions/{core → shared/storybook}/BumperDecorator.d.ts +0 -0
  111. /package/dist/definitions/{components → system/core}/breakpoints/SwitchBreakpoins.d.ts +0 -0
  112. /package/dist/definitions/{components → system/core}/breakpoints/hooks/useBreakpointValue.d.ts +0 -0
  113. /package/dist/definitions/{components → system/core}/breakpoints/hooks/useWindowSize.d.ts +0 -0
  114. /package/dist/definitions/{components → system/core}/primitives/Center.d.ts +0 -0
  115. /package/dist/definitions/{components → system/core}/primitives/Pressable.d.ts +0 -0
  116. /package/dist/definitions/{components → system/core}/primitives/Stack.d.ts +0 -0
  117. /package/dist/definitions/{components → system/core}/primitives/View.d.ts +0 -0
  118. /package/dist/definitions/{core → system/core/provider}/BumperProvider.d.ts +0 -0
  119. /package/dist/definitions/{themes → system/core/themes}/light.d.ts +0 -0
  120. /package/dist/definitions/{tokens → system/core/tokens}/palettes/deepPurpleColorPalette.d.ts +0 -0
  121. /package/dist/definitions/{tokens → system/core/tokens}/radius.d.ts +0 -0
  122. /package/dist/definitions/{tokens → system/core/tokens}/size.d.ts +0 -0
  123. /package/dist/definitions/{tokens → system/core/tokens}/space.d.ts +0 -0
  124. /package/src/{components → system/core}/breakpoints/SwitchBreakpoins.tsx +0 -0
  125. /package/src/{components → system/core}/breakpoints/__snapshots__/breakpoints.stories.tsx.snap +0 -0
  126. /package/src/{themes/utils/breakpoints.ts → system/core/breakpoints/constants.ts} +0 -0
  127. /package/src/{components → system/core}/breakpoints/hooks/useBreakpointValue.ts +0 -0
  128. /package/src/{components → system/core}/breakpoints/hooks/useWindowSize.ts +0 -0
  129. /package/src/{components → system/core}/primitives/Center.stories.tsx +0 -0
  130. /package/src/{components → system/core}/primitives/Center.ts +0 -0
  131. /package/src/{components → system/core}/primitives/Pressable.tsx +0 -0
  132. /package/src/{components → system/core}/primitives/Stack.stories.tsx +0 -0
  133. /package/src/{components → system/core}/primitives/Stack.tsx +0 -0
  134. /package/src/{components → system/core}/primitives/View.stories.tsx +0 -0
  135. /package/src/{components → system/core}/primitives/View.ts +0 -0
  136. /package/src/{components → system/core}/primitives/__snapshots__/Center.stories.tsx.snap +0 -0
  137. /package/src/{components → system/core}/primitives/__snapshots__/Pressable.stories.tsx.snap +0 -0
  138. /package/src/{components → system/core}/primitives/__snapshots__/Stack.stories.tsx.snap +0 -0
  139. /package/src/{components → system/core}/primitives/__snapshots__/View.stories.tsx.snap +0 -0
  140. /package/src/{tokens → system/core/tokens}/palettes/deepPurpleColorPalette.ts +0 -0
  141. /package/src/{tokens → system/core/tokens}/radius.ts +0 -0
  142. /package/src/{tokens → system/core/tokens}/size.ts +0 -0
  143. /package/src/{tokens → system/core/tokens}/space.ts +0 -0
@@ -27,7 +27,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
27
27
  style={
28
28
  {
29
29
  "fontFamily": "GTStandardSemibold",
30
- "fontSize": 38,
30
+ "fontSize": "$heading-l",
31
31
  "letterSpacing": 0,
32
32
  "lineHeight": 44,
33
33
  "marginBottom": 4,
@@ -42,7 +42,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
42
42
  {
43
43
  "color": "#101010",
44
44
  "fontFamily": "GTStandardRegular",
45
- "fontSize": 16,
45
+ "fontSize": "$body-m",
46
46
  "letterSpacing": 0.3,
47
47
  "lineHeight": 24,
48
48
  }
@@ -67,7 +67,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
67
67
  style={
68
68
  {
69
69
  "fontFamily": "GTStandardSemibold",
70
- "fontSize": 38,
70
+ "fontSize": "$heading-l",
71
71
  "letterSpacing": 0,
72
72
  "lineHeight": 44,
73
73
  "marginBottom": 4,
@@ -92,7 +92,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
92
92
  style={
93
93
  {
94
94
  "fontFamily": "GTStandardSemibold",
95
- "fontSize": 28,
95
+ "fontSize": "$heading-m",
96
96
  "letterSpacing": 0,
97
97
  "lineHeight": 32,
98
98
  "marginBottom": 4,
@@ -106,7 +106,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
106
106
  style={
107
107
  {
108
108
  "fontFamily": "GTStandard",
109
- "fontSize": 18,
109
+ "fontSize": "$body-l",
110
110
  "letterSpacing": 0.3,
111
111
  "lineHeight": 26,
112
112
  }
@@ -119,7 +119,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
119
119
  style={
120
120
  {
121
121
  "fontFamily": "GTStandardSemibold",
122
- "fontSize": 38,
122
+ "fontSize": "$heading-l",
123
123
  "letterSpacing": 0,
124
124
  "lineHeight": 44,
125
125
  }
@@ -132,7 +132,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
132
132
  {
133
133
  "color": "#563B56",
134
134
  "fontFamily": "GTStandardSemibold",
135
- "fontSize": 38,
135
+ "fontSize": "$heading-l",
136
136
  "letterSpacing": 0,
137
137
  "lineHeight": 44,
138
138
  }
@@ -148,7 +148,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
148
148
  {
149
149
  "color": "#BD100F",
150
150
  "fontFamily": "GTStandard",
151
- "fontSize": 18,
151
+ "fontSize": "$body-l",
152
152
  "letterSpacing": 0.3,
153
153
  "lineHeight": 26,
154
154
  }
@@ -161,7 +161,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
161
161
  {
162
162
  "color": "#BD100F",
163
163
  "fontFamily": "GTStandard",
164
- "fontSize": 14,
164
+ "fontSize": "$body-s",
165
165
  "letterSpacing": 0.3,
166
166
  "lineHeight": 20,
167
167
  }
@@ -189,7 +189,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
189
189
  style={
190
190
  {
191
191
  "fontFamily": "GTStandardSemibold",
192
- "fontSize": 28,
192
+ "fontSize": "$heading-m",
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": 28,
226
+ "fontSize": "$heading-m",
227
227
  "letterSpacing": 0,
228
228
  "lineHeight": 32,
229
229
  }
@@ -236,7 +236,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
236
236
  style={
237
237
  {
238
238
  "fontFamily": "GTStandardRegular",
239
- "fontSize": 16,
239
+ "fontSize": "$body-m",
240
240
  "letterSpacing": 0.3,
241
241
  "lineHeight": 24,
242
242
  }
@@ -248,7 +248,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
248
248
  style={
249
249
  {
250
250
  "fontFamily": "GTStandardBold",
251
- "fontSize": 16,
251
+ "fontSize": "$body-m",
252
252
  "letterSpacing": 0.3,
253
253
  "lineHeight": 24,
254
254
  }
@@ -278,7 +278,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
278
278
  style={
279
279
  {
280
280
  "fontFamily": "GTStandardSemibold",
281
- "fontSize": 28,
281
+ "fontSize": "$heading-m",
282
282
  "letterSpacing": 0,
283
283
  "lineHeight": 32,
284
284
  "marginBottom": 4,
@@ -362,7 +362,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
362
362
  style={
363
363
  {
364
364
  "fontFamily": "GTStandardSemibold",
365
- "fontSize": 38,
365
+ "fontSize": "$heading-l",
366
366
  "letterSpacing": 0,
367
367
  "lineHeight": 44,
368
368
  "marginBottom": 4,
@@ -384,7 +384,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
384
384
  style={
385
385
  {
386
386
  "fontFamily": "GTStandardSemibold",
387
- "fontSize": 24,
387
+ "fontSize": "$heading-s",
388
388
  "letterSpacing": 0,
389
389
  "lineHeight": 28,
390
390
  }
@@ -413,7 +413,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
413
413
  style={
414
414
  {
415
415
  "fontFamily": "GTStandardSemibold",
416
- "fontSize": 56,
416
+ "fontSize": "$heading-2xl",
417
417
  "letterSpacing": 0,
418
418
  "lineHeight": 64,
419
419
  }
@@ -436,7 +436,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
436
436
  style={
437
437
  {
438
438
  "fontFamily": "GTStandardSemibold",
439
- "fontSize": 24,
439
+ "fontSize": "$heading-s",
440
440
  "letterSpacing": 0,
441
441
  "lineHeight": 28,
442
442
  }
@@ -465,7 +465,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
465
465
  style={
466
466
  {
467
467
  "fontFamily": "GTStandardSemibold",
468
- "fontSize": 48,
468
+ "fontSize": "$heading-xl",
469
469
  "letterSpacing": 0,
470
470
  "lineHeight": 56,
471
471
  }
@@ -488,7 +488,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
488
488
  style={
489
489
  {
490
490
  "fontFamily": "GTStandardSemibold",
491
- "fontSize": 24,
491
+ "fontSize": "$heading-s",
492
492
  "letterSpacing": 0,
493
493
  "lineHeight": 28,
494
494
  }
@@ -517,7 +517,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
517
517
  style={
518
518
  {
519
519
  "fontFamily": "GTStandardSemibold",
520
- "fontSize": 38,
520
+ "fontSize": "$heading-l",
521
521
  "letterSpacing": 0,
522
522
  "lineHeight": 44,
523
523
  }
@@ -540,7 +540,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
540
540
  style={
541
541
  {
542
542
  "fontFamily": "GTStandardSemibold",
543
- "fontSize": 24,
543
+ "fontSize": "$heading-s",
544
544
  "letterSpacing": 0,
545
545
  "lineHeight": 28,
546
546
  }
@@ -569,7 +569,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
569
569
  style={
570
570
  {
571
571
  "fontFamily": "GTStandardSemibold",
572
- "fontSize": 28,
572
+ "fontSize": "$heading-m",
573
573
  "letterSpacing": 0,
574
574
  "lineHeight": 32,
575
575
  }
@@ -592,7 +592,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
592
592
  style={
593
593
  {
594
594
  "fontFamily": "GTStandardSemibold",
595
- "fontSize": 24,
595
+ "fontSize": "$heading-s",
596
596
  "letterSpacing": 0,
597
597
  "lineHeight": 28,
598
598
  }
@@ -621,7 +621,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
621
621
  style={
622
622
  {
623
623
  "fontFamily": "GTStandardSemibold",
624
- "fontSize": 24,
624
+ "fontSize": "$heading-s",
625
625
  "letterSpacing": 0,
626
626
  "lineHeight": 28,
627
627
  }
@@ -644,7 +644,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
644
644
  style={
645
645
  {
646
646
  "fontFamily": "GTStandardSemibold",
647
- "fontSize": 24,
647
+ "fontSize": "$heading-s",
648
648
  "letterSpacing": 0,
649
649
  "lineHeight": 28,
650
650
  }
@@ -673,7 +673,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
673
673
  style={
674
674
  {
675
675
  "fontFamily": "GTStandardSemibold",
676
- "fontSize": 20,
676
+ "fontSize": "$heading-xs",
677
677
  "letterSpacing": 0,
678
678
  "lineHeight": 24,
679
679
  }
@@ -696,7 +696,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
696
696
  style={
697
697
  {
698
698
  "fontFamily": "GTStandardSemibold",
699
- "fontSize": 24,
699
+ "fontSize": "$heading-s",
700
700
  "letterSpacing": 0,
701
701
  "lineHeight": 28,
702
702
  }
@@ -725,7 +725,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
725
725
  style={
726
726
  {
727
727
  "fontFamily": "GTStandardSemibold",
728
- "fontSize": 20,
728
+ "fontSize": "$heading-2xs",
729
729
  "letterSpacing": 0,
730
730
  "lineHeight": 20,
731
731
  }
@@ -752,7 +752,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
752
752
  style={
753
753
  {
754
754
  "fontFamily": "GTStandardSemibold",
755
- "fontSize": 38,
755
+ "fontSize": "$heading-l",
756
756
  "letterSpacing": 0,
757
757
  "lineHeight": 44,
758
758
  "marginBottom": 4,
@@ -774,7 +774,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
774
774
  style={
775
775
  {
776
776
  "fontFamily": "GTStandardSemibold",
777
- "fontSize": 24,
777
+ "fontSize": "$heading-s",
778
778
  "letterSpacing": 0,
779
779
  "lineHeight": 28,
780
780
  }
@@ -803,7 +803,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
803
803
  style={
804
804
  {
805
805
  "fontFamily": "GTStandardBold",
806
- "fontSize": 24,
806
+ "fontSize": "$body-xl",
807
807
  "letterSpacing": 0.3,
808
808
  "lineHeight": 32,
809
809
  }
@@ -826,7 +826,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
826
826
  style={
827
827
  {
828
828
  "fontFamily": "GTStandardSemibold",
829
- "fontSize": 24,
829
+ "fontSize": "$heading-s",
830
830
  "letterSpacing": 0,
831
831
  "lineHeight": 28,
832
832
  }
@@ -855,7 +855,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
855
855
  style={
856
856
  {
857
857
  "fontFamily": "GTStandardRegular",
858
- "fontSize": 24,
858
+ "fontSize": "$body-xl",
859
859
  "letterSpacing": 0.3,
860
860
  "lineHeight": 32,
861
861
  }
@@ -878,7 +878,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
878
878
  style={
879
879
  {
880
880
  "fontFamily": "GTStandardSemibold",
881
- "fontSize": 24,
881
+ "fontSize": "$heading-s",
882
882
  "letterSpacing": 0,
883
883
  "lineHeight": 28,
884
884
  }
@@ -907,7 +907,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
907
907
  style={
908
908
  {
909
909
  "fontFamily": "GTStandardBold",
910
- "fontSize": 18,
910
+ "fontSize": "$body-l",
911
911
  "letterSpacing": 0.3,
912
912
  "lineHeight": 26,
913
913
  }
@@ -930,7 +930,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
930
930
  style={
931
931
  {
932
932
  "fontFamily": "GTStandardSemibold",
933
- "fontSize": 24,
933
+ "fontSize": "$heading-s",
934
934
  "letterSpacing": 0,
935
935
  "lineHeight": 28,
936
936
  }
@@ -959,7 +959,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
959
959
  style={
960
960
  {
961
961
  "fontFamily": "GTStandardRegular",
962
- "fontSize": 18,
962
+ "fontSize": "$body-l",
963
963
  "letterSpacing": 0.3,
964
964
  "lineHeight": 26,
965
965
  }
@@ -982,7 +982,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
982
982
  style={
983
983
  {
984
984
  "fontFamily": "GTStandardSemibold",
985
- "fontSize": 24,
985
+ "fontSize": "$heading-s",
986
986
  "letterSpacing": 0,
987
987
  "lineHeight": 28,
988
988
  }
@@ -1011,7 +1011,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1011
1011
  style={
1012
1012
  {
1013
1013
  "fontFamily": "GTStandardBold",
1014
- "fontSize": 16,
1014
+ "fontSize": "$body-m",
1015
1015
  "letterSpacing": 0.3,
1016
1016
  "lineHeight": 24,
1017
1017
  }
@@ -1034,7 +1034,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1034
1034
  style={
1035
1035
  {
1036
1036
  "fontFamily": "GTStandardSemibold",
1037
- "fontSize": 24,
1037
+ "fontSize": "$heading-s",
1038
1038
  "letterSpacing": 0,
1039
1039
  "lineHeight": 28,
1040
1040
  }
@@ -1063,7 +1063,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1063
1063
  style={
1064
1064
  {
1065
1065
  "fontFamily": "GTStandardRegular",
1066
- "fontSize": 16,
1066
+ "fontSize": "$body-m",
1067
1067
  "letterSpacing": 0.3,
1068
1068
  "lineHeight": 24,
1069
1069
  }
@@ -1086,7 +1086,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1086
1086
  style={
1087
1087
  {
1088
1088
  "fontFamily": "GTStandardSemibold",
1089
- "fontSize": 24,
1089
+ "fontSize": "$heading-s",
1090
1090
  "letterSpacing": 0,
1091
1091
  "lineHeight": 28,
1092
1092
  }
@@ -1115,7 +1115,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1115
1115
  style={
1116
1116
  {
1117
1117
  "fontFamily": "GTStandardBold",
1118
- "fontSize": 14,
1118
+ "fontSize": "$body-s",
1119
1119
  "letterSpacing": 0.3,
1120
1120
  "lineHeight": 20,
1121
1121
  }
@@ -1138,7 +1138,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1138
1138
  style={
1139
1139
  {
1140
1140
  "fontFamily": "GTStandardSemibold",
1141
- "fontSize": 24,
1141
+ "fontSize": "$heading-s",
1142
1142
  "letterSpacing": 0,
1143
1143
  "lineHeight": 28,
1144
1144
  }
@@ -1167,7 +1167,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1167
1167
  style={
1168
1168
  {
1169
1169
  "fontFamily": "GTStandardRegular",
1170
- "fontSize": 14,
1170
+ "fontSize": "$body-s",
1171
1171
  "letterSpacing": 0.3,
1172
1172
  "lineHeight": 20,
1173
1173
  }
@@ -1190,7 +1190,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1190
1190
  style={
1191
1191
  {
1192
1192
  "fontFamily": "GTStandardSemibold",
1193
- "fontSize": 24,
1193
+ "fontSize": "$heading-s",
1194
1194
  "letterSpacing": 0,
1195
1195
  "lineHeight": 28,
1196
1196
  }
@@ -1219,7 +1219,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1219
1219
  style={
1220
1220
  {
1221
1221
  "fontFamily": "GTStandardBold",
1222
- "fontSize": 12,
1222
+ "fontSize": "$body-xs",
1223
1223
  "letterSpacing": 0.3,
1224
1224
  "lineHeight": 16,
1225
1225
  }
@@ -1242,7 +1242,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1242
1242
  style={
1243
1243
  {
1244
1244
  "fontFamily": "GTStandardSemibold",
1245
- "fontSize": 24,
1245
+ "fontSize": "$heading-s",
1246
1246
  "letterSpacing": 0,
1247
1247
  "lineHeight": 28,
1248
1248
  }
@@ -1271,7 +1271,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1271
1271
  style={
1272
1272
  {
1273
1273
  "fontFamily": "GTStandardRegular",
1274
- "fontSize": 12,
1274
+ "fontSize": "$body-xs",
1275
1275
  "letterSpacing": 0.3,
1276
1276
  "lineHeight": 16,
1277
1277
  }
@@ -1298,7 +1298,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1298
1298
  style={
1299
1299
  {
1300
1300
  "fontFamily": "GTStandardSemibold",
1301
- "fontSize": 38,
1301
+ "fontSize": "$heading-l",
1302
1302
  "letterSpacing": 0,
1303
1303
  "lineHeight": 44,
1304
1304
  "marginBottom": 4,
@@ -1320,7 +1320,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1320
1320
  style={
1321
1321
  {
1322
1322
  "fontFamily": "GTStandardSemibold",
1323
- "fontSize": 24,
1323
+ "fontSize": "$heading-s",
1324
1324
  "letterSpacing": 0,
1325
1325
  "lineHeight": 28,
1326
1326
  }
@@ -1349,7 +1349,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1349
1349
  style={
1350
1350
  {
1351
1351
  "fontFamily": "GTStandardSemibold",
1352
- "fontSize": 18,
1352
+ "fontSize": "$label-xl",
1353
1353
  "letterSpacing": 0,
1354
1354
  "lineHeight": 26,
1355
1355
  }
@@ -1372,7 +1372,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1372
1372
  style={
1373
1373
  {
1374
1374
  "fontFamily": "GTStandardSemibold",
1375
- "fontSize": 24,
1375
+ "fontSize": "$heading-s",
1376
1376
  "letterSpacing": 0,
1377
1377
  "lineHeight": 28,
1378
1378
  }
@@ -1401,7 +1401,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1401
1401
  style={
1402
1402
  {
1403
1403
  "fontFamily": "GTStandardSemibold",
1404
- "fontSize": 16,
1404
+ "fontSize": "$label-l",
1405
1405
  "letterSpacing": 0,
1406
1406
  "lineHeight": 20,
1407
1407
  }
@@ -1424,7 +1424,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1424
1424
  style={
1425
1425
  {
1426
1426
  "fontFamily": "GTStandardSemibold",
1427
- "fontSize": 24,
1427
+ "fontSize": "$heading-s",
1428
1428
  "letterSpacing": 0,
1429
1429
  "lineHeight": 28,
1430
1430
  }
@@ -1453,7 +1453,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1453
1453
  style={
1454
1454
  {
1455
1455
  "fontFamily": "GTStandardSemibold",
1456
- "fontSize": 14,
1456
+ "fontSize": "$label-m",
1457
1457
  "letterSpacing": 0,
1458
1458
  "lineHeight": 18,
1459
1459
  }
@@ -1476,7 +1476,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1476
1476
  style={
1477
1477
  {
1478
1478
  "fontFamily": "GTStandardSemibold",
1479
- "fontSize": 24,
1479
+ "fontSize": "$heading-s",
1480
1480
  "letterSpacing": 0,
1481
1481
  "lineHeight": 28,
1482
1482
  }
@@ -1505,7 +1505,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1505
1505
  style={
1506
1506
  {
1507
1507
  "fontFamily": "GTStandardSemibold",
1508
- "fontSize": 12,
1508
+ "fontSize": "$label-s",
1509
1509
  "letterSpacing": 0,
1510
1510
  "lineHeight": 14,
1511
1511
  }
@@ -1532,7 +1532,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1532
1532
  style={
1533
1533
  {
1534
1534
  "fontFamily": "GTStandardSemibold",
1535
- "fontSize": 38,
1535
+ "fontSize": "$heading-l",
1536
1536
  "letterSpacing": 0,
1537
1537
  "lineHeight": 44,
1538
1538
  "marginBottom": 4,
@@ -1554,7 +1554,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1554
1554
  style={
1555
1555
  {
1556
1556
  "fontFamily": "GTStandardSemibold",
1557
- "fontSize": 24,
1557
+ "fontSize": "$heading-s",
1558
1558
  "letterSpacing": 0,
1559
1559
  "lineHeight": 28,
1560
1560
  }
@@ -1583,7 +1583,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1583
1583
  style={
1584
1584
  {
1585
1585
  "fontFamily": "GTStandardBold",
1586
- "fontSize": 40,
1586
+ "fontSize": "$content-caps-3xl",
1587
1587
  "letterSpacing": 0,
1588
1588
  "lineHeight": 40,
1589
1589
  }
@@ -1606,7 +1606,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1606
1606
  style={
1607
1607
  {
1608
1608
  "fontFamily": "GTStandardSemibold",
1609
- "fontSize": 24,
1609
+ "fontSize": "$heading-s",
1610
1610
  "letterSpacing": 0,
1611
1611
  "lineHeight": 28,
1612
1612
  }
@@ -1635,7 +1635,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1635
1635
  style={
1636
1636
  {
1637
1637
  "fontFamily": "GTStandardBold",
1638
- "fontSize": 32,
1638
+ "fontSize": "$content-caps-2xl",
1639
1639
  "letterSpacing": 0,
1640
1640
  "lineHeight": 40,
1641
1641
  }
@@ -1658,7 +1658,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1658
1658
  style={
1659
1659
  {
1660
1660
  "fontFamily": "GTStandardSemibold",
1661
- "fontSize": 24,
1661
+ "fontSize": "$heading-s",
1662
1662
  "letterSpacing": 0,
1663
1663
  "lineHeight": 28,
1664
1664
  }
@@ -1687,7 +1687,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1687
1687
  style={
1688
1688
  {
1689
1689
  "fontFamily": "GTStandardBold",
1690
- "fontSize": 24,
1690
+ "fontSize": "$content-caps-xl",
1691
1691
  "letterSpacing": 0,
1692
1692
  "lineHeight": 28,
1693
1693
  }
@@ -1710,7 +1710,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1710
1710
  style={
1711
1711
  {
1712
1712
  "fontFamily": "GTStandardSemibold",
1713
- "fontSize": 24,
1713
+ "fontSize": "$heading-s",
1714
1714
  "letterSpacing": 0,
1715
1715
  "lineHeight": 28,
1716
1716
  }
@@ -1739,7 +1739,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1739
1739
  style={
1740
1740
  {
1741
1741
  "fontFamily": "GTStandardBold",
1742
- "fontSize": 18,
1742
+ "fontSize": "$content-caps-l",
1743
1743
  "letterSpacing": 0,
1744
1744
  "lineHeight": 20,
1745
1745
  }
@@ -1762,7 +1762,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1762
1762
  style={
1763
1763
  {
1764
1764
  "fontFamily": "GTStandardSemibold",
1765
- "fontSize": 24,
1765
+ "fontSize": "$heading-s",
1766
1766
  "letterSpacing": 0,
1767
1767
  "lineHeight": 28,
1768
1768
  }
@@ -1791,7 +1791,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1791
1791
  style={
1792
1792
  {
1793
1793
  "fontFamily": "GTStandardBold",
1794
- "fontSize": 16,
1794
+ "fontSize": "$content-caps-m",
1795
1795
  "letterSpacing": 0,
1796
1796
  "lineHeight": 18,
1797
1797
  }
@@ -1814,7 +1814,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1814
1814
  style={
1815
1815
  {
1816
1816
  "fontFamily": "GTStandardSemibold",
1817
- "fontSize": 24,
1817
+ "fontSize": "$heading-s",
1818
1818
  "letterSpacing": 0,
1819
1819
  "lineHeight": 28,
1820
1820
  }
@@ -1843,7 +1843,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1843
1843
  style={
1844
1844
  {
1845
1845
  "fontFamily": "GTStandardBold",
1846
- "fontSize": 14,
1846
+ "fontSize": "$content-caps-s",
1847
1847
  "letterSpacing": 0,
1848
1848
  "lineHeight": 16,
1849
1849
  }
@@ -1866,7 +1866,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1866
1866
  style={
1867
1867
  {
1868
1868
  "fontFamily": "GTStandardSemibold",
1869
- "fontSize": 24,
1869
+ "fontSize": "$heading-s",
1870
1870
  "letterSpacing": 0,
1871
1871
  "lineHeight": 28,
1872
1872
  }
@@ -1895,7 +1895,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1895
1895
  style={
1896
1896
  {
1897
1897
  "fontFamily": "GTStandardBold",
1898
- "fontSize": 12,
1898
+ "fontSize": "$content-caps-xs",
1899
1899
  "letterSpacing": 0,
1900
1900
  "lineHeight": 14,
1901
1901
  }
@@ -1922,7 +1922,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
1922
1922
  style={
1923
1923
  {
1924
1924
  "fontFamily": "GTStandardSemibold",
1925
- "fontSize": 38,
1925
+ "fontSize": "$heading-l",
1926
1926
  "letterSpacing": 0,
1927
1927
  "lineHeight": 44,
1928
1928
  "marginBottom": 4,