@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/TextArea/__snapshots__/TextArea.stories.tsx.snap DELETED
@@ -1,2091 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`kitt-universal/Forms TextArea 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
- TextArea
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
- style={
112
- Array [
113
- Object {
114
- "marginBottom": 4,
115
- "marginTop": 2,
116
- },
117
- ]
118
- }
119
- >
120
- <TextInput
121
- allowFontScaling={true}
122
- autoCompleteType="off"
123
- autoCorrect={true}
124
- editable={true}
125
- keyboardType="default"
126
- minHeight={120}
127
- multiline={true}
128
- onBlur={[Function]}
129
- onChange={[MockFunction]}
130
- onFocus={[Function]}
131
- placeholder="Placeholder"
132
- placeholderTextColor="#737373"
133
- rejectResponderTermination={true}
134
- secureTextEntry={false}
135
- selectionColor="#4C34E0"
136
- state="default"
137
- style={
138
- Array [
139
- Object {
140
- "backgroundColor": "#FFFFFF",
141
- "borderColor": "#E5E5E5",
142
- "borderRadius": 10,
143
- "borderWidth": 2,
144
- "color": "#000000",
145
- "fontFamily": "NotoSans",
146
- "fontSize": 16,
147
- "lineHeight": 26,
148
- "minHeight": 120,
149
- "paddingBottom": 7,
150
- "paddingLeft": 16,
151
- "paddingRight": 16,
152
- "paddingTop": 7,
153
- },
154
- ]
155
- }
156
- textContentType="none"
157
- underlineColorAndroid="transparent"
158
- />
159
- </View>
160
- </View>
161
- </View>
162
- <View
163
- style={
164
- Array [
165
- Object {
166
- "marginBottom": 30,
167
- },
168
- ]
169
- }
170
- >
171
- <View
172
- style={
173
- Array [
174
- Object {
175
- "marginBottom": 30,
176
- },
177
- ]
178
- }
179
- >
180
- <Text
181
- aria-level="2"
182
- color="black"
183
- isHeader={true}
184
- style={
185
- Array [
186
- Object {
187
- "color": "#000000",
188
- "fontFamily": "Moderat-Extended-Bold",
189
- "fontSize": 32,
190
- "fontStyle": "normal",
191
- "fontWeight": "400",
192
- "lineHeight": 42,
193
- "textDecorationColor": "#000000",
194
- },
195
- ]
196
- }
197
- type="header2"
198
- variant="bold"
199
- >
200
- Default
201
- </Text>
202
- </View>
203
- <View
204
- style={
205
- Array [
206
- Object {
207
- "flexDirection": "column",
208
- "marginBottom": 0,
209
- "marginLeft": 0,
210
- "marginRight": 0,
211
- "marginTop": 0,
212
- },
213
- ]
214
- }
215
- >
216
- <View
217
- style={
218
- Array [
219
- Object {
220
- "paddingBottom": 20,
221
- "paddingLeft": 0,
222
- "paddingRight": 0,
223
- "paddingTop": 10,
224
- },
225
- ]
226
- }
227
- >
228
- <View
229
- style={
230
- Array [
231
- Object {
232
- "marginBottom": 10,
233
- },
234
- ]
235
- }
236
- >
237
- <Text
238
- aria-level="4"
239
- color="black"
240
- isHeader={true}
241
- medium="header5"
242
- numberOfLines={1}
243
- style={
244
- Array [
245
- Object {
246
- "color": "#000000",
247
- "fontFamily": "Moderat-Extended-Bold",
248
- "fontSize": 18,
249
- "fontStyle": "normal",
250
- "fontWeight": "400",
251
- "lineHeight": 23,
252
- "textDecorationColor": "#000000",
253
- },
254
- ]
255
- }
256
- type="header4"
257
- variant="bold"
258
- >
259
- Empty
260
- </Text>
261
- </View>
262
- <View
263
- style={
264
- Array [
265
- Object {
266
- "marginBottom": 4,
267
- "marginTop": 2,
268
- },
269
- ]
270
- }
271
- >
272
- <TextInput
273
- allowFontScaling={true}
274
- autoCompleteType="off"
275
- autoCorrect={true}
276
- editable={true}
277
- keyboardType="default"
278
- minHeight={120}
279
- multiline={true}
280
- onBlur={[Function]}
281
- onChange={[MockFunction]}
282
- onFocus={[Function]}
283
- placeholder="Placeholder"
284
- placeholderTextColor="#737373"
285
- rejectResponderTermination={true}
286
- secureTextEntry={false}
287
- selectionColor="#4C34E0"
288
- state="default"
289
- style={
290
- Array [
291
- Object {
292
- "backgroundColor": "#FFFFFF",
293
- "borderColor": "#E5E5E5",
294
- "borderRadius": 10,
295
- "borderWidth": 2,
296
- "color": "#000000",
297
- "fontFamily": "NotoSans",
298
- "fontSize": 16,
299
- "lineHeight": 26,
300
- "minHeight": 120,
301
- "paddingBottom": 7,
302
- "paddingLeft": 16,
303
- "paddingRight": 16,
304
- "paddingTop": 7,
305
- },
306
- ]
307
- }
308
- textContentType="none"
309
- underlineColorAndroid="transparent"
310
- />
311
- </View>
312
- </View>
313
- <View
314
- style={
315
- Array [
316
- Object {
317
- "paddingBottom": 20,
318
- "paddingLeft": 0,
319
- "paddingRight": 0,
320
- "paddingTop": 10,
321
- },
322
- ]
323
- }
324
- >
325
- <View
326
- style={
327
- Array [
328
- Object {
329
- "marginBottom": 10,
330
- },
331
- ]
332
- }
333
- >
334
- <Text
335
- aria-level="4"
336
- color="black"
337
- isHeader={true}
338
- medium="header5"
339
- numberOfLines={1}
340
- style={
341
- Array [
342
- Object {
343
- "color": "#000000",
344
- "fontFamily": "Moderat-Extended-Bold",
345
- "fontSize": 18,
346
- "fontStyle": "normal",
347
- "fontWeight": "400",
348
- "lineHeight": 23,
349
- "textDecorationColor": "#000000",
350
- },
351
- ]
352
- }
353
- type="header4"
354
- variant="bold"
355
- >
356
- Filled
357
- </Text>
358
- </View>
359
- <View
360
- style={
361
- Array [
362
- Object {
363
- "marginBottom": 4,
364
- "marginTop": 2,
365
- },
366
- ]
367
- }
368
- >
369
- <TextInput
370
- allowFontScaling={true}
371
- autoCompleteType="off"
372
- autoCorrect={true}
373
- editable={true}
374
- keyboardType="default"
375
- minHeight={120}
376
- multiline={true}
377
- onBlur={[Function]}
378
- onChange={[MockFunction]}
379
- onFocus={[Function]}
380
- placeholder="Placeholder"
381
- placeholderTextColor="#737373"
382
- rejectResponderTermination={true}
383
- secureTextEntry={false}
384
- selectionColor="#4C34E0"
385
- state="default"
386
- style={
387
- Array [
388
- Object {
389
- "backgroundColor": "#FFFFFF",
390
- "borderColor": "#E5E5E5",
391
- "borderRadius": 10,
392
- "borderWidth": 2,
393
- "color": "#000000",
394
- "fontFamily": "NotoSans",
395
- "fontSize": 16,
396
- "lineHeight": 26,
397
- "minHeight": 120,
398
- "paddingBottom": 7,
399
- "paddingLeft": 16,
400
- "paddingRight": 16,
401
- "paddingTop": 7,
402
- },
403
- ]
404
- }
405
- textContentType="none"
406
- underlineColorAndroid="transparent"
407
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
408
- />
409
- </View>
410
- </View>
411
- <View
412
- style={
413
- Array [
414
- Object {
415
- "paddingBottom": 20,
416
- "paddingLeft": 0,
417
- "paddingRight": 0,
418
- "paddingTop": 10,
419
- },
420
- ]
421
- }
422
- >
423
- <View
424
- style={
425
- Array [
426
- Object {
427
- "marginBottom": 10,
428
- },
429
- ]
430
- }
431
- >
432
- <Text
433
- aria-level="4"
434
- color="black"
435
- isHeader={true}
436
- medium="header5"
437
- numberOfLines={1}
438
- style={
439
- Array [
440
- Object {
441
- "color": "#000000",
442
- "fontFamily": "Moderat-Extended-Bold",
443
- "fontSize": 18,
444
- "fontStyle": "normal",
445
- "fontWeight": "400",
446
- "lineHeight": 23,
447
- "textDecorationColor": "#000000",
448
- },
449
- ]
450
- }
451
- type="header4"
452
- variant="bold"
453
- >
454
- Hover
455
- </Text>
456
- </View>
457
- <View
458
- style={
459
- Array [
460
- Object {
461
- "marginBottom": 4,
462
- "marginTop": 2,
463
- },
464
- ]
465
- }
466
- >
467
- <TextInput
468
- allowFontScaling={true}
469
- autoCompleteType="off"
470
- autoCorrect={true}
471
- editable={true}
472
- keyboardType="default"
473
- minHeight={120}
474
- multiline={true}
475
- onBlur={[Function]}
476
- onChange={[MockFunction]}
477
- onFocus={[Function]}
478
- placeholder="Placeholder"
479
- placeholderTextColor="#737373"
480
- rejectResponderTermination={true}
481
- secureTextEntry={false}
482
- selectionColor="#4C34E0"
483
- state="hover"
484
- style={
485
- Array [
486
- Object {
487
- "backgroundColor": "#FFFFFF",
488
- "borderColor": "#CCCCCC",
489
- "borderRadius": 10,
490
- "borderWidth": 2,
491
- "color": "#000000",
492
- "fontFamily": "NotoSans",
493
- "fontSize": 16,
494
- "lineHeight": 26,
495
- "minHeight": 120,
496
- "paddingBottom": 7,
497
- "paddingLeft": 16,
498
- "paddingRight": 16,
499
- "paddingTop": 7,
500
- },
501
- ]
502
- }
503
- textContentType="none"
504
- underlineColorAndroid="transparent"
505
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
506
- />
507
- </View>
508
- </View>
509
- <View
510
- style={
511
- Array [
512
- Object {
513
- "paddingBottom": 20,
514
- "paddingLeft": 0,
515
- "paddingRight": 0,
516
- "paddingTop": 10,
517
- },
518
- ]
519
- }
520
- >
521
- <View
522
- style={
523
- Array [
524
- Object {
525
- "marginBottom": 10,
526
- },
527
- ]
528
- }
529
- >
530
- <Text
531
- aria-level="4"
532
- color="black"
533
- isHeader={true}
534
- medium="header5"
535
- numberOfLines={1}
536
- style={
537
- Array [
538
- Object {
539
- "color": "#000000",
540
- "fontFamily": "Moderat-Extended-Bold",
541
- "fontSize": 18,
542
- "fontStyle": "normal",
543
- "fontWeight": "400",
544
- "lineHeight": 23,
545
- "textDecorationColor": "#000000",
546
- },
547
- ]
548
- }
549
- type="header4"
550
- variant="bold"
551
- >
552
- Focus
553
- </Text>
554
- </View>
555
- <View
556
- style={
557
- Array [
558
- Object {
559
- "marginBottom": 4,
560
- "marginTop": 2,
561
- },
562
- ]
563
- }
564
- >
565
- <TextInput
566
- allowFontScaling={true}
567
- autoCompleteType="off"
568
- autoCorrect={true}
569
- editable={true}
570
- keyboardType="default"
571
- minHeight={120}
572
- multiline={true}
573
- onBlur={[Function]}
574
- onChange={[MockFunction]}
575
- onFocus={[Function]}
576
- placeholder="Placeholder"
577
- placeholderTextColor="#737373"
578
- rejectResponderTermination={true}
579
- secureTextEntry={false}
580
- selectionColor="#4C34E0"
581
- state="focus"
582
- style={
583
- Array [
584
- Object {
585
- "backgroundColor": "#FFFFFF",
586
- "borderColor": "#4C34E0",
587
- "borderRadius": 10,
588
- "borderWidth": 2,
589
- "color": "#000000",
590
- "fontFamily": "NotoSans",
591
- "fontSize": 16,
592
- "lineHeight": 26,
593
- "minHeight": 120,
594
- "paddingBottom": 7,
595
- "paddingLeft": 16,
596
- "paddingRight": 16,
597
- "paddingTop": 7,
598
- },
599
- ]
600
- }
601
- textContentType="none"
602
- underlineColorAndroid="transparent"
603
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
604
- />
605
- </View>
606
- </View>
607
- <View
608
- style={
609
- Array [
610
- Object {
611
- "paddingBottom": 20,
612
- "paddingLeft": 0,
613
- "paddingRight": 0,
614
- "paddingTop": 10,
615
- },
616
- ]
617
- }
618
- >
619
- <View
620
- style={
621
- Array [
622
- Object {
623
- "marginBottom": 10,
624
- },
625
- ]
626
- }
627
- >
628
- <Text
629
- aria-level="4"
630
- color="black"
631
- isHeader={true}
632
- medium="header5"
633
- numberOfLines={1}
634
- style={
635
- Array [
636
- Object {
637
- "color": "#000000",
638
- "fontFamily": "Moderat-Extended-Bold",
639
- "fontSize": 18,
640
- "fontStyle": "normal",
641
- "fontWeight": "400",
642
- "lineHeight": 23,
643
- "textDecorationColor": "#000000",
644
- },
645
- ]
646
- }
647
- type="header4"
648
- variant="bold"
649
- >
650
- Disabled
651
- </Text>
652
- </View>
653
- <View
654
- style={
655
- Array [
656
- Object {
657
- "marginBottom": 4,
658
- "marginTop": 2,
659
- },
660
- ]
661
- }
662
- >
663
- <TextInput
664
- allowFontScaling={true}
665
- autoCompleteType="off"
666
- autoCorrect={true}
667
- editable={false}
668
- keyboardType="default"
669
- minHeight={120}
670
- multiline={true}
671
- onBlur={[Function]}
672
- onChange={[MockFunction]}
673
- onFocus={[Function]}
674
- placeholder="Placeholder"
675
- placeholderTextColor="#737373"
676
- rejectResponderTermination={true}
677
- secureTextEntry={false}
678
- selectionColor="#4C34E0"
679
- state="disabled"
680
- style={
681
- Array [
682
- Object {
683
- "backgroundColor": "#F2F2F2",
684
- "borderColor": "#E5E5E5",
685
- "borderRadius": 10,
686
- "borderWidth": 2,
687
- "color": "#737373",
688
- "fontFamily": "NotoSans",
689
- "fontSize": 16,
690
- "lineHeight": 26,
691
- "minHeight": 120,
692
- "paddingBottom": 7,
693
- "paddingLeft": 16,
694
- "paddingRight": 16,
695
- "paddingTop": 7,
696
- },
697
- ]
698
- }
699
- textContentType="none"
700
- underlineColorAndroid="transparent"
701
- />
702
- </View>
703
- </View>
704
- <View
705
- style={
706
- Array [
707
- Object {
708
- "paddingBottom": 20,
709
- "paddingLeft": 0,
710
- "paddingRight": 0,
711
- "paddingTop": 10,
712
- },
713
- ]
714
- }
715
- >
716
- <View
717
- style={
718
- Array [
719
- Object {
720
- "marginBottom": 10,
721
- },
722
- ]
723
- }
724
- >
725
- <Text
726
- aria-level="4"
727
- color="black"
728
- isHeader={true}
729
- medium="header5"
730
- numberOfLines={1}
731
- style={
732
- Array [
733
- Object {
734
- "color": "#000000",
735
- "fontFamily": "Moderat-Extended-Bold",
736
- "fontSize": 18,
737
- "fontStyle": "normal",
738
- "fontWeight": "400",
739
- "lineHeight": 23,
740
- "textDecorationColor": "#000000",
741
- },
742
- ]
743
- }
744
- type="header4"
745
- variant="bold"
746
- >
747
- Disabled Filled
748
- </Text>
749
- </View>
750
- <View
751
- style={
752
- Array [
753
- Object {
754
- "marginBottom": 4,
755
- "marginTop": 2,
756
- },
757
- ]
758
- }
759
- >
760
- <TextInput
761
- allowFontScaling={true}
762
- autoCompleteType="off"
763
- autoCorrect={true}
764
- editable={false}
765
- keyboardType="default"
766
- minHeight={120}
767
- multiline={true}
768
- onBlur={[Function]}
769
- onChange={[MockFunction]}
770
- onFocus={[Function]}
771
- placeholder="Placeholder"
772
- placeholderTextColor="#737373"
773
- rejectResponderTermination={true}
774
- secureTextEntry={false}
775
- selectionColor="#4C34E0"
776
- state="disabled"
777
- style={
778
- Array [
779
- Object {
780
- "backgroundColor": "#F2F2F2",
781
- "borderColor": "#E5E5E5",
782
- "borderRadius": 10,
783
- "borderWidth": 2,
784
- "color": "#737373",
785
- "fontFamily": "NotoSans",
786
- "fontSize": 16,
787
- "lineHeight": 26,
788
- "minHeight": 120,
789
- "paddingBottom": 7,
790
- "paddingLeft": 16,
791
- "paddingRight": 16,
792
- "paddingTop": 7,
793
- },
794
- ]
795
- }
796
- textContentType="none"
797
- underlineColorAndroid="transparent"
798
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
799
- />
800
- </View>
801
- </View>
802
- </View>
803
- </View>
804
- <View
805
- style={
806
- Array [
807
- Object {
808
- "marginBottom": 30,
809
- },
810
- ]
811
- }
812
- >
813
- <View
814
- style={
815
- Array [
816
- Object {
817
- "marginBottom": 30,
818
- },
819
- ]
820
- }
821
- >
822
- <Text
823
- aria-level="2"
824
- color="black"
825
- isHeader={true}
826
- style={
827
- Array [
828
- Object {
829
- "color": "#000000",
830
- "fontFamily": "Moderat-Extended-Bold",
831
- "fontSize": 32,
832
- "fontStyle": "normal",
833
- "fontWeight": "400",
834
- "lineHeight": 42,
835
- "textDecorationColor": "#000000",
836
- },
837
- ]
838
- }
839
- type="header2"
840
- variant="bold"
841
- >
842
- Valid
843
- </Text>
844
- </View>
845
- <View
846
- style={
847
- Array [
848
- Object {
849
- "flexDirection": "column",
850
- "marginBottom": 0,
851
- "marginLeft": 0,
852
- "marginRight": 0,
853
- "marginTop": 0,
854
- },
855
- ]
856
- }
857
- >
858
- <View
859
- style={
860
- Array [
861
- Object {
862
- "paddingBottom": 20,
863
- "paddingLeft": 0,
864
- "paddingRight": 0,
865
- "paddingTop": 10,
866
- },
867
- ]
868
- }
869
- >
870
- <View
871
- style={
872
- Array [
873
- Object {
874
- "marginBottom": 10,
875
- },
876
- ]
877
- }
878
- >
879
- <Text
880
- aria-level="4"
881
- color="black"
882
- isHeader={true}
883
- medium="header5"
884
- numberOfLines={1}
885
- style={
886
- Array [
887
- Object {
888
- "color": "#000000",
889
- "fontFamily": "Moderat-Extended-Bold",
890
- "fontSize": 18,
891
- "fontStyle": "normal",
892
- "fontWeight": "400",
893
- "lineHeight": 23,
894
- "textDecorationColor": "#000000",
895
- },
896
- ]
897
- }
898
- type="header4"
899
- variant="bold"
900
- >
901
- Empty
902
- </Text>
903
- </View>
904
- <View
905
- style={
906
- Array [
907
- Object {
908
- "marginBottom": 4,
909
- "marginTop": 2,
910
- },
911
- ]
912
- }
913
- >
914
- <TextInput
915
- allowFontScaling={true}
916
- autoCompleteType="off"
917
- autoCorrect={true}
918
- editable={true}
919
- keyboardType="default"
920
- minHeight={120}
921
- multiline={true}
922
- onBlur={[Function]}
923
- onChange={[MockFunction]}
924
- onFocus={[Function]}
925
- placeholder="Placeholder"
926
- placeholderTextColor="#737373"
927
- rejectResponderTermination={true}
928
- secureTextEntry={false}
929
- selectionColor="#4C34E0"
930
- state="default"
931
- style={
932
- Array [
933
- Object {
934
- "backgroundColor": "#FFFFFF",
935
- "borderColor": "#E5E5E5",
936
- "borderRadius": 10,
937
- "borderWidth": 2,
938
- "color": "#000000",
939
- "fontFamily": "NotoSans",
940
- "fontSize": 16,
941
- "lineHeight": 26,
942
- "minHeight": 120,
943
- "paddingBottom": 7,
944
- "paddingLeft": 16,
945
- "paddingRight": 16,
946
- "paddingTop": 7,
947
- },
948
- ]
949
- }
950
- textContentType="none"
951
- underlineColorAndroid="transparent"
952
- />
953
- </View>
954
- </View>
955
- <View
956
- style={
957
- Array [
958
- Object {
959
- "paddingBottom": 20,
960
- "paddingLeft": 0,
961
- "paddingRight": 0,
962
- "paddingTop": 10,
963
- },
964
- ]
965
- }
966
- >
967
- <View
968
- style={
969
- Array [
970
- Object {
971
- "marginBottom": 10,
972
- },
973
- ]
974
- }
975
- >
976
- <Text
977
- aria-level="4"
978
- color="black"
979
- isHeader={true}
980
- medium="header5"
981
- numberOfLines={1}
982
- style={
983
- Array [
984
- Object {
985
- "color": "#000000",
986
- "fontFamily": "Moderat-Extended-Bold",
987
- "fontSize": 18,
988
- "fontStyle": "normal",
989
- "fontWeight": "400",
990
- "lineHeight": 23,
991
- "textDecorationColor": "#000000",
992
- },
993
- ]
994
- }
995
- type="header4"
996
- variant="bold"
997
- >
998
- Filled
999
- </Text>
1000
- </View>
1001
- <View
1002
- style={
1003
- Array [
1004
- Object {
1005
- "marginBottom": 4,
1006
- "marginTop": 2,
1007
- },
1008
- ]
1009
- }
1010
- >
1011
- <TextInput
1012
- allowFontScaling={true}
1013
- autoCompleteType="off"
1014
- autoCorrect={true}
1015
- editable={true}
1016
- keyboardType="default"
1017
- minHeight={120}
1018
- multiline={true}
1019
- onBlur={[Function]}
1020
- onChange={[MockFunction]}
1021
- onFocus={[Function]}
1022
- placeholder="Placeholder"
1023
- placeholderTextColor="#737373"
1024
- rejectResponderTermination={true}
1025
- secureTextEntry={false}
1026
- selectionColor="#4C34E0"
1027
- state="default"
1028
- style={
1029
- Array [
1030
- Object {
1031
- "backgroundColor": "#FFFFFF",
1032
- "borderColor": "#E5E5E5",
1033
- "borderRadius": 10,
1034
- "borderWidth": 2,
1035
- "color": "#000000",
1036
- "fontFamily": "NotoSans",
1037
- "fontSize": 16,
1038
- "lineHeight": 26,
1039
- "minHeight": 120,
1040
- "paddingBottom": 7,
1041
- "paddingLeft": 16,
1042
- "paddingRight": 16,
1043
- "paddingTop": 7,
1044
- },
1045
- ]
1046
- }
1047
- textContentType="none"
1048
- underlineColorAndroid="transparent"
1049
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
1050
- />
1051
- </View>
1052
- </View>
1053
- <View
1054
- style={
1055
- Array [
1056
- Object {
1057
- "paddingBottom": 20,
1058
- "paddingLeft": 0,
1059
- "paddingRight": 0,
1060
- "paddingTop": 10,
1061
- },
1062
- ]
1063
- }
1064
- >
1065
- <View
1066
- style={
1067
- Array [
1068
- Object {
1069
- "marginBottom": 10,
1070
- },
1071
- ]
1072
- }
1073
- >
1074
- <Text
1075
- aria-level="4"
1076
- color="black"
1077
- isHeader={true}
1078
- medium="header5"
1079
- numberOfLines={1}
1080
- style={
1081
- Array [
1082
- Object {
1083
- "color": "#000000",
1084
- "fontFamily": "Moderat-Extended-Bold",
1085
- "fontSize": 18,
1086
- "fontStyle": "normal",
1087
- "fontWeight": "400",
1088
- "lineHeight": 23,
1089
- "textDecorationColor": "#000000",
1090
- },
1091
- ]
1092
- }
1093
- type="header4"
1094
- variant="bold"
1095
- >
1096
- Hover
1097
- </Text>
1098
- </View>
1099
- <View
1100
- style={
1101
- Array [
1102
- Object {
1103
- "marginBottom": 4,
1104
- "marginTop": 2,
1105
- },
1106
- ]
1107
- }
1108
- >
1109
- <TextInput
1110
- allowFontScaling={true}
1111
- autoCompleteType="off"
1112
- autoCorrect={true}
1113
- editable={true}
1114
- keyboardType="default"
1115
- minHeight={120}
1116
- multiline={true}
1117
- onBlur={[Function]}
1118
- onChange={[MockFunction]}
1119
- onFocus={[Function]}
1120
- placeholder="Placeholder"
1121
- placeholderTextColor="#737373"
1122
- rejectResponderTermination={true}
1123
- secureTextEntry={false}
1124
- selectionColor="#4C34E0"
1125
- state="hover"
1126
- style={
1127
- Array [
1128
- Object {
1129
- "backgroundColor": "#FFFFFF",
1130
- "borderColor": "#CCCCCC",
1131
- "borderRadius": 10,
1132
- "borderWidth": 2,
1133
- "color": "#000000",
1134
- "fontFamily": "NotoSans",
1135
- "fontSize": 16,
1136
- "lineHeight": 26,
1137
- "minHeight": 120,
1138
- "paddingBottom": 7,
1139
- "paddingLeft": 16,
1140
- "paddingRight": 16,
1141
- "paddingTop": 7,
1142
- },
1143
- ]
1144
- }
1145
- textContentType="none"
1146
- underlineColorAndroid="transparent"
1147
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
1148
- />
1149
- </View>
1150
- </View>
1151
- <View
1152
- style={
1153
- Array [
1154
- Object {
1155
- "paddingBottom": 20,
1156
- "paddingLeft": 0,
1157
- "paddingRight": 0,
1158
- "paddingTop": 10,
1159
- },
1160
- ]
1161
- }
1162
- >
1163
- <View
1164
- style={
1165
- Array [
1166
- Object {
1167
- "marginBottom": 10,
1168
- },
1169
- ]
1170
- }
1171
- >
1172
- <Text
1173
- aria-level="4"
1174
- color="black"
1175
- isHeader={true}
1176
- medium="header5"
1177
- numberOfLines={1}
1178
- style={
1179
- Array [
1180
- Object {
1181
- "color": "#000000",
1182
- "fontFamily": "Moderat-Extended-Bold",
1183
- "fontSize": 18,
1184
- "fontStyle": "normal",
1185
- "fontWeight": "400",
1186
- "lineHeight": 23,
1187
- "textDecorationColor": "#000000",
1188
- },
1189
- ]
1190
- }
1191
- type="header4"
1192
- variant="bold"
1193
- >
1194
- Focus
1195
- </Text>
1196
- </View>
1197
- <View
1198
- style={
1199
- Array [
1200
- Object {
1201
- "marginBottom": 4,
1202
- "marginTop": 2,
1203
- },
1204
- ]
1205
- }
1206
- >
1207
- <TextInput
1208
- allowFontScaling={true}
1209
- autoCompleteType="off"
1210
- autoCorrect={true}
1211
- editable={true}
1212
- keyboardType="default"
1213
- minHeight={120}
1214
- multiline={true}
1215
- onBlur={[Function]}
1216
- onChange={[MockFunction]}
1217
- onFocus={[Function]}
1218
- placeholder="Placeholder"
1219
- placeholderTextColor="#737373"
1220
- rejectResponderTermination={true}
1221
- secureTextEntry={false}
1222
- selectionColor="#4C34E0"
1223
- state="focus"
1224
- style={
1225
- Array [
1226
- Object {
1227
- "backgroundColor": "#FFFFFF",
1228
- "borderColor": "#4C34E0",
1229
- "borderRadius": 10,
1230
- "borderWidth": 2,
1231
- "color": "#000000",
1232
- "fontFamily": "NotoSans",
1233
- "fontSize": 16,
1234
- "lineHeight": 26,
1235
- "minHeight": 120,
1236
- "paddingBottom": 7,
1237
- "paddingLeft": 16,
1238
- "paddingRight": 16,
1239
- "paddingTop": 7,
1240
- },
1241
- ]
1242
- }
1243
- textContentType="none"
1244
- underlineColorAndroid="transparent"
1245
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
1246
- />
1247
- </View>
1248
- </View>
1249
- <View
1250
- style={
1251
- Array [
1252
- Object {
1253
- "paddingBottom": 20,
1254
- "paddingLeft": 0,
1255
- "paddingRight": 0,
1256
- "paddingTop": 10,
1257
- },
1258
- ]
1259
- }
1260
- >
1261
- <View
1262
- style={
1263
- Array [
1264
- Object {
1265
- "marginBottom": 10,
1266
- },
1267
- ]
1268
- }
1269
- >
1270
- <Text
1271
- aria-level="4"
1272
- color="black"
1273
- isHeader={true}
1274
- medium="header5"
1275
- numberOfLines={1}
1276
- style={
1277
- Array [
1278
- Object {
1279
- "color": "#000000",
1280
- "fontFamily": "Moderat-Extended-Bold",
1281
- "fontSize": 18,
1282
- "fontStyle": "normal",
1283
- "fontWeight": "400",
1284
- "lineHeight": 23,
1285
- "textDecorationColor": "#000000",
1286
- },
1287
- ]
1288
- }
1289
- type="header4"
1290
- variant="bold"
1291
- >
1292
- Disabled
1293
- </Text>
1294
- </View>
1295
- <View
1296
- style={
1297
- Array [
1298
- Object {
1299
- "marginBottom": 4,
1300
- "marginTop": 2,
1301
- },
1302
- ]
1303
- }
1304
- >
1305
- <TextInput
1306
- allowFontScaling={true}
1307
- autoCompleteType="off"
1308
- autoCorrect={true}
1309
- editable={false}
1310
- keyboardType="default"
1311
- minHeight={120}
1312
- multiline={true}
1313
- onBlur={[Function]}
1314
- onChange={[MockFunction]}
1315
- onFocus={[Function]}
1316
- placeholder="Placeholder"
1317
- placeholderTextColor="#737373"
1318
- rejectResponderTermination={true}
1319
- secureTextEntry={false}
1320
- selectionColor="#4C34E0"
1321
- state="disabled"
1322
- style={
1323
- Array [
1324
- Object {
1325
- "backgroundColor": "#F2F2F2",
1326
- "borderColor": "#E5E5E5",
1327
- "borderRadius": 10,
1328
- "borderWidth": 2,
1329
- "color": "#737373",
1330
- "fontFamily": "NotoSans",
1331
- "fontSize": 16,
1332
- "lineHeight": 26,
1333
- "minHeight": 120,
1334
- "paddingBottom": 7,
1335
- "paddingLeft": 16,
1336
- "paddingRight": 16,
1337
- "paddingTop": 7,
1338
- },
1339
- ]
1340
- }
1341
- textContentType="none"
1342
- underlineColorAndroid="transparent"
1343
- />
1344
- </View>
1345
- </View>
1346
- <View
1347
- style={
1348
- Array [
1349
- Object {
1350
- "paddingBottom": 20,
1351
- "paddingLeft": 0,
1352
- "paddingRight": 0,
1353
- "paddingTop": 10,
1354
- },
1355
- ]
1356
- }
1357
- >
1358
- <View
1359
- style={
1360
- Array [
1361
- Object {
1362
- "marginBottom": 10,
1363
- },
1364
- ]
1365
- }
1366
- >
1367
- <Text
1368
- aria-level="4"
1369
- color="black"
1370
- isHeader={true}
1371
- medium="header5"
1372
- numberOfLines={1}
1373
- style={
1374
- Array [
1375
- Object {
1376
- "color": "#000000",
1377
- "fontFamily": "Moderat-Extended-Bold",
1378
- "fontSize": 18,
1379
- "fontStyle": "normal",
1380
- "fontWeight": "400",
1381
- "lineHeight": 23,
1382
- "textDecorationColor": "#000000",
1383
- },
1384
- ]
1385
- }
1386
- type="header4"
1387
- variant="bold"
1388
- >
1389
- Disabled Filled
1390
- </Text>
1391
- </View>
1392
- <View
1393
- style={
1394
- Array [
1395
- Object {
1396
- "marginBottom": 4,
1397
- "marginTop": 2,
1398
- },
1399
- ]
1400
- }
1401
- >
1402
- <TextInput
1403
- allowFontScaling={true}
1404
- autoCompleteType="off"
1405
- autoCorrect={true}
1406
- editable={false}
1407
- keyboardType="default"
1408
- minHeight={120}
1409
- multiline={true}
1410
- onBlur={[Function]}
1411
- onChange={[MockFunction]}
1412
- onFocus={[Function]}
1413
- placeholder="Placeholder"
1414
- placeholderTextColor="#737373"
1415
- rejectResponderTermination={true}
1416
- secureTextEntry={false}
1417
- selectionColor="#4C34E0"
1418
- state="disabled"
1419
- style={
1420
- Array [
1421
- Object {
1422
- "backgroundColor": "#F2F2F2",
1423
- "borderColor": "#E5E5E5",
1424
- "borderRadius": 10,
1425
- "borderWidth": 2,
1426
- "color": "#737373",
1427
- "fontFamily": "NotoSans",
1428
- "fontSize": 16,
1429
- "lineHeight": 26,
1430
- "minHeight": 120,
1431
- "paddingBottom": 7,
1432
- "paddingLeft": 16,
1433
- "paddingRight": 16,
1434
- "paddingTop": 7,
1435
- },
1436
- ]
1437
- }
1438
- textContentType="none"
1439
- underlineColorAndroid="transparent"
1440
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
1441
- />
1442
- </View>
1443
- </View>
1444
- </View>
1445
- </View>
1446
- <View
1447
- style={
1448
- Array [
1449
- Object {
1450
- "marginBottom": 30,
1451
- },
1452
- ]
1453
- }
1454
- >
1455
- <View
1456
- style={
1457
- Array [
1458
- Object {
1459
- "marginBottom": 30,
1460
- },
1461
- ]
1462
- }
1463
- >
1464
- <Text
1465
- aria-level="2"
1466
- color="black"
1467
- isHeader={true}
1468
- style={
1469
- Array [
1470
- Object {
1471
- "color": "#000000",
1472
- "fontFamily": "Moderat-Extended-Bold",
1473
- "fontSize": 32,
1474
- "fontStyle": "normal",
1475
- "fontWeight": "400",
1476
- "lineHeight": 42,
1477
- "textDecorationColor": "#000000",
1478
- },
1479
- ]
1480
- }
1481
- type="header2"
1482
- variant="bold"
1483
- >
1484
- Invalid
1485
- </Text>
1486
- </View>
1487
- <View
1488
- style={
1489
- Array [
1490
- Object {
1491
- "flexDirection": "column",
1492
- "marginBottom": 0,
1493
- "marginLeft": 0,
1494
- "marginRight": 0,
1495
- "marginTop": 0,
1496
- },
1497
- ]
1498
- }
1499
- >
1500
- <View
1501
- style={
1502
- Array [
1503
- Object {
1504
- "paddingBottom": 20,
1505
- "paddingLeft": 0,
1506
- "paddingRight": 0,
1507
- "paddingTop": 10,
1508
- },
1509
- ]
1510
- }
1511
- >
1512
- <View
1513
- style={
1514
- Array [
1515
- Object {
1516
- "marginBottom": 10,
1517
- },
1518
- ]
1519
- }
1520
- >
1521
- <Text
1522
- aria-level="4"
1523
- color="black"
1524
- isHeader={true}
1525
- medium="header5"
1526
- numberOfLines={1}
1527
- style={
1528
- Array [
1529
- Object {
1530
- "color": "#000000",
1531
- "fontFamily": "Moderat-Extended-Bold",
1532
- "fontSize": 18,
1533
- "fontStyle": "normal",
1534
- "fontWeight": "400",
1535
- "lineHeight": 23,
1536
- "textDecorationColor": "#000000",
1537
- },
1538
- ]
1539
- }
1540
- type="header4"
1541
- variant="bold"
1542
- >
1543
- Empty
1544
- </Text>
1545
- </View>
1546
- <View
1547
- style={
1548
- Array [
1549
- Object {
1550
- "marginBottom": 4,
1551
- "marginTop": 2,
1552
- },
1553
- ]
1554
- }
1555
- >
1556
- <TextInput
1557
- allowFontScaling={true}
1558
- autoCompleteType="off"
1559
- autoCorrect={true}
1560
- editable={true}
1561
- keyboardType="default"
1562
- minHeight={120}
1563
- multiline={true}
1564
- onBlur={[Function]}
1565
- onChange={[MockFunction]}
1566
- onFocus={[Function]}
1567
- placeholder="Placeholder"
1568
- placeholderTextColor="#737373"
1569
- rejectResponderTermination={true}
1570
- secureTextEntry={false}
1571
- selectionColor="#4C34E0"
1572
- state="invalid"
1573
- style={
1574
- Array [
1575
- Object {
1576
- "backgroundColor": "#FFFFFF",
1577
- "borderColor": "#D44148",
1578
- "borderRadius": 10,
1579
- "borderWidth": 2,
1580
- "color": "#000000",
1581
- "fontFamily": "NotoSans",
1582
- "fontSize": 16,
1583
- "lineHeight": 26,
1584
- "minHeight": 120,
1585
- "paddingBottom": 7,
1586
- "paddingLeft": 16,
1587
- "paddingRight": 16,
1588
- "paddingTop": 7,
1589
- },
1590
- ]
1591
- }
1592
- textContentType="none"
1593
- underlineColorAndroid="transparent"
1594
- />
1595
- </View>
1596
- </View>
1597
- <View
1598
- style={
1599
- Array [
1600
- Object {
1601
- "paddingBottom": 20,
1602
- "paddingLeft": 0,
1603
- "paddingRight": 0,
1604
- "paddingTop": 10,
1605
- },
1606
- ]
1607
- }
1608
- >
1609
- <View
1610
- style={
1611
- Array [
1612
- Object {
1613
- "marginBottom": 10,
1614
- },
1615
- ]
1616
- }
1617
- >
1618
- <Text
1619
- aria-level="4"
1620
- color="black"
1621
- isHeader={true}
1622
- medium="header5"
1623
- numberOfLines={1}
1624
- style={
1625
- Array [
1626
- Object {
1627
- "color": "#000000",
1628
- "fontFamily": "Moderat-Extended-Bold",
1629
- "fontSize": 18,
1630
- "fontStyle": "normal",
1631
- "fontWeight": "400",
1632
- "lineHeight": 23,
1633
- "textDecorationColor": "#000000",
1634
- },
1635
- ]
1636
- }
1637
- type="header4"
1638
- variant="bold"
1639
- >
1640
- Filled
1641
- </Text>
1642
- </View>
1643
- <View
1644
- style={
1645
- Array [
1646
- Object {
1647
- "marginBottom": 4,
1648
- "marginTop": 2,
1649
- },
1650
- ]
1651
- }
1652
- >
1653
- <TextInput
1654
- allowFontScaling={true}
1655
- autoCompleteType="off"
1656
- autoCorrect={true}
1657
- editable={true}
1658
- keyboardType="default"
1659
- minHeight={120}
1660
- multiline={true}
1661
- onBlur={[Function]}
1662
- onChange={[MockFunction]}
1663
- onFocus={[Function]}
1664
- placeholder="Placeholder"
1665
- placeholderTextColor="#737373"
1666
- rejectResponderTermination={true}
1667
- secureTextEntry={false}
1668
- selectionColor="#4C34E0"
1669
- state="invalid"
1670
- style={
1671
- Array [
1672
- Object {
1673
- "backgroundColor": "#FFFFFF",
1674
- "borderColor": "#D44148",
1675
- "borderRadius": 10,
1676
- "borderWidth": 2,
1677
- "color": "#000000",
1678
- "fontFamily": "NotoSans",
1679
- "fontSize": 16,
1680
- "lineHeight": 26,
1681
- "minHeight": 120,
1682
- "paddingBottom": 7,
1683
- "paddingLeft": 16,
1684
- "paddingRight": 16,
1685
- "paddingTop": 7,
1686
- },
1687
- ]
1688
- }
1689
- textContentType="none"
1690
- underlineColorAndroid="transparent"
1691
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
1692
- />
1693
- </View>
1694
- </View>
1695
- <View
1696
- style={
1697
- Array [
1698
- Object {
1699
- "paddingBottom": 20,
1700
- "paddingLeft": 0,
1701
- "paddingRight": 0,
1702
- "paddingTop": 10,
1703
- },
1704
- ]
1705
- }
1706
- >
1707
- <View
1708
- style={
1709
- Array [
1710
- Object {
1711
- "marginBottom": 10,
1712
- },
1713
- ]
1714
- }
1715
- >
1716
- <Text
1717
- aria-level="4"
1718
- color="black"
1719
- isHeader={true}
1720
- medium="header5"
1721
- numberOfLines={1}
1722
- style={
1723
- Array [
1724
- Object {
1725
- "color": "#000000",
1726
- "fontFamily": "Moderat-Extended-Bold",
1727
- "fontSize": 18,
1728
- "fontStyle": "normal",
1729
- "fontWeight": "400",
1730
- "lineHeight": 23,
1731
- "textDecorationColor": "#000000",
1732
- },
1733
- ]
1734
- }
1735
- type="header4"
1736
- variant="bold"
1737
- >
1738
- Hover
1739
- </Text>
1740
- </View>
1741
- <View
1742
- style={
1743
- Array [
1744
- Object {
1745
- "marginBottom": 4,
1746
- "marginTop": 2,
1747
- },
1748
- ]
1749
- }
1750
- >
1751
- <TextInput
1752
- allowFontScaling={true}
1753
- autoCompleteType="off"
1754
- autoCorrect={true}
1755
- editable={true}
1756
- keyboardType="default"
1757
- minHeight={120}
1758
- multiline={true}
1759
- onBlur={[Function]}
1760
- onChange={[MockFunction]}
1761
- onFocus={[Function]}
1762
- placeholder="Placeholder"
1763
- placeholderTextColor="#737373"
1764
- rejectResponderTermination={true}
1765
- secureTextEntry={false}
1766
- selectionColor="#4C34E0"
1767
- state="hover"
1768
- style={
1769
- Array [
1770
- Object {
1771
- "backgroundColor": "#FFFFFF",
1772
- "borderColor": "#CCCCCC",
1773
- "borderRadius": 10,
1774
- "borderWidth": 2,
1775
- "color": "#000000",
1776
- "fontFamily": "NotoSans",
1777
- "fontSize": 16,
1778
- "lineHeight": 26,
1779
- "minHeight": 120,
1780
- "paddingBottom": 7,
1781
- "paddingLeft": 16,
1782
- "paddingRight": 16,
1783
- "paddingTop": 7,
1784
- },
1785
- ]
1786
- }
1787
- textContentType="none"
1788
- underlineColorAndroid="transparent"
1789
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
1790
- />
1791
- </View>
1792
- </View>
1793
- <View
1794
- style={
1795
- Array [
1796
- Object {
1797
- "paddingBottom": 20,
1798
- "paddingLeft": 0,
1799
- "paddingRight": 0,
1800
- "paddingTop": 10,
1801
- },
1802
- ]
1803
- }
1804
- >
1805
- <View
1806
- style={
1807
- Array [
1808
- Object {
1809
- "marginBottom": 10,
1810
- },
1811
- ]
1812
- }
1813
- >
1814
- <Text
1815
- aria-level="4"
1816
- color="black"
1817
- isHeader={true}
1818
- medium="header5"
1819
- numberOfLines={1}
1820
- style={
1821
- Array [
1822
- Object {
1823
- "color": "#000000",
1824
- "fontFamily": "Moderat-Extended-Bold",
1825
- "fontSize": 18,
1826
- "fontStyle": "normal",
1827
- "fontWeight": "400",
1828
- "lineHeight": 23,
1829
- "textDecorationColor": "#000000",
1830
- },
1831
- ]
1832
- }
1833
- type="header4"
1834
- variant="bold"
1835
- >
1836
- Focus
1837
- </Text>
1838
- </View>
1839
- <View
1840
- style={
1841
- Array [
1842
- Object {
1843
- "marginBottom": 4,
1844
- "marginTop": 2,
1845
- },
1846
- ]
1847
- }
1848
- >
1849
- <TextInput
1850
- allowFontScaling={true}
1851
- autoCompleteType="off"
1852
- autoCorrect={true}
1853
- editable={true}
1854
- keyboardType="default"
1855
- minHeight={120}
1856
- multiline={true}
1857
- onBlur={[Function]}
1858
- onChange={[MockFunction]}
1859
- onFocus={[Function]}
1860
- placeholder="Placeholder"
1861
- placeholderTextColor="#737373"
1862
- rejectResponderTermination={true}
1863
- secureTextEntry={false}
1864
- selectionColor="#4C34E0"
1865
- state="focus"
1866
- style={
1867
- Array [
1868
- Object {
1869
- "backgroundColor": "#FFFFFF",
1870
- "borderColor": "#4C34E0",
1871
- "borderRadius": 10,
1872
- "borderWidth": 2,
1873
- "color": "#000000",
1874
- "fontFamily": "NotoSans",
1875
- "fontSize": 16,
1876
- "lineHeight": 26,
1877
- "minHeight": 120,
1878
- "paddingBottom": 7,
1879
- "paddingLeft": 16,
1880
- "paddingRight": 16,
1881
- "paddingTop": 7,
1882
- },
1883
- ]
1884
- }
1885
- textContentType="none"
1886
- underlineColorAndroid="transparent"
1887
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
1888
- />
1889
- </View>
1890
- </View>
1891
- <View
1892
- style={
1893
- Array [
1894
- Object {
1895
- "paddingBottom": 20,
1896
- "paddingLeft": 0,
1897
- "paddingRight": 0,
1898
- "paddingTop": 10,
1899
- },
1900
- ]
1901
- }
1902
- >
1903
- <View
1904
- style={
1905
- Array [
1906
- Object {
1907
- "marginBottom": 10,
1908
- },
1909
- ]
1910
- }
1911
- >
1912
- <Text
1913
- aria-level="4"
1914
- color="black"
1915
- isHeader={true}
1916
- medium="header5"
1917
- numberOfLines={1}
1918
- style={
1919
- Array [
1920
- Object {
1921
- "color": "#000000",
1922
- "fontFamily": "Moderat-Extended-Bold",
1923
- "fontSize": 18,
1924
- "fontStyle": "normal",
1925
- "fontWeight": "400",
1926
- "lineHeight": 23,
1927
- "textDecorationColor": "#000000",
1928
- },
1929
- ]
1930
- }
1931
- type="header4"
1932
- variant="bold"
1933
- >
1934
- Disabled
1935
- </Text>
1936
- </View>
1937
- <View
1938
- style={
1939
- Array [
1940
- Object {
1941
- "marginBottom": 4,
1942
- "marginTop": 2,
1943
- },
1944
- ]
1945
- }
1946
- >
1947
- <TextInput
1948
- allowFontScaling={true}
1949
- autoCompleteType="off"
1950
- autoCorrect={true}
1951
- editable={false}
1952
- keyboardType="default"
1953
- minHeight={120}
1954
- multiline={true}
1955
- onBlur={[Function]}
1956
- onChange={[MockFunction]}
1957
- onFocus={[Function]}
1958
- placeholder="Placeholder"
1959
- placeholderTextColor="#737373"
1960
- rejectResponderTermination={true}
1961
- secureTextEntry={false}
1962
- selectionColor="#4C34E0"
1963
- state="disabled"
1964
- style={
1965
- Array [
1966
- Object {
1967
- "backgroundColor": "#F2F2F2",
1968
- "borderColor": "#E5E5E5",
1969
- "borderRadius": 10,
1970
- "borderWidth": 2,
1971
- "color": "#737373",
1972
- "fontFamily": "NotoSans",
1973
- "fontSize": 16,
1974
- "lineHeight": 26,
1975
- "minHeight": 120,
1976
- "paddingBottom": 7,
1977
- "paddingLeft": 16,
1978
- "paddingRight": 16,
1979
- "paddingTop": 7,
1980
- },
1981
- ]
1982
- }
1983
- textContentType="none"
1984
- underlineColorAndroid="transparent"
1985
- />
1986
- </View>
1987
- </View>
1988
- <View
1989
- style={
1990
- Array [
1991
- Object {
1992
- "paddingBottom": 20,
1993
- "paddingLeft": 0,
1994
- "paddingRight": 0,
1995
- "paddingTop": 10,
1996
- },
1997
- ]
1998
- }
1999
- >
2000
- <View
2001
- style={
2002
- Array [
2003
- Object {
2004
- "marginBottom": 10,
2005
- },
2006
- ]
2007
- }
2008
- >
2009
- <Text
2010
- aria-level="4"
2011
- color="black"
2012
- isHeader={true}
2013
- medium="header5"
2014
- numberOfLines={1}
2015
- style={
2016
- Array [
2017
- Object {
2018
- "color": "#000000",
2019
- "fontFamily": "Moderat-Extended-Bold",
2020
- "fontSize": 18,
2021
- "fontStyle": "normal",
2022
- "fontWeight": "400",
2023
- "lineHeight": 23,
2024
- "textDecorationColor": "#000000",
2025
- },
2026
- ]
2027
- }
2028
- type="header4"
2029
- variant="bold"
2030
- >
2031
- Disabled Filled
2032
- </Text>
2033
- </View>
2034
- <View
2035
- style={
2036
- Array [
2037
- Object {
2038
- "marginBottom": 4,
2039
- "marginTop": 2,
2040
- },
2041
- ]
2042
- }
2043
- >
2044
- <TextInput
2045
- allowFontScaling={true}
2046
- autoCompleteType="off"
2047
- autoCorrect={true}
2048
- editable={false}
2049
- keyboardType="default"
2050
- minHeight={120}
2051
- multiline={true}
2052
- onBlur={[Function]}
2053
- onChange={[MockFunction]}
2054
- onFocus={[Function]}
2055
- placeholder="Placeholder"
2056
- placeholderTextColor="#737373"
2057
- rejectResponderTermination={true}
2058
- secureTextEntry={false}
2059
- selectionColor="#4C34E0"
2060
- state="disabled"
2061
- style={
2062
- Array [
2063
- Object {
2064
- "backgroundColor": "#F2F2F2",
2065
- "borderColor": "#E5E5E5",
2066
- "borderRadius": 10,
2067
- "borderWidth": 2,
2068
- "color": "#737373",
2069
- "fontFamily": "NotoSans",
2070
- "fontSize": 16,
2071
- "lineHeight": 26,
2072
- "minHeight": 120,
2073
- "paddingBottom": 7,
2074
- "paddingLeft": 16,
2075
- "paddingRight": 16,
2076
- "paddingTop": 7,
2077
- },
2078
- ]
2079
- }
2080
- textContentType="none"
2081
- underlineColorAndroid="transparent"
2082
- value="The original Knight Rider series followed the adventures of Michael Knight, a modern-day crime fighter who uses a technologically advanced, artificially intelligent automobile. This car, named KITT, is virtually indestructible, due to a high-tech coating applied to it."
2083
- />
2084
- </View>
2085
- </View>
2086
- </View>
2087
- </View>
2088
- </View>
2089
- </RCTScrollView>
2090
- </RNCSafeAreaProvider>
2091
- `;