@hero-design/rn 7.17.0 → 7.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +3712 -3473
  3. package/lib/index.js +3716 -3475
  4. package/package.json +2 -2
  5. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +12 -12
  6. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +18 -18
  7. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +26 -26
  8. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +3 -3
  9. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  10. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +1 -1
  11. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -2
  12. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  13. package/src/components/BottomNavigation/index.tsx +1 -1
  14. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  15. package/src/components/Button/Button.tsx +1 -0
  16. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  17. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  18. package/src/components/Button/UtilityButton/{styled.tsx → StyledUtilityButton.tsx} +2 -2
  19. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  20. package/src/components/Button/UtilityButton/index.tsx +5 -1
  21. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -1
  22. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +69 -69
  23. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +12 -12
  24. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  25. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  26. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  27. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -1
  28. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  29. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +6 -5
  30. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +13 -12
  31. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -12
  32. package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap +99 -0
  33. package/src/components/Drawer/DragableDrawer/__tests__/helpers.spec.ts +39 -0
  34. package/src/components/Drawer/DragableDrawer/__tests__/index.spec.tsx +24 -0
  35. package/src/components/Drawer/DragableDrawer/helpers.ts +43 -0
  36. package/src/components/Drawer/DragableDrawer/index.tsx +205 -0
  37. package/src/components/Drawer/StyledDrawer.tsx +70 -26
  38. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  39. package/src/components/Drawer/index.tsx +4 -1
  40. package/src/components/Empty/StyledEmpty.tsx +4 -3
  41. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +4 -3
  42. package/src/components/Empty/index.tsx +2 -2
  43. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
  44. package/src/components/FAB/ActionGroup/index.tsx +1 -1
  45. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
  46. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -3
  47. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  48. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  49. package/src/components/List/ListItem.tsx +1 -1
  50. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
  51. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
  52. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
  53. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
  54. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  55. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  56. package/src/components/Progress/ProgressCircle.tsx +25 -22
  57. package/src/components/Progress/StyledProgressCircle.tsx +33 -28
  58. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
  59. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
  60. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
  61. package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
  62. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
  63. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +8 -6
  64. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  65. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  66. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
  67. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +42 -42
  68. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +126 -121
  69. package/src/components/Select/MultiSelect/index.tsx +1 -4
  70. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -2
  71. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +36 -36
  72. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +99 -94
  73. package/src/components/Select/SingleSelect/index.tsx +2 -6
  74. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -2
  75. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
  76. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +8 -8
  77. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  78. package/src/components/Switch/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  79. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  80. package/src/components/Tabs/ScrollableTabs.tsx +1 -1
  81. package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +8 -0
  82. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +85 -6
  83. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +87 -8
  84. package/src/components/Tabs/__tests__/index.spec.tsx +8 -0
  85. package/src/components/Tabs/index.tsx +8 -3
  86. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +9 -9
  87. package/src/components/TextInput/StyledTextInput.tsx +1 -0
  88. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
  89. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +100 -87
  90. package/src/components/TextInput/index.tsx +2 -2
  91. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +6 -5
  92. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +13 -12
  93. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
  94. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  95. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
  96. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
  97. package/src/index.ts +9 -1
  98. package/src/theme/ThemeProvider.ts +19 -0
  99. package/src/theme/ThemeSwitcher.tsx +27 -0
  100. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +161 -149
  101. package/src/theme/components/alert.ts +3 -3
  102. package/src/theme/components/badge.ts +1 -1
  103. package/src/theme/components/button.ts +9 -8
  104. package/src/theme/components/card.ts +4 -4
  105. package/src/theme/components/drawer.ts +14 -2
  106. package/src/theme/components/empty.ts +3 -2
  107. package/src/theme/components/list.ts +4 -4
  108. package/src/theme/components/pinInput.ts +2 -2
  109. package/src/theme/components/progress.ts +5 -5
  110. package/src/theme/components/toast.ts +3 -3
  111. package/src/theme/getTheme.ts +129 -0
  112. package/src/theme/global/colors/swag.ts +54 -0
  113. package/src/theme/global/colors/types.ts +45 -0
  114. package/src/theme/global/colors/work.ts +14 -0
  115. package/src/theme/global/index.ts +6 -2
  116. package/src/theme/index.ts +16 -143
  117. package/src/utils/scale.ts +4 -1
  118. package/types/components/Button/Button.d.ts +1 -0
  119. package/types/components/Button/UtilityButton/{styled.d.ts → StyledUtilityButton.d.ts} +0 -0
  120. package/types/components/Drawer/DragableDrawer/__tests__/helpers.spec.d.ts +1 -0
  121. package/types/components/Drawer/DragableDrawer/__tests__/index.spec.d.ts +1 -0
  122. package/types/components/Drawer/DragableDrawer/helpers.d.ts +8 -0
  123. package/types/components/Drawer/DragableDrawer/index.d.ts +33 -0
  124. package/types/components/Drawer/StyledDrawer.d.ts +34 -4
  125. package/types/components/Drawer/index.d.ts +4 -2
  126. package/types/components/Empty/index.d.ts +1 -1
  127. package/types/components/Icon/utils.d.ts +1 -1
  128. package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
  129. package/types/index.d.ts +2 -2
  130. package/types/theme/ThemeProvider.d.ts +12 -0
  131. package/types/theme/ThemeSwitcher.d.ts +7 -0
  132. package/types/theme/components/button.d.ts +1 -1
  133. package/types/theme/components/drawer.d.ts +9 -0
  134. package/types/theme/components/empty.d.ts +3 -2
  135. package/types/theme/components/progress.d.ts +1 -2
  136. package/types/theme/getTheme.d.ts +74 -0
  137. package/types/theme/global/colors/swag.d.ts +3 -0
  138. package/types/theme/global/{colors.d.ts → colors/types.d.ts} +4 -3
  139. package/types/theme/global/colors/work.d.ts +3 -0
  140. package/types/theme/global/index.d.ts +7 -2
  141. package/types/theme/index.d.ts +7 -84
  142. package/src/theme/global/colors.ts +0 -50
