@ornikar/bumper 2.8.0 → 2.8.1-canary.1768927687.5a0439490957cfbbe8b8c5136c5fc68b0828466d.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 (67) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/definitions/index.d.ts +5 -0
  3. package/dist/definitions/index.d.ts.map +1 -1
  4. package/dist/definitions/system/content/icon/Icon.d.ts +18 -0
  5. package/dist/definitions/system/content/icon/Icon.d.ts.map +1 -0
  6. package/dist/definitions/system/content/typography/Typography.d.ts +8 -7
  7. package/dist/definitions/system/content/typography/Typography.d.ts.map +1 -1
  8. package/dist/definitions/system/content/typography/TypographyIcon.d.ts +9 -0
  9. package/dist/definitions/system/content/typography/TypographyIcon.d.ts.map +1 -0
  10. package/dist/definitions/system/content/typography/TypographyView.d.ts +18 -0
  11. package/dist/definitions/system/content/typography/TypographyView.d.ts.map +1 -0
  12. package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts +2 -1
  13. package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts.map +1 -1
  14. package/dist/definitions/system/content/typography/utils/typographyContext.d.ts +16 -0
  15. package/dist/definitions/system/content/typography/utils/typographyContext.d.ts.map +1 -0
  16. package/dist/definitions/system/core/primitives/Image/Image.d.ts +3 -0
  17. package/dist/definitions/system/core/primitives/Image/Image.d.ts.map +1 -0
  18. package/dist/definitions/system/core/primitives/ScrollView/ScrollView.d.ts +3 -0
  19. package/dist/definitions/system/core/primitives/ScrollView/ScrollView.d.ts.map +1 -0
  20. package/dist/index-metro.es.android.js +117 -11
  21. package/dist/index-metro.es.android.js.map +1 -1
  22. package/dist/index-metro.es.ios.js +117 -11
  23. package/dist/index-metro.es.ios.js.map +1 -1
  24. package/dist/index-node-22.22.cjs.js +121 -7
  25. package/dist/index-node-22.22.cjs.js.map +1 -1
  26. package/dist/index-node-22.22.cjs.web.js +121 -7
  27. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  28. package/dist/index-node-22.22.es.mjs +121 -9
  29. package/dist/index-node-22.22.es.mjs.map +1 -1
  30. package/dist/index-node-22.22.es.web.mjs +121 -9
  31. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  32. package/dist/index.es.js +115 -11
  33. package/dist/index.es.js.map +1 -1
  34. package/dist/index.es.web.js +115 -11
  35. package/dist/index.es.web.js.map +1 -1
  36. package/dist/tsbuildinfo +1 -1
  37. package/package.json +7 -3
  38. package/src/index.ts +5 -0
  39. package/src/system/content/icon/Icon.features.stories.tsx +116 -0
  40. package/src/system/content/icon/Icon.stories.tsx +44 -0
  41. package/src/system/content/icon/Icon.tsx +43 -0
  42. package/src/system/content/icon/__snapshots__/Icon.features.stories.tsx.snap +569 -0
  43. package/src/system/content/icon/__snapshots__/Icon.stories.tsx.snap +29 -0
  44. package/src/system/content/icon/__snapshots_web__/Icon.features.stories.tsx.snap +309 -0
  45. package/src/system/content/icon/__snapshots_web__/Icon.stories.tsx.snap +33 -0
  46. package/src/system/content/typography/Typography.tsx +24 -15
  47. package/src/system/content/typography/TypographyIcon.features.stories.tsx +163 -0
  48. package/src/system/content/typography/TypographyIcon.stories.tsx +52 -0
  49. package/src/system/content/typography/TypographyIcon.tsx +33 -0
  50. package/src/system/content/typography/TypographyView.tsx +34 -0
  51. package/src/system/content/typography/__snapshots__/TypographyIcon.features.stories.tsx.snap +839 -0
  52. package/src/system/content/typography/__snapshots__/TypographyIcon.stories.tsx.snap +31 -0
  53. package/src/system/content/typography/__snapshots_web__/TypographyIcon.features.stories.tsx.snap +543 -0
  54. package/src/system/content/typography/__snapshots_web__/TypographyIcon.stories.tsx.snap +37 -0
  55. package/src/system/content/typography/utils/getVariantAndWeightValues.tsx +2 -6
  56. package/src/system/content/typography/utils/typographyContext.ts +29 -0
  57. package/src/system/core/primitives/Image/Image.stories.tsx +39 -0
  58. package/src/system/core/primitives/Image/Image.ts +2 -0
  59. package/src/system/core/primitives/Image/__snapshots__/Image.stories.tsx.snap +30 -0
  60. package/src/system/core/primitives/Image/__snapshots_web__/Image.stories.tsx.snap +40 -0
  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
