@ornikar/bumper 2.7.2-canary.1768565076.501fccaa5e4ef824bb180cfd40a7e74454a29a3e.0 → 2.8.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 (93) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/CLAUDE.md +45 -0
  3. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts +1 -1
  4. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts.map +1 -1
  5. package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts +1 -1
  6. package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts.map +1 -1
  7. package/dist/definitions/system/core/primitives/Pressable.d.ts +0 -9
  8. package/dist/definitions/system/core/primitives/Pressable.d.ts.map +1 -1
  9. package/dist/definitions/system/core/{breakpoints/constants.d.ts → tokens/breakpoints.d.ts} +1 -1
  10. package/dist/definitions/system/core/tokens/breakpoints.d.ts.map +1 -0
  11. package/dist/definitions/tamagui.config.d.ts +2 -28
  12. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  13. package/dist/index-metro.es.android.js +42 -26
  14. package/dist/index-metro.es.android.js.map +1 -1
  15. package/dist/index-metro.es.ios.js +42 -26
  16. package/dist/index-metro.es.ios.js.map +1 -1
  17. package/dist/index-node-22.22.cjs.js +42 -26
  18. package/dist/index-node-22.22.cjs.js.map +1 -1
  19. package/dist/index-node-22.22.cjs.web.js +42 -26
  20. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  21. package/dist/index-node-22.22.es.mjs +42 -26
  22. package/dist/index-node-22.22.es.mjs.map +1 -1
  23. package/dist/index-node-22.22.es.web.mjs +42 -26
  24. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  25. package/dist/index.es.js +36 -20
  26. package/dist/index.es.js.map +1 -1
  27. package/dist/index.es.web.js +36 -20
  28. package/dist/index.es.web.js.map +1 -1
  29. package/dist/tsbuildinfo +1 -1
  30. package/package.json +9 -9
  31. package/src/system/content/typography/Typography.features.stories.tsx +156 -0
  32. package/src/system/content/typography/Typography.stories.tsx +72 -166
  33. package/src/system/content/typography/__snapshots__/Typography.features.stories.tsx.snap +826 -0
  34. package/src/system/content/typography/__snapshots__/Typography.stories.tsx.snap +10 -1990
  35. package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap +501 -0
  36. package/src/system/content/typography/__snapshots_web__/Typography.stories.tsx.snap +7 -808
  37. package/src/system/core/breakpoints/hooks/useBreakpointValue.test.ts +1 -1
  38. package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.test.ts +1 -1
  39. package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.ts +1 -1
  40. package/src/system/core/breakpoints/utils/breakpointsUtils.test.ts +1 -1
  41. package/src/system/core/breakpoints/utils/breakpointsUtils.ts +1 -1
  42. package/src/system/core/primitives/Center.features.stories.tsx +63 -0
  43. package/src/system/core/primitives/Center.stories.tsx +111 -12
  44. package/src/system/core/primitives/Pressable.features.stories.tsx +171 -0
  45. package/src/system/core/primitives/Pressable.stories.tsx +82 -20
  46. package/src/system/core/primitives/Pressable.tsx +0 -9
  47. package/src/system/core/primitives/Stack.features.stories.tsx +179 -0
  48. package/src/system/core/primitives/Stack.stories.tsx +74 -44
  49. package/src/system/core/primitives/View.features.stories.tsx +452 -0
  50. package/src/system/core/primitives/View.stories.tsx +122 -9
  51. package/src/system/core/primitives/__snapshots__/Center.features.stories.tsx.snap +208 -0
  52. package/src/system/core/primitives/__snapshots__/Center.stories.tsx.snap +13 -8
  53. package/src/system/core/primitives/__snapshots__/Pressable.features.stories.tsx.snap +470 -0
  54. package/src/system/core/primitives/__snapshots__/Pressable.stories.tsx.snap +11 -10
  55. package/src/system/core/primitives/__snapshots__/Stack.features.stories.tsx.snap +1234 -0
  56. package/src/system/core/primitives/__snapshots__/Stack.stories.tsx.snap +63 -84
  57. package/src/system/core/primitives/__snapshots__/View.features.stories.tsx.snap +2338 -0
  58. package/src/system/core/primitives/__snapshots__/View.stories.tsx.snap +6 -4
  59. package/src/system/core/primitives/__snapshots_web__/Center.features.stories.tsx.snap +107 -0
  60. package/src/system/core/primitives/__snapshots_web__/Center.stories.tsx.snap +9 -6
  61. package/src/system/core/primitives/__snapshots_web__/Pressable.features.stories.tsx.snap +193 -0
  62. package/src/system/core/primitives/__snapshots_web__/Pressable.stories.tsx.snap +5 -5
  63. package/src/system/core/primitives/__snapshots_web__/Stack.features.stories.tsx.snap +515 -0
  64. package/src/system/core/primitives/__snapshots_web__/Stack.stories.tsx.snap +30 -22
  65. package/src/system/core/primitives/__snapshots_web__/View.features.stories.tsx.snap +941 -0
  66. package/src/system/core/primitives/__snapshots_web__/View.stories.tsx.snap +3 -3
  67. package/src/system/core/themes/__snapshots__/light.stories.tsx.snap +3822 -2233
  68. package/src/system/core/themes/__snapshots_web__/light.stories.tsx.snap +1244 -992
  69. package/src/system/core/themes/light.stories.tsx +61 -28
  70. package/src/system/core/tokens/__snapshots__/breakpoints.stories.tsx.snap +423 -0
  71. package/src/system/core/tokens/__snapshots__/fonts.stories.tsx.snap +1635 -0
  72. package/src/system/core/tokens/__snapshots__/radius.stories.tsx.snap +383 -0
  73. package/src/system/core/tokens/__snapshots__/size.stories.tsx.snap +864 -0
  74. package/src/system/core/tokens/__snapshots__/space.stories.tsx.snap +945 -0
  75. package/src/system/core/tokens/__snapshots_web__/breakpoints.stories.tsx.snap +194 -0
  76. package/src/system/core/tokens/__snapshots_web__/fonts.stories.tsx.snap +729 -0
  77. package/src/system/core/tokens/__snapshots_web__/radius.stories.tsx.snap +174 -0
  78. package/src/system/core/tokens/__snapshots_web__/size.stories.tsx.snap +363 -0
  79. package/src/system/core/tokens/__snapshots_web__/space.stories.tsx.snap +396 -0
  80. package/src/system/core/tokens/breakpoints.stories.tsx +46 -0
  81. package/src/system/core/tokens/fonts.stories.tsx +39 -0
  82. package/src/system/core/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +4337 -2747
  83. package/src/system/core/tokens/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +1525 -1257
  84. package/src/system/core/tokens/palettes/deepPurpleColorPalette.stories.tsx +42 -28
  85. package/src/system/core/tokens/radius.stories.tsx +39 -0
  86. package/src/system/core/tokens/size.stories.tsx +39 -0
  87. package/src/system/core/tokens/space.stories.tsx +40 -0
  88. package/src/tamagui.config.ts +3 -3
  89. package/dist/definitions/system/core/breakpoints/constants.d.ts.map +0 -1
  90. package/src/system/core/breakpoints/__snapshots__/breakpoints.stories.tsx.snap +0 -49
  91. package/src/system/core/breakpoints/__snapshots_web__/breakpoints.stories.tsx.snap +0 -43
  92. package/src/system/core/breakpoints/breakpoints.stories.tsx +0 -45
  93. /package/src/system/core/{breakpoints/constants.ts → tokens/breakpoints.ts} +0 -0
