@ornikar/kitt-universal 1.0.0 → 1.0.1

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 (139) hide show
  1. package/package.json +4 -4
  2. package/CHANGELOG.md +0 -8
  3. package/src/.eslintrc.json +0 -19
  4. package/src/Avatar/Avatar.stories.tsx +0 -45
  5. package/src/Avatar/Avatar.tsx +0 -60
  6. package/src/Avatar/__snapshots__/Avatar.stories.tsx.snap +0 -1229
  7. package/src/Button/Button.stories.tsx +0 -301
  8. package/src/Button/Button.tsx +0 -60
  9. package/src/Button/ButtonContainer.tsx +0 -32
  10. package/src/Button/ButtonContent.tsx +0 -133
  11. package/src/Button/__snapshots__/Button.stories.tsx.snap +0 -7483
  12. package/src/Button/useButton.ts +0 -14
  13. package/src/Card/Card.stories.tsx +0 -31
  14. package/src/Card/Card.tsx +0 -25
  15. package/src/Card/__snapshots__/Card.stories.tsx.snap +0 -306
  16. package/src/FullScreenModal/Body.tsx +0 -25
  17. package/src/FullScreenModal/FullScreenModal.stories.tsx +0 -63
  18. package/src/FullScreenModal/FullScreenModal.tsx +0 -21
  19. package/src/FullScreenModal/Header.tsx +0 -129
  20. package/src/FullScreenModal/__snapshots__/FullScreenModal.stories.tsx.snap +0 -771
  21. package/src/Icon/Icon.stories.tsx +0 -59
  22. package/src/Icon/Icon.tsx +0 -37
  23. package/src/Icon/SpinningIcon.tsx +0 -38
  24. package/src/Icon/SpinningIcon.web.module.css +0 -13
  25. package/src/Icon/SpinningIcon.web.module.css.d.ts +0 -6
  26. package/src/Icon/SpinningIcon.web.tsx +0 -11
  27. package/src/Icon/__snapshots__/Icon.stories.tsx.snap +0 -5648
  28. package/src/KittBreakpoints.ts +0 -44
  29. package/src/ListItem/ListItem.stories.tsx +0 -122
  30. package/src/ListItem/ListItem.tsx +0 -61
  31. package/src/ListItem/ListItemContent.tsx +0 -17
  32. package/src/ListItem/ListItemSideContent.tsx +0 -41
  33. package/src/ListItem/__snapshots__/ListItem.stories.tsx.snap +0 -1514
  34. package/src/Loader/LargeLoader.tsx +0 -12
  35. package/src/Loader/LargeLoader.web.module.css +0 -103
  36. package/src/Loader/LargeLoader.web.module.css.d.ts +0 -11
  37. package/src/Loader/LargeLoader.web.test.tsx +0 -10
  38. package/src/Loader/LargeLoader.web.tsx +0 -18
  39. package/src/Loader/Loader.stories.tsx +0 -47
  40. package/src/Loader/Loader.tsx +0 -21
  41. package/src/Loader/Loader.web.test.tsx +0 -20
  42. package/src/Loader/Loader.web.tsx +0 -14
  43. package/src/Loader/__snapshots__/LargeLoader.web.test.tsx.snap +0 -33
  44. package/src/Loader/__snapshots__/Loader.stories.tsx.snap +0 -607
  45. package/src/Loader/__snapshots__/Loader.web.test.tsx.snap +0 -103
  46. package/src/Message/Message.stories.tsx +0 -102
  47. package/src/Message/Message.tsx +0 -114
  48. package/src/Message/__snapshots__/Message.stories.tsx.snap +0 -2776
  49. package/src/Modal/Body.tsx +0 -20
  50. package/src/Modal/Footer.tsx +0 -18
  51. package/src/Modal/Header.tsx +0 -66
  52. package/src/Modal/Modal.stories.tsx +0 -181
  53. package/src/Modal/Modal.tsx +0 -66
  54. package/src/Modal/OnCloseContext.ts +0 -3
  55. package/src/Modal/__snapshots__/Modal.stories.tsx.snap +0 -2960
  56. package/src/Notification/Notification.stories.tsx +0 -102
  57. package/src/Notification/Notification.tsx +0 -21
  58. package/src/Notification/__snapshots__/Notification.stories.tsx.snap +0 -2861
  59. package/src/Overlay/Overlay.tsx +0 -22
  60. package/src/Tag/Tag.stories.tsx +0 -18
  61. package/src/Tag/Tag.tsx +0 -31
  62. package/src/Tag/__snapshots__/Tag.stories.tsx.snap +0 -303
  63. package/src/Tooltip/Tooltip.tsx +0 -17
  64. package/src/__mocks__/react-native-safe-area-context.tsx +0 -26
  65. package/src/forms/InputFeedback/InputFeedback.stories.tsx +0 -17
  66. package/src/forms/InputFeedback/InputFeedback.tsx +0 -28
  67. package/src/forms/InputFeedback/__snapshots__/InputFeedback.stories.tsx.snap +0 -252
  68. package/src/forms/InputField/InputField.stories.tsx +0 -19
  69. package/src/forms/InputField/InputField.tsx +0 -45
  70. package/src/forms/InputField/__snapshots__/InputField.stories.tsx.snap +0 -240
  71. package/src/forms/InputFormState.ts +0 -1
  72. package/src/forms/InputText/InputText.stories.tsx +0 -85
  73. package/src/forms/InputText/InputText.tsx +0 -172
  74. package/src/forms/InputText/__snapshots__/InputText.stories.tsx.snap +0 -4274
  75. package/src/forms/InputText/useInputText.ts +0 -19
  76. package/src/forms/Label/Label.stories.tsx +0 -14
  77. package/src/forms/Label/Label.tsx +0 -17
  78. package/src/forms/Label/__snapshots__/Label.stories.tsx.snap +0 -174
  79. package/src/forms/Radio/Radio.stories.tsx +0 -48
  80. package/src/forms/Radio/Radio.tsx +0 -81
  81. package/src/forms/Radio/__snapshots__/Radio.stories.tsx.snap +0 -967
  82. package/src/forms/TextArea/TextArea.stories.tsx +0 -72
  83. package/src/forms/TextArea/TextArea.tsx +0 -12
  84. package/src/forms/TextArea/__snapshots__/TextArea.stories.tsx.snap +0 -2091
  85. package/src/index.ts +0 -61
  86. package/src/stories/Block.tsx +0 -24
  87. package/src/stories/Flex.tsx +0 -16
  88. package/src/stories/color-tokens.stories.tsx +0 -143
  89. package/src/stories-list.ts +0 -22
  90. package/src/story-components/Section.tsx +0 -56
  91. package/src/story-components/Story.tsx +0 -24
  92. package/src/story-components/StoryDecorator.tsx +0 -8
  93. package/src/story-components/StoryGrid.tsx +0 -80
  94. package/src/story-components/StoryTitle.stories.tsx +0 -12
  95. package/src/story-components/StoryTitle.tsx +0 -69
  96. package/src/story-components/__snapshots__/StoryTitle.stories.tsx.snap +0 -155
  97. package/src/story-components/index.ts +0 -5
  98. package/src/themes/default.ts +0 -34
  99. package/src/themes/late-ocean/avatarLateOceanTheme.ts +0 -12
  100. package/src/themes/late-ocean/buttonLateOceanTheme.ts +0 -37
  101. package/src/themes/late-ocean/cardLateOceanTheme.ts +0 -19
  102. package/src/themes/late-ocean/colorsLateOceanTheme.ts +0 -19
  103. package/src/themes/late-ocean/feedbackMessageLateOceanTheme.ts +0 -10
  104. package/src/themes/late-ocean/formLateOceanTheme.ts +0 -9
  105. package/src/themes/late-ocean/fullScreenModalLateOceanTheme.ts +0 -9
  106. package/src/themes/late-ocean/inputFieldLateOceanTheme.ts +0 -4
  107. package/src/themes/late-ocean/inputLateOceanTheme.ts +0 -55
  108. package/src/themes/late-ocean/listItemLateOceanTheme.ts +0 -8
  109. package/src/themes/late-ocean/radioLateOceanTheme.ts +0 -19
  110. package/src/themes/late-ocean/shadowsLateOceanTheme.ts +0 -3
  111. package/src/themes/late-ocean/tagLateOceanTheme.ts +0 -17
  112. package/src/themes/late-ocean/typographyLateOceanTheme.ts +0 -94
  113. package/src/themes/palettes/lateOceanColorPalette.ts +0 -24
  114. package/src/typings/babel-config.d.ts +0 -6
  115. package/src/typings/metro.d.ts +0 -6
  116. package/src/typography/Typography.stories.tsx +0 -113
  117. package/src/typography/Typography.tsx +0 -165
  118. package/src/typography/TypographyIcon.stories.tsx +0 -31
  119. package/src/typography/TypographyIcon.tsx +0 -35
  120. package/src/typography/TypographyLink.stories.tsx +0 -88
  121. package/src/typography/TypographyLink.tsx +0 -48
  122. package/src/typography/__snapshots__/Typography.stories.tsx.snap +0 -6118
  123. package/src/typography/__snapshots__/TypographyIcon.stories.tsx.snap +0 -334
  124. package/src/typography/__snapshots__/TypographyLink.stories.tsx.snap +0 -10945
  125. package/src/useKittTheme.tsx +0 -12
  126. package/src/utils/storybook/decorators/KittThemeDecorator.tsx +0 -27
  127. package/src/utils/storybook/decorators/SafeAreaProviderDecorator.tsx +0 -11
  128. package/src/utils/storybook/setup-global-decorators.ts +0 -6
  129. package/src/utils/tests/renderWithProvidersUtils.tsx +0 -17
  130. package/src/utils/typeUtils.ts +0 -6
  131. package/src/utils/windowSize/MatchWindowSize.tsx +0 -14
  132. package/src/utils/windowSize/__snapshots__/windowSize.stories.tsx.snap +0 -1485
  133. package/src/utils/windowSize/createWindowSizeHelper.test.ts +0 -11
  134. package/src/utils/windowSize/createWindowSizeHelper.ts +0 -65
  135. package/src/utils/windowSize/useMatchWindowSize.ts +0 -14
  136. package/src/utils/windowSize/useWindowSize.ts +0 -1
  137. package/src/utils/windowSize/windowSize.stories.tsx +0 -115
  138. package/tsconfig.build.json +0 -33
  139. package/tsconfig.json +0 -13
