@ornikar/bumper 2.4.2-canary.9a20239c7f70ea30ccc58f4e866b2322585529c6.0 → 2.5.1-canary.9789a78a274b9d336c93fc42d4a6561d0d61ff73.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 (73) hide show
  1. package/CHANGELOG.md +23 -2
  2. package/dist/definitions/components/primitives/Center.d.ts +5 -0
  3. package/dist/definitions/components/primitives/Center.d.ts.map +1 -0
  4. package/dist/definitions/components/primitives/{Stacks.d.ts → Stack.d.ts} +2 -3
  5. package/dist/definitions/components/primitives/Stack.d.ts.map +1 -0
  6. package/dist/definitions/components/primitives/View.d.ts +1 -3
  7. package/dist/definitions/components/primitives/View.d.ts.map +1 -1
  8. package/dist/definitions/core/BumperDecorator.d.ts +1 -1
  9. package/dist/definitions/core/BumperDecorator.d.ts.map +1 -1
  10. package/dist/definitions/index.d.ts +4 -2
  11. package/dist/definitions/index.d.ts.map +1 -1
  12. package/dist/definitions/story-components/StorySection.d.ts +1 -1
  13. package/dist/definitions/story-components/StorySection.d.ts.map +1 -1
  14. package/dist/definitions/tamagui.config.d.ts +65 -44
  15. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  16. package/dist/definitions/{themes → tokens}/palettes/deepPurpleColorPalette.d.ts.map +1 -1
  17. package/dist/definitions/tokens/radius.d.ts +8 -0
  18. package/dist/definitions/tokens/radius.d.ts.map +1 -0
  19. package/dist/definitions/tokens/size.d.ts +12 -8
  20. package/dist/definitions/tokens/size.d.ts.map +1 -1
  21. package/dist/definitions/tokens/space.d.ts +13 -13
  22. package/dist/index-metro.es.android.js +44 -26
  23. package/dist/index-metro.es.android.js.map +1 -1
  24. package/dist/index-metro.es.ios.js +44 -26
  25. package/dist/index-metro.es.ios.js.map +1 -1
  26. package/dist/index-node-22.17.cjs.js +44 -25
  27. package/dist/index-node-22.17.cjs.js.map +1 -1
  28. package/dist/index-node-22.17.cjs.web.js +44 -25
  29. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  30. package/dist/index-node-22.17.es.mjs +44 -26
  31. package/dist/index-node-22.17.es.mjs.map +1 -1
  32. package/dist/index-node-22.17.es.web.mjs +44 -26
  33. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  34. package/dist/index.es.js +44 -26
  35. package/dist/index.es.js.map +1 -1
  36. package/dist/index.es.web.js +44 -26
  37. package/dist/index.es.web.js.map +1 -1
  38. package/dist/tsbuildinfo +1 -1
  39. package/package.json +3 -3
  40. package/src/components/breakpoints/breakpoints.stories.tsx +2 -2
  41. package/src/components/primitives/Center.stories.tsx +17 -0
  42. package/src/components/primitives/Center.ts +10 -0
  43. package/src/components/primitives/Stack.stories.tsx +39 -52
  44. package/src/components/primitives/{Stacks.ts → Stack.tsx} +2 -2
  45. package/src/components/primitives/View.stories.tsx +6 -5
  46. package/src/components/primitives/View.ts +1 -4
  47. package/src/components/primitives/__snapshots__/Center.stories.tsx.snap +37 -0
  48. package/src/components/primitives/__snapshots__/Stack.stories.tsx.snap +58 -297
  49. package/src/components/primitives/__snapshots__/View.stories.tsx.snap +4 -4
  50. package/src/components/primitives/__snapshots_web__/Center.stories.tsx.snap +32 -0
  51. package/src/components/primitives/__snapshots_web__/Stack.stories.tsx.snap +16 -155
  52. package/src/components/primitives/__snapshots_web__/View.stories.tsx.snap +2 -2
  53. package/src/components/typography/Typography.stories.tsx +5 -5
  54. package/src/components/typography/__snapshots__/Typography.stories.tsx.snap +20 -20
  55. package/src/components/typography/__snapshots_web__/Typography.stories.tsx.snap +56 -56
  56. package/src/core/BumperDecorator.tsx +1 -1
  57. package/src/index.ts +4 -2
  58. package/src/story-components/StorySection.tsx +5 -5
  59. package/src/story-components/StoryTitle.tsx +3 -3
  60. package/src/tamagui.config.ts +3 -1
  61. package/src/themes/__snapshots_web__/light.stories.tsx.snap +112 -112
  62. package/src/themes/light.stories.tsx +6 -6
  63. package/src/themes/light.ts +1 -1
  64. package/src/{themes → tokens}/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +134 -134
  65. package/src/{themes → tokens}/palettes/deepPurpleColorPalette.stories.tsx +5 -5
  66. package/src/tokens/radius.ts +7 -0
  67. package/src/tokens/size.ts +12 -8
  68. package/src/tokens/space.ts +13 -13
  69. package/tsconfig.json +0 -1
  70. package/dist/definitions/components/primitives/Stacks.d.ts.map +0 -1
  71. /package/dist/definitions/{themes → tokens}/palettes/deepPurpleColorPalette.d.ts +0 -0
  72. /package/src/{themes → tokens}/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +0 -0
  73. /package/src/{themes → tokens}/palettes/deepPurpleColorPalette.ts +0 -0
