@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/forms/Radio/__snapshots__/Radio.stories.tsx.snap DELETED
@@ -1,967 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`kitt-universal/Forms Radio 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
- Radio
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
- <View
111
- accessibilityRole="radio"
112
- accessible={true}
113
- collapsable={false}
114
- focusable={true}
115
- nativeID="radio-demo"
116
- onBlur={[Function]}
117
- onClick={[Function]}
118
- onFocus={[Function]}
119
- onResponderGrant={[Function]}
120
- onResponderMove={[Function]}
121
- onResponderRelease={[Function]}
122
- onResponderTerminate={[Function]}
123
- onResponderTerminationRequest={[Function]}
124
- onStartShouldSetResponder={[Function]}
125
- style={
126
- Array [
127
- Object {
128
- "alignItems": "center",
129
- "flexDirection": "row",
130
- },
131
- ]
132
- }
133
- >
134
- <View
135
- disabled={false}
136
- style={
137
- Array [
138
- Object {
139
- "backgroundColor": "#FFFFFF",
140
- "borderColor": "#CCCCCC",
141
- "borderRadius": 9,
142
- "borderWidth": 2,
143
- "height": 18,
144
- "width": 18,
145
- },
146
- ]
147
- }
148
- />
149
- <Text
150
- color="black"
151
- isHeader={false}
152
- style={
153
- Array [
154
- Object {
155
- "color": "#000000",
156
- "fontFamily": "NotoSans",
157
- "fontSize": 16,
158
- "fontStyle": "normal",
159
- "fontWeight": "400",
160
- "lineHeight": 26,
161
- "textDecorationColor": "#000000",
162
- },
163
- Object {
164
- "marginLeft": 8,
165
- },
166
- ]
167
- }
168
- type="body"
169
- variant="regular"
170
- >
171
- Placeholder
172
- </Text>
173
- </View>
174
- </View>
175
- </View>
176
- <View
177
- style={
178
- Array [
179
- Object {
180
- "marginBottom": 30,
181
- },
182
- ]
183
- }
184
- >
185
- <View
186
- style={
187
- Array [
188
- Object {
189
- "marginBottom": 30,
190
- },
191
- ]
192
- }
193
- >
194
- <Text
195
- aria-level="2"
196
- color="black"
197
- isHeader={true}
198
- style={
199
- Array [
200
- Object {
201
- "color": "#000000",
202
- "fontFamily": "Moderat-Extended-Bold",
203
- "fontSize": 32,
204
- "fontStyle": "normal",
205
- "fontWeight": "400",
206
- "lineHeight": 42,
207
- "textDecorationColor": "#000000",
208
- },
209
- ]
210
- }
211
- type="header2"
212
- variant="bold"
213
- >
214
- Unchecked
215
- </Text>
216
- </View>
217
- <View
218
- style={
219
- Array [
220
- Object {
221
- "marginBottom": 20,
222
- },
223
- ]
224
- }
225
- >
226
- <View
227
- style={
228
- Array [
229
- Object {
230
- "marginBottom": 10,
231
- },
232
- ]
233
- }
234
- >
235
- <Text
236
- aria-level="3"
237
- color="black"
238
- isHeader={true}
239
- medium="header4"
240
- style={
241
- Array [
242
- Object {
243
- "color": "#000000",
244
- "fontFamily": "Moderat-Extended-Bold",
245
- "fontSize": 24,
246
- "fontStyle": "normal",
247
- "fontWeight": "400",
248
- "lineHeight": 31,
249
- "textDecorationColor": "#000000",
250
- },
251
- ]
252
- }
253
- type="header3"
254
- variant="bold"
255
- >
256
- default
257
- </Text>
258
- </View>
259
- <View
260
- accessibilityRole="radio"
261
- accessible={true}
262
- collapsable={false}
263
- focusable={true}
264
- nativeID="unchecked-default"
265
- onBlur={[Function]}
266
- onClick={[Function]}
267
- onFocus={[Function]}
268
- onResponderGrant={[Function]}
269
- onResponderMove={[Function]}
270
- onResponderRelease={[Function]}
271
- onResponderTerminate={[Function]}
272
- onResponderTerminationRequest={[Function]}
273
- onStartShouldSetResponder={[Function]}
274
- style={
275
- Array [
276
- Object {
277
- "alignItems": "center",
278
- "flexDirection": "row",
279
- },
280
- ]
281
- }
282
- >
283
- <View
284
- disabled={false}
285
- style={
286
- Array [
287
- Object {
288
- "backgroundColor": "#FFFFFF",
289
- "borderColor": "#CCCCCC",
290
- "borderRadius": 9,
291
- "borderWidth": 2,
292
- "height": 18,
293
- "width": 18,
294
- },
295
- ]
296
- }
297
- />
298
- <Text
299
- color="black"
300
- isHeader={false}
301
- style={
302
- Array [
303
- Object {
304
- "color": "#000000",
305
- "fontFamily": "NotoSans",
306
- "fontSize": 16,
307
- "fontStyle": "normal",
308
- "fontWeight": "400",
309
- "lineHeight": 26,
310
- "textDecorationColor": "#000000",
311
- },
312
- Object {
313
- "marginLeft": 8,
314
- },
315
- ]
316
- }
317
- type="body"
318
- variant="regular"
319
- />
320
- </View>
321
- </View>
322
- <View
323
- style={
324
- Array [
325
- Object {
326
- "marginBottom": 20,
327
- },
328
- ]
329
- }
330
- >
331
- <View
332
- style={
333
- Array [
334
- Object {
335
- "marginBottom": 10,
336
- },
337
- ]
338
- }
339
- >
340
- <Text
341
- aria-level="3"
342
- color="black"
343
- isHeader={true}
344
- medium="header4"
345
- style={
346
- Array [
347
- Object {
348
- "color": "#000000",
349
- "fontFamily": "Moderat-Extended-Bold",
350
- "fontSize": 24,
351
- "fontStyle": "normal",
352
- "fontWeight": "400",
353
- "lineHeight": 31,
354
- "textDecorationColor": "#000000",
355
- },
356
- ]
357
- }
358
- type="header3"
359
- variant="bold"
360
- >
361
- with text
362
- </Text>
363
- </View>
364
- <View
365
- accessibilityRole="radio"
366
- accessible={true}
367
- collapsable={false}
368
- focusable={true}
369
- nativeID="unchecked-with-text"
370
- onBlur={[Function]}
371
- onClick={[Function]}
372
- onFocus={[Function]}
373
- onResponderGrant={[Function]}
374
- onResponderMove={[Function]}
375
- onResponderRelease={[Function]}
376
- onResponderTerminate={[Function]}
377
- onResponderTerminationRequest={[Function]}
378
- onStartShouldSetResponder={[Function]}
379
- style={
380
- Array [
381
- Object {
382
- "alignItems": "center",
383
- "flexDirection": "row",
384
- },
385
- ]
386
- }
387
- >
388
- <View
389
- disabled={false}
390
- style={
391
- Array [
392
- Object {
393
- "backgroundColor": "#FFFFFF",
394
- "borderColor": "#CCCCCC",
395
- "borderRadius": 9,
396
- "borderWidth": 2,
397
- "height": 18,
398
- "width": 18,
399
- },
400
- ]
401
- }
402
- />
403
- <Text
404
- color="black"
405
- isHeader={false}
406
- style={
407
- Array [
408
- Object {
409
- "color": "#000000",
410
- "fontFamily": "NotoSans",
411
- "fontSize": 16,
412
- "fontStyle": "normal",
413
- "fontWeight": "400",
414
- "lineHeight": 26,
415
- "textDecorationColor": "#000000",
416
- },
417
- Object {
418
- "marginLeft": 8,
419
- },
420
- ]
421
- }
422
- type="body"
423
- variant="regular"
424
- >
425
- Placeholder
426
- </Text>
427
- </View>
428
- </View>
429
- </View>
430
- <View
431
- style={
432
- Array [
433
- Object {
434
- "marginBottom": 30,
435
- },
436
- ]
437
- }
438
- >
439
- <View
440
- style={
441
- Array [
442
- Object {
443
- "marginBottom": 30,
444
- },
445
- ]
446
- }
447
- >
448
- <Text
449
- aria-level="2"
450
- color="black"
451
- isHeader={true}
452
- style={
453
- Array [
454
- Object {
455
- "color": "#000000",
456
- "fontFamily": "Moderat-Extended-Bold",
457
- "fontSize": 32,
458
- "fontStyle": "normal",
459
- "fontWeight": "400",
460
- "lineHeight": 42,
461
- "textDecorationColor": "#000000",
462
- },
463
- ]
464
- }
465
- type="header2"
466
- variant="bold"
467
- >
468
- Checked
469
- </Text>
470
- </View>
471
- <View
472
- style={
473
- Array [
474
- Object {
475
- "marginBottom": 20,
476
- },
477
- ]
478
- }
479
- >
480
- <View
481
- style={
482
- Array [
483
- Object {
484
- "marginBottom": 10,
485
- },
486
- ]
487
- }
488
- >
489
- <Text
490
- aria-level="3"
491
- color="black"
492
- isHeader={true}
493
- medium="header4"
494
- style={
495
- Array [
496
- Object {
497
- "color": "#000000",
498
- "fontFamily": "Moderat-Extended-Bold",
499
- "fontSize": 24,
500
- "fontStyle": "normal",
501
- "fontWeight": "400",
502
- "lineHeight": 31,
503
- "textDecorationColor": "#000000",
504
- },
505
- ]
506
- }
507
- type="header3"
508
- variant="bold"
509
- >
510
- default
511
- </Text>
512
- </View>
513
- <View
514
- accessibilityRole="radio"
515
- accessible={true}
516
- aria-checked={true}
517
- collapsable={false}
518
- focusable={true}
519
- nativeID="checked-default"
520
- onBlur={[Function]}
521
- onClick={[Function]}
522
- onFocus={[Function]}
523
- onResponderGrant={[Function]}
524
- onResponderMove={[Function]}
525
- onResponderRelease={[Function]}
526
- onResponderTerminate={[Function]}
527
- onResponderTerminationRequest={[Function]}
528
- onStartShouldSetResponder={[Function]}
529
- style={
530
- Array [
531
- Object {
532
- "alignItems": "center",
533
- "flexDirection": "row",
534
- },
535
- ]
536
- }
537
- >
538
- <View
539
- style={
540
- Array [
541
- Object {
542
- "alignItems": "center",
543
- "backgroundColor": "#4C34E0",
544
- "borderRadius": 9,
545
- "height": 18,
546
- "justifyContent": "center",
547
- "width": 18,
548
- },
549
- ]
550
- }
551
- >
552
- <View
553
- style={
554
- Array [
555
- Object {
556
- "backgroundColor": "#FFFFFF",
557
- "borderRadius": 2.5,
558
- "height": 5,
559
- "width": 5,
560
- },
561
- ]
562
- }
563
- />
564
- </View>
565
- <Text
566
- color="black"
567
- isHeader={false}
568
- style={
569
- Array [
570
- Object {
571
- "color": "#000000",
572
- "fontFamily": "NotoSans",
573
- "fontSize": 16,
574
- "fontStyle": "normal",
575
- "fontWeight": "400",
576
- "lineHeight": 26,
577
- "textDecorationColor": "#000000",
578
- },
579
- Object {
580
- "marginLeft": 8,
581
- },
582
- ]
583
- }
584
- type="body"
585
- variant="regular"
586
- />
587
- </View>
588
- </View>
589
- <View
590
- style={
591
- Array [
592
- Object {
593
- "marginBottom": 20,
594
- },
595
- ]
596
- }
597
- >
598
- <View
599
- style={
600
- Array [
601
- Object {
602
- "marginBottom": 10,
603
- },
604
- ]
605
- }
606
- >
607
- <Text
608
- aria-level="3"
609
- color="black"
610
- isHeader={true}
611
- medium="header4"
612
- style={
613
- Array [
614
- Object {
615
- "color": "#000000",
616
- "fontFamily": "Moderat-Extended-Bold",
617
- "fontSize": 24,
618
- "fontStyle": "normal",
619
- "fontWeight": "400",
620
- "lineHeight": 31,
621
- "textDecorationColor": "#000000",
622
- },
623
- ]
624
- }
625
- type="header3"
626
- variant="bold"
627
- >
628
- with text
629
- </Text>
630
- </View>
631
- <View
632
- accessibilityRole="radio"
633
- accessible={true}
634
- aria-checked={true}
635
- collapsable={false}
636
- focusable={true}
637
- nativeID="checked-with-text"
638
- onBlur={[Function]}
639
- onClick={[Function]}
640
- onFocus={[Function]}
641
- onResponderGrant={[Function]}
642
- onResponderMove={[Function]}
643
- onResponderRelease={[Function]}
644
- onResponderTerminate={[Function]}
645
- onResponderTerminationRequest={[Function]}
646
- onStartShouldSetResponder={[Function]}
647
- style={
648
- Array [
649
- Object {
650
- "alignItems": "center",
651
- "flexDirection": "row",
652
- },
653
- ]
654
- }
655
- >
656
- <View
657
- style={
658
- Array [
659
- Object {
660
- "alignItems": "center",
661
- "backgroundColor": "#4C34E0",
662
- "borderRadius": 9,
663
- "height": 18,
664
- "justifyContent": "center",
665
- "width": 18,
666
- },
667
- ]
668
- }
669
- >
670
- <View
671
- style={
672
- Array [
673
- Object {
674
- "backgroundColor": "#FFFFFF",
675
- "borderRadius": 2.5,
676
- "height": 5,
677
- "width": 5,
678
- },
679
- ]
680
- }
681
- />
682
- </View>
683
- <Text
684
- color="black"
685
- isHeader={false}
686
- style={
687
- Array [
688
- Object {
689
- "color": "#000000",
690
- "fontFamily": "NotoSans",
691
- "fontSize": 16,
692
- "fontStyle": "normal",
693
- "fontWeight": "400",
694
- "lineHeight": 26,
695
- "textDecorationColor": "#000000",
696
- },
697
- Object {
698
- "marginLeft": 8,
699
- },
700
- ]
701
- }
702
- type="body"
703
- variant="regular"
704
- >
705
- Placeholder
706
- </Text>
707
- </View>
708
- </View>
709
- </View>
710
- <View
711
- style={
712
- Array [
713
- Object {
714
- "marginBottom": 30,
715
- },
716
- ]
717
- }
718
- >
719
- <View
720
- style={
721
- Array [
722
- Object {
723
- "marginBottom": 30,
724
- },
725
- ]
726
- }
727
- >
728
- <Text
729
- aria-level="2"
730
- color="black"
731
- isHeader={true}
732
- style={
733
- Array [
734
- Object {
735
- "color": "#000000",
736
- "fontFamily": "Moderat-Extended-Bold",
737
- "fontSize": 32,
738
- "fontStyle": "normal",
739
- "fontWeight": "400",
740
- "lineHeight": 42,
741
- "textDecorationColor": "#000000",
742
- },
743
- ]
744
- }
745
- type="header2"
746
- variant="bold"
747
- >
748
- Disabled
749
- </Text>
750
- </View>
751
- <View
752
- style={
753
- Array [
754
- Object {
755
- "marginBottom": 20,
756
- },
757
- ]
758
- }
759
- >
760
- <View
761
- style={
762
- Array [
763
- Object {
764
- "marginBottom": 10,
765
- },
766
- ]
767
- }
768
- >
769
- <Text
770
- aria-level="3"
771
- color="black"
772
- isHeader={true}
773
- medium="header4"
774
- style={
775
- Array [
776
- Object {
777
- "color": "#000000",
778
- "fontFamily": "Moderat-Extended-Bold",
779
- "fontSize": 24,
780
- "fontStyle": "normal",
781
- "fontWeight": "400",
782
- "lineHeight": 31,
783
- "textDecorationColor": "#000000",
784
- },
785
- ]
786
- }
787
- type="header3"
788
- variant="bold"
789
- >
790
- default
791
- </Text>
792
- </View>
793
- <View
794
- accessibilityRole="radio"
795
- accessible={true}
796
- collapsable={false}
797
- focusable={true}
798
- nativeID="disabled-default"
799
- onBlur={[Function]}
800
- onClick={[Function]}
801
- onFocus={[Function]}
802
- onResponderGrant={[Function]}
803
- onResponderMove={[Function]}
804
- onResponderRelease={[Function]}
805
- onResponderTerminate={[Function]}
806
- onResponderTerminationRequest={[Function]}
807
- onStartShouldSetResponder={[Function]}
808
- style={
809
- Array [
810
- Object {
811
- "alignItems": "center",
812
- "flexDirection": "row",
813
- },
814
- ]
815
- }
816
- >
817
- <View
818
- disabled={true}
819
- style={
820
- Array [
821
- Object {
822
- "backgroundColor": "#F2F2F2",
823
- "borderColor": "#E5E5E5",
824
- "borderRadius": 9,
825
- "borderWidth": 2,
826
- "height": 18,
827
- "width": 18,
828
- },
829
- ]
830
- }
831
- />
832
- <Text
833
- color="black-light"
834
- isHeader={false}
835
- style={
836
- Array [
837
- Object {
838
- "color": "#737373",
839
- "fontFamily": "NotoSans",
840
- "fontSize": 16,
841
- "fontStyle": "normal",
842
- "fontWeight": "400",
843
- "lineHeight": 26,
844
- "textDecorationColor": "#737373",
845
- },
846
- Object {
847
- "marginLeft": 8,
848
- },
849
- ]
850
- }
851
- type="body"
852
- variant="regular"
853
- />
854
- </View>
855
- </View>
856
- <View
857
- style={
858
- Array [
859
- Object {
860
- "marginBottom": 20,
861
- },
862
- ]
863
- }
864
- >
865
- <View
866
- style={
867
- Array [
868
- Object {
869
- "marginBottom": 10,
870
- },
871
- ]
872
- }
873
- >
874
- <Text
875
- aria-level="3"
876
- color="black"
877
- isHeader={true}
878
- medium="header4"
879
- style={
880
- Array [
881
- Object {
882
- "color": "#000000",
883
- "fontFamily": "Moderat-Extended-Bold",
884
- "fontSize": 24,
885
- "fontStyle": "normal",
886
- "fontWeight": "400",
887
- "lineHeight": 31,
888
- "textDecorationColor": "#000000",
889
- },
890
- ]
891
- }
892
- type="header3"
893
- variant="bold"
894
- >
895
- with text
896
- </Text>
897
- </View>
898
- <View
899
- accessibilityRole="radio"
900
- accessible={true}
901
- collapsable={false}
902
- focusable={true}
903
- nativeID="disabled-with-text"
904
- onBlur={[Function]}
905
- onClick={[Function]}
906
- onFocus={[Function]}
907
- onResponderGrant={[Function]}
908
- onResponderMove={[Function]}
909
- onResponderRelease={[Function]}
910
- onResponderTerminate={[Function]}
911
- onResponderTerminationRequest={[Function]}
912
- onStartShouldSetResponder={[Function]}
913
- style={
914
- Array [
915
- Object {
916
- "alignItems": "center",
917
- "flexDirection": "row",
918
- },
919
- ]
920
- }
921
- >
922
- <View
923
- disabled={true}
924
- style={
925
- Array [
926
- Object {
927
- "backgroundColor": "#F2F2F2",
928
- "borderColor": "#E5E5E5",
929
- "borderRadius": 9,
930
- "borderWidth": 2,
931
- "height": 18,
932
- "width": 18,
933
- },
934
- ]
935
- }
936
- />
937
- <Text
938
- color="black-light"
939
- isHeader={false}
940
- style={
941
- Array [
942
- Object {
943
- "color": "#737373",
944
- "fontFamily": "NotoSans",
945
- "fontSize": 16,
946
- "fontStyle": "normal",
947
- "fontWeight": "400",
948
- "lineHeight": 26,
949
- "textDecorationColor": "#737373",
950
- },
951
- Object {
952
- "marginLeft": 8,
953
- },
954
- ]
955
- }
956
- type="body"
957
- variant="regular"
958
- >
959
- Placeholder
960
- </Text>
961
- </View>
962
- </View>
963
- </View>
964
- </View>
965
- </RCTScrollView>
966
- </RNCSafeAreaProvider>
967
- `;