package/src/Loader/__snapshots__/Loader.stories.tsx.snap DELETED
@@ -1,607 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`kitt-universal/Feedback Loader 1`] = `
4
- <RNCSafeAreaProvider
5
- onInsetsChange={[Function]}
6
- style={
7
- Array [
8
- Object {
9
- "flex": 1,
10
- },
11
- undefined,
12
- ]
13
- }
14
- >
15
- <RCTScrollView
16
- style={
17
- Array [
18
- Object {
19
- "paddingBottom": 10,
20
- "paddingLeft": 10,
21
- "paddingRight": 10,
22
- "paddingTop": 10,
23
- },
24
- ]
25
- }
26
- >
27
- <View>
28
- <View
29
- style={
30
- Array [
31
- Object {
32
- "marginBottom": 30,
33
- },
34
- ]
35
- }
36
- >
37
- <Text
38
- aria-level="1"
39
- color="black"
40
- isHeader={true}
41
- style={
42
- Array [
43
- Object {
44
- "color": "#000000",
45
- "fontFamily": "Moderat-Extended-Bold",
46
- "fontSize": 38,
47
- "fontStyle": "normal",
48
- "fontWeight": "400",
49
- "lineHeight": 49,
50
- "textDecorationColor": "#000000",
51
- },
52
- ]
53
- }
54
- type="header1"
55
- variant="bold"
56
- >
57
- Loader
58
- </Text>
59
- </View>
60
- <View
61
- style={
62
- Array [
63
- Object {
64
- "marginBottom": 90,
65
- },
66
- ]
67
- }
68
- >
69
- <View
70
- style={
71
- Array [
72
- Object {
73
- "marginBottom": 30,
74
- },
75
- ]
76
- }
77
- >
78
- <View
79
- style={
80
- Array [
81
- Object {
82
- "marginBottom": 30,
83
- },
84
- ]
85
- }
86
- >
87
- <Text
88
- aria-level="2"
89
- color="black"
90
- isHeader={true}
91
- style={
92
- Array [
93
- Object {
94
- "color": "#000000",
95
- "fontFamily": "Moderat-Extended-Bold",
96
- "fontSize": 32,
97
- "fontStyle": "normal",
98
- "fontWeight": "400",
99
- "lineHeight": 42,
100
- "textDecorationColor": "#000000",
101
- },
102
- ]
103
- }
104
- type="header2"
105
- variant="bold"
106
- >
107
- Demo
108
- </Text>
109
- </View>
110
- <ActivityIndicator
111
- animating={true}
112
- color="#4C34E0"
113
- hidesWhenStopped={true}
114
- size="small"
115
- testID="ActivityIndicator"
116
- />
117
- </View>
118
- </View>
119
- <View
120
- style={
121
- Array [
122
- Object {
123
- "marginBottom": 30,
124
- },
125
- ]
126
- }
127
- >
128
- <View
129
- style={
130
- Array [
131
- Object {
132
- "marginBottom": 30,
133
- },
134
- ]
135
- }
136
- >
137
- <Text
138
- aria-level="2"
139
- color="black"
140
- isHeader={true}
141
- style={
142
- Array [
143
- Object {
144
- "color": "#000000",
145
- "fontFamily": "Moderat-Extended-Bold",
146
- "fontSize": 32,
147
- "fontStyle": "normal",
148
- "fontWeight": "400",
149
- "lineHeight": 42,
150
- "textDecorationColor": "#000000",
151
- },
152
- ]
153
- }
154
- type="header2"
155
- variant="bold"
156
- >
157
- Color
158
- </Text>
159
- </View>
160
- <View
161
- style={
162
- Array [
163
- Object {
164
- "flexDirection": "column",
165
- "marginBottom": 0,
166
- "marginLeft": 0,
167
- "marginRight": 0,
168
- "marginTop": 0,
169
- },
170
- ]
171
- }
172
- >
173
- <View
174
- style={
175
- Array [
176
- Object {
177
- "paddingBottom": 20,
178
- "paddingLeft": 0,
179
- "paddingRight": 0,
180
- "paddingTop": 10,
181
- },
182
- ]
183
- }
184
- >
185
- <View
186
- style={
187
- Array [
188
- Object {
189
- "marginBottom": 10,
190
- },
191
- ]
192
- }
193
- >
194
- <Text
195
- aria-level="4"
196
- color="black"
197
- isHeader={true}
198
- medium="header5"
199
- numberOfLines={1}
200
- style={
201
- Array [
202
- Object {
203
- "color": "#000000",
204
- "fontFamily": "Moderat-Extended-Bold",
205
- "fontSize": 18,
206
- "fontStyle": "normal",
207
- "fontWeight": "400",
208
- "lineHeight": 23,
209
- "textDecorationColor": "#000000",
210
- },
211
- ]
212
- }
213
- type="header4"
214
- variant="bold"
215
- >
216
- primary
217
- </Text>
218
- </View>
219
- <ActivityIndicator
220
- animating={true}
221
- color="#4C34E0"
222
- hidesWhenStopped={true}
223
- size="small"
224
- testID="ActivityIndicator"
225
- />
226
- </View>
227
- <View
228
- style={
229
- Array [
230
- Object {
231
- "paddingBottom": 20,
232
- "paddingLeft": 0,
233
- "paddingRight": 0,
234
- "paddingTop": 10,
235
- },
236
- ]
237
- }
238
- >
239
- <View
240
- style={
241
- Array [
242
- Object {
243
- "marginBottom": 10,
244
- },
245
- ]
246
- }
247
- >
248
- <Text
249
- aria-level="4"
250
- color="black"
251
- isHeader={true}
252
- medium="header5"
253
- numberOfLines={1}
254
- style={
255
- Array [
256
- Object {
257
- "color": "#000000",
258
- "fontFamily": "Moderat-Extended-Bold",
259
- "fontSize": 18,
260
- "fontStyle": "normal",
261
- "fontWeight": "400",
262
- "lineHeight": 23,
263
- "textDecorationColor": "#000000",
264
- },
265
- ]
266
- }
267
- type="header4"
268
- variant="bold"
269
- >
270
- black-light
271
- </Text>
272
- </View>
273
- <ActivityIndicator
274
- animating={true}
275
- color="#737373"
276
- hidesWhenStopped={true}
277
- size="small"
278
- testID="ActivityIndicator"
279
- />
280
- </View>
281
- </View>
282
- </View>
283
- <View
284
- style={
285
- Array [
286
- Object {
287
- "marginBottom": 30,
288
- },
289
- ]
290
- }
291
- >
292
- <View
293
- style={
294
- Array [
295
- Object {
296
- "marginBottom": 30,
297
- },
298
- ]
299
- }
300
- >
301
- <Text
302
- aria-level="2"
303
- color="black"
304
- isHeader={true}
305
- style={
306
- Array [
307
- Object {
308
- "color": "#000000",
309
- "fontFamily": "Moderat-Extended-Bold",
310
- "fontSize": 32,
311
- "fontStyle": "normal",
312
- "fontWeight": "400",
313
- "lineHeight": 42,
314
- "textDecorationColor": "#000000",
315
- },
316
- ]
317
- }
318
- type="header2"
319
- variant="bold"
320
- >
321
- Size
322
- </Text>
323
- </View>
324
- <View
325
- style={
326
- Array [
327
- Object {
328
- "flexDirection": "column",
329
- "marginBottom": 0,
330
- "marginLeft": 0,
331
- "marginRight": 0,
332
- "marginTop": 0,
333
- },
334
- ]
335
- }
336
- >
337
- <View
338
- style={
339
- Array [
340
- Object {
341
- "paddingBottom": 20,
342
- "paddingLeft": 0,
343
- "paddingRight": 0,
344
- "paddingTop": 10,
345
- },
346
- ]
347
- }
348
- >
349
- <View
350
- style={
351
- Array [
352
- Object {
353
- "marginBottom": 10,
354
- },
355
- ]
356
- }
357
- >
358
- <Text
359
- aria-level="4"
360
- color="black"
361
- isHeader={true}
362
- medium="header5"
363
- numberOfLines={1}
364
- style={
365
- Array [
366
- Object {
367
- "color": "#000000",
368
- "fontFamily": "Moderat-Extended-Bold",
369
- "fontSize": 18,
370
- "fontStyle": "normal",
371
- "fontWeight": "400",
372
- "lineHeight": 23,
373
- "textDecorationColor": "#000000",
374
- },
375
- ]
376
- }
377
- type="header4"
378
- variant="bold"
379
- >
380
- default
381
- </Text>
382
- </View>
383
- <ActivityIndicator
384
- animating={true}
385
- color="#4C34E0"
386
- hidesWhenStopped={true}
387
- size="small"
388
- testID="ActivityIndicator"
389
- />
390
- </View>
391
- <View
392
- style={
393
- Array [
394
- Object {
395
- "paddingBottom": 20,
396
- "paddingLeft": 0,
397
- "paddingRight": 0,
398
- "paddingTop": 10,
399
- },
400
- ]
401
- }
402
- >
403
- <View
404
- style={
405
- Array [
406
- Object {
407
- "marginBottom": 10,
408
- },
409
- ]
410
- }
411
- >
412
- <Text
413
- aria-level="4"
414
- color="black"
415
- isHeader={true}
416
- medium="header5"
417
- numberOfLines={1}
418
- style={
419
- Array [
420
- Object {
421
- "color": "#000000",
422
- "fontFamily": "Moderat-Extended-Bold",
423
- "fontSize": 18,
424
- "fontStyle": "normal",
425
- "fontWeight": "400",
426
- "lineHeight": 23,
427
- "textDecorationColor": "#000000",
428
- },
429
- ]
430
- }
431
- type="header4"
432
- variant="bold"
433
- >
434
- 40
435
- </Text>
436
- </View>
437
- <ActivityIndicator
438
- animating={true}
439
- color="#4C34E0"
440
- hidesWhenStopped={true}
441
- size="large"
442
- testID="ActivityIndicator"
443
- />
444
- </View>
445
- <View
446
- style={
447
- Array [
448
- Object {
449
- "paddingBottom": 20,
450
- "paddingLeft": 0,
451
- "paddingRight": 0,
452
- "paddingTop": 10,
453
- },
454
- ]
455
- }
456
- >
457
- <View
458
- style={
459
- Array [
460
- Object {
461
- "marginBottom": 10,
462
- },
463
- ]
464
- }
465
- >
466
- <Text
467
- aria-level="4"
468
- color="black"
469
- isHeader={true}
470
- medium="header5"
471
- numberOfLines={1}
472
- style={
473
- Array [
474
- Object {
475
- "color": "#000000",
476
- "fontFamily": "Moderat-Extended-Bold",
477
- "fontSize": 18,
478
- "fontStyle": "normal",
479
- "fontWeight": "400",
480
- "lineHeight": 23,
481
- "textDecorationColor": "#000000",
482
- },
483
- ]
484
- }
485
- type="header4"
486
- variant="bold"
487
- >
488
- 60
489
- </Text>
490
- </View>
491
- <ActivityIndicator
492
- animating={true}
493
- color="#4C34E0"
494
- hidesWhenStopped={true}
495
- size="large"
496
- testID="ActivityIndicator"
497
- />
498
- </View>
499
- <View
500
- style={
501
- Array [
502
- Object {
503
- "paddingBottom": 20,
504
- "paddingLeft": 0,
505
- "paddingRight": 0,
506
- "paddingTop": 10,
507
- },
508
- ]
509
- }
510
- >
511
- <View
512
- style={
513
- Array [
514
- Object {
515
- "marginBottom": 10,
516
- },
517
- ]
518
- }
519
- >
520
- <Text
521
- aria-level="4"
522
- color="black"
523
- isHeader={true}
524
- medium="header5"
525
- numberOfLines={1}
526
- style={
527
- Array [
528
- Object {
529
- "color": "#000000",
530
- "fontFamily": "Moderat-Extended-Bold",
531
- "fontSize": 18,
532
- "fontStyle": "normal",
533
- "fontWeight": "400",
534
- "lineHeight": 23,
535
- "textDecorationColor": "#000000",
536
- },
537
- ]
538
- }
539
- type="header4"
540
- variant="bold"
541
- >
542
- 80
543
- </Text>
544
- </View>
545
- <ActivityIndicator
546
- animating={true}
547
- color="#4C34E0"
548
- hidesWhenStopped={true}
549
- size="large"
550
- testID="ActivityIndicator"
551
- />
552
- </View>
553
- </View>
554
- </View>
555
- <View
556
- style={
557
- Array [
558
- Object {
559
- "marginBottom": 30,
560
- },
561
- ]
562
- }
563
- >
564
- <View
565
- style={
566
- Array [
567
- Object {
568
- "marginBottom": 30,
569
- },
570
- ]
571
- }
572
- >
573
- <Text
574
- aria-level="2"
575
- color="black"
576
- isHeader={true}
577
- style={
578
- Array [
579
- Object {
580
- "color": "#000000",
581
- "fontFamily": "Moderat-Extended-Bold",
582
- "fontSize": 32,
583
- "fontStyle": "normal",
584
- "fontWeight": "400",
585
- "lineHeight": 42,
586
- "textDecorationColor": "#000000",
587
- },
588
- ]
589
- }
590
- type="header2"
591
- variant="bold"
592
- >
593
- Large Loader
594
- </Text>
595
- </View>
596
- <ActivityIndicator
597
- animating={true}
598
- color="#4C34E0"
599
- hidesWhenStopped={true}
600
- size="large"
601
- testID="ActivityIndicator"
602
- />
603
- </View>
604
- </View>
605
- </RCTScrollView>
606
- </RNCSafeAreaProvider>
607
- `;
package/src/Loader/__snapshots__/Loader.web.test.tsx.snap DELETED
@@ -1,103 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Loader web should render Loader with 80 size 1`] = `
4
- <View
5
- color="#4C34E0"
6
- size={80}
7
- style={
8
- Array [
9
- Object {
10
- "alignSelf": "auto",
11
- "color": "#4C34E0",
12
- "height": 80,
13
- "width": 80,
14
- },
15
- ]
16
- }
17
- >
18
- <View
19
- style={
20
- Object {
21
- "transform": Array [
22
- Object {
23
- "rotate": "0deg",
24
- },
25
- ],
26
- }
27
- }
28
- >
29
- <svg
30
- color="#4C34E0"
31
- data-file-name="SvgLoaderInline"
32
- />
33
- </View>
34
- </View>
35
- `;
36
-
37
- exports[`Loader web should render Loader with black color 1`] = `
38
- <View
39
- color="#000000"
40
- size={20}
41
- style={
42
- Array [
43
- Object {
44
- "alignSelf": "auto",
45
- "color": "#000000",
46
- "height": 20,
47
- "width": 20,
48
- },
49
- ]
50
- }
51
- >
52
- <View
53
- style={
54
- Object {
55
- "transform": Array [
56
- Object {
57
- "rotate": "0deg",
58
- },
59
- ],
60
- }
61
- }
62
- >
63
- <svg
64
- color="#000000"
65
- data-file-name="SvgLoaderInline"
66
- />
67
- </View>
68
- </View>
69
- `;
70
-
71
- exports[`Loader web should render Loader with no props 1`] = `
72
- <View
73
- color="#4C34E0"
74
- size={20}
75
- style={
76
- Array [
77
- Object {
78
- "alignSelf": "auto",
79
- "color": "#4C34E0",
80
- "height": 20,
81
- "width": 20,
82
- },
83
- ]
84
- }
85
- >
86
- <View
87
- style={
88
- Object {
89
- "transform": Array [
90
- Object {
91
- "rotate": "0deg",
92
- },
93
- ],
94
- }
95
- }
96
- >
97
- <svg
98
- color="#4C34E0"
99
- data-file-name="SvgLoaderInline"
100
- />
101
- </View>
102
- </View>
103
- `;