package/src/components/typography/__snapshots_web__/Typography.stories.tsx.snap CHANGED
@@ -18,10 +18,10 @@ exports[`bumper/Typography/Typography Typography 1`] = `
18
18
  style="display: contents;"
19
19
  >
20
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"
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-spa94482162 _paddingBottom-t-space-spa1366020317 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
22
22
  >
23
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
25
25
  data-disable-theme="true"
26
26
  >
27
27
  Demo
@@ -34,19 +34,19 @@ exports[`bumper/Typography/Typography Typography 1`] = `
34
34
  </span>
35
35
  </div>
36
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"
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-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
38
38
  >
39
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
41
41
  data-disable-theme="true"
42
42
  >
43
43
  Inheritance
44
44
  </span>
45
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"
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-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
47
47
  >
48
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
50
50
  data-disable-theme="true"
51
51
  >
52
52
  Type inheritance
@@ -85,10 +85,10 @@ exports[`bumper/Typography/Typography Typography 1`] = `
85
85
  </span>
86
86
  </div>
87
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"
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-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
89
89
  >
90
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
92
92
  data-disable-theme="true"
93
93
  >
94
94
  Weight inheritance
@@ -126,10 +126,10 @@ exports[`bumper/Typography/Typography Typography 1`] = `
126
126
  </span>
127
127
  </div>
128
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"
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-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
130
130
  >
131
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347202 _lineHeight-f-lineHeigh1544154441 _letterSpacing-f-letterSpa1195674548 _fontWeight-f-weight-se1074390495"
133
133
  data-disable-theme="true"
134
134
  >
135
135
  Color inheritance
