@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.
- package/CHANGELOG.md +4 -2
- package/CLAUDE.md +45 -0
- package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts +1 -1
- package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts.map +1 -1
- package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts +1 -1
- package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts.map +1 -1
- package/dist/definitions/system/core/primitives/Pressable.d.ts +0 -9
- package/dist/definitions/system/core/primitives/Pressable.d.ts.map +1 -1
- package/dist/definitions/system/core/{breakpoints/constants.d.ts → tokens/breakpoints.d.ts} +1 -1
- package/dist/definitions/system/core/tokens/breakpoints.d.ts.map +1 -0
- package/dist/definitions/tamagui.config.d.ts +2 -28
- package/dist/definitions/tamagui.config.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +42 -26
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +42 -26
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.22.cjs.js +42 -26
- package/dist/index-node-22.22.cjs.js.map +1 -1
- package/dist/index-node-22.22.cjs.web.js +42 -26
- package/dist/index-node-22.22.cjs.web.js.map +1 -1
- package/dist/index-node-22.22.es.mjs +42 -26
- package/dist/index-node-22.22.es.mjs.map +1 -1
- package/dist/index-node-22.22.es.web.mjs +42 -26
- package/dist/index-node-22.22.es.web.mjs.map +1 -1
- package/dist/index.es.js +36 -20
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +36 -20
- package/dist/index.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +9 -9
- package/src/system/content/typography/Typography.features.stories.tsx +156 -0
- package/src/system/content/typography/Typography.stories.tsx +72 -166
- package/src/system/content/typography/__snapshots__/Typography.features.stories.tsx.snap +826 -0
- package/src/system/content/typography/__snapshots__/Typography.stories.tsx.snap +10 -1990
- package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap +501 -0
- package/src/system/content/typography/__snapshots_web__/Typography.stories.tsx.snap +7 -808
- package/src/system/core/breakpoints/hooks/useBreakpointValue.test.ts +1 -1
- package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.test.ts +1 -1
- package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.ts +1 -1
- package/src/system/core/breakpoints/utils/breakpointsUtils.test.ts +1 -1
- package/src/system/core/breakpoints/utils/breakpointsUtils.ts +1 -1
- package/src/system/core/primitives/Center.features.stories.tsx +63 -0
- package/src/system/core/primitives/Center.stories.tsx +111 -12
- package/src/system/core/primitives/Pressable.features.stories.tsx +171 -0
- package/src/system/core/primitives/Pressable.stories.tsx +82 -20
- package/src/system/core/primitives/Pressable.tsx +0 -9
- package/src/system/core/primitives/Stack.features.stories.tsx +179 -0
- package/src/system/core/primitives/Stack.stories.tsx +74 -44
- package/src/system/core/primitives/View.features.stories.tsx +452 -0
- package/src/system/core/primitives/View.stories.tsx +122 -9
- package/src/system/core/primitives/__snapshots__/Center.features.stories.tsx.snap +208 -0
- package/src/system/core/primitives/__snapshots__/Center.stories.tsx.snap +13 -8
- package/src/system/core/primitives/__snapshots__/Pressable.features.stories.tsx.snap +470 -0
- package/src/system/core/primitives/__snapshots__/Pressable.stories.tsx.snap +11 -10
- package/src/system/core/primitives/__snapshots__/Stack.features.stories.tsx.snap +1234 -0
- package/src/system/core/primitives/__snapshots__/Stack.stories.tsx.snap +63 -84
- package/src/system/core/primitives/__snapshots__/View.features.stories.tsx.snap +2338 -0
- package/src/system/core/primitives/__snapshots__/View.stories.tsx.snap +6 -4
- package/src/system/core/primitives/__snapshots_web__/Center.features.stories.tsx.snap +107 -0
- package/src/system/core/primitives/__snapshots_web__/Center.stories.tsx.snap +9 -6
- package/src/system/core/primitives/__snapshots_web__/Pressable.features.stories.tsx.snap +193 -0
- package/src/system/core/primitives/__snapshots_web__/Pressable.stories.tsx.snap +5 -5
- package/src/system/core/primitives/__snapshots_web__/Stack.features.stories.tsx.snap +515 -0
- package/src/system/core/primitives/__snapshots_web__/Stack.stories.tsx.snap +30 -22
- package/src/system/core/primitives/__snapshots_web__/View.features.stories.tsx.snap +941 -0
- package/src/system/core/primitives/__snapshots_web__/View.stories.tsx.snap +3 -3
- package/src/system/core/themes/__snapshots__/light.stories.tsx.snap +3822 -2233
- package/src/system/core/themes/__snapshots_web__/light.stories.tsx.snap +1244 -992
- package/src/system/core/themes/light.stories.tsx +61 -28
- package/src/system/core/tokens/__snapshots__/breakpoints.stories.tsx.snap +423 -0
- package/src/system/core/tokens/__snapshots__/fonts.stories.tsx.snap +1635 -0
- package/src/system/core/tokens/__snapshots__/radius.stories.tsx.snap +383 -0
- package/src/system/core/tokens/__snapshots__/size.stories.tsx.snap +864 -0
- package/src/system/core/tokens/__snapshots__/space.stories.tsx.snap +945 -0
- package/src/system/core/tokens/__snapshots_web__/breakpoints.stories.tsx.snap +194 -0
- package/src/system/core/tokens/__snapshots_web__/fonts.stories.tsx.snap +729 -0
- package/src/system/core/tokens/__snapshots_web__/radius.stories.tsx.snap +174 -0
- package/src/system/core/tokens/__snapshots_web__/size.stories.tsx.snap +363 -0
- package/src/system/core/tokens/__snapshots_web__/space.stories.tsx.snap +396 -0
- package/src/system/core/tokens/breakpoints.stories.tsx +46 -0
- package/src/system/core/tokens/fonts.stories.tsx +39 -0
- package/src/system/core/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +4337 -2747
- package/src/system/core/tokens/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +1525 -1257
- package/src/system/core/tokens/palettes/deepPurpleColorPalette.stories.tsx +42 -28
- package/src/system/core/tokens/radius.stories.tsx +39 -0
- package/src/system/core/tokens/size.stories.tsx +39 -0
- package/src/system/core/tokens/space.stories.tsx +40 -0
- package/src/tamagui.config.ts +3 -3
- package/dist/definitions/system/core/breakpoints/constants.d.ts.map +0 -1
- package/src/system/core/breakpoints/__snapshots__/breakpoints.stories.tsx.snap +0 -49
- package/src/system/core/breakpoints/__snapshots_web__/breakpoints.stories.tsx.snap +0 -43
- package/src/system/core/breakpoints/breakpoints.stories.tsx +0 -45
- /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
|
+
`;
|