@@ -0,0 +1,501 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="css-view-175oi2r r-flex-13awgt0"
7
+ >
8
+ <span
9
+ class=""
10
+ style="display: contents;"
11
+ >
12
+ <span
13
+ class=" "
14
+ style="display: contents;"
15
+ >
16
+ <span
17
+ class=" t_light is_Theme"
18
+ style="display: contents;"
19
+ >
20
+ <div
21
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
22
+ >
23
+ <span
24
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47073 _lh-f-lineHeigh1960620710 _ls-f-letterSpa260968495 _fw-f-weight-re98715119"
25
+ data-disable-theme="true"
26
+ >
27
+ Body XL Regular - The quick brown fox jumps over the lazy dog
28
+ </span>
29
+ <span
30
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _fw-f-weight-re98715119"
31
+ data-disable-theme="true"
32
+ >
33
+ Body L Regular - The quick brown fox jumps over the lazy dog
34
+ </span>
35
+ <span
36
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119"
37
+ data-disable-theme="true"
38
+ >
39
+ Body M Regular - The quick brown fox jumps over the lazy dog
40
+ </span>
41
+ <span
42
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119"
43
+ data-disable-theme="true"
44
+ >
45
+ Body S Regular - The quick brown fox jumps over the lazy dog
46
+ </span>
47
+ <span
48
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _fw-f-weight-re98715119"
49
+ data-disable-theme="true"
50
+ >
51
+ Body XS Regular - The quick brown fox jumps over the lazy dog
52
+ </span>
53
+ </div>
54
+ </span>
55
+ </span>
56
+ </span>
57
+ </div>
58
+ </DocumentFragment>
59
+ `;
60
+
61
+ exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
62
+ <DocumentFragment>
63
+ <div
64
+ class="css-view-175oi2r r-flex-13awgt0"
65
+ >
66
+ <span
67
+ class=""
68
+ style="display: contents;"
69
+ >
70
+ <span
71
+ class=" "
72
+ style="display: contents;"
73
+ >
74
+ <span
75
+ class=" t_light is_Theme"
76
+ style="display: contents;"
77
+ >
78
+ <div
79
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
80
+ >
81
+ <span
82
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47073 _lh-f-lineHeigh1960620710 _ls-f-letterSpa260968495 _fw-f-weight-bo3448"
83
+ data-disable-theme="true"
84
+ >
85
+ Body XL Bold - The quick brown fox jumps over the lazy dog
86
+ </span>
87
+ <span
88
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _fw-f-weight-bo3448"
89
+ data-disable-theme="true"
90
+ >
91
+ Body L Bold - The quick brown fox jumps over the lazy dog
92
+ </span>
93
+ <span
94
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-bo3448"
95
+ data-disable-theme="true"
96
+ >
97
+ Body M Bold - The quick brown fox jumps over the lazy dog
98
+ </span>
99
+ <span
100
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-bo3448"
101
+ data-disable-theme="true"
102
+ >
103
+ Body S Bold - The quick brown fox jumps over the lazy dog
104
+ </span>
105
+ <span
106
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _fw-f-weight-bo3448"
107
+ data-disable-theme="true"
108
+ >
109
+ Body XS Bold - The quick brown fox jumps over the lazy dog
110
+ </span>
111
+ </div>
112
+ </span>
113
+ </span>
114
+ </span>
115
+ </div>
116
+ </DocumentFragment>
117
+ `;
118
+
119
+ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
120
+ <DocumentFragment>
121
+ <div
122
+ class="css-view-175oi2r r-flex-13awgt0"
123
+ >
124
+ <span
125
+ class=""
126
+ style="display: contents;"
127
+ >
128
+ <span
129
+ class=" "
130
+ style="display: contents;"
131
+ >
132
+ <span
133
+ class=" t_light is_Theme"
134
+ style="display: contents;"
135
+ >
136
+ <div
137
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
138
+ >
139
+ <span
140
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1048365027 _lh-f-lineHeigh1404119176 _ls-f-letterSpa1744401475 _fw-f-weight-bo3448"
141
+ data-disable-theme="true"
142
+ >
143
+ CONTENT CAPS 3XL
144
+ </span>
145
+ <span
146
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1048365988 _lh-f-lineHeigh1404118215 _ls-f-letterSpa1744402436 _fw-f-weight-bo3448"
147
+ data-disable-theme="true"
148
+ >
149
+ CONTENT CAPS 2XL
150
+ </span>
151
+ <span
152
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109886 _lh-f-lineHeigh599485619 _ls-f-letterSpa1883393758 _fw-f-weight-bo3448"
153
+ data-disable-theme="true"
154
+ >
155
+ CONTENT CAPS XL
156
+ </span>
157
+ <span
158
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont593321890 _lh-f-lineHeigh1366135091 _ls-f-letterSpa199301954 _fw-f-weight-bo3448"
159
+ data-disable-theme="true"
160
+ >
161
+ CONTENT CAPS L
162
+ </span>
163
+ <span
164
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont593321891 _lh-f-lineHeigh1366135090 _ls-f-letterSpa199301955 _fw-f-weight-bo3448"
165
+ data-disable-theme="true"
166
+ >
167
+ CONTENT CAPS M
168
+ </span>
169
+ <span
170
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont593321897 _lh-f-lineHeigh1366135084 _ls-f-letterSpa199301961 _fw-f-weight-bo3448"
171
+ data-disable-theme="true"
172
+ >
173
+ CONTENT CAPS S
174
+ </span>
175
+ <span
176
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448"
177
+ data-disable-theme="true"
178
+ >
179
+ CONTENT CAPS XS
180
+ </span>
181
+ </div>
182
+ </span>
183
+ </span>
184
+ </span>
185
+ </div>
186
+ </DocumentFragment>
187
+ `;
188
+
189
+ exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
190
+ <DocumentFragment>
191
+ <div
192
+ class="css-view-175oi2r r-flex-13awgt0"
193
+ >
194
+ <span
195
+ class=""
196
+ style="display: contents;"
197
+ >
198
+ <span
199
+ class=" "
200
+ style="display: contents;"
201
+ >
202
+ <span
203
+ class=" t_light is_Theme"
204
+ style="display: contents;"
205
+ >
206
+ <div
207
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020284"
208
+ >
209
+ <div
210
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
211
+ >
212
+ <span
213
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
214
+ data-disable-theme="true"
215
+ >
216
+ Parent variant
217
+ </span>
218
+ <span
219
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _fw-f-weight-bo3448 _col-content--ac3049896"
220
+ data-disable-theme="true"
221
+ >
222
+ Parent: body-l bold accent
223
+ <span
224
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _ls-f-letterSpa1099960303 _tt-inherit _col-content--ac3049896 _fw-f-weight-bo3448 _fs-f-size-body1503 _lh-f-lineHeigh201793146"
225
+ data-disable-theme="true"
226
+ >
227
+ - Child inherits all (variant, weight, color)
228
+ </span>
229
+ </span>
230
+ </div>
231
+ <div
232
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
233
+ >
234
+ <span
235
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
236
+ data-disable-theme="true"
237
+ >
238
+ Weight inheritance
239
+ </span>
240
+ <span
241
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-bo3448"
242
+ data-disable-theme="true"
243
+ >
244
+ Parent: body-m bold
245
+ <span
246
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _ls-f-letterSpa1099960304 _tt-inherit _fw-f-weight-bo3448 _fs-f-size-body1504 _lh-f-lineHeigh201793147"
247
+ data-disable-theme="true"
248
+ >
249
+ - Child inherits weight
250
+ </span>
251
+ </span>
252
+ </div>
253
+ <div
254
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
255
+ >
256
+ <span
257
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
258
+ data-disable-theme="true"
259
+ >
260
+ Color inheritance
261
+ </span>
262
+ <span
263
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--su94478629"
264
+ data-disable-theme="true"
265
+ >
266
+ Parent: success color
267
+ <span
268
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _ls-f-letterSpa1099960304 _tt-inherit _col-content--su94478629 _fs-f-size-body1504 _lh-f-lineHeigh201793147"
269
+ data-disable-theme="true"
270
+ >
271
+ - Child inherits color
272
+ </span>
273
+ </span>
274
+ </div>
275
+ <div
276
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
277
+ >
278
+ <span
279
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
280
+ data-disable-theme="true"
281
+ >
282
+ Override inherited values
283
+ </span>
284
+ <span
285
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-bo3448 _col-content--ac3049896"
286
+ data-disable-theme="true"
287
+ >
288
+ Parent: body-m bold accent
289
+ <span
290
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _ls-f-letterSpa1099960310 _tt-inherit _fs-f-size-body1510 _lh-f-lineHeigh201793153 _fw-f-weight-re98715119 _col-content--da3379238"
291
+ data-disable-theme="true"
292
+ >
293
+ - Child overrides all
294
+ </span>
295
+ </span>
296
+ </div>
297
+ </div>
298
+ </span>
299
+ </span>
300
+ </span>
301
+ </div>
302
+ </DocumentFragment>
303
+ `;
304
+
305
+ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
306
+ <DocumentFragment>
307
+ <div
308
+ class="css-view-175oi2r r-flex-13awgt0"
309
+ >
310
+ <span
311
+ class=""
312
+ style="display: contents;"
313
+ >
314
+ <span
315
+ class=" "
316
+ style="display: contents;"
317
+ >
318
+ <span
319
+ class=" t_light is_Theme"
320
+ style="display: contents;"
321
+ >
322
+ <div
323
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
324
+ >
325
+ <span
326
+ aria-level="1"
327
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head1944327739 _lh-f-lineHeigh2126319486 _ls-f-letterSpa2008047571 _fw-f-weight-se1074390495"
328
+ data-disable-theme="true"
329
+ role="heading"
330
+ >
331
+ Header 1 - heading-2xl
332
+ </span>
333
+ <span
334
+ aria-level="2"
335
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head1184203585 _lh-f-lineHeigh624147864 _ls-f-letterSpa1588794227 _fw-f-weight-se1074390495"
336
+ data-disable-theme="true"
337
+ role="heading"
338
+ >
339
+ Header 2 - heading-xl
340
+ </span>
341
+ <span
342
+ aria-level="3"
343
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347201 _lh-f-lineHeigh1544154440 _ls-f-letterSpa1195674547 _fw-f-weight-se1074390495"
344
+ data-disable-theme="true"
345
+ role="heading"
346
+ >
347
+ Header 3 - heading-l
348
+ </span>
349
+ <span
350
+ aria-level="4"
351
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347202 _lh-f-lineHeigh1544154441 _ls-f-letterSpa1195674548 _fw-f-weight-se1074390495"
352
+ data-disable-theme="true"
353
+ role="heading"
354
+ >
355
+ Header 4 - heading-m
356
+ </span>
357
+ <span
358
+ aria-level="5"
359
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347208 _lh-f-lineHeigh1544154447 _ls-f-letterSpa1195674554 _fw-f-weight-se1074390495"
360
+ data-disable-theme="true"
361
+ role="heading"
362
+ >
363
+ Header 5 - heading-s
364
+ </span>
365
+ <span
366
+ aria-level="6"
367
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head1184203578 _lh-f-lineHeigh624147871 _ls-f-letterSpa1588794220 _fw-f-weight-se1074390495"
368
+ data-disable-theme="true"
369
+ role="heading"
370
+ >
371
+ Header 6 - heading-xs
372
+ </span>
373
+ </div>
374
+ </span>
375
+ </span>
376
+ </span>
377
+ </div>
378
+ </DocumentFragment>
379
+ `;
380
+
381
+ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
382
+ <DocumentFragment>
383
+ <div
384
+ class="css-view-175oi2r r-flex-13awgt0"
385
+ >
386
+ <span
387
+ class=""
388
+ style="display: contents;"
389
+ >
390
+ <span
391
+ class=" "
392
+ style="display: contents;"
393
+ >
394
+ <span
395
+ class=" t_light is_Theme"
396
+ style="display: contents;"
397
+ >
398
+ <div
399
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
400
+ >
401
+ <span
402
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head1944327739 _lh-f-lineHeigh2126319486 _ls-f-letterSpa2008047571 _fw-f-weight-se1074390495"
403
+ data-disable-theme="true"
404
+ >
405
+ Heading 2XL - Semibold
406
+ </span>
407
+ <span
408
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head1184203585 _lh-f-lineHeigh624147864 _ls-f-letterSpa1588794227 _fw-f-weight-se1074390495"
409
+ data-disable-theme="true"
410
+ >
411
+ Heading XL - Semibold
412
+ </span>
413
+ <span
414
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347201 _lh-f-lineHeigh1544154440 _ls-f-letterSpa1195674547 _fw-f-weight-se1074390495"
415
+ data-disable-theme="true"
416
+ >
417
+ Heading L - Semibold
418
+ </span>
419
+ <span
420
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347202 _lh-f-lineHeigh1544154441 _ls-f-letterSpa1195674548 _fw-f-weight-se1074390495"
421
+ data-disable-theme="true"
422
+ >
423
+ Heading M - Semibold
424
+ </span>
425
+ <span
426
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347208 _lh-f-lineHeigh1544154447 _ls-f-letterSpa1195674554 _fw-f-weight-se1074390495"
427
+ data-disable-theme="true"
428
+ >
429
+ Heading S - Semibold
430
+ </span>
431
+ <span
432
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head1184203578 _lh-f-lineHeigh624147871 _ls-f-letterSpa1588794220 _fw-f-weight-se1074390495"
433
+ data-disable-theme="true"
434
+ >
435
+ Heading XS - Semibold
436
+ </span>
437
+ <span
438
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head1944327746 _lh-f-lineHeigh2126319479 _ls-f-letterSpa2008047564 _fw-f-weight-se1074390495"
439
+ data-disable-theme="true"
440
+ >
441
+ Heading 2XS - Semibold
442
+ </span>
443
+ </div>
444
+ </span>
445
+ </span>
446
+ </span>
447
+ </div>
448
+ </DocumentFragment>
449
+ `;
450
+
451
+ exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
452
+ <DocumentFragment>
453
+ <div
454
+ class="css-view-175oi2r r-flex-13awgt0"
455
+ >
456
+ <span
457
+ class=""
458
+ style="display: contents;"
459
+ >
460
+ <span
461
+ class=" "
462
+ style="display: contents;"
463
+ >
464
+ <span
465
+ class=" t_light is_Theme"
466
+ style="display: contents;"
467
+ >
468
+ <div
469
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
470
+ >
471
+ <span
472
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-labe3264501 _lh-f-lineHeigh1283860902 _ls-f-letterSpa1134072283 _fw-f-weight-se1074390495"
473
+ data-disable-theme="true"
474
+ >
475
+ Label XL - Semibold
476
+ </span>
477
+ <span
478
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-labe105291 _lh-f-lineHeigh1842530170 _ls-f-letterSpa379059035 _fw-f-weight-se1074390495"
479
+ data-disable-theme="true"
480
+ >
481
+ Label L - Semibold
482
+ </span>
483
+ <span
484
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-labe105292 _lh-f-lineHeigh1842530171 _ls-f-letterSpa379059034 _fw-f-weight-se1074390495"
485
+ data-disable-theme="true"
486
+ >
487
+ Label M - Semibold
488
+ </span>
489
+ <span
490
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-labe105298 _lh-f-lineHeigh1842530177 _ls-f-letterSpa379059028 _fw-f-weight-se1074390495"
491
+ data-disable-theme="true"
492
+ >
493
+ Label S - Semibold
494
+ </span>
495
+ </div>
496
+ </span>
497
+ </span>
498
+ </span>
499
+ </div>
500
+ </DocumentFragment>
501
+ `;