@hero-design/rn 8.45.0-test.0 → 8.45.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 (37) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +23 -2
  3. package/es/index.js +764 -578
  4. package/lib/index.js +764 -578
  5. package/package.json +6 -6
  6. package/src/components/Accordion/index.tsx +1 -1
  7. package/src/components/Avatar/AvatarStack/StyledAvatarStack.tsx +63 -9
  8. package/src/components/Avatar/AvatarStack/__tests__/StyledAvatarStack.spec.tsx +71 -9
  9. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap +271 -2
  10. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap +2156 -7
  11. package/src/components/Avatar/AvatarStack/__tests__/index.spec.tsx +140 -6
  12. package/src/components/Avatar/AvatarStack/index.tsx +94 -9
  13. package/src/components/Carousel/index.tsx +18 -11
  14. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +108 -57
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +36 -19
  16. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +36 -19
  17. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +36 -19
  18. package/src/components/RichTextEditor/RichTextEditor.tsx +89 -38
  19. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +130 -102
  20. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +247 -146
  21. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +211 -127
  22. package/src/components/TextInput/StyledTextInput.tsx +9 -31
  23. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +0 -44
  24. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +21 -638
  25. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +1159 -833
  26. package/src/components/TextInput/__tests__/index.spec.tsx +2 -2
  27. package/src/components/TextInput/index.tsx +128 -57
  28. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +72 -38
  29. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +72 -38
  30. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +2 -2
  31. package/src/theme/components/textInput.ts +2 -2
  32. package/types/components/Accordion/index.d.ts +1 -1
  33. package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts +13 -0
  34. package/types/components/Avatar/AvatarStack/index.d.ts +14 -2
  35. package/types/components/Avatar/index.d.ts +1 -1
  36. package/types/components/TextInput/StyledTextInput.d.ts +4 -24
  37. package/types/components/TextInput/index.d.ts +1 -0
package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap CHANGED
@@ -20,6 +20,71 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
20
20
  }
21
21
  >
22
22
  <View