@@ -167,16 +167,16 @@ exports[`bumper/Typography/Typography Typography 1`] = `
167
167
  </span>
168
168
  </div>
169
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"
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-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
171
171
  >
172
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
174
174
  data-disable-theme="true"
175
175
  >
176
176
  Heading
177
177
  </span>
178
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"
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-space-spa1366020313"
180
180
  >
181
181
  <span
182
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"
@@ -185,7 +185,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
185
185
  heading 2xl - semibold
186
186
  </span>
187
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"
188
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
189
189
  >
190
190
  <span
191
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"
@@ -196,7 +196,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
196
196
  </div>
197
197
  </div>
198
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"
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-space-spa1366020313"
200
200
  >
201
201
  <span
202
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"
@@ -205,7 +205,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
205
205
  heading xl - semibold
206
206
  </span>
207
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"
208
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
209
209
  >
210
210
  <span
211
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"
@@ -216,7 +216,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
216
216
  </div>
217
217
  </div>
218
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"
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-space-spa1366020313"
220
220
  >
221
221
  <span
222
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"
@@ -225,7 +225,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
225
225
  heading l - semibold
226
226
  </span>
227
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"
228
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
229
229
  >
230
230
  <span
231
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"
@@ -236,7 +236,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
236
236
  </div>
237
237
  </div>
238
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"
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-space-spa1366020313"
240
240
  >
241
241
  <span
242
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"
@@ -245,7 +245,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
245
245
  heading m - semibold
246
246
  </span>
247
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"
248
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
249
249
  >
250
250
  <span
251
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"
@@ -256,7 +256,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
256
256
  </div>
257
257
  </div>
258
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"
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-space-spa1366020313"
260
260
  >
261
261
  <span
262
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"
@@ -265,7 +265,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
265
265
  heading s - semibold
266
266
  </span>
267
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"
268
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
269
269
  >
270
270
  <span
271
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"
@@ -276,7 +276,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
276
276
  </div>
277
277
  </div>
278
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"
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-space-spa1366020313"
280
280
  >
281
281
  <span
282
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"
@@ -285,7 +285,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
285
285
  heading xs - semibold
286
286
  </span>
287
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"
288
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
289
289
  >
290
290
  <span
291
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"
@@ -297,16 +297,16 @@ exports[`bumper/Typography/Typography Typography 1`] = `
297
297
  </div>
298
298
  </div>
299
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"
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-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
301
301
  >
302
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
304
304
  data-disable-theme="true"
305
305
  >
306
306
  Body
307
307
  </span>
308
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"
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-space-spa1366020313"
310
310
  >
311
311
  <span
312
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"
@@ -315,7 +315,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
315
315
  body xl - bold
316
316
  </span>
317
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"
318
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
319
319
  >
320
320
  <span
321
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"
@@ -326,7 +326,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
326
326
  </div>
327
327
  </div>
328
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"
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-space-spa1366020313"
330
330
  >
331
331
  <span
332
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"
@@ -335,7 +335,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
335
335
  body xl - regular
336
336
  </span>
337
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"
338
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
339
339
  >
340
340
  <span
341
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"
@@ -346,7 +346,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
346
346
  </div>
347
347
  </div>
348
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"
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-space-spa1366020313"
350
350
  >
351
351
  <span
352
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"
@@ -355,7 +355,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
355
355
  body l - bold
356
356
  </span>
357
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"
358
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
359
359
  >
360
360
  <span
361
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"
@@ -366,7 +366,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
366
366
  </div>
367
367
  </div>
368
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"
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-space-spa1366020313"
370
370
  >
371
371
  <span
372
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"
@@ -375,7 +375,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
375
375
  body l - regular
376
376
  </span>
377
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"
378
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
379
379
  >
380
380
  <span
381
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"
@@ -386,7 +386,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
386
386
  </div>
387
387
  </div>
388
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"
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-space-spa1366020313"
390
390
  >
391
391
  <span
392
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"
@@ -395,7 +395,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
395
395
  body m - bold
396
396
  </span>
397
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"
398
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
399
399
  >
400
400
  <span
401
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"
@@ -406,7 +406,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
406
406
  </div>
407
407
  </div>
408
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"
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-space-spa1366020313"
410
410
  >
411
411
  <span
412
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"
@@ -415,7 +415,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
415
415
  body m - regular
416
416
  </span>
417
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"
418
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
419
419
  >
420
420
  <span
421
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"
@@ -426,7 +426,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
426
426
  </div>
427
427
  </div>
428
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"
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-space-spa1366020313"
430
430
  >
431
431
  <span
