@ornikar/bumper 1.1.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 (108) hide show
  1. package/.eslintrc.json +3 -0
  2. package/.vscode/settings.json +3 -0
  3. package/CHANGELOG.md +20 -0
  4. package/dist/definitions/components/breakpoints/SwitchBreakpoins.d.ts +5 -0
  5. package/dist/definitions/components/breakpoints/SwitchBreakpoins.d.ts.map +1 -0
  6. package/dist/definitions/components/breakpoints/hooks/useBreakpointValue.d.ts +3 -0
  7. package/dist/definitions/components/breakpoints/hooks/useBreakpointValue.d.ts.map +1 -0
  8. package/dist/definitions/components/breakpoints/hooks/useCurrentBreakpointName.d.ts +3 -0
  9. package/dist/definitions/components/breakpoints/hooks/useCurrentBreakpointName.d.ts.map +1 -0
  10. package/dist/definitions/components/breakpoints/hooks/useWindowSize.d.ts +2 -0
  11. package/dist/definitions/components/breakpoints/hooks/useWindowSize.d.ts.map +1 -0
  12. package/dist/definitions/components/breakpoints/utils/breakpointsUtils.d.ts +10 -0
  13. package/dist/definitions/components/breakpoints/utils/breakpointsUtils.d.ts.map +1 -0
  14. package/dist/definitions/components/primitives/Stacks.d.ts +9 -0
  15. package/dist/definitions/components/primitives/Stacks.d.ts.map +1 -0
  16. package/dist/definitions/components/primitives/View.d.ts +5 -0
  17. package/dist/definitions/components/primitives/View.d.ts.map +1 -0
  18. package/dist/definitions/components/typography/Typograhy.d.ts +40 -0
  19. package/dist/definitions/components/typography/Typograhy.d.ts.map +1 -0
  20. package/dist/definitions/components/typography/utils/getTypeAndWeightValues.d.ts +9 -0
  21. package/dist/definitions/components/typography/utils/getTypeAndWeightValues.d.ts.map +1 -0
  22. package/dist/definitions/core/BumperDecorator.d.ts +2 -0
  23. package/dist/definitions/core/BumperDecorator.d.ts.map +1 -0
  24. package/dist/definitions/core/BumperProvider.d.ts +6 -0
  25. package/dist/definitions/core/BumperProvider.d.ts.map +1 -0
  26. package/dist/definitions/index.d.ts +10 -0
  27. package/dist/definitions/index.d.ts.map +1 -0
  28. package/dist/definitions/story-components/StorySection.d.ts +20 -0
  29. package/dist/definitions/story-components/StorySection.d.ts.map +1 -0
  30. package/dist/definitions/story-components/StoryTitle.d.ts +6 -0
  31. package/dist/definitions/story-components/StoryTitle.d.ts.map +1 -0
  32. package/dist/definitions/tamagui.config.d.ts +148 -0
  33. package/dist/definitions/tamagui.config.d.ts.map +1 -0
  34. package/dist/definitions/themes/light.d.ts +53 -0
  35. package/dist/definitions/themes/light.d.ts.map +1 -0
  36. package/dist/definitions/themes/palettes/deepPurpleColorPalette.d.ts +86 -0
  37. package/dist/definitions/themes/palettes/deepPurpleColorPalette.d.ts.map +1 -0
  38. package/dist/definitions/themes/utils/breakpoints.d.ts +15 -0
  39. package/dist/definitions/themes/utils/breakpoints.d.ts.map +1 -0
  40. package/dist/definitions/tokens/fonts.d.ts +18 -0
  41. package/dist/definitions/tokens/fonts.d.ts.map +1 -0
  42. package/dist/definitions/tokens/size.d.ts +11 -0
  43. package/dist/definitions/tokens/size.d.ts.map +1 -0
  44. package/dist/definitions/tokens/space.d.ts +16 -0
  45. package/dist/definitions/tokens/space.d.ts.map +1 -0
  46. package/dist/index-metro.es.android.js +396 -0
  47. package/dist/index-metro.es.android.js.map +1 -0
  48. package/dist/index-metro.es.ios.js +396 -0
  49. package/dist/index-metro.es.ios.js.map +1 -0
  50. package/dist/index-node-22.17.cjs.js +405 -0
  51. package/dist/index-node-22.17.cjs.js.map +1 -0
  52. package/dist/index-node-22.17.cjs.web.js +405 -0
  53. package/dist/index-node-22.17.cjs.web.js.map +1 -0
  54. package/dist/index-node-22.17.es.mjs +395 -0
  55. package/dist/index-node-22.17.es.mjs.map +1 -0
  56. package/dist/index-node-22.17.es.web.mjs +395 -0
  57. package/dist/index-node-22.17.es.web.mjs.map +1 -0
  58. package/dist/index.es.js +392 -0
  59. package/dist/index.es.js.map +1 -0
  60. package/dist/index.es.web.js +392 -0
  61. package/dist/index.es.web.js.map +1 -0
  62. package/dist/tsbuildinfo +1 -0
  63. package/package.json +79 -0
  64. package/src/.eslintrc.json +20 -0
  65. package/src/components/breakpoints/SwitchBreakpoins.tsx +12 -0
  66. package/src/components/breakpoints/__snapshots__/breakpoints.stories.tsx.snap +49 -0
  67. package/src/components/breakpoints/__snapshots_web__/breakpoints.stories.tsx.snap +43 -0
  68. package/src/components/breakpoints/breakpoints.stories.tsx +45 -0
  69. package/src/components/breakpoints/hooks/useBreakpointValue.ts +12 -0
  70. package/src/components/breakpoints/hooks/useCurrentBreakpointName.ts +20 -0
  71. package/src/components/breakpoints/hooks/useWindowSize.ts +1 -0
  72. package/src/components/breakpoints/utils/breakpointsUtils.test.ts +85 -0
  73. package/src/components/breakpoints/utils/breakpointsUtils.ts +28 -0
  74. package/src/components/primitives/Stack.stories.tsx +62 -0
  75. package/src/components/primitives/Stacks.ts +19 -0
  76. package/src/components/primitives/View.stories.tsx +13 -0
  77. package/src/components/primitives/View.ts +5 -0
  78. package/src/components/primitives/__snapshots__/Stack.stories.tsx.snap +376 -0
  79. package/src/components/primitives/__snapshots__/View.stories.tsx.snap +25 -0
  80. package/src/components/primitives/__snapshots_web__/Stack.stories.tsx.snap +190 -0
  81. package/src/components/primitives/__snapshots_web__/View.stories.tsx.snap +28 -0
  82. package/src/components/typography/Typograhy.tsx +130 -0
  83. package/src/components/typography/Typography.stories.tsx +144 -0
  84. package/src/components/typography/__snapshots__/Typography.stories.tsx.snap +1471 -0
  85. package/src/components/typography/__snapshots_web__/Typography.stories.tsx.snap +605 -0
  86. package/src/components/typography/utils/getTypeAndWeightValues.test.tsx +147 -0
  87. package/src/components/typography/utils/getTypeAndWeightValues.tsx +32 -0
  88. package/src/core/BumperDecorator.tsx +11 -0
  89. package/src/core/BumperProvider.tsx +15 -0
  90. package/src/index.ts +11 -0
  91. package/src/story-components/StorySection.tsx +70 -0
  92. package/src/story-components/StoryTitle.tsx +16 -0
  93. package/src/tamagui.config.ts +43 -0
  94. package/src/themes/__snapshots__/light.stories.tsx.snap +2192 -0
  95. package/src/themes/__snapshots_web__/light.stories.tsx.snap +985 -0
  96. package/src/themes/light.stories.tsx +38 -0
  97. package/src/themes/light.ts +59 -0
  98. package/src/themes/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +2770 -0
  99. package/src/themes/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +1213 -0
  100. package/src/themes/palettes/deepPurpleColorPalette.stories.tsx +37 -0
  101. package/src/themes/palettes/deepPurpleColorPalette.ts +147 -0
  102. package/src/themes/utils/breakpoints.ts +15 -0
  103. package/src/tokens/fonts.ts +95 -0
  104. package/src/tokens/size.ts +10 -0
  105. package/src/tokens/space.ts +15 -0
  106. package/tsconfig.build.json +25 -0
  107. package/tsconfig.eslint.json +6 -0
  108. package/tsconfig.json +21 -0