23
+ collapsable={false}
24
+ pointerEvents="none"
25
+ style={
26
+ {
27
+ "alignItems": "center",
28
+ "flexDirection": "row",
29
+ "justifyContent": "center",
30
+ "left": 0,
31
+ "position": "absolute",
32
+ "right": 0,
33
+ "top": -10.666666666666666,
34
+ "transform": [
35
+ {
36
+ "translateY": 0,
37
+ },
38
+ {
39
+ "translateX": 24,
40
+ },
41
+ {
42
+ "scale": 1,
43
+ },
44
+ ],
45
+ "zIndex": 1,
46
+ }
47
+ }
48
+ testID="input-label-container"
49
+ themeVariant="text"
50
+ >
51
+ <Text
52
+ allowFontScaling={false}
53
+ onLayout={[Function]}
54
+ style={
55
+ [
56
+ {
57
+ "color": "#001f23",
58
+ "fontFamily": "BeVietnamPro-Regular",
59
+ "fontSize": 16,
60
+ "letterSpacing": 0.48,
61
+ "lineHeight": 24,
62
+ },
63
+ [
64
+ {
65
+ "alignContent": "center",
66
+ "alignItems": "center",
67
+ "color": "#001f23",
68
+ "marginTop": -2,
69
+ "textAlignVertical": "center",
70
+ },
71
+ {
72
+ "backgroundColor": "#ffffff",
73
+ },
74
+ ],
75
+ ]
76
+ }
77
+ testID="input-label"
78
+ themeIntent="body"
79
+ themeState="error"
80
+ themeTypeface="neutral"
81
+ themeVariant="regular"
82
+ >
83
+ Rich Text Editor
84
+ </Text>
85
+ </View>
86
+ <View
87
+ onLayout={[Function]}
23
88
  style={
24
89
  [
25
90
  {
@@ -66,57 +131,6 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
66
131
  ]
67
132
  }
68
133
  >
69
- <View
70
- pointerEvents="none"
71
- style={
72
- [
73
- {
74
- "alignItems": "center",
75
- "bottom": 0,
76
- "flexDirection": "row",
77
- "left": 0,
78
- "position": "absolute",
79
- "right": 0,
80
- "top": 0,
81
- "zIndex": 9999,
82
- },
83
- undefined,
84
- ]
85
- }
86
- themeVariant="text"
87
- >
88
- <Text
89
- allowFontScaling={false}
90
- style={
91
- [
92
- {
93
- "color": "#001f23",
94
- "fontFamily": "BeVietnamPro-Regular",
95
- "fontSize": 16,
96
- "letterSpacing": 0.48,
97
- "lineHeight": 24,
98
- },
99
- [
100
- {
101
- "alignContent": "center",
102
- "alignItems": "center",
103
- "color": "#001f23",
104
- "marginTop": -2,
105
- "textAlignVertical": "center",
106
- },
107
- undefined,
108
- ],
109
- ]
110
- }
111
- testID="input-label"
112
- themeIntent="body"
113
- themeState="error"
114
- themeTypeface="neutral"
115
- themeVariant="regular"
116
- >
117
- Rich Text Editor
118
- </Text>
119
- </View>
120
134
  <WebView
121
135
  accessibilityState={
122
136
  {
@@ -324,6 +338,71 @@ exports[`RichTextEditor should render correctly 1`] = `
324
338
  }
325
339
  >
326
340
  <View
341
+ collapsable={false}
342
+ pointerEvents="none"
343
+ style={
344
+ {
345
+ "alignItems": "center",
346
+ "flexDirection": "row",
347
+ "justifyContent": "center",
348
+ "left": 0,
349
+ "position": "absolute",
350
+ "right": 0,
351
+ "top": -10.666666666666666,
352
+ "transform": [
353
+ {
354
+ "translateY": 0,
355
+ },
356
+ {
357
+ "translateX": 24,
358
+ },
359
+ {
360
+ "scale": 1,
361
+ },
362
+ ],
363
+ "zIndex": 1,
364
+ }
365
+ }
366
+ testID="input-label-container"
367
+ themeVariant="text"
368
+ >
369
+ <Text
370
+ allowFontScaling={false}
371
+ onLayout={[Function]}
372
+ style={
373
+ [
374
+ {
375
+ "color": "#001f23",
376
+ "fontFamily": "BeVietnamPro-Regular",
377
+ "fontSize": 16,
378
+ "letterSpacing": 0.48,
379
+ "lineHeight": 24,
380
+ },
381
+ [
382
+ {
383
+ "alignContent": "center",
384
+ "alignItems": "center",
385
+ "color": "#001f23",
386
+ "marginTop": -2,
387
+ "textAlignVertical": "center",
388
+ },
389
+ {
390
+ "backgroundColor": "#ffffff",
391
+ },
392
+ ],
393
+ ]
394
+ }
395
+ testID="input-label"
396
+ themeIntent="body"
397
+ themeState="error"
398
+ themeTypeface="neutral"
399
+ themeVariant="regular"
400
+ >
401
+ Rich Text Editor
402
+ </Text>
403
+ </View>
404
+ <View
405
+ onLayout={[Function]}
327
406
  style={
328
407
  [
329
408
  {
@@ -370,57 +449,6 @@ exports[`RichTextEditor should render correctly 1`] = `
370
449
  ]
371
450
  }
372
451
  >
373
- <View
374
- pointerEvents="none"
375
- style={
376
- [
377
- {
378
- "alignItems": "center",
379
- "bottom": 0,
380
- "flexDirection": "row",
381
- "left": 0,
382
- "position": "absolute",
383
- "right": 0,
384
- "top": 0,
385
- "zIndex": 9999,
386
- },
387
- undefined,
388
- ]
389
- }
390
- themeVariant="text"
391
- >
392
- <Text
393
- allowFontScaling={false}
394
- style={
395
- [
396
- {
397
- "color": "#001f23",
398
- "fontFamily": "BeVietnamPro-Regular",
399
- "fontSize": 16,
400
- "letterSpacing": 0.48,
401
- "lineHeight": 24,
402
- },
403
- [
404
- {
405
- "alignContent": "center",
406
- "alignItems": "center",
407
- "color": "#001f23",
408
- "marginTop": -2,
409
- "textAlignVertical": "center",
410
- },
411
- undefined,
412
- ],
413
- ]
414
- }
415
- testID="input-label"
416
- themeIntent="body"
417
- themeState="error"
418
- themeTypeface="neutral"
419
- themeVariant="regular"
420
- >
421
- Rich Text Editor
422
- </Text>
423
- </View>
424
452
  <WebView
425
453
  accessibilityState={
426
454
  {