432
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"
@@ -435,7 +435,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
435
435
  body s - bold
436
436
  </span>
437
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"
438
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
439
439
  >
440
440
  <span
441
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"
@@ -446,7 +446,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
446
446
  </div>
447
447
  </div>
448
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"
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-space-spa1366020313"
450
450
  >
451
451
  <span
452
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"
@@ -455,7 +455,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
455
455
  body s - regular
456
456
  </span>
457
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"
458
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
459
459
  >
460
460
  <span
461
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"
@@ -466,7 +466,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
466
466
  </div>
467
467
  </div>
468
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"
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-space-spa1366020313"
470
470
  >
471
471
  <span
472
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"
@@ -475,7 +475,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
475
475
  body xs - bold
476
476
  </span>
477
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"
478
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
479
479
  >
480
480
  <span
481
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"
@@ -486,7 +486,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
486
486
  </div>
487
487
  </div>
488
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"
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-space-spa1366020313"
490
490
  >
491
491
  <span
492
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"
@@ -495,7 +495,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
495
495
  body xs - regular
496
496
  </span>
497
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"
498
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
499
499
  >
500
500
  <span
501
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"
@@ -507,16 +507,16 @@ exports[`bumper/Typography/Typography Typography 1`] = `
507
507
  </div>
508
508
  </div>
509
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"
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-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
511
511
  >
512
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"
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-spa94482162 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
514
514
  data-disable-theme="true"
515
515
  >
516
516
  Label
517
517
  </span>
518
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"
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-space-spa1366020313"
520
520
  >
521
521
  <span
522
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"
@@ -525,7 +525,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
525
525
  label xl - semibold
526
526
  </span>
527
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"
528
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
529
529
  >
530
530
  <span
531
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"
@@ -536,7 +536,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
536
536
  </div>
537
537
  </div>
538
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"
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-space-spa1366020313"
540
540
  >
541
541
  <span
542
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"
@@ -545,7 +545,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
545
545
  label l - semibold
546
546
  </span>
547
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"
548
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
549
549
  >
550
550
  <span
551
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"
@@ -556,7 +556,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
556
556
  </div>
557
557
  </div>
558
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"
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-space-spa1366020313"
560
560
  >
561
561
  <span
562
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"
@@ -565,7 +565,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
565
565
  label m - semibold
566
566
  </span>
567
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"
568
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
569
569
  >
570
570
  <span
571
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"
@@ -576,7 +576,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
576
576
  </div>
577
577
  </div>
578
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"
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-space-spa1366020313"
580
580
  >
581
581
  <span
582
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"
@@ -585,7 +585,7 @@ exports[`bumper/Typography/Typography Typography 1`] = `
585
585
  label s - semibold
586
586
  </span>
587
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"
588
+ class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _paddingTop-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingRight-t-space-spa94482166 _paddingLeft-t-space-spa94482166 _borderTopLeftRadius-t-radius-ra1673638410 _borderTopRightRadius-t-radius-ra1673638410 _borderBottomRightRadius-t-radius-ra1673638410 _borderBottomLeftRadius-t-radius-ra1673638410 _backgroundColor-bg--base--m757972454 _marginTop-t-space-spa94482162"
589
589
  >
590
590
  <span
591
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"
package/src/core/BumperDecorator.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { makeDecorator } from '@storybook/addons';
1
+ import { makeDecorator } from '@storybook/preview-api';
2
2
  import type { ReactNode } from 'react';
3
3
  import { BumperProvider } from './BumperProvider';
4
4
 
package/src/index.ts CHANGED
@@ -2,8 +2,10 @@ export { BumperDecorator } from './core/BumperDecorator';
2
2
  export { BumperProvider } from './core/BumperProvider';
3
3
 
4
4
  // Primitives