package/src/components/typography/__snapshots_web__/Typography.stories.tsx.snap ADDED
@@ -0,0 +1,605 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`bumper/Typography/Typography Typography 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 _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-12 _paddingRight-t-space-4 _paddingLeft-t-space-4"
22
+ >
23
+ <span
24
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
25
+ data-disable-theme="true"
26
+ >
27
+ Demo
28
+ </span>
29
+ <span
30
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _color-content--ba907952141 _fontWeight-f-weight-re98715119 _fontSize-f-size-body1504 _lineHeight-f-lineHeigh201793147 _letterSpacing-f-letterSpa1099960304"
31
+ data-disable-theme="true"
32
+ >
33
+ Hello World
34
+ </span>
35
+ </div>
36
+ <div
37
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-4 _paddingLeft-t-space-4"
38
+ >
39
+ <span
40
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
41
+ data-disable-theme="true"
42
+ >
43
+ Inheritance
44
+ </span>
45
+ <div
46
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-4 _paddingLeft-t-space-4"
47
+ >
48
+ <span
49
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
50
+ data-disable-theme="true"
51
+ >
52
+ Type inheritance
53
+ </span>
54
+ <span
55
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1503 _lineHeight-f-lineHeigh201793146 _letterSpacing-f-letterSpa1099960303"
56
+ data-disable-theme="true"
57
+ >
58
+ Type is body-l
59
+ <span
60
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
61
+ data-disable-theme="true"
62
+ >
63
+ type is heading-l
64
+ <span
65
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _color-content--ac3049896 _fontWeight-f-weight-se1074390495 _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547"
66
+ data-disable-theme="true"
67
+ >
68
+ type is undefined
69
+ </span>
70
+ </span>
71
+
72
+ <span
73
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _color-content--da3379238 _fontSize-f-size-body1503 _lineHeight-f-lineHeigh201793146 _letterSpacing-f-letterSpa1099960303"
74
+ data-disable-theme="true"
75
+ >
76
+ type is undefined
77
+ <span
78
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1510 _lineHeight-f-lineHeigh201793153 _letterSpacing-f-letterSpa1099960310 _color-content--da3379238"
79
+ data-disable-theme="true"
80
+ >
81
+ Type is body-s
82
+ </span>
83
+ </span>
84
+ .
85
+ </span>
86
+ </div>
87
+ <div
88
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-4 _paddingLeft-t-space-4"
89
+ >
90
+ <span
91
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
92
+ data-disable-theme="true"
93
+ >
94
+ Weight inheritance
95
+ </span>
96
+ <span
97
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
98
+ data-disable-theme="true"
99
+ >
100
+ weight is undefined
101
+ <span
102
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontWeight-f-weight-bo3448"
103
+ data-disable-theme="true"
104
+ >
105
+ weight is bold
106
+ <span
107
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
108
+ data-disable-theme="true"
109
+ >
110
+ weight is undefined and type is heading-m
111
+ <span
112
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1504 _lineHeight-f-lineHeigh201793147 _letterSpacing-f-letterSpa1099960304 _fontWeight-f-weight-re98715119"
113
+ data-disable-theme="true"
114
+ >
115
+ weight is regular
116
+ <span
117
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontWeight-f-weight-bo3448 _fontSize-f-size-body1504 _lineHeight-f-lineHeigh201793147 _letterSpacing-f-letterSpa1099960304"
118
+ data-disable-theme="true"
119
+ >
120
+ weight is bold
121
+ </span>
122
+ </span>
123
+ </span>
124
+ </span>
125
+
126
+ </span>
127
+ </div>
128
+ <div
129
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-4 _paddingLeft-t-space-4"
130
+ >
131
+ <span
132
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
133
+ data-disable-theme="true"
134
+ >
135
+ Color inheritance
136
+ </span>
137
+ <span
138
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
139
+ data-disable-theme="true"
140
+ >
141
+ color is undefined
142
+ <span
143
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _color-content--ac3049896"
144
+ data-disable-theme="true"
145
+ >
146
+ color is $content.accent
147
+ <span
148
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _color-content--ac3049896"
149
+ data-disable-theme="true"
150
+ >
151
+ color is undefined
152
+ <span
153
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _color-content--da3379238"
154
+ data-disable-theme="true"
155
+ >
156
+ color is content.danger
157
+ <span
158
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _color-content--ba907952141"
159
+ data-disable-theme="true"
160
+ >
161
+ color is content.base.hi
162
+ </span>
163
+ </span>
164
+ </span>
165
+ </span>
166
+
167
+ </span>
168
+ </div>
169
+ <div
170
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-4 _paddingLeft-t-space-4"
171
+ >
172
+ <span
173
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
174
+ data-disable-theme="true"
175
+ >
176
+ Heading
177
+ </span>
178
+ <div
179
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
180
+ >
181
+ <span
182
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
183
+ data-disable-theme="true"
184
+ >
185
+ heading 2xl - semibold
186
+ </span>
187
+ <div
188
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
189
+ >
190
+ <span
191
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head1944327739 _lineHeight-f-lineHeigh2126319486 _letterSpacing-f-letterSpa2008047571 _fontWeight-f-weight-se1074390495"
192
+ data-disable-theme="true"
193
+ >
194
+ The quick brown fox jumps over the lazy dog
195
+ </span>
196
+ </div>
197
+ </div>
198
+ <div
199
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
200
+ >
201
+ <span
202
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
203
+ data-disable-theme="true"
204
+ >
205
+ heading xl - semibold
206
+ </span>
207
+ <div
208
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
209
+ >
210
+ <span
211
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head1184203585 _lineHeight-f-lineHeigh624147864 _letterSpacing-f-letterSpa1588794227 _fontWeight-f-weight-se1074390495"
212
+ data-disable-theme="true"
213
+ >
214
+ The quick brown fox jumps over the lazy dog
215
+ </span>
216
+ </div>
217
+ </div>
218
+ <div
219
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
220
+ >
221
+ <span
222
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
223
+ data-disable-theme="true"
224
+ >
225
+ heading l - semibold
226
+ </span>
227
+ <div
228
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
229
+ >
230
+ <span
231
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
232
+ data-disable-theme="true"
233
+ >
234
+ The quick brown fox jumps over the lazy dog
235
+ </span>
236
+ </div>
237
+ </div>
238
+ <div
239
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
240
+ >
241
+ <span
242
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
243
+ data-disable-theme="true"
244
+ >
245
+ heading m - semibold
246
+ </span>
247
+ <div
248
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
249
+ >
250
+ <span
251
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
252
+ data-disable-theme="true"
253
+ >
254
+ The quick brown fox jumps over the lazy dog
255
+ </span>
256
+ </div>
257
+ </div>
258
+ <div
259
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
260
+ >
261
+ <span
262
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
263
+ data-disable-theme="true"
264
+ >
265
+ heading s - semibold
266
+ </span>
267
+ <div
268
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
269
+ >
270
+ <span
271
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
272
+ data-disable-theme="true"
273
+ >
274
+ The quick brown fox jumps over the lazy dog
275
+ </span>
276
+ </div>
277
+ </div>
278
+ <div
279
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
280
+ >
281
+ <span
282
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
283
+ data-disable-theme="true"
284
+ >
285
+ heading xs - semibold
286
+ </span>
287
+ <div
288
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
289
+ >
290
+ <span
291
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head1184203578 _lineHeight-f-lineHeigh624147871 _letterSpacing-f-letterSpa1588794220 _fontWeight-f-weight-se1074390495"
292
+ data-disable-theme="true"
293
+ >
294
+ The quick brown fox jumps over the lazy dog
295
+ </span>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ <div
300
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-4 _paddingLeft-t-space-4"
301
+ >
302
+ <span
303
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
304
+ data-disable-theme="true"
305
+ >
306
+ Body
307
+ </span>
308
+ <div
309
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
310
+ >
311
+ <span
312
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
313
+ data-disable-theme="true"
314
+ >
315
+ body xl - bold
316
+ </span>
317
+ <div
318
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
319
+ >
320
+ <span
321
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body47073 _lineHeight-f-lineHeigh1960620710 _letterSpacing-f-letterSpa260968495 _fontWeight-f-weight-bo3448"
322
+ data-disable-theme="true"
323
+ >
324
+ The quick brown fox jumps over the lazy dog
325
+ </span>
326
+ </div>
327
+ </div>
328
+ <div
329
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
330
+ >
331
+ <span
332
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
333
+ data-disable-theme="true"
334
+ >
335
+ body xl - regular
336
+ </span>
337
+ <div
338
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
339
+ >
340
+ <span
341
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body47073 _lineHeight-f-lineHeigh1960620710 _letterSpacing-f-letterSpa260968495 _fontWeight-f-weight-re98715119"
342
+ data-disable-theme="true"
343
+ >
344
+ The quick brown fox jumps over the lazy dog
345
+ </span>
346
+ </div>
347
+ </div>
348
+ <div
349
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
350
+ >
351
+ <span
352
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
353
+ data-disable-theme="true"
354
+ >
355
+ body l - bold
356
+ </span>
357
+ <div
358
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
359
+ >
360
+ <span
361
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1503 _lineHeight-f-lineHeigh201793146 _letterSpacing-f-letterSpa1099960303 _fontWeight-f-weight-bo3448"
362
+ data-disable-theme="true"
363
+ >
364
+ The quick brown fox jumps over the lazy dog
365
+ </span>
366
+ </div>
367
+ </div>
368
+ <div
369
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
370
+ >
371
+ <span
372
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
373
+ data-disable-theme="true"
374
+ >
375
+ body l - regular
376
+ </span>
377
+ <div
378
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
379
+ >
380
+ <span
381
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1503 _lineHeight-f-lineHeigh201793146 _letterSpacing-f-letterSpa1099960303 _fontWeight-f-weight-re98715119"
382
+ data-disable-theme="true"
383
+ >
384
+ The quick brown fox jumps over the lazy dog
385
+ </span>
386
+ </div>
387
+ </div>
388
+ <div
389
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
390
+ >
391
+ <span
392
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
393
+ data-disable-theme="true"
394
+ >
395
+ body m - bold
396
+ </span>
397
+ <div
398
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
399
+ >
400
+ <span
401
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1504 _lineHeight-f-lineHeigh201793147 _letterSpacing-f-letterSpa1099960304 _fontWeight-f-weight-bo3448"
402
+ data-disable-theme="true"
403
+ >
404
+ The quick brown fox jumps over the lazy dog
405
+ </span>
406
+ </div>
407
+ </div>
408
+ <div
409
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
410
+ >
411
+ <span
412
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
413
+ data-disable-theme="true"
414
+ >
415
+ body m - regular
416
+ </span>
417
+ <div
418
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
419
+ >
420
+ <span
421
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1504 _lineHeight-f-lineHeigh201793147 _letterSpacing-f-letterSpa1099960304 _fontWeight-f-weight-re98715119"
422
+ data-disable-theme="true"
423
+ >
424
+ The quick brown fox jumps over the lazy dog
425
+ </span>
426
+ </div>
427
+ </div>
428
+ <div
429
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
430
+ >
431
+ <span
432
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
433
+ data-disable-theme="true"
434
+ >
435
+ body s - bold
436
+ </span>
437
+ <div
438
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
439
+ >
440
+ <span
441
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1510 _lineHeight-f-lineHeigh201793153 _letterSpacing-f-letterSpa1099960310 _fontWeight-f-weight-bo3448"
442
+ data-disable-theme="true"
443
+ >
444
+ The quick brown fox jumps over the lazy dog
445
+ </span>
446
+ </div>
447
+ </div>
448
+ <div
449
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
450
+ >
451
+ <span
452
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
453
+ data-disable-theme="true"
454
+ >
455
+ body s - regular
456
+ </span>
457
+ <div
458
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
459
+ >
460
+ <span
461
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body1510 _lineHeight-f-lineHeigh201793153 _letterSpacing-f-letterSpa1099960310 _fontWeight-f-weight-re98715119"
462
+ data-disable-theme="true"
463
+ >
464
+ The quick brown fox jumps over the lazy dog
465
+ </span>
466
+ </div>
467
+ </div>
468
+ <div
469
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
470
+ >
471
+ <span
472
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
473
+ data-disable-theme="true"
474
+ >
475
+ body xs - bold
476
+ </span>
477
+ <div
478
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
479
+ >
480
+ <span
481
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body47080 _lineHeight-f-lineHeigh1960620717 _letterSpacing-f-letterSpa260968488 _fontWeight-f-weight-bo3448"
482
+ data-disable-theme="true"
483
+ >
484
+ The quick brown fox jumps over the lazy dog
485
+ </span>
486
+ </div>
487
+ </div>
488
+ <div
489
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
490
+ >
491
+ <span
492
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
493
+ data-disable-theme="true"
494
+ >
495
+ body xs - regular
496
+ </span>
497
+ <div
498
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
499
+ >
500
+ <span
501
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-body47080 _lineHeight-f-lineHeigh1960620717 _letterSpacing-f-letterSpa260968488 _fontWeight-f-weight-re98715119"
502
+ data-disable-theme="true"
503
+ >
504
+ The quick brown fox jumps over the lazy dog
505
+ </span>
506
+ </div>
507
+ </div>
508
+ </div>
509
+ <div
510
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-4 _paddingLeft-t-space-4"
511
+ >
512
+ <span
513
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
514
+ data-disable-theme="true"
515
+ >
516
+ Label
517
+ </span>
518
+ <div
519
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
520
+ >
521
+ <span
522
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
523
+ data-disable-theme="true"
524
+ >
525
+ label xl - semibold
526
+ </span>
527
+ <div
528
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
529
+ >
530
+ <span
531
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-labe3264501 _lineHeight-f-lineHeigh1283860902 _letterSpacing-f-letterSpa1134072283 _fontWeight-f-weight-se1074390495"
532
+ data-disable-theme="true"
533
+ >
534
+ The quick brown fox jumps over the lazy dog
535
+ </span>
536
+ </div>
537
+ </div>
538
+ <div
539
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
540
+ >
541
+ <span
542
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
543
+ data-disable-theme="true"
544
+ >
545
+ label l - semibold
546
+ </span>
547
+ <div
548
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
549
+ >
550
+ <span
551
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-labe105291 _lineHeight-f-lineHeigh1842530170 _letterSpacing-f-letterSpa379059035 _fontWeight-f-weight-se1074390495"
552
+ data-disable-theme="true"
553
+ >
554
+ The quick brown fox jumps over the lazy dog
555
+ </span>
556
+ </div>
557
+ </div>
558
+ <div
559
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
560
+ >
561
+ <span
562
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
563
+ data-disable-theme="true"
564
+ >
565
+ label m - semibold
566
+ </span>
567
+ <div
568
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
569
+ >
570
+ <span
571
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-labe105292 _lineHeight-f-lineHeigh1842530171 _letterSpacing-f-letterSpa379059034 _fontWeight-f-weight-se1074390495"
572
+ data-disable-theme="true"
573
+ >
574
+ The quick brown fox jumps over the lazy dog
575
+ </span>
576
+ </div>
577
+ </div>
578
+ <div
579
+ class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _marginBottom-t-size-20"
580
+ >
581
+ <span
582
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347208 _lineHeight-f-lineHeigh1544154447 _letterSpacing-f-letterSpa1195674554 _fontWeight-f-weight-se1074390495"
583
+ data-disable-theme="true"
584
+ >
585
+ label s - semibold
586
+ </span>
587
+ <div
588
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-4 _paddingBottom-t-space-4 _paddingRight-t-space-8 _paddingLeft-t-space-8 _borderTopLeftRadius-t-space-4 _borderTopRightRadius-t-space-4 _borderBottomRightRadius-t-space-4 _borderBottomLeftRadius-t-space-4 _backgroundColor-bg--base--m757972454 _marginTop-t-space-4"
589
+ >
590
+ <span
591
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family _fontSize-f-size-labe105298 _lineHeight-f-lineHeigh1842530177 _letterSpacing-f-letterSpa379059028 _fontWeight-f-weight-se1074390495"
592
+ data-disable-theme="true"
593
+ >
594
+ The quick brown fox jumps over the lazy dog
595
+ </span>
596
+ </div>
597
+ </div>
598
+ </div>
599
+ </div>
600
+ </span>
601
+ </span>
602
+ </span>
603
+ </div>
604
+ </DocumentFragment>
605
+ `;