@ornikar/bumper 2.7.2-canary.1768566928.e85c568dc49c9180e37b7aec8792b1e8d45968a6.0 → 2.8.1-canary.1768839311.501438316959a9593513e74c70cb87b0597f2db6.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 (114) hide show
  1. package/CHANGELOG.md +19 -4
  2. package/CLAUDE.md +45 -0
  3. package/dist/definitions/index.d.ts +2 -0
  4. package/dist/definitions/index.d.ts.map +1 -1
  5. package/dist/definitions/system/content/icon/Icon.d.ts +21 -0
  6. package/dist/definitions/system/content/icon/Icon.d.ts.map +1 -0
  7. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts +1 -1
  8. package/dist/definitions/system/core/breakpoints/hooks/useCurrentBreakpointName.d.ts.map +1 -1
  9. package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts +1 -1
  10. package/dist/definitions/system/core/breakpoints/utils/breakpointsUtils.d.ts.map +1 -1
  11. package/dist/definitions/system/core/primitives/Pressable.d.ts +0 -9
  12. package/dist/definitions/system/core/primitives/Pressable.d.ts.map +1 -1
  13. package/dist/definitions/system/core/primitives/ScrollView/ScrollView.d.ts +3 -0
  14. package/dist/definitions/system/core/primitives/ScrollView/ScrollView.d.ts.map +1 -0
  15. package/dist/definitions/system/core/{breakpoints/constants.d.ts → tokens/breakpoints.d.ts} +1 -1
  16. package/dist/definitions/system/core/tokens/breakpoints.d.ts.map +1 -0
  17. package/dist/definitions/tamagui.config.d.ts +2 -28
  18. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  19. package/dist/index-metro.es.android.js +43 -26
  20. package/dist/index-metro.es.android.js.map +1 -1
  21. package/dist/index-metro.es.ios.js +43 -26
  22. package/dist/index-metro.es.ios.js.map +1 -1
  23. package/dist/index-node-22.22.cjs.js +44 -26
  24. package/dist/index-node-22.22.cjs.js.map +1 -1
  25. package/dist/index-node-22.22.cjs.web.js +44 -26
  26. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  27. package/dist/index-node-22.22.es.mjs +43 -26
  28. package/dist/index-node-22.22.es.mjs.map +1 -1
  29. package/dist/index-node-22.22.es.web.mjs +43 -26
  30. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  31. package/dist/index.es.js +37 -20
  32. package/dist/index.es.js.map +1 -1
  33. package/dist/index.es.web.js +37 -20
  34. package/dist/index.es.web.js.map +1 -1
  35. package/dist/tsbuildinfo +1 -1
  36. package/package.json +5 -2
  37. package/src/index.ts +2 -0
  38. package/src/system/content/icon/Icon.features.stories.tsx +116 -0
  39. package/src/system/content/icon/Icon.stories.tsx +44 -0
  40. package/src/system/content/icon/Icon.tsx +53 -0
  41. package/src/system/content/icon/__snapshots__/Icon.features.stories.tsx.snap +569 -0
  42. package/src/system/content/icon/__snapshots__/Icon.stories.tsx.snap +29 -0
  43. package/src/system/content/icon/__snapshots_web__/Icon.features.stories.tsx.snap +309 -0
  44. package/src/system/content/icon/__snapshots_web__/Icon.stories.tsx.snap +33 -0
  45. package/src/system/content/typography/Typography.features.stories.tsx +156 -0
  46. package/src/system/content/typography/Typography.stories.tsx +72 -166
  47. package/src/system/content/typography/__snapshots__/Typography.features.stories.tsx.snap +826 -0
  48. package/src/system/content/typography/__snapshots__/Typography.stories.tsx.snap +10 -1990
  49. package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap +501 -0
  50. package/src/system/content/typography/__snapshots_web__/Typography.stories.tsx.snap +6 -807
  51. package/src/system/core/breakpoints/hooks/useBreakpointValue.test.ts +1 -1
  52. package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.test.ts +1 -1
  53. package/src/system/core/breakpoints/hooks/useCurrentBreakpointName.ts +1 -1
  54. package/src/system/core/breakpoints/utils/breakpointsUtils.test.ts +1 -1
  55. package/src/system/core/breakpoints/utils/breakpointsUtils.ts +1 -1
  56. package/src/system/core/primitives/Center.features.stories.tsx +63 -0
  57. package/src/system/core/primitives/Center.stories.tsx +111 -12
  58. package/src/system/core/primitives/Pressable.features.stories.tsx +171 -0
  59. package/src/system/core/primitives/Pressable.stories.tsx +82 -20
  60. package/src/system/core/primitives/Pressable.tsx +0 -9
  61. package/src/system/core/primitives/ScrollView/ScrollView.features.stories.tsx +84 -0
  62. package/src/system/core/primitives/ScrollView/ScrollView.stories.tsx +63 -0
  63. package/src/system/core/primitives/ScrollView/ScrollView.ts +2 -0
  64. package/src/system/core/primitives/ScrollView/__snapshots__/ScrollView.features.stories.tsx.snap +1245 -0
  65. package/src/system/core/primitives/ScrollView/__snapshots__/ScrollView.stories.tsx.snap +334 -0
  66. package/src/system/core/primitives/ScrollView/__snapshots_web__/ScrollView.features.stories.tsx.snap +503 -0
  67. package/src/system/core/primitives/ScrollView/__snapshots_web__/ScrollView.stories.tsx.snap +138 -0
  68. package/src/system/core/primitives/Stack.features.stories.tsx +179 -0
  69. package/src/system/core/primitives/Stack.stories.tsx +74 -44
  70. package/src/system/core/primitives/View.features.stories.tsx +452 -0
  71. package/src/system/core/primitives/View.stories.tsx +122 -9
  72. package/src/system/core/primitives/__snapshots__/Center.features.stories.tsx.snap +208 -0
  73. package/src/system/core/primitives/__snapshots__/Center.stories.tsx.snap +13 -8
  74. package/src/system/core/primitives/__snapshots__/Pressable.features.stories.tsx.snap +470 -0
  75. package/src/system/core/primitives/__snapshots__/Pressable.stories.tsx.snap +11 -10
  76. package/src/system/core/primitives/__snapshots__/Stack.features.stories.tsx.snap +1234 -0
  77. package/src/system/core/primitives/__snapshots__/Stack.stories.tsx.snap +63 -84
  78. package/src/system/core/primitives/__snapshots__/View.features.stories.tsx.snap +2338 -0
  79. package/src/system/core/primitives/__snapshots__/View.stories.tsx.snap +6 -4
  80. package/src/system/core/primitives/__snapshots_web__/Center.features.stories.tsx.snap +107 -0
  81. package/src/system/core/primitives/__snapshots_web__/Center.stories.tsx.snap +8 -5
  82. package/src/system/core/primitives/__snapshots_web__/Pressable.features.stories.tsx.snap +193 -0
  83. package/src/system/core/primitives/__snapshots_web__/Pressable.stories.tsx.snap +4 -4
  84. package/src/system/core/primitives/__snapshots_web__/Stack.features.stories.tsx.snap +515 -0
  85. package/src/system/core/primitives/__snapshots_web__/Stack.stories.tsx.snap +29 -21
  86. package/src/system/core/primitives/__snapshots_web__/View.features.stories.tsx.snap +941 -0
  87. package/src/system/core/primitives/__snapshots_web__/View.stories.tsx.snap +2 -2
  88. package/src/system/core/themes/__snapshots__/light.stories.tsx.snap +3822 -2233
  89. package/src/system/core/themes/__snapshots_web__/light.stories.tsx.snap +1243 -991
  90. package/src/system/core/themes/light.stories.tsx +61 -28
  91. package/src/system/core/tokens/__snapshots__/breakpoints.stories.tsx.snap +423 -0
  92. package/src/system/core/tokens/__snapshots__/fonts.stories.tsx.snap +1635 -0
  93. package/src/system/core/tokens/__snapshots__/radius.stories.tsx.snap +383 -0
  94. package/src/system/core/tokens/__snapshots__/size.stories.tsx.snap +864 -0
  95. package/src/system/core/tokens/__snapshots__/space.stories.tsx.snap +945 -0
  96. package/src/system/core/tokens/__snapshots_web__/breakpoints.stories.tsx.snap +194 -0
  97. package/src/system/core/tokens/__snapshots_web__/fonts.stories.tsx.snap +729 -0
  98. package/src/system/core/tokens/__snapshots_web__/radius.stories.tsx.snap +174 -0
  99. package/src/system/core/tokens/__snapshots_web__/size.stories.tsx.snap +363 -0
  100. package/src/system/core/tokens/__snapshots_web__/space.stories.tsx.snap +396 -0
  101. package/src/system/core/tokens/breakpoints.stories.tsx +46 -0
  102. package/src/system/core/tokens/fonts.stories.tsx +39 -0
  103. package/src/system/core/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +4337 -2747
  104. package/src/system/core/tokens/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +1524 -1256
  105. package/src/system/core/tokens/palettes/deepPurpleColorPalette.stories.tsx +42 -28
  106. package/src/system/core/tokens/radius.stories.tsx +39 -0
  107. package/src/system/core/tokens/size.stories.tsx +39 -0
  108. package/src/system/core/tokens/space.stories.tsx +40 -0
  109. package/src/tamagui.config.ts +3 -3
  110. package/dist/definitions/system/core/breakpoints/constants.d.ts.map +0 -1
  111. package/src/system/core/breakpoints/__snapshots__/breakpoints.stories.tsx.snap +0 -49
  112. package/src/system/core/breakpoints/__snapshots_web__/breakpoints.stories.tsx.snap +0 -43
  113. package/src/system/core/breakpoints/breakpoints.stories.tsx +0 -45
  114. /package/src/system/core/{breakpoints/constants.ts → tokens/breakpoints.ts} +0 -0