5
- export type { HStackProps, StackProps, VStackProps } from './components/primitives/Stacks';
6
- export { HStack, Stack, VStack } from './components/primitives/Stacks';
5
+ export type { CenterProps } from './components/primitives/Center';
6
+ export { Center } from './components/primitives/Center';
7
+ export type { HStackProps, StackProps, VStackProps } from './components/primitives/Stack';
8
+ export { HStack, Stack, VStack } from './components/primitives/Stack';
7
9
  export type { ViewProps } from './components/primitives/View';
8
10
  export { View } from './components/primitives/View';
9
11
 
package/src/story-components/StorySection.tsx CHANGED
@@ -1,13 +1,13 @@
1
1
  import { styled } from '@tamagui/core';
2
2
  import type { ReactNode } from 'react';
3
3
  import type { Except } from 'type-fest';
4
- import type { VStackProps } from '../components/primitives/Stacks';
5
- import { VStack } from '../components/primitives/Stacks';
4
+ import type { VStackProps } from '../components/primitives/Stack';
5
+ import { VStack } from '../components/primitives/Stack';
6
6
  import { StoryTitle } from './StoryTitle';
7
7
 
8
8
  const InternalStorySection = styled(VStack, {
9
- paddingVertical: '$4',
10
- paddingHorizontal: '$4',
9
+ paddingVertical: '$space.4',
10
+ paddingHorizontal: '$space.4',
11
11
  variants: {
12
12
  withBackground: {
13
13
  true: {
@@ -49,7 +49,7 @@ export type DemoSectionProps = Except<StorySectionProps, 'paddingBottom' | 'titl
49
49
 
50
50
  StorySection.Demo = function DemoSection({ children, ...props }: DemoSectionProps): ReactNode {
51
51
  return (
52
- <StorySection internalIsDemoSection title="Demo" paddingBottom="$12" {...props}>
52
+ <StorySection internalIsDemoSection title="Demo" paddingBottom="$space.12" {...props}>
53
53
  {children}
54
54
  </StorySection>
55
55
  );
package/src/story-components/StoryTitle.tsx CHANGED
@@ -4,9 +4,9 @@ import { Typography } from '../components/typography/Typograhy';
4
4
  export const StoryTitle = styled(Typography.Text, {
5
5
  variants: {
6
6
  level: {
7
- 1: { variant: 'heading-xl', marginBottom: '$8' },
8
- 2: { variant: 'heading-l', marginBottom: '$4' },
9
- 3: { variant: 'heading-m', marginBottom: '$4' },
7
+ 1: { variant: 'heading-xl', marginBottom: '$space.8' },
8
+ 2: { variant: 'heading-l', marginBottom: '$space.4' },
9
+ 3: { variant: 'heading-m', marginBottom: '$space.4' },
10
10
  },
11
11
  } as const,
12
12
 
package/src/tamagui.config.ts CHANGED
@@ -2,6 +2,7 @@ import { createTamagui, createTokens } from '@tamagui/core';
2
2
  import { light } from './themes/light';
3
3
  import { BreakpointNameEnum, breakpoints } from './themes/utils/breakpoints';
4
4
  import { fonts } from './tokens/fonts';
5
+ import { radiusTokens } from './tokens/radius';
5
6
  import { sizeTokens } from './tokens/size';
6
7
  import { spaceTokens } from './tokens/space';
7
8
 
@@ -9,6 +10,7 @@ const tokens = createTokens({
9
10
  color: {},
10
11
  space: spaceTokens,
11
12
  size: sizeTokens,
13
+ radius: radiusTokens,
12
14
  });
13
15
 
14
16
  export const config = createTamagui({
@@ -30,7 +32,7 @@ export const config = createTamagui({
30
32
  allowedStyleValues: 'strict',
31
33
  disableSSR: true,
32
34
  styleCompat: 'react-native',
33
- autocompleteSpecificTokens: true,
35
+ autocompleteSpecificTokens: 'except-special',
34
36
  debug: false,
35
37
  },
36
38
  });