@ornikar/bumper 2.7.2-canary.1768565076.501fccaa5e4ef824bb180cfd40a7e74454a29a3e.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/CLAUDE.md +45 -0
  3. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts +1 -1
  4. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts.map +1 -1
  5. package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts +1 -1
  6. package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts.map +1 -1
  7. package/dist/definitions/system/core/primitives/Pressable.d.ts +0 -9
  8. package/dist/definitions/system/core/primitives/Pressable.d.ts.map +1 -1
  9. package/dist/definitions/system/core/{breakpoints/constants.d.ts → tokens/breakpoints.d.ts} +1 -1
  10. package/dist/definitions/system/core/tokens/breakpoints.d.ts.map +1 -0
  11. package/dist/definitions/tamagui.config.d.ts +2 -28
  12. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  13. package/dist/index-metro.es.android.js +42 -26
  14. package/dist/index-metro.es.android.js.map +1 -1
  15. package/dist/index-metro.es.ios.js +42 -26
  16. package/dist/index-metro.es.ios.js.map +1 -1
  17. package/dist/index-node-22.22.cjs.js +42 -26
  18. package/dist/index-node-22.22.cjs.js.map +1 -1
  19. package/dist/index-node-22.22.cjs.web.js +42 -26
  20. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  21. package/dist/index-node-22.22.es.mjs +42 -26
  22. package/dist/index-node-22.22.es.mjs.map +1 -1
  23. package/dist/index-node-22.22.es.web.mjs +42 -26
  24. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  25. package/dist/index.es.js +36 -20
  26. package/dist/index.es.js.map +1 -1
  27. package/dist/index.es.web.js +36 -20
  28. package/dist/index.es.web.js.map +1 -1
  29. package/dist/tsbuildinfo +1 -1
  30. package/package.json +9 -9
  31. package/src/system/content/typography/Typography.features.stories.tsx +156 -0
  32. package/src/system/content/typography/Typography.stories.tsx +72 -166
  33. package/src/system/content/typography/__snapshots__/Typography.features.stories.tsx.snap +826 -0
  34. package/src/system/content/typography/__snapshots__/Typography.stories.tsx.snap +10 -1990
  35. package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap +501 -0
  36. package/src/system/content/typography/__snapshots_web__/Typography.stories.tsx.snap +7 -808
  37. package/src/system/core/breakpoints/hooks/useBreakpointValue.test.ts +1 -1
  38. package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.test.ts +1 -1
  39. package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.ts +1 -1
  40. package/src/system/core/breakpoints/utils/breakpointsUtils.test.ts +1 -1
  41. package/src/system/core/breakpoints/utils/breakpointsUtils.ts +1 -1
  42. package/src/system/core/primitives/Center.features.stories.tsx +63 -0
  43. package/src/system/core/primitives/Center.stories.tsx +111 -12
  44. package/src/system/core/primitives/Pressable.features.stories.tsx +171 -0
  45. package/src/system/core/primitives/Pressable.stories.tsx +82 -20
  46. package/src/system/core/primitives/Pressable.tsx +0 -9
  47. package/src/system/core/primitives/Stack.features.stories.tsx +179 -0
  48. package/src/system/core/primitives/Stack.stories.tsx +74 -44
  49. package/src/system/core/primitives/View.features.stories.tsx +452 -0
  50. package/src/system/core/primitives/View.stories.tsx +122 -9
  51. package/src/system/core/primitives/__snapshots__/Center.features.stories.tsx.snap +208 -0
  52. package/src/system/core/primitives/__snapshots__/Center.stories.tsx.snap +13 -8
  53. package/src/system/core/primitives/__snapshots__/Pressable.features.stories.tsx.snap +470 -0
  54. package/src/system/core/primitives/__snapshots__/Pressable.stories.tsx.snap +11 -10
  55. package/src/system/core/primitives/__snapshots__/Stack.features.stories.tsx.snap +1234 -0
  56. package/src/system/core/primitives/__snapshots__/Stack.stories.tsx.snap +63 -84
  57. package/src/system/core/primitives/__snapshots__/View.features.stories.tsx.snap +2338 -0
  58. package/src/system/core/primitives/__snapshots__/View.stories.tsx.snap +6 -4
  59. package/src/system/core/primitives/__snapshots_web__/Center.features.stories.tsx.snap +107 -0
  60. package/src/system/core/primitives/__snapshots_web__/Center.stories.tsx.snap +9 -6
  61. package/src/system/core/primitives/__snapshots_web__/Pressable.features.stories.tsx.snap +193 -0
  62. package/src/system/core/primitives/__snapshots_web__/Pressable.stories.tsx.snap +5 -5
  63. package/src/system/core/primitives/__snapshots_web__/Stack.features.stories.tsx.snap +515 -0
  64. package/src/system/core/primitives/__snapshots_web__/Stack.stories.tsx.snap +30 -22
  65. package/src/system/core/primitives/__snapshots_web__/View.features.stories.tsx.snap +941 -0
  66. package/src/system/core/primitives/__snapshots_web__/View.stories.tsx.snap +3 -3
  67. package/src/system/core/themes/__snapshots__/light.stories.tsx.snap +3822 -2233
  68. package/src/system/core/themes/__snapshots_web__/light.stories.tsx.snap +1244 -992
  69. package/src/system/core/themes/light.stories.tsx +61 -28
  70. package/src/system/core/tokens/__snapshots__/breakpoints.stories.tsx.snap +423 -0
  71. package/src/system/core/tokens/__snapshots__/fonts.stories.tsx.snap +1635 -0
  72. package/src/system/core/tokens/__snapshots__/radius.stories.tsx.snap +383 -0
  73. package/src/system/core/tokens/__snapshots__/size.stories.tsx.snap +864 -0
  74. package/src/system/core/tokens/__snapshots__/space.stories.tsx.snap +945 -0
  75. package/src/system/core/tokens/__snapshots_web__/breakpoints.stories.tsx.snap +194 -0
  76. package/src/system/core/tokens/__snapshots_web__/fonts.stories.tsx.snap +729 -0
  77. package/src/system/core/tokens/__snapshots_web__/radius.stories.tsx.snap +174 -0
  78. package/src/system/core/tokens/__snapshots_web__/size.stories.tsx.snap +363 -0
  79. package/src/system/core/tokens/__snapshots_web__/space.stories.tsx.snap +396 -0
  80. package/src/system/core/tokens/breakpoints.stories.tsx +46 -0
  81. package/src/system/core/tokens/fonts.stories.tsx +39 -0
  82. package/src/system/core/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +4337 -2747
  83. package/src/system/core/tokens/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +1525 -1257
  84. package/src/system/core/tokens/palettes/deepPurpleColorPalette.stories.tsx +42 -28
  85. package/src/system/core/tokens/radius.stories.tsx +39 -0
  86. package/src/system/core/tokens/size.stories.tsx +39 -0
  87. package/src/system/core/tokens/space.stories.tsx +40 -0
  88. package/src/tamagui.config.ts +3 -3
  89. package/dist/definitions/system/core/breakpoints/constants.d.ts.map +0 -1
  90. package/src/system/core/breakpoints/__snapshots__/breakpoints.stories.tsx.snap +0 -49
  91. package/src/system/core/breakpoints/__snapshots_web__/breakpoints.stories.tsx.snap +0 -43
  92. package/src/system/core/breakpoints/breakpoints.stories.tsx +0 -45
  93. /package/src/system/core/{breakpoints/constants.ts → tokens/breakpoints.ts} +0 -0