package/src/system/core/primitives/ScrollView/__snapshots__/ScrollView.stories.tsx.snap ADDED
@@ -0,0 +1,334 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`Bumper/Core/Primitives/ScrollView Default 1`] = `
4
+ <RNCSafeAreaProvider
5
+ onInsetsChange={[Function]}
6
+ style={
7
+ [
8
+ {
9
+ "flex": 1,
10
+ },
11
+ undefined,
12
+ ]
13
+ }
14
+ >
15
+ <RCTScrollView
16
+ contentContainerStyle={
17
+ {
18
+ "gap": 8,
19
+ }
20
+ }
21
+ scrollEnabled={true}
22
+ showsVerticalScrollIndicator={true}
23
+ style={
24
+ {
25
+ "height": 176,
26
+ "width": 208,
27
+ }
28
+ }
29
+ >
30
+ <View>
31
+ <View
32
+ style={
33
+ {
34
+ "backgroundColor": "#E9F4FC",
35
+ "borderBottomLeftRadius": 4,
36
+ "borderBottomRightRadius": 4,
37
+ "borderTopLeftRadius": 4,
38
+ "borderTopRightRadius": 4,
39
+ "paddingBottom": 16,
40
+ "paddingLeft": 16,
41
+ "paddingRight": 16,
42
+ "paddingTop": 16,
43
+ }
44
+ }
45
+ >
46
+ <Text
47
+ style={
48
+ {
49
+ "fontFamily": "GTStandard",
50
+ "fontSize": 14,
51
+ "letterSpacing": 0.3,
52
+ "lineHeight": 20,
53
+ }
54
+ }
55
+ suppressHighlighting={true}
56
+ >
57
+ Item
58
+ 1
59
+ </Text>
60
+ </View>
61
+ <View
62
+ style={
63
+ {
64
+ "backgroundColor": "#E9F4FC",
65
+ "borderBottomLeftRadius": 4,
66
+ "borderBottomRightRadius": 4,
67
+ "borderTopLeftRadius": 4,
68
+ "borderTopRightRadius": 4,
69
+ "paddingBottom": 16,
70
+ "paddingLeft": 16,
71
+ "paddingRight": 16,
72
+ "paddingTop": 16,
73
+ }
74
+ }
75
+ >
76
+ <Text
77
+ style={
78
+ {
79
+ "fontFamily": "GTStandard",
80
+ "fontSize": 14,
81
+ "letterSpacing": 0.3,
82
+ "lineHeight": 20,
83
+ }
84
+ }
85
+ suppressHighlighting={true}
86
+ >
87
+ Item
88
+ 2
89
+ </Text>
90
+ </View>
91
+ <View
92
+ style={
93
+ {
94
+ "backgroundColor": "#E9F4FC",
95
+ "borderBottomLeftRadius": 4,
96
+ "borderBottomRightRadius": 4,
97
+ "borderTopLeftRadius": 4,
98
+ "borderTopRightRadius": 4,
99
+ "paddingBottom": 16,
100
+ "paddingLeft": 16,
101
+ "paddingRight": 16,
102
+ "paddingTop": 16,
103
+ }
104
+ }
105
+ >
106
+ <Text
107
+ style={
108
+ {
109
+ "fontFamily": "GTStandard",
110
+ "fontSize": 14,
111
+ "letterSpacing": 0.3,
112
+ "lineHeight": 20,
113
+ }
114
+ }
115
+ suppressHighlighting={true}
116
+ >
117
+ Item
118
+ 3
119
+ </Text>
120
+ </View>
121
+ <View
122
+ style={
123
+ {
124
+ "backgroundColor": "#E9F4FC",
125
+ "borderBottomLeftRadius": 4,
126
+ "borderBottomRightRadius": 4,
127
+ "borderTopLeftRadius": 4,
128
+ "borderTopRightRadius": 4,
129
+ "paddingBottom": 16,
130
+ "paddingLeft": 16,
131
+ "paddingRight": 16,
132
+ "paddingTop": 16,
133
+ }
134
+ }
135
+ >
136
+ <Text
137
+ style={
138
+ {
139
+ "fontFamily": "GTStandard",
140
+ "fontSize": 14,
141
+ "letterSpacing": 0.3,
142
+ "lineHeight": 20,
143
+ }
144
+ }
145
+ suppressHighlighting={true}
146
+ >
147
+ Item
148
+ 4
149
+ </Text>
150
+ </View>
151
+ <View
152
+ style={
153
+ {
154
+ "backgroundColor": "#E9F4FC",
155
+ "borderBottomLeftRadius": 4,
156
+ "borderBottomRightRadius": 4,
157
+ "borderTopLeftRadius": 4,
158
+ "borderTopRightRadius": 4,
159
+ "paddingBottom": 16,
160
+ "paddingLeft": 16,
161
+ "paddingRight": 16,
162
+ "paddingTop": 16,
163
+ }
164
+ }
165
+ >
166
+ <Text
167
+ style={
168
+ {
169
+ "fontFamily": "GTStandard",
170
+ "fontSize": 14,
171
+ "letterSpacing": 0.3,
172
+ "lineHeight": 20,
173
+ }
174
+ }
175
+ suppressHighlighting={true}
176
+ >
177
+ Item
178
+ 5
179
+ </Text>
180
+ </View>
181
+ <View
182
+ style={
183
+ {
184
+ "backgroundColor": "#E9F4FC",
185
+ "borderBottomLeftRadius": 4,
186
+ "borderBottomRightRadius": 4,
187
+ "borderTopLeftRadius": 4,
188
+ "borderTopRightRadius": 4,
189
+ "paddingBottom": 16,
190
+ "paddingLeft": 16,
191
+ "paddingRight": 16,
192
+ "paddingTop": 16,
193
+ }
194
+ }
195
+ >
196
+ <Text
197
+ style={
198
+ {
199
+ "fontFamily": "GTStandard",
200
+ "fontSize": 14,
201
+ "letterSpacing": 0.3,
202
+ "lineHeight": 20,
203
+ }
204
+ }
205
+ suppressHighlighting={true}
206
+ >
207
+ Item
208
+ 6
209
+ </Text>
210
+ </View>
211
+ <View
212
+ style={
213
+ {
214
+ "backgroundColor": "#E9F4FC",
215
+ "borderBottomLeftRadius": 4,
216
+ "borderBottomRightRadius": 4,
217
+ "borderTopLeftRadius": 4,
218
+ "borderTopRightRadius": 4,
219
+ "paddingBottom": 16,
220
+ "paddingLeft": 16,
221
+ "paddingRight": 16,
222
+ "paddingTop": 16,
223
+ }
224
+ }
225
+ >
226
+ <Text
227
+ style={
228
+ {
229
+ "fontFamily": "GTStandard",
230
+ "fontSize": 14,
231
+ "letterSpacing": 0.3,
232
+ "lineHeight": 20,
233
+ }
234
+ }
235
+ suppressHighlighting={true}
236
+ >
237
+ Item
238
+ 7
239
+ </Text>
240
+ </View>
241
+ <View
242
+ style={
243
+ {
244
+ "backgroundColor": "#E9F4FC",
245
+ "borderBottomLeftRadius": 4,
246
+ "borderBottomRightRadius": 4,
247
+ "borderTopLeftRadius": 4,
248
+ "borderTopRightRadius": 4,
249
+ "paddingBottom": 16,
250
+ "paddingLeft": 16,
251
+ "paddingRight": 16,
252
+ "paddingTop": 16,
253
+ }
254
+ }
255
+ >
256
+ <Text
257
+ style={
258
+ {
259
+ "fontFamily": "GTStandard",
260
+ "fontSize": 14,
261
+ "letterSpacing": 0.3,
262
+ "lineHeight": 20,
263
+ }
264
+ }
265
+ suppressHighlighting={true}
266
+ >
267
+ Item
268
+ 8
269
+ </Text>
270
+ </View>
271
+ <View
272
+ style={
273
+ {
274
+ "backgroundColor": "#E9F4FC",
275
+ "borderBottomLeftRadius": 4,
276
+ "borderBottomRightRadius": 4,
277
+ "borderTopLeftRadius": 4,
278
+ "borderTopRightRadius": 4,
279
+ "paddingBottom": 16,
280
+ "paddingLeft": 16,
281
+ "paddingRight": 16,
282
+ "paddingTop": 16,
283
+ }
284
+ }
285
+ >
286
+ <Text
287
+ style={
288
+ {
289
+ "fontFamily": "GTStandard",
290
+ "fontSize": 14,
291
+ "letterSpacing": 0.3,
292
+ "lineHeight": 20,
293
+ }
294
+ }
295
+ suppressHighlighting={true}
296
+ >
297
+ Item
298
+ 9
299
+ </Text>
300
+ </View>
301
+ <View
302
+ style={
303
+ {
304
+ "backgroundColor": "#E9F4FC",
305
+ "borderBottomLeftRadius": 4,
306
+ "borderBottomRightRadius": 4,
307
+ "borderTopLeftRadius": 4,
308
+ "borderTopRightRadius": 4,
309
+ "paddingBottom": 16,
310
+ "paddingLeft": 16,
311
+ "paddingRight": 16,
312
+ "paddingTop": 16,
313
+ }
314
+ }
315
+ >
316
+ <Text
317
+ style={
318
+ {
319
+ "fontFamily": "GTStandard",
320
+ "fontSize": 14,
321
+ "letterSpacing": 0.3,
322
+ "lineHeight": 20,
323
+ }
324
+ }
325
+ suppressHighlighting={true}
326
+ >
327
+ Item
328
+ 10
329
+ </Text>
330
+ </View>
331
+ </View>
332
+ </RCTScrollView>
333
+ </RNCSafeAreaProvider>
334
+ `;