package/src/system/content/icon/__snapshots__/Icon.features.stories.tsx.snap ADDED
@@ -0,0 +1,569 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`Bumper/Content/Icon/Features Colors 1`] = `
4
+ <RNCSafeAreaProvider
5
+ onInsetsChange={[Function]}
6
+ style={
7
+ [
8
+ {
9
+ "flex": 1,
10
+ },
11
+ undefined,
12
+ ]
13
+ }
14
+ >
15
+ <View
16
+ style={
17
+ {
18
+ "alignItems": "center",
19
+ "flexDirection": "row",
20
+ "gap": 16,
21
+ }
22
+ }
23
+ >
24
+ <View
25
+ style={
26
+ {
27
+ "alignItems": "center",
28
+ "flexDirection": "column",
29
+ "gap": 8,
30
+ }
31
+ }
32
+ >
33
+ <View
34
+ style={
35
+ {
36
+ "height": 24,
37
+ "width": 24,
38
+ }
39
+ }
40
+ >
41
+ <svg
42
+ color="#101010"
43
+ data-file-name="star.inline.svg"
44
+ />
45
+ </View>
46
+ <Text
47
+ style={
48
+ {
49
+ "color": "#505050",
50
+ "fontFamily": "GTStandard",
51
+ "fontSize": 12,
52
+ "letterSpacing": 0.3,
53
+ "lineHeight": 16,
54
+ }
55
+ }
56
+ suppressHighlighting={true}
57
+ >
58
+ base.hi
59
+ </Text>
60
+ </View>
61
+ <View
62
+ style={
63
+ {
64
+ "alignItems": "center",
65
+ "flexDirection": "column",
66
+ "gap": 8,
67
+ }
68
+ }
69
+ >
70
+ <View
71
+ style={
72
+ {
73
+ "height": 24,
74
+ "width": 24,
75
+ }
76
+ }
77
+ >
78
+ <svg
79
+ color="#505050"
80
+ data-file-name="star.inline.svg"
81
+ />
82
+ </View>
83
+ <Text
84
+ style={
85
+ {
86
+ "color": "#505050",
87
+ "fontFamily": "GTStandard",
88
+ "fontSize": 12,
89
+ "letterSpacing": 0.3,
90
+ "lineHeight": 16,
91
+ }
92
+ }
93
+ suppressHighlighting={true}
94
+ >
95
+ base.mid
96
+ </Text>
97
+ </View>
98
+ <View
99
+ style={
100
+ {
101
+ "alignItems": "center",
102
+ "flexDirection": "column",
103
+ "gap": 8,
104
+ }
105
+ }
106
+ >
107
+ <View
108
+ style={
109
+ {
110
+ "height": 24,
111
+ "width": 24,
112
+ }
113
+ }
114
+ >
115
+ <svg
116
+ color="#838383"
117
+ data-file-name="star.inline.svg"
118
+ />
119
+ </View>
120
+ <Text
121
+ style={
122
+ {
123
+ "color": "#505050",
124
+ "fontFamily": "GTStandard",
125
+ "fontSize": 12,
126
+ "letterSpacing": 0.3,
127
+ "lineHeight": 16,
128
+ }
129
+ }
130
+ suppressHighlighting={true}
131
+ >
132
+ base.low
133
+ </Text>
134
+ </View>
135
+ <View
136
+ style={
137
+ {
138
+ "alignItems": "center",
139
+ "flexDirection": "column",
140
+ "gap": 8,
141
+ }
142
+ }
143
+ >
144
+ <View
145
+ style={
146
+ {
147
+ "height": 24,
148
+ "width": 24,
149
+ }
150
+ }
151
+ >
152
+ <svg
153
+ color="#563B56"
154
+ data-file-name="star.inline.svg"
155
+ />
156
+ </View>
157
+ <Text
158
+ style={
159
+ {
160
+ "color": "#505050",
161
+ "fontFamily": "GTStandard",
162
+ "fontSize": 12,
163
+ "letterSpacing": 0.3,
164
+ "lineHeight": 16,
165
+ }
166
+ }
167
+ suppressHighlighting={true}
168
+ >
169
+ accent
170
+ </Text>
171
+ </View>
172
+ <View
173
+ style={
174
+ {
175
+ "alignItems": "center",
176
+ "flexDirection": "column",
177
+ "gap": 8,
178
+ }
179
+ }
180
+ >
181
+ <View
182
+ style={
183
+ {
184
+ "height": 24,
185
+ "width": 24,
186
+ }
187
+ }
188
+ >
189
+ <svg
190
+ color="#357105"
191
+ data-file-name="check-circle.inline.svg"
192
+ />
193
+ </View>
194
+ <Text
195
+ style={
196
+ {
197
+ "color": "#505050",
198
+ "fontFamily": "GTStandard",
199
+ "fontSize": 12,
200
+ "letterSpacing": 0.3,
201
+ "lineHeight": 16,
202
+ }
203
+ }
204
+ suppressHighlighting={true}
205
+ >
206
+ success
207
+ </Text>
208
+ </View>
209
+ <View
210
+ style={
211
+ {
212
+ "alignItems": "center",
213
+ "flexDirection": "column",
214
+ "gap": 8,
215
+ }
216
+ }
217
+ >
218
+ <View
219
+ style={
220
+ {
221
+ "height": 24,
222
+ "width": 24,
223
+ }
224
+ }
225
+ >
226
+ <svg
227
+ color="#BA930B"
228
+ data-file-name="warning.inline.svg"
229
+ />
230
+ </View>
231
+ <Text
232
+ style={
233
+ {
234
+ "color": "#505050",
235
+ "fontFamily": "GTStandard",
236
+ "fontSize": 12,
237
+ "letterSpacing": 0.3,
238
+ "lineHeight": 16,
239
+ }
240
+ }
241
+ suppressHighlighting={true}
242
+ >
243
+ warning
244
+ </Text>
245
+ </View>
246
+ <View
247
+ style={
248
+ {
249
+ "alignItems": "center",
250
+ "flexDirection": "column",
251
+ "gap": 8,
252
+ }
253
+ }
254
+ >
255
+ <View
256
+ style={
257
+ {
258
+ "height": 24,
259
+ "width": 24,
260
+ }
261
+ }
262
+ >
263
+ <svg
264
+ color="#BD100F"
265
+ data-file-name="warning.inline.svg"
266
+ />
267
+ </View>
268
+ <Text
269
+ style={
270
+ {
271
+ "color": "#505050",
272
+ "fontFamily": "GTStandard",
273
+ "fontSize": 12,
274
+ "letterSpacing": 0.3,
275
+ "lineHeight": 16,
276
+ }
277
+ }
278
+ suppressHighlighting={true}
279
+ >
280
+ danger
281
+ </Text>
282
+ </View>
283
+ <View
284
+ style={
285
+ {
286
+ "alignItems": "center",
287
+ "flexDirection": "column",
288
+ "gap": 8,
289
+ }
290
+ }
291
+ >
292
+ <View
293
+ style={
294
+ {
295
+ "height": 24,
296
+ "width": 24,
297
+ }
298
+ }
299
+ >
300
+ <svg
301
+ color="#125A87"
302
+ data-file-name="info.inline.svg"
303
+ />
304
+ </View>
305
+ <Text
306
+ style={
307
+ {
308
+ "color": "#505050",
309
+ "fontFamily": "GTStandard",
310
+ "fontSize": 12,
311
+ "letterSpacing": 0.3,
312
+ "lineHeight": 16,
313
+ }
314
+ }
315
+ suppressHighlighting={true}
316
+ >
317
+ info
318
+ </Text>
319
+ </View>
320
+ </View>
321
+ </RNCSafeAreaProvider>
322
+ `;
323
+
324
+ exports[`Bumper/Content/Icon/Features Sizes 1`] = `
325
+ <RNCSafeAreaProvider
326
+ onInsetsChange={[Function]}
327
+ style={
328
+ [
329
+ {
330
+ "flex": 1,
331
+ },
332
+ undefined,
333
+ ]
334
+ }
335
+ >
336
+ <View
337
+ style={
338
+ {
339
+ "alignItems": "center",
340
+ "flexDirection": "row",
341
+ "gap": 16,
342
+ }
343
+ }
344
+ >
345
+ <View
346
+ style={
347
+ {
348
+ "alignItems": "center",
349
+ "flexDirection": "column",
350
+ "gap": 8,
351
+ }
352
+ }
353
+ >
354
+ <View
355
+ style={
356
+ {
357
+ "height": 16,
358
+ "width": 16,
359
+ }
360
+ }
361
+ >
362
+ <svg
363
+ color="#101010"
364
+ data-file-name="star.inline.svg"
365
+ />
366
+ </View>
367
+ <Text
368
+ style={
369
+ {
370
+ "color": "#505050",
371
+ "fontFamily": "GTStandard",
372
+ "fontSize": 12,
373
+ "letterSpacing": 0.3,
374
+ "lineHeight": 16,
375
+ }
376
+ }
377
+ suppressHighlighting={true}
378
+ >
379
+ 16
380
+ </Text>
381
+ </View>
382
+ <View
383
+ style={
384
+ {
385
+ "alignItems": "center",
386
+ "flexDirection": "column",
387
+ "gap": 8,
388
+ }
389
+ }
390
+ >
391
+ <View
392
+ style={
393
+ {
394
+ "height": 20,
395
+ "width": 20,
396
+ }
397
+ }
398
+ >
399
+ <svg
400
+ color="#101010"
401
+ data-file-name="star.inline.svg"
402
+ />
403
+ </View>
404
+ <Text
405
+ style={
406
+ {
407
+ "color": "#505050",
408
+ "fontFamily": "GTStandard",
409
+ "fontSize": 12,
410
+ "letterSpacing": 0.3,
411
+ "lineHeight": 16,
412
+ }
413
+ }
414
+ suppressHighlighting={true}
415
+ >
416
+ 20
417
+ </Text>
418
+ </View>
419
+ <View
420
+ style={
421
+ {
422
+ "alignItems": "center",
423
+ "flexDirection": "column",
424
+ "gap": 8,
425
+ }
426
+ }
427
+ >
428
+ <View
429
+ style={
430
+ {
431
+ "height": 24,
432
+ "width": 24,
433
+ }
434
+ }
435
+ >
436
+ <svg
437
+ color="#101010"
438
+ data-file-name="star.inline.svg"
439
+ />
440
+ </View>
441
+ <Text
442
+ style={
443
+ {
444
+ "color": "#505050",
445
+ "fontFamily": "GTStandard",
446
+ "fontSize": 12,
447
+ "letterSpacing": 0.3,
448
+ "lineHeight": 16,
449
+ }
450
+ }
451
+ suppressHighlighting={true}
452
+ >
453
+ 24
454
+ </Text>
455
+ </View>
456
+ <View
457
+ style={
458
+ {
459
+ "alignItems": "center",
460
+ "flexDirection": "column",
461
+ "gap": 8,
462
+ }
463
+ }
464
+ >
465
+ <View
466
+ style={
467
+ {
468
+ "height": 32,
469
+ "width": 32,
470
+ }
471
+ }
472
+ >
473
+ <svg
474
+ color="#101010"
475
+ data-file-name="star.inline.svg"
476
+ />
477
+ </View>
478
+ <Text
479
+ style={
480
+ {
481
+ "color": "#505050",
482
+ "fontFamily": "GTStandard",
483
+ "fontSize": 12,
484
+ "letterSpacing": 0.3,
485
+ "lineHeight": 16,
486
+ }
487
+ }
488
+ suppressHighlighting={true}
489
+ >
490
+ 32
491
+ </Text>
492
+ </View>
493
+ <View
494
+ style={
495
+ {
496
+ "alignItems": "center",
497
+ "flexDirection": "column",
498
+ "gap": 8,
499
+ }
500
+ }
501
+ >
502
+ <View
503
+ style={
504
+ {
505
+ "height": 48,
506
+ "width": 48,
507
+ }
508
+ }
509
+ >
510
+ <svg
511
+ color="#101010"
512
+ data-file-name="star.inline.svg"
513
+ />
514
+ </View>
515
+ <Text
516
+ style={
517
+ {
518
+ "color": "#505050",
519
+ "fontFamily": "GTStandard",
520
+ "fontSize": 12,
521
+ "letterSpacing": 0.3,
522
+ "lineHeight": 16,
523
+ }
524
+ }
525
+ suppressHighlighting={true}
526
+ >
527
+ 48
528
+ </Text>
529
+ </View>
530
+ <View
531
+ style={
532
+ {
533
+ "alignItems": "center",
534
+ "flexDirection": "column",
535
+ "gap": 8,
536
+ }
537
+ }
538
+ >
539
+ <View
540
+ style={
541
+ {
542
+ "height": 64,
543
+ "width": 64,
544
+ }
545
+ }
546
+ >
547
+ <svg
548
+ color="#101010"
549
+ data-file-name="star.inline.svg"
550
+ />
551
+ </View>
552
+ <Text
553
+ style={
554
+ {
555
+ "color": "#505050",
556
+ "fontFamily": "GTStandard",
557
+ "fontSize": 12,
558
+ "letterSpacing": 0.3,
559
+ "lineHeight": 16,
560
+ }
561
+ }
562
+ suppressHighlighting={true}
563
+ >
564
+ 64
565
+ </Text>
566
+ </View>
567
+ </View>
568
+ </RNCSafeAreaProvider>
569
+ `;
package/src/system/content/icon/__snapshots__/Icon.stories.tsx.snap ADDED
@@ -0,0 +1,29 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`Bumper/Content/Icon Default 1`] = `
4
+ <RNCSafeAreaProvider
5
+ onInsetsChange={[Function]}
6
+ style={
7
+ [
8
+ {
9
+ "flex": 1,
10
+ },
11
+ undefined,
12
+ ]
13
+ }
14
+ >
15
+ <View
16
+ style={
17
+ {
18
+ "height": 20,
19
+ "width": 20,
20
+ }
21
+ }
22
+ >
23
+ <svg
24
+ color="#101010"
25
+ data-file-name="star.inline.svg"
26
+ />
27
+ </View>
28
+ </RNCSafeAreaProvider>
29
+ `;