package/src/system/core/primitives/__snapshots_web__/Stack.features.stories.tsx.snap ADDED
@@ -0,0 +1,515 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`Bumper/Core/Primitives/Stack/Features FlexGrowExample 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_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa94482166 _backgroundColor-bg--base--m757972454 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _height-t-size-size42947793"
22
+ >
23
+ <div
24
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--info--m3355 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
25
+ >
26
+ <span
27
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
28
+ data-disable-theme="true"
29
+ >
30
+ Fixed
31
+ </span>
32
+ </div>
33
+ <div
34
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--success43007144 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
35
+ >
36
+ <span
37
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
38
+ data-disable-theme="true"
39
+ >
40
+ flexGrow: 1
41
+ </span>
42
+ </div>
43
+ <div
44
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--warning43007144 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-2"
45
+ >
46
+ <span
47
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
48
+ data-disable-theme="true"
49
+ >
50
+ flexGrow: 2
51
+ </span>
52
+ </div>
53
+ <div
54
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--danger-1448699 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
55
+ >
56
+ <span
57
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
58
+ data-disable-theme="true"
59
+ >
60
+ Fixed
61
+ </span>
62
+ </div>
63
+ </div>
64
+ </span>
65
+ </span>
66
+ </span>
67
+ </div>
68
+ </DocumentFragment>
69
+ `;
70
+
71
+ exports[`Bumper/Core/Primitives/Stack/Features FlexWrap 1`] = `
72
+ <DocumentFragment>
73
+ <div
74
+ class="css-view-175oi2r r-flex-13awgt0"
75
+ >
76
+ <span
77
+ class=""
78
+ style="display: contents;"
79
+ >
80
+ <span
81
+ class=" "
82
+ style="display: contents;"
83
+ >
84
+ <span
85
+ class=" t_light is_Theme"
86
+ style="display: contents;"
87
+ >
88
+ <div
89
+ class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa94482166 _fwr-wrap _backgroundColor-bg--base--m757972454 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _maxWidth-400px"
90
+ >
91
+ <div
92
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
93
+ >
94
+ <span
95
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
96
+ data-disable-theme="true"
97
+ >
98
+ Item 1
99
+ </span>
100
+ </div>
101
+ <div
102
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
103
+ >
104
+ <span
105
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
106
+ data-disable-theme="true"
107
+ >
108
+ Item 2
109
+ </span>
110
+ </div>
111
+ <div
112
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
113
+ >
114
+ <span
115
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
116
+ data-disable-theme="true"
117
+ >
118
+ Item 3
119
+ </span>
120
+ </div>
121
+ <div
122
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
123
+ >
124
+ <span
125
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
126
+ data-disable-theme="true"
127
+ >
128
+ Item 4
129
+ </span>
130
+ </div>
131
+ <div
132
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
133
+ >
134
+ <span
135
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
136
+ data-disable-theme="true"
137
+ >
138
+ Item 5
139
+ </span>
140
+ </div>
141
+ <div
142
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
143
+ >
144
+ <span
145
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
146
+ data-disable-theme="true"
147
+ >
148
+ Item 6
149
+ </span>
150
+ </div>
151
+ <div
152
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
153
+ >
154
+ <span
155
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
156
+ data-disable-theme="true"
157
+ >
158
+ Item 7
159
+ </span>
160
+ </div>
161
+ <div
162
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
163
+ >
164
+ <span
165
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
166
+ data-disable-theme="true"
167
+ >
168
+ Item 8
169
+ </span>
170
+ </div>
171
+ <div
172
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
173
+ >
174
+ <span
175
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
176
+ data-disable-theme="true"
177
+ >
178
+ Item 9
179
+ </span>
180
+ </div>
181
+ <div
182
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
183
+ >
184
+ <span
185
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba254712717"
186
+ data-disable-theme="true"
187
+ >
188
+ Item 10
189
+ </span>
190
+ </div>
191
+ </div>
192
+ </span>
193
+ </span>
194
+ </span>
195
+ </div>
196
+ </DocumentFragment>
197
+ `;
198
+
199
+ exports[`Bumper/Core/Primitives/Stack/Features GridLikeLayout 1`] = `
200
+ <DocumentFragment>
201
+ <div
202
+ class="css-view-175oi2r r-flex-13awgt0"
203
+ >
204
+ <span
205
+ class=""
206
+ style="display: contents;"
207
+ >
208
+ <span
209
+ class=" "
210
+ style="display: contents;"
211
+ >
212
+ <span
213
+ class=" t_light is_Theme"
214
+ style="display: contents;"
215
+ >
216
+ <div
217
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313 _backgroundColor-bg--base--m757972454 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410"
218
+ >
219
+ <div
220
+ class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313"
221
+ >
222
+ <div
223
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020284 _paddingRight-t-space-spa1366020284 _paddingBottom-t-space-spa1366020284 _paddingLeft-t-space-spa1366020284 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
224
+ >
225
+ <span
226
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
227
+ data-disable-theme="true"
228
+ >
229
+ 1
230
+ </span>
231
+ </div>
232
+ <div
233
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--promo--1572356288 _paddingTop-t-space-spa1366020284 _paddingRight-t-space-spa1366020284 _paddingBottom-t-space-spa1366020284 _paddingLeft-t-space-spa1366020284 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
234
+ >
235
+ <span
236
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
237
+ data-disable-theme="true"
238
+ >
239
+ 2
240
+ </span>
241
+ </div>
242
+ </div>
243
+ <div
244
+ class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313"
245
+ >
246
+ <div
247
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--info--h105 _paddingTop-t-space-spa1366020284 _paddingRight-t-space-spa1366020284 _paddingBottom-t-space-spa1366020284 _paddingLeft-t-space-spa1366020284 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
248
+ >
249
+ <span
250
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
251
+ data-disable-theme="true"
252
+ >
253
+ 3
254
+ </span>
255
+ </div>
256
+ <div
257
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--success1387169 _paddingTop-t-space-spa1366020284 _paddingRight-t-space-spa1366020284 _paddingBottom-t-space-spa1366020284 _paddingLeft-t-space-spa1366020284 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
258
+ >
259
+ <span
260
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
261
+ data-disable-theme="true"
262
+ >
263
+ 4
264
+ </span>
265
+ </div>
266
+ </div>
267
+ <div
268
+ class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313"
269
+ >
270
+ <div
271
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--warning1387169 _paddingTop-t-space-spa1366020284 _paddingRight-t-space-spa1366020284 _paddingBottom-t-space-spa1366020284 _paddingLeft-t-space-spa1366020284 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
272
+ >
273
+ <span
274
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
275
+ data-disable-theme="true"
276
+ >
277
+ 5
278
+ </span>
279
+ </div>
280
+ <div
281
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--danger-46574 _paddingTop-t-space-spa1366020284 _paddingRight-t-space-spa1366020284 _paddingBottom-t-space-spa1366020284 _paddingLeft-t-space-spa1366020284 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
282
+ >
283
+ <span
284
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
285
+ data-disable-theme="true"
286
+ >
287
+ 6
288
+ </span>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </span>
293
+ </span>
294
+ </span>
295
+ </div>
296
+ </DocumentFragment>
297
+ `;
298
+
299
+ exports[`Bumper/Core/Primitives/Stack/Features HStackBasic 1`] = `
300
+ <DocumentFragment>
301
+ <div
302
+ class="css-view-175oi2r r-flex-13awgt0"
303
+ >
304
+ <span
305
+ class=""
306
+ style="display: contents;"
307
+ >
308
+ <span
309
+ class=" "
310
+ style="display: contents;"
311
+ >
312
+ <span
313
+ class=" t_light is_Theme"
314
+ style="display: contents;"
315
+ >
316
+ <div
317
+ class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _backgroundColor-bg--base--m757972454 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410"
318
+ >
319
+ <div
320
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
321
+ >
322
+ <span
323
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
324
+ data-disable-theme="true"
325
+ >
326
+ HStack Item 1
327
+ </span>
328
+ </div>
329
+ <div
330
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--promo--1572356288 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
331
+ >
332
+ <span
333
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
334
+ data-disable-theme="true"
335
+ >
336
+ HStack Item 2
337
+ </span>
338
+ </div>
339
+ <div
340
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--info--h105 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
341
+ >
342
+ <span
343
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
344
+ data-disable-theme="true"
345
+ >
346
+ HStack Item 3
347
+ </span>
348
+ </div>
349
+ </div>
350
+ </span>
351
+ </span>
352
+ </span>
353
+ </div>
354
+ </DocumentFragment>
355
+ `;
356
+
357
+ exports[`Bumper/Core/Primitives/Stack/Features NestedStacks 1`] = `
358
+ <DocumentFragment>
359
+ <div
360
+ class="css-view-175oi2r r-flex-13awgt0"
361
+ >
362
+ <span
363
+ class=""
364
+ style="display: contents;"
365
+ >
366
+ <span
367
+ class=" "
368
+ style="display: contents;"
369
+ >
370
+ <span
371
+ class=" t_light is_Theme"
372
+ style="display: contents;"
373
+ >
374
+ <div
375
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313 _backgroundColor-bg--base--h523263400 _paddingTop-t-space-spa1366020284 _paddingRight-t-space-spa1366020284 _paddingBottom-t-space-spa1366020284 _paddingLeft-t-space-spa1366020284 _btlr-t-radius-ra1673638409 _btrr-t-radius-ra1673638409 _bbrr-t-radius-ra1673638409 _bblr-t-radius-ra1673638409"
376
+ >
377
+ <span
378
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347202 _lh-f-lineHeigh1544154441 _ls-f-letterSpa1195674548 _fw-f-weight-se1074390495"
379
+ data-disable-theme="true"
380
+ >
381
+ Nested Stacks Layout
382
+ </span>
383
+ <div
384
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020317 _backgroundColor-bg--base--l872590407 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410"
385
+ >
386
+ <span
387
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-labe105292 _lh-f-lineHeigh1842530171 _ls-f-letterSpa379059034 _fw-f-weight-se1074390495"
388
+ data-disable-theme="true"
389
+ >
390
+ Section 1
391
+ </span>
392
+ <div
393
+ class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa94482166"
394
+ >
395
+ <div
396
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--info--m3355 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
397
+ >
398
+ <span
399
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
400
+ data-disable-theme="true"
401
+ >
402
+ Col 1
403
+ </span>
404
+ </div>
405
+ <div
406
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--success43007144 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416 _flexGrow-1"
407
+ >
408
+ <span
409
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
410
+ data-disable-theme="true"
411
+ >
412
+ Col 2
413
+ </span>
414
+ </div>
415
+ </div>
416
+ </div>
417
+ <div
418
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020317 _backgroundColor-bg--base--l872590407 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410"
419
+ >
420
+ <span
421
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-labe105292 _lh-f-lineHeigh1842530171 _ls-f-letterSpa379059034 _fw-f-weight-se1074390495"
422
+ data-disable-theme="true"
423
+ >
424
+ Section 2
425
+ </span>
426
+ <div
427
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
428
+ >
429
+ <div
430
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--warning43007144 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
431
+ >
432
+ <span
433
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
434
+ data-disable-theme="true"
435
+ >
436
+ Row 1
437
+ </span>
438
+ </div>
439
+ <div
440
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--danger-1448699 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
441
+ >
442
+ <span
443
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
444
+ data-disable-theme="true"
445
+ >
446
+ Row 2
447
+ </span>
448
+ </div>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </span>
453
+ </span>
454
+ </span>
455
+ </div>
456
+ </DocumentFragment>
457
+ `;
458
+
459
+ exports[`Bumper/Core/Primitives/Stack/Features VStackBasic 1`] = `
460
+ <DocumentFragment>
461
+ <div
462
+ class="css-view-175oi2r r-flex-13awgt0"
463
+ >
464
+ <span
465
+ class=""
466
+ style="display: contents;"
467
+ >
468
+ <span
469
+ class=" "
470
+ style="display: contents;"
471
+ >
472
+ <span
473
+ class=" t_light is_Theme"
474
+ style="display: contents;"
475
+ >
476
+ <div
477
+ class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313 _backgroundColor-bg--base--m757972454 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410"
478
+ >
479
+ <div
480
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
481
+ >
482
+ <span
483
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
484
+ data-disable-theme="true"
485
+ >
486
+ VStack Item 1
487
+ </span>
488
+ </div>
489
+ <div
490
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--promo--1572356288 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
491
+ >
492
+ <span
493
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
494
+ data-disable-theme="true"
495
+ >
496
+ VStack Item 2
497
+ </span>
498
+ </div>
499
+ <div
500
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--info--h105 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
501
+ >
502
+ <span
503
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ba254712717"
504
+ data-disable-theme="true"
505
+ >
506
+ VStack Item 3
507
+ </span>
508
+ </div>
509
+ </div>
510
+ </span>
511
+ </span>
512
+ </span>
513
+ </div>
514
+ </DocumentFragment>
515
+ `;
package/src/system/core/primitives/__snapshots_web__/Stack.stories.tsx.snap CHANGED
@@ -1,9 +1,9 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
- exports[`bumper/Primitives Stack 1`] = `
3
+ exports[`Bumper/Core/Primitives/Stack Default 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="css-view-g5y9jx r-flex-13awgt0"
6
+ class="css-view-175oi2r r-flex-13awgt0"
7
7
  >