package/src/components/TextInput/StyledTextInput.tsx CHANGED
@@ -122,6 +122,7 @@ const StyledTextInputAndLabelContainer = styled(View)(() => ({
122
122
  alignItems: 'center',
123
123
  alignSelf: 'stretch',
124
124
  flexGrow: 2,
125
+ flexShrink: 1,
125
126
  }));
126
127
 
127
128
  const StyledErrorAndHelpTextContainer = styled(View)(({ theme }) => ({
package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`Label renders correctly with themeVariant default 1`] = `
5
5
  style={
6
6
  Array [
7
7
  Object {
8
- "color": "#292a2b",
8
+ "color": "#001f23",
9
9
  "fontFamily": "BeVietnamPro-Regular",
10
10
  "fontSize": 14,
11
11
  "letterSpacing": 0.42,
@@ -13,7 +13,7 @@ exports[`Label renders correctly with themeVariant default 1`] = `
13
13
  },
14
14
  Array [
15
15
  Object {
16
- "color": "#292a2b",
16
+ "color": "#001f23",
17
17
  },
18
18
  undefined,
19
19
  ],
@@ -33,7 +33,7 @@ exports[`Label renders correctly with themeVariant disabled 1`] = `
33
33
  style={
34
34
  Array [
35
35
  Object {
36
- "color": "#292a2b",
36
+ "color": "#001f23",
37
37
  "fontFamily": "BeVietnamPro-Regular",
38
38
  "fontSize": 14,
39
39
  "letterSpacing": 0.42,
@@ -41,7 +41,7 @@ exports[`Label renders correctly with themeVariant disabled 1`] = `
41
41
  },
42
42
  Array [
43
43
  Object {
44
- "color": "#ccced1",
44
+ "color": "#bfc1c5",
45
45
  },
46
46
  undefined,
47
47
  ],
@@ -61,7 +61,7 @@ exports[`Label renders correctly with themeVariant error 1`] = `
61
61
  style={
62
62
  Array [
63
63
  Object {
64
- "color": "#292a2b",
64
+ "color": "#001f23",
65
65
  "fontFamily": "BeVietnamPro-Regular",
66
66
  "fontSize": 14,
67
67
  "letterSpacing": 0.42,
@@ -69,7 +69,7 @@ exports[`Label renders correctly with themeVariant error 1`] = `
69
69
  },
70
70
  Array [
71
71
  Object {
72
- "color": "#292a2b",
72
+ "color": "#001f23",
73
73
  },
74
74
  undefined,
75
75
  ],
@@ -89,7 +89,7 @@ exports[`Label renders correctly with themeVariant filled 1`] = `
89
89
  style={
90
90
  Array [
91
91
  Object {
92
- "color": "#292a2b",
92
+ "color": "#001f23",
93
93
  "fontFamily": "BeVietnamPro-Regular",
94
94
  "fontSize": 14,
95
95
  "letterSpacing": 0.42,
@@ -97,7 +97,7 @@ exports[`Label renders correctly with themeVariant filled 1`] = `
97
97
  },
98
98
  Array [
99
99
  Object {
100
- "color": "#292a2b",
100
+ "color": "#001f23",
101
101
  },
102
102
  undefined,
103
103
  ],
@@ -117,7 +117,7 @@ exports[`Label renders correctly with themeVariant focused 1`] = `
117
117
  style={
118
118
  Array [
119
119
  Object {
120
- "color": "#292a2b",
120
+ "color": "#001f23",
121
121
  "fontFamily": "BeVietnamPro-Regular",
122
122
  "fontSize": 14,
123
123
  "letterSpacing": 0.42,
@@ -125,7 +125,7 @@ exports[`Label renders correctly with themeVariant focused 1`] = `
125
125
  },
126
126
  Array [
127
127
  Object {
128
- "color": "#292a2b",
128
+ "color": "#001f23",
129
129
  },
130
130
  undefined,
131
131
  ],
@@ -145,7 +145,7 @@ exports[`Label renders correctly with themeVariant readonly 1`] = `
145
145
  style={
146
146
  Array [
147
147
  Object {
148
- "color": "#292a2b",
148
+ "color": "#001f23",
149
149
  "fontFamily": "BeVietnamPro-Regular",
150
150
  "fontSize": 14,
151
151
  "letterSpacing": 0.42,
@@ -153,7 +153,7 @@ exports[`Label renders correctly with themeVariant readonly 1`] = `
153
153
  },
154
154
  Array [
155
155
  Object {
156
- "color": "#8b8d92",
156
+ "color": "#808f91",
157
157
  },
158
158
  undefined,
159
159
  ],
@@ -192,7 +192,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant default 1`] =
192
192
  style={
193
193
  Array [
194
194
  Object {
195
- "color": "#292a2b",
195
+ "color": "#001f23",
196
196
  "fontFamily": "BeVietnamPro-Regular",
197
197
  "fontSize": 14,
198
198
  "letterSpacing": 0.42,
@@ -202,7 +202,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant default 1`] =
202
202
  Object {
203
203
  "alignContent": "center",
204
204
  "alignItems": "center",
205
- "color": "#292a2b",
205
+ "color": "#001f23",
206
206
  "fontSize": 14,
207
207
  "textAlignVertical": "center",
208
208
  },
@@ -224,7 +224,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant disabled 1`] =
224
224
  style={
225
225
  Array [
226
226
  Object {
227
- "color": "#292a2b",
227
+ "color": "#001f23",
228
228
  "fontFamily": "BeVietnamPro-Regular",
229
229
  "fontSize": 14,
230
230
  "letterSpacing": 0.42,
@@ -234,7 +234,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant disabled 1`] =
234
234
  Object {
235
235
  "alignContent": "center",
236
236
  "alignItems": "center",
237
- "color": "#ccced1",
237
+ "color": "#bfc1c5",
238
238
  "fontSize": 14,
239
239
  "textAlignVertical": "center",
240
240
  },
@@ -256,7 +256,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant error 1`] = `
256
256
  style={
257
257
  Array [
258
258
  Object {
259
- "color": "#292a2b",
259
+ "color": "#001f23",
260
260
  "fontFamily": "BeVietnamPro-Regular",
261
261
  "fontSize": 14,
262
262
  "letterSpacing": 0.42,
@@ -266,7 +266,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant error 1`] = `
266
266
  Object {
267
267
  "alignContent": "center",
268
268
  "alignItems": "center",
269
- "color": "#292a2b",
269
+ "color": "#001f23",
270
270
  "fontSize": 14,
271
271
  "textAlignVertical": "center",
272
272
  },
@@ -288,7 +288,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
288
288
  style={
289
289
  Array [
290
290
  Object {
291
- "color": "#292a2b",
291
+ "color": "#001f23",
292
292
  "fontFamily": "BeVietnamPro-Regular",
293
293
  "fontSize": 14,
294
294
  "letterSpacing": 0.42,
@@ -298,7 +298,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
298
298
  Object {
299
299
  "alignContent": "center",
300
300
  "alignItems": "center",
301
- "color": "#292a2b",
301
+ "color": "#001f23",
302
302
  "fontSize": 14,
303
303
  "textAlignVertical": "center",
304
304
  },
@@ -320,7 +320,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant focused 1`] =
320
320
  style={
321
321
  Array [
322
322
  Object {
323
- "color": "#292a2b",
323
+ "color": "#001f23",
324
324
  "fontFamily": "BeVietnamPro-Regular",
325
325
  "fontSize": 14,
326
326
  "letterSpacing": 0.42,
@@ -330,7 +330,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant focused 1`] =
330
330
  Object {
331
331
  "alignContent": "center",
332
332
  "alignItems": "center",
333
- "color": "#292a2b",
333
+ "color": "#001f23",
334
334
  "fontSize": 14,
335
335
  "textAlignVertical": "center",
336
336
  },
@@ -352,7 +352,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] =
352
352
  style={
353
353
  Array [
354
354
  Object {
355
- "color": "#292a2b",
355
+ "color": "#001f23",
356
356
  "fontFamily": "BeVietnamPro-Regular",
357
357
  "fontSize": 14,
358
358
  "letterSpacing": 0.42,
@@ -362,7 +362,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] =
362
362
  Object {
363
363
  "alignContent": "center",
364
364
  "alignItems": "center",
365
- "color": "#8b8d92",
365
+ "color": "#808f91",
366
366
  "fontSize": 14,
367
367
  "textAlignVertical": "center",
368
368
  },
@@ -384,7 +384,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant default 1`] = `
384
384
  style={
385
385
  Array [
386
386
  Object {
387
- "color": "#292a2b",
387
+ "color": "#001f23",
388
388
  "fontFamily": "BeVietnamPro-Regular",
389
389
  "fontSize": 14,
390
390
  "letterSpacing": 0.42,
@@ -412,7 +412,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant disabled 1`] =
412
412
  style={
413
413
  Array [
414
414
  Object {
415
- "color": "#292a2b",
415
+ "color": "#001f23",
416
416
  "fontFamily": "BeVietnamPro-Regular",
417
417
  "fontSize": 14,
418
418
  "letterSpacing": 0.42,
@@ -420,7 +420,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant disabled 1`] =
420
420
  },
421
421
  Array [
422
422
  Object {
423
- "color": "#ccced1",
423
+ "color": "#bfc1c5",
424
424
  },
425
425
  undefined,
426
426
  ],
@@ -440,7 +440,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant error 1`] = `
440
440
  style={
441
441
  Array [
442
442
  Object {
443
- "color": "#292a2b",
443
+ "color": "#001f23",
444
444
  "fontFamily": "BeVietnamPro-Regular",
445
445
  "fontSize": 14,
446
446
  "letterSpacing": 0.42,
@@ -468,7 +468,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant filled 1`] = `
468
468
  style={
469
469
  Array [
470
470
  Object {
471
- "color": "#292a2b",
471
+ "color": "#001f23",
472
472
  "fontFamily": "BeVietnamPro-Regular",
473
473
  "fontSize": 14,
474
474
  "letterSpacing": 0.42,
@@ -496,7 +496,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant focused 1`] = `
496
496
  style={
497
497
  Array [
498
498
  Object {
499
- "color": "#292a2b",
499
+ "color": "#001f23",
500
500
  "fontFamily": "BeVietnamPro-Regular",
501
501
  "fontSize": 14,
502
502
  "letterSpacing": 0.42,
@@ -524,7 +524,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] =
524
524
  style={
525
525
  Array [
526
526
  Object {
527
- "color": "#292a2b",
527
+ "color": "#001f23",
528
528
  "fontFamily": "BeVietnamPro-Regular",
529
529
  "fontSize": 14,
530
530
  "letterSpacing": 0.42,
@@ -532,7 +532,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] =
532
532
  },
533
533
  Array [
534
534
  Object {
535
- "color": "#8b8d92",
535
+ "color": "#808f91",
536
536
  },
537
537
  undefined,
538
538
  ],
@@ -552,7 +552,7 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant default 1`] =
552
552
  style={
553
553
  Array [
554
554
  Object {
555
- "borderColor": "#292a2b",
555
+ "borderColor": "#001f23",
556
556
  "borderRadius": 8,
557
557
  "borderWidth": 1,
558
558
  "bottom": 0,
@@ -573,7 +573,7 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant disabled 1`] =
573
573
  style={
574
574
  Array [
575
575
  Object {
576
- "borderColor": "#ccced1",
576
+ "borderColor": "#bfc1c5",
577
577
  "borderRadius": 8,
578
578
  "borderWidth": 1,
579
579
  "bottom": 0,
@@ -615,7 +615,7 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant filled 1`] = `
615
615
  style={
616
616
  Array [
617
617
  Object {
618
- "borderColor": "#292a2b",
618
+ "borderColor": "#001f23",
619
619
  "borderRadius": 8,
620
620
  "borderWidth": 1,
621
621
  "bottom": 0,
@@ -636,7 +636,7 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant focused 1`] =
636
636
  style={
637
637
  Array [
638
638
  Object {
639
- "borderColor": "#292a2b",
639
+ "borderColor": "#001f23",
640
640
  "borderRadius": 8,
641
641
  "borderWidth": 2,
642
642
  "bottom": 0,
@@ -657,7 +657,7 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant readonly 1`] =
657
657
  style={
658
658
  Array [
659
659
  Object {
660
- "borderColor": "#8b8d92",
660
+ "borderColor": "#808f91",
661
661
  "borderRadius": 8,
662
662
  "borderWidth": 1,
663
663
  "bottom": 0,
@@ -678,7 +678,7 @@ exports[`StyledErrorMessage renders correctly 1`] = `
678
678
  style={
679
679
  Array [
680
680
  Object {
681
- "color": "#292a2b",
681
+ "color": "#001f23",
682
682
  "fontFamily": "BeVietnamPro-Regular",
683
683
  "fontSize": 14,
684
684
  "letterSpacing": 0.42,
@@ -724,7 +724,7 @@ exports[`StyledHelperText renders correctly 1`] = `
724
724
  style={
725
725
  Array [
726
726
  Object {
727
- "color": "#292a2b",
727
+ "color": "#001f23",
728
728
  "fontFamily": "BeVietnamPro-Regular",
729
729
  "fontSize": 14,
730
730
  "letterSpacing": 0.42,
@@ -757,7 +757,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant default 1`]
757
757
  style={
758
758
  Array [
759
759
  Object {
760
- "color": "#292a2b",
760
+ "color": "#001f23",
761
761
  "fontFamily": "BeVietnamPro-Regular",
762
762
  "fontSize": 14,
763
763
  "letterSpacing": 0.42,
@@ -766,7 +766,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant default 1`]
766
766
  Array [
767
767
  Object {
768
768
  "alignSelf": "flex-end",
769
- "color": "#292a2b",
769
+ "color": "#001f23",
770
770
  "flex": 1,
771
771
  "flexGrow": 1,
772
772
  "fontSize": 12,
@@ -791,7 +791,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant disabled 1`]
791
791
  style={
792
792
  Array [
793
793
  Object {
794
- "color": "#292a2b",
794
+ "color": "#001f23",
795
795
  "fontFamily": "BeVietnamPro-Regular",
796
796
  "fontSize": 14,
797
797
  "letterSpacing": 0.42,
@@ -800,7 +800,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant disabled 1`]
800
800
  Array [
801
801
  Object {
802
802
  "alignSelf": "flex-end",
803
- "color": "#ccced1",
803
+ "color": "#bfc1c5",
804
804
  "flex": 1,
805
805
  "flexGrow": 1,
806
806
  "fontSize": 12,
@@ -825,7 +825,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant error 1`] =
825
825
  style={
826
826
  Array [
827
827
  Object {
828
- "color": "#292a2b",
828
+ "color": "#001f23",
829
829
  "fontFamily": "BeVietnamPro-Regular",
830
830
  "fontSize": 14,
831
831
  "letterSpacing": 0.42,
@@ -859,7 +859,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant filled 1`] =
859
859
  style={
860
860
  Array [
861
861
  Object {
862
- "color": "#292a2b",
862
+ "color": "#001f23",
863
863
  "fontFamily": "BeVietnamPro-Regular",
864
864
  "fontSize": 14,
865
865
  "letterSpacing": 0.42,
@@ -868,7 +868,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant filled 1`] =
868
868
  Array [
869
869
  Object {
870
870
  "alignSelf": "flex-end",
871
- "color": "#292a2b",
871
+ "color": "#001f23",
872
872
  "flex": 1,
873
873
  "flexGrow": 1,
874
874
  "fontSize": 12,
@@ -893,7 +893,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant focused 1`]
893
893
  style={
894
894
  Array [
895
895
  Object {
896
- "color": "#292a2b",
896
+ "color": "#001f23",
897
897
  "fontFamily": "BeVietnamPro-Regular",
898
898
  "fontSize": 14,
899
899
  "letterSpacing": 0.42,
@@ -902,7 +902,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant focused 1`]
902
902
  Array [
903
903
  Object {
904
904
  "alignSelf": "flex-end",
905
- "color": "#292a2b",
905
+ "color": "#001f23",
906
906
  "flex": 1,
907
907
  "flexGrow": 1,
908
908
  "fontSize": 12,
@@ -927,7 +927,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant readonly 1`]
927
927
  style={
928
928
  Array [
929
929
  Object {
930
- "color": "#292a2b",
930
+ "color": "#001f23",
931
931
  "fontFamily": "BeVietnamPro-Regular",
932
932
  "fontSize": 14,
933
933
  "letterSpacing": 0.42,
@@ -936,7 +936,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant readonly 1`]
936
936
  Array [
937
937
  Object {
938
938
  "alignSelf": "flex-end",
939
- "color": "#8b8d92",
939
+ "color": "#808f91",
940
940
  "flex": 1,
941
941
  "flexGrow": 1,
942
942
  "fontSize": 12,