8
8
  <span
9
9
  class=""
@@ -18,30 +18,38 @@ exports[`bumper/Primitives Stack 1`] = `
18
18
  style="display: contents;"
19
19
  >
20
20
  <div
21
- class="is_HStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-row _gap-t-space-spa94482162"
21
+ class="_dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _paddingTop-t-space-spa1366020313 _paddingRight-t-space-spa1366020313 _paddingBottom-t-space-spa1366020313 _paddingLeft-t-space-spa1366020313"
22
22
  >
23
23
  <div
24
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-size-size1385566 _height-t-size-size1385438 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingLeft-t-space-spa94482162 _borderTopLeftRadius-t-radius-ra1673638416 _borderTopRightRadius-t-radius-ra1673638416 _borderBottomRightRadius-t-radius-ra1673638416 _borderBottomLeftRadius-t-radius-ra1673638416"
25
- />
24
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--info--m3355 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
25
+ >
26
+ <span
27
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
28
+ data-disable-theme="true"
29
+ >
30
+ Item 1
31
+ </span>
32
+ </div>
26
33
  <div
27
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-size-size1385566 _height-t-size-size1385438 _backgroundColor-bg--highlig2124217748 _paddingTop-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingLeft-t-space-spa94482162 _borderTopLeftRadius-t-radius-ra1673638416 _borderTopRightRadius-t-radius-ra1673638416 _borderBottomRightRadius-t-radius-ra1673638416 _borderBottomLeftRadius-t-radius-ra1673638416"
28
- />
34
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--success43007144 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
35
+ >
36
+ <span
37
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
38
+ data-disable-theme="true"
39
+ >
40
+ Item 2
41
+ </span>
42
+ </div>
29
43
  <div
30
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-size-size1385566 _height-t-size-size1385438 _backgroundColor-bg--highlig1870923013 _paddingTop-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingLeft-t-space-spa94482162 _borderTopLeftRadius-t-radius-ra1673638416 _borderTopRightRadius-t-radius-ra1673638416 _borderBottomRightRadius-t-radius-ra1673638416 _borderBottomLeftRadius-t-radius-ra1673638416"
31
- />
32
- </div>
33
- <div
34
- class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _gap-t-space-spa94482162 _marginTop-t-space-spa1366020313"
35
- >
36
- <div
37
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-size-size1385566 _height-t-size-size1385438 _backgroundColor-bg--accent-1633109644 _paddingTop-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingLeft-t-space-spa94482162 _borderTopLeftRadius-t-radius-ra1673638416 _borderTopRightRadius-t-radius-ra1673638416 _borderBottomRightRadius-t-radius-ra1673638416 _borderBottomLeftRadius-t-radius-ra1673638416"
38
- />
39
- <div
40
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-size-size1385566 _height-t-size-size1385438 _backgroundColor-bg--highlig2124217748 _paddingTop-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingLeft-t-space-spa94482162 _borderTopLeftRadius-t-radius-ra1673638416 _borderTopRightRadius-t-radius-ra1673638416 _borderBottomRightRadius-t-radius-ra1673638416 _borderBottomLeftRadius-t-radius-ra1673638416"
41
- />
42
- <div
43
- class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-size-size1385566 _height-t-size-size1385438 _backgroundColor-bg--highlig1870923013 _paddingTop-t-space-spa94482162 _paddingRight-t-space-spa94482162 _paddingBottom-t-space-spa94482162 _paddingLeft-t-space-spa94482162 _borderTopLeftRadius-t-radius-ra1673638416 _borderTopRightRadius-t-radius-ra1673638416 _borderBottomRightRadius-t-radius-ra1673638416 _borderBottomLeftRadius-t-radius-ra1673638416"
44
- />
44
+ class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _backgroundColor-bg--warning43007144 _paddingTop-t-space-spa1366020317 _paddingRight-t-space-spa1366020317 _paddingBottom-t-space-spa1366020317 _paddingLeft-t-space-spa1366020317 _btlr-t-radius-ra1673638416 _btrr-t-radius-ra1673638416 _bbrr-t-radius-ra1673638416 _bblr-t-radius-ra1673638416"
45
+ >
46
+ <span
47
+ class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310"
48
+ data-disable-theme="true"
49
+ >
50
+ Item 3
51
+ </span>
52
+ </div>
45
53
  </div>
46
54
  </span>
47
55
  </span>