@hero-design/rn 8.91.1 → 8.91.3

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 (86) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +16 -0
  3. package/es/index.js +155 -35
  4. package/lib/index.js +155 -35
  5. package/package.json +1 -1
  6. package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap +6 -6
  7. package/src/components/Checkbox/StyledCheckbox.tsx +3 -3
  8. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  9. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  10. package/src/components/Checkbox/__tests__/index.spec.tsx +11 -7
  11. package/src/components/Checkbox/index.tsx +11 -2
  12. package/src/components/Chip/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  13. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +63 -3
  14. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +21 -1
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +21 -1
  16. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +42 -2
  17. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  18. package/src/components/FAB/Pair/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  19. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +2 -2
  20. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  21. package/src/components/FloatingIsland/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  22. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +3 -2
  23. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +2 -2
  24. package/src/components/MapPin/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  25. package/src/components/RichTextEditor/RichTextEditor.tsx +2 -1
  26. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +40 -2
  27. package/src/components/Search/SearchOneLine.tsx +3 -1
  28. package/src/components/Search/__tests__/__snapshots__/SearchOneLine.spec.tsx.snap +7 -0
  29. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +147 -7
  30. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +126 -6
  31. package/src/components/Slider/__tests__/__snapshots__/RangeSlider.spec.tsx.snap +2 -2
  32. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  33. package/src/components/Switch/StyledSwitch.tsx +1 -0
  34. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +8 -4
  35. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +4 -2
  36. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +337 -16
  37. package/src/components/TextInput/__tests__/index.spec.tsx +2 -0
  38. package/src/components/TextInput/index.tsx +7 -2
  39. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +42 -2
  40. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +42 -2
  41. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +7 -7
  42. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +42 -14
  43. package/src/theme/components/checkbox.ts +7 -0
  44. package/src/theme/components/switch.ts +5 -5
  45. package/src/theme/components/textInput.ts +1 -0
  46. package/src/theme/global/colors/__tests__/__snapshots__/swagLight.spec.ts.snap +4 -3
  47. package/src/theme/global/colors/__tests__/__snapshots__/swagLightGlobal.spec.ts.snap +3 -3
  48. package/src/theme/global/colors/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +4 -3
  49. package/src/theme/global/colors/ehWorkDark.ts +1 -0
  50. package/src/theme/global/colors/swagLight.ts +1 -0
  51. package/src/theme/global/colors/swagLightGlobal.ts +3 -3
  52. package/src/theme/global/colors/swagLightJobs.ts +3 -1
  53. package/src/theme/global/colors/types.ts +2 -0
  54. package/src/theme/global/shadows/__tests__/__snapshots__/ehWorkDark.spec.ts.snap +36 -0
  55. package/src/theme/global/shadows/__tests__/__snapshots__/swagLight.spec.ts.snap +36 -0
  56. package/src/theme/global/shadows/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +36 -0
  57. package/src/theme/global/shadows/__tests__/ehWorkDark.spec.ts +7 -0
  58. package/src/theme/global/shadows/__tests__/index.spec.ts +24 -0
  59. package/src/theme/global/shadows/__tests__/swagLight.spec.ts +7 -0
  60. package/src/theme/global/shadows/__tests__/swagLightJobs.spec.ts +7 -0
  61. package/src/theme/global/shadows/ehWorkDark.ts +37 -0
  62. package/src/theme/global/shadows/index.ts +23 -0
  63. package/src/theme/global/shadows/swagLight.ts +37 -0
  64. package/src/theme/global/shadows/swagLightJobs.ts +37 -0
  65. package/src/theme/global/shadows/types.ts +16 -0
  66. package/stats/8.91.2/rn-stats.html +4842 -0
  67. package/stats/8.91.3/rn-stats.html +4844 -0
  68. package/types/components/Checkbox/StyledCheckbox.d.ts +1 -1
  69. package/types/components/Checkbox/index.d.ts +2 -1
  70. package/types/components/TextInput/index.d.ts +3 -1
  71. package/types/theme/components/checkbox.d.ts +7 -0
  72. package/types/theme/components/chip.d.ts +1 -10
  73. package/types/theme/components/floatingIsland.d.ts +1 -10
  74. package/types/theme/components/slider.d.ts +1 -10
  75. package/types/theme/components/switch.d.ts +1 -1
  76. package/types/theme/components/textInput.d.ts +1 -0
  77. package/types/theme/global/colors/swagLightJobs.d.ts +2 -50
  78. package/types/theme/global/colors/types.d.ts +2 -0
  79. package/types/theme/global/index.d.ts +2 -12
  80. package/types/theme/global/shadows/ehWorkDark.d.ts +3 -0
  81. package/types/theme/global/shadows/index.d.ts +5 -0
  82. package/types/theme/global/shadows/swagLight.d.ts +3 -0
  83. package/types/theme/global/shadows/swagLightJobs.d.ts +3 -0
  84. package/types/theme/global/shadows/types.d.ts +15 -0
  85. package/src/theme/global/shadows.ts +0 -19
  86. package/types/theme/global/shadows.d.ts +0 -16
package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap CHANGED
@@ -260,7 +260,7 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
260
260
  "elevation": 3,
261
261
  "flexDirection": "row",
262
262
  "padding": 16,
263
- "shadowColor": "#001f23",
263
+ "shadowColor": "#121214",
264
264
  "shadowOffset": {
265
265
  "height": 2,
266
266
  "width": 0,
@@ -433,7 +433,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
433
433
  "elevation": 3,
434
434
  "flexDirection": "row",
435
435
  "padding": 16,
436
- "shadowColor": "#001f23",
436
+ "shadowColor": "#121214",
437
437
  "shadowOffset": {
438
438
  "height": 2,
439
439
  "width": 0,
package/src/components/MapPin/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -36,7 +36,7 @@ exports[`MapPin renders applied state correctly 1`] = `
36
36
  "elevation": 3,
37
37
  "height": 42,
38
38
  "justifyContent": "center",
39
- "shadowColor": "#001f23",
39
+ "shadowColor": "#121214",
40
40
  "shadowOffset": {
41
41
  "height": 2,
42
42
  "width": 0,
@@ -177,7 +177,7 @@ exports[`MapPin renders icon correctly 1`] = `
177
177
  "elevation": 3,
178
178
  "height": 42,
179
179
  "justifyContent": "center",
180
- "shadowColor": "#001f23",
180
+ "shadowColor": "#121214",
181
181
  "shadowOffset": {
182
182
  "height": 2,
183
183
  "width": 0,
@@ -267,7 +267,7 @@ exports[`MapPin renders image correctly 1`] = `
267
267
  "elevation": 3,
268
268
  "height": 42,
269
269
  "justifyContent": "center",
270
- "shadowColor": "#001f23",
270
+ "shadowColor": "#121214",
271
271
  "shadowOffset": {
272
272
  "height": 2,
273
273
  "width": 0,
@@ -360,7 +360,7 @@ exports[`MapPin renders selected state correctly 1`] = `
360
360
  "elevation": 3,
361
361
  "height": 42,
362
362
  "justifyContent": "center",
363
- "shadowColor": "#001f23",
363
+ "shadowColor": "#121214",
364
364
  "shadowOffset": {
365
365
  "height": 2,
366
366
  "width": 0,
package/src/components/RichTextEditor/RichTextEditor.tsx CHANGED
@@ -39,6 +39,7 @@ import { postMessage, requestBlurEditor } from './utils/rnWebView';
39
39
  import type { WebViewEventMessage } from './utils/rnWebView';
40
40
  import { LABEL_ANIMATION_DURATION } from '../TextInput';
41
41
  import { TextUnit } from './types';
42
+ import Typography from '../Typography';
42
43
 
43
44
  export interface RichTextEditorRef {
44
45
  requestBlur: VoidFunction;
@@ -408,7 +409,7 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
408
409
  *
409
410
  </StyledAsteriskLabelInsideTextInput>
410
411
  )}
411
- {label}
412
+ <Typography.Body>{label}</Typography.Body>
412
413
  </StyledLabelInsideTextInput>
413
414
  )}
414
415
  </StyledLabelContainerInsideTextInput>
package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap CHANGED
@@ -83,7 +83,26 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
83
83
  themeTypeface="neutral"
84
84
  themeVariant="regular"
85
85
  >
86
- Rich Text Editor
86
+ <Text
87
+ allowFontScaling={false}
88
+ style={
89
+ [
90
+ {
91
+ "color": "#001f23",
92
+ "fontFamily": "BeVietnamPro-Regular",
93
+ "fontSize": 16,
94
+ "letterSpacing": 0.48,
95
+ "lineHeight": 24,
96
+ },
97
+ undefined,
98
+ ]
99
+ }
100
+ themeIntent="body"
101
+ themeTypeface="neutral"
102
+ themeVariant="regular"
103
+ >
104
+ Rich Text Editor
105
+ </Text>
87
106
  </Text>
88
107
  </View>
89
108
  <View
@@ -405,7 +424,26 @@ exports[`RichTextEditor should render correctly 1`] = `
405
424
  themeTypeface="neutral"
406
425
  themeVariant="regular"
407
426
  >
408
- Rich Text Editor
427
+ <Text
428
+ allowFontScaling={false}
429
+ style={
430
+ [
431
+ {
432
+ "color": "#001f23",
433
+ "fontFamily": "BeVietnamPro-Regular",
434
+ "fontSize": 16,
435
+ "letterSpacing": 0.48,
436
+ "lineHeight": 24,
437
+ },
438
+ undefined,
439
+ ]
440
+ }
441
+ themeIntent="body"
442
+ themeTypeface="neutral"
443
+ themeVariant="regular"
444
+ >
445
+ Rich Text Editor
446
+ </Text>
409
447
  </Text>
410
448
  </View>
411
449
  <View
package/src/components/Search/SearchOneLine.tsx CHANGED
@@ -16,6 +16,7 @@ import {
16
16
  import { IconName } from '../Icon';
17
17
  import { renderPrefix, renderSuffix } from './utils';
18
18
  import Button from '../Button';
19
+ import { useTheme } from '../../theme';
19
20
 
20
21
  export type SearchOneLineHandles = Pick<
21
22
  RNTextInput,
@@ -132,7 +133,7 @@ const SearchOneLine = forwardRef<SearchOneLineHandles, SearchOneLineProps>(
132
133
  } = props;
133
134
 
134
135
  const [isFocused, setIsFocused] = React.useState(false);
135
-
136
+ const theme = useTheme();
136
137
  const displayText = (value !== undefined ? value : defaultValue) ?? '';
137
138
  const isEmptyValue = displayText.length === 0;
138
139
 
@@ -215,6 +216,7 @@ const SearchOneLine = forwardRef<SearchOneLineHandles, SearchOneLineProps>(
215
216
  value,
216
217
  defaultValue,
217
218
  placeholder,
219
+ placeholderTextColor: theme.__hd__.textInput.colors.placeholder,
218
220
  },
219
221
  ref: (rnTextInputRef) => {
220
222
  innerTextInput.current = rnTextInputRef;
package/src/components/Search/__tests__/__snapshots__/SearchOneLine.spec.tsx.snap CHANGED
@@ -76,6 +76,7 @@ exports[`SearchOneLine idle renders correctly 1`] = `
76
76
  onBlur={[Function]}
77
77
  onFocus={[Function]}
78
78
  placeholder="Search"
79
+ placeholderTextColor="#4d6265"
79
80
  style={
80
81
  [
81
82
  {
@@ -213,6 +214,7 @@ exports[`SearchOneLine idle renders custom affix correctly 1`] = `
213
214
  onBlur={[Function]}
214
215
  onFocus={[Function]}
215
216
  placeholder="Search"
217
+ placeholderTextColor="#4d6265"
216
218
  style={
217
219
  [
218
220
  {
@@ -357,6 +359,7 @@ exports[`SearchOneLine idle renders reserved variant correctly 1`] = `
357
359
  onBlur={[Function]}
358
360
  onFocus={[Function]}
359
361
  placeholder="Search"
362
+ placeholderTextColor="#4d6265"
360
363
  style={
361
364
  [
362
365
  {
@@ -502,6 +505,7 @@ exports[`filled disabled renders correctly 1`] = `
502
505
  onChangeText={[MockFunction]}
503
506
  onFocus={[Function]}
504
507
  placeholder="Search"
508
+ placeholderTextColor="#4d6265"
505
509
  style={
506
510
  [
507
511
  {
@@ -648,6 +652,7 @@ exports[`filled readonly renders correctly 1`] = `
648
652
  onChangeText={[MockFunction]}
649
653
  onFocus={[Function]}
650
654
  placeholder="Search"
655
+ placeholderTextColor="#4d6265"
651
656
  style={
652
657
  [
653
658
  {
@@ -793,6 +798,7 @@ exports[`filled renders clearable input correctly 1`] = `
793
798
  onBlur={[Function]}
794
799
  onFocus={[Function]}
795
800
  placeholder="Search"
801
+ placeholderTextColor="#4d6265"
796
802
  style={
797
803
  [
798
804
  {
@@ -973,6 +979,7 @@ exports[`filled renders correctly 1`] = `
973
979
  onBlur={[Function]}
974
980
  onFocus={[Function]}
975
981
  placeholder="Search"
982
+ placeholderTextColor="#4d6265"
976
983
  style={
977
984
  [
978
985
  {
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -164,7 +164,26 @@ exports[`rendering allows custom renderer 1`] = `
164
164
  themeTypeface="neutral"
165
165
  themeVariant="regular"
166
166
  >
167
- Choose collaborators
167
+ <Text
168
+ allowFontScaling={false}
169
+ style={
170
+ [
171
+ {
172
+ "color": "#001f23",
173
+ "fontFamily": "BeVietnamPro-Regular",
174
+ "fontSize": 16,
175
+ "letterSpacing": 0.48,
176
+ "lineHeight": 24,
177
+ },
178
+ undefined,
179
+ ]
180
+ }
181
+ themeIntent="body"
182
+ themeTypeface="neutral"
183
+ themeVariant="regular"
184
+ >
185
+ Choose collaborators
186
+ </Text>
168
187
  </Text>
169
188
  </View>
170
189
  <View
@@ -194,6 +213,7 @@ exports[`rendering allows custom renderer 1`] = `
194
213
  onChangeText={[Function]}
195
214
  onFocus={[Function]}
196
215
  placeholder=" "
216
+ placeholderTextColor="#4d6265"
197
217
  pointerEvents="none"
198
218
  style={
199
219
  [
@@ -1703,7 +1723,26 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1703
1723
  themeTypeface="neutral"
1704
1724
  themeVariant="regular"
1705
1725
  >
1706
- Allow notifications
1726
+ <Text
1727
+ allowFontScaling={false}
1728
+ style={
1729
+ [
1730
+ {
1731
+ "color": "#001f23",
1732
+ "fontFamily": "BeVietnamPro-Regular",
1733
+ "fontSize": 16,
1734
+ "letterSpacing": 0.48,
1735
+ "lineHeight": 24,
1736
+ },
1737
+ undefined,
1738
+ ]
1739
+ }
1740
+ themeIntent="body"
1741
+ themeTypeface="neutral"
1742
+ themeVariant="regular"
1743
+ >
1744
+ Allow notifications
1745
+ </Text>
1707
1746
  </Text>
1708
1747
  </View>
1709
1748
  <View
@@ -1733,6 +1772,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1733
1772
  onChangeText={[Function]}
1734
1773
  onFocus={[Function]}
1735
1774
  placeholder=" "
1775
+ placeholderTextColor="#4d6265"
1736
1776
  pointerEvents="none"
1737
1777
  style={
1738
1778
  [
@@ -3434,7 +3474,26 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3434
3474
  themeTypeface="neutral"
3435
3475
  themeVariant="regular"
3436
3476
  >
3437
- Allow notifications
3477
+ <Text
3478
+ allowFontScaling={false}
3479
+ style={
3480
+ [
3481
+ {
3482
+ "color": "#001f23",
3483
+ "fontFamily": "BeVietnamPro-Regular",
3484
+ "fontSize": 16,
3485
+ "letterSpacing": 0.48,
3486
+ "lineHeight": 24,
3487
+ },
3488
+ undefined,
3489
+ ]
3490
+ }
3491
+ themeIntent="body"
3492
+ themeTypeface="neutral"
3493
+ themeVariant="regular"
3494
+ >
3495
+ Allow notifications
3496
+ </Text>
3438
3497
  </Text>
3439
3498
  </View>
3440
3499
  <View
@@ -3464,6 +3523,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3464
3523
  onChangeText={[Function]}
3465
3524
  onFocus={[Function]}
3466
3525
  placeholder=" "
3526
+ placeholderTextColor="#4d6265"
3467
3527
  pointerEvents="none"
3468
3528
  style={
3469
3529
  [
@@ -3721,7 +3781,26 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3721
3781
  themeTypeface="neutral"
3722
3782
  themeVariant="regular"
3723
3783
  >
3724
- Allow notifications
3784
+ <Text
3785
+ allowFontScaling={false}
3786
+ style={
3787
+ [
3788
+ {
3789
+ "color": "#001f23",
3790
+ "fontFamily": "BeVietnamPro-Regular",
3791
+ "fontSize": 16,
3792
+ "letterSpacing": 0.48,
3793
+ "lineHeight": 24,
3794
+ },
3795
+ undefined,
3796
+ ]
3797
+ }
3798
+ themeIntent="body"
3799
+ themeTypeface="neutral"
3800
+ themeVariant="regular"
3801
+ >
3802
+ Allow notifications
3803
+ </Text>
3725
3804
  </Text>
3726
3805
  </View>
3727
3806
  <View
@@ -3751,6 +3830,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3751
3830
  onChangeText={[Function]}
3752
3831
  onFocus={[Function]}
3753
3832
  placeholder=" "
3833
+ placeholderTextColor="#4d6265"
3754
3834
  pointerEvents="none"
3755
3835
  style={
3756
3836
  [
@@ -5466,7 +5546,26 @@ exports[`rendering renders correctly when input is loading 1`] = `
5466
5546
  themeTypeface="neutral"
5467
5547
  themeVariant="regular"
5468
5548
  >
5469
- Allow notifications
5549
+ <Text
5550
+ allowFontScaling={false}
5551
+ style={
5552
+ [
5553
+ {
5554
+ "color": "#001f23",
5555
+ "fontFamily": "BeVietnamPro-Regular",
5556
+ "fontSize": 16,
5557
+ "letterSpacing": 0.48,
5558
+ "lineHeight": 24,
5559
+ },
5560
+ undefined,
5561
+ ]
5562
+ }
5563
+ themeIntent="body"
5564
+ themeTypeface="neutral"
5565
+ themeVariant="regular"
5566
+ >
5567
+ Allow notifications
5568
+ </Text>
5470
5569
  </Text>
5471
5570
  </View>
5472
5571
  <View
@@ -5496,6 +5595,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5496
5595
  onChangeText={[Function]}
5497
5596
  onFocus={[Function]}
5498
5597
  placeholder=" "
5598
+ placeholderTextColor="#4d6265"
5499
5599
  pointerEvents="none"
5500
5600
  style={
5501
5601
  [
@@ -5766,7 +5866,26 @@ exports[`rendering renders correctly when receives sections 1`] = `
5766
5866
  themeTypeface="neutral"
5767
5867
  themeVariant="regular"
5768
5868
  >
5769
- Allow notifications
5869
+ <Text
5870
+ allowFontScaling={false}
5871
+ style={
5872
+ [
5873
+ {
5874
+ "color": "#001f23",
5875
+ "fontFamily": "BeVietnamPro-Regular",
5876
+ "fontSize": 16,
5877
+ "letterSpacing": 0.48,
5878
+ "lineHeight": 24,
5879
+ },
5880
+ undefined,
5881
+ ]
5882
+ }
5883
+ themeIntent="body"
5884
+ themeTypeface="neutral"
5885
+ themeVariant="regular"
5886
+ >
5887
+ Allow notifications
5888
+ </Text>
5770
5889
  </Text>
5771
5890
  </View>
5772
5891
  <View
@@ -5796,6 +5915,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5796
5915
  onChangeText={[Function]}
5797
5916
  onFocus={[Function]}
5798
5917
  placeholder=" "
5918
+ placeholderTextColor="#4d6265"
5799
5919
  pointerEvents="none"
5800
5920
  style={
5801
5921
  [
@@ -7091,7 +7211,26 @@ exports[`rendering renders correctly when receives sections 2`] = `
7091
7211
  themeTypeface="neutral"
7092
7212
  themeVariant="regular"
7093
7213
  >
7094
- Allow notifications
7214
+ <Text
7215
+ allowFontScaling={false}
7216
+ style={
7217
+ [
7218
+ {
7219
+ "color": "#001f23",
7220
+ "fontFamily": "BeVietnamPro-Regular",
7221
+ "fontSize": 16,
7222
+ "letterSpacing": 0.48,
7223
+ "lineHeight": 24,
7224
+ },
7225
+ undefined,
7226
+ ]
7227
+ }
7228
+ themeIntent="body"
7229
+ themeTypeface="neutral"
7230
+ themeVariant="regular"
7231
+ >
7232
+ Allow notifications
7233
+ </Text>
7095
7234
  </Text>
7096
7235
  </View>
7097
7236
  <View
@@ -7121,6 +7260,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
7121
7260
  onChangeText={[Function]}
7122
7261
  onFocus={[Function]}
7123
7262
  placeholder=" "
7263
+ placeholderTextColor="#4d6265"
7124
7264
  pointerEvents="none"
7125
7265
  style={
7126
7266
  [
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -164,7 +164,26 @@ exports[`rendering allows custom renderer 1`] = `
164
164
  themeTypeface="neutral"
165
165
  themeVariant="regular"
166
166
  >
167
- Choose collaborators
167
+ <Text
168
+ allowFontScaling={false}
169
+ style={
170
+ [
171
+ {
172
+ "color": "#001f23",
173
+ "fontFamily": "BeVietnamPro-Regular",
174
+ "fontSize": 16,
175
+ "letterSpacing": 0.48,
176
+ "lineHeight": 24,
177
+ },
178
+ undefined,
179
+ ]
180
+ }
181
+ themeIntent="body"
182
+ themeTypeface="neutral"
183
+ themeVariant="regular"
184
+ >
185
+ Choose collaborators
186
+ </Text>
168
187
  </Text>
169
188
  </View>
170
189
  <View
@@ -194,6 +213,7 @@ exports[`rendering allows custom renderer 1`] = `
194
213
  onChangeText={[Function]}
195
214
  onFocus={[Function]}
196
215
  placeholder=" "
216
+ placeholderTextColor="#4d6265"
197
217
  pointerEvents="none"
198
218
  style={
199
219
  [
@@ -1617,7 +1637,26 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1617
1637
  themeTypeface="neutral"
1618
1638
  themeVariant="regular"
1619
1639
  >
1620
- Allow notifications
1640
+ <Text
1641
+ allowFontScaling={false}
1642
+ style={
1643
+ [
1644
+ {
1645
+ "color": "#001f23",
1646
+ "fontFamily": "BeVietnamPro-Regular",
1647
+ "fontSize": 16,
1648
+ "letterSpacing": 0.48,
1649
+ "lineHeight": 24,
1650
+ },
1651
+ undefined,
1652
+ ]
1653
+ }
1654
+ themeIntent="body"
1655
+ themeTypeface="neutral"
1656
+ themeVariant="regular"
1657
+ >
1658
+ Allow notifications
1659
+ </Text>
1621
1660
  </Text>
1622
1661
  </View>
1623
1662
  <View
@@ -1647,6 +1686,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1647
1686
  onChangeText={[Function]}
1648
1687
  onFocus={[Function]}
1649
1688
  placeholder=" "
1689
+ placeholderTextColor="#4d6265"
1650
1690
  pointerEvents="none"
1651
1691
  style={
1652
1692
  [
@@ -3235,7 +3275,26 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3235
3275
  themeTypeface="neutral"
3236
3276
  themeVariant="regular"
3237
3277
  >
3238
- Allow notifications
3278
+ <Text
3279
+ allowFontScaling={false}
3280
+ style={
3281
+ [
3282
+ {
3283
+ "color": "#001f23",
3284
+ "fontFamily": "BeVietnamPro-Regular",
3285
+ "fontSize": 16,
3286
+ "letterSpacing": 0.48,
3287
+ "lineHeight": 24,
3288
+ },
3289
+ undefined,
3290
+ ]
3291
+ }
3292
+ themeIntent="body"
3293
+ themeTypeface="neutral"
3294
+ themeVariant="regular"
3295
+ >
3296
+ Allow notifications
3297
+ </Text>
3239
3298
  </Text>
3240
3299
  </View>
3241
3300
  <View
@@ -3265,6 +3324,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3265
3324
  onChangeText={[Function]}
3266
3325
  onFocus={[Function]}
3267
3326
  placeholder=" "
3327
+ placeholderTextColor="#4d6265"
3268
3328
  pointerEvents="none"
3269
3329
  style={
3270
3330
  [
@@ -3522,7 +3582,26 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3522
3582
  themeTypeface="neutral"
3523
3583
  themeVariant="regular"
3524
3584
  >
3525
- Allow notifications
3585
+ <Text
3586
+ allowFontScaling={false}
3587
+ style={
3588
+ [
3589
+ {
3590
+ "color": "#001f23",
3591
+ "fontFamily": "BeVietnamPro-Regular",
3592
+ "fontSize": 16,
3593
+ "letterSpacing": 0.48,
3594
+ "lineHeight": 24,
3595
+ },
3596
+ undefined,
3597
+ ]
3598
+ }
3599
+ themeIntent="body"
3600
+ themeTypeface="neutral"
3601
+ themeVariant="regular"
3602
+ >
3603
+ Allow notifications
3604
+ </Text>
3526
3605
  </Text>
3527
3606
  </View>
3528
3607
  <View
@@ -3552,6 +3631,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3552
3631
  onChangeText={[Function]}
3553
3632
  onFocus={[Function]}
3554
3633
  placeholder=" "
3634
+ placeholderTextColor="#4d6265"
3555
3635
  pointerEvents="none"
3556
3636
  style={
3557
3637
  [
@@ -5126,7 +5206,26 @@ exports[`rendering renders correctly when input is loading 1`] = `
5126
5206
  themeTypeface="neutral"
5127
5207
  themeVariant="regular"
5128
5208
  >
5129
- Allow notifications
5209
+ <Text
5210
+ allowFontScaling={false}
5211
+ style={
5212
+ [
5213
+ {
5214
+ "color": "#001f23",
5215
+ "fontFamily": "BeVietnamPro-Regular",
5216
+ "fontSize": 16,
5217
+ "letterSpacing": 0.48,
5218
+ "lineHeight": 24,
5219
+ },
5220
+ undefined,
5221
+ ]
5222
+ }
5223
+ themeIntent="body"
5224
+ themeTypeface="neutral"
5225
+ themeVariant="regular"
5226
+ >
5227
+ Allow notifications
5228
+ </Text>
5130
5229
  </Text>
5131
5230
  </View>
5132
5231
  <View
@@ -5156,6 +5255,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5156
5255
  onChangeText={[Function]}
5157
5256
  onFocus={[Function]}
5158
5257
  placeholder=" "
5258
+ placeholderTextColor="#4d6265"
5159
5259
  pointerEvents="none"
5160
5260
  style={
5161
5261
  [
@@ -5426,7 +5526,26 @@ exports[`rendering renders correctly when receives sections 1`] = `
5426
5526
  themeTypeface="neutral"
5427
5527
  themeVariant="regular"
5428
5528
  >
5429
- Allow notifications
5529
+ <Text
5530
+ allowFontScaling={false}
5531
+ style={
5532
+ [
5533
+ {
5534
+ "color": "#001f23",
5535
+ "fontFamily": "BeVietnamPro-Regular",
5536
+ "fontSize": 16,
5537
+ "letterSpacing": 0.48,
5538
+ "lineHeight": 24,
5539
+ },
5540
+ undefined,
5541
+ ]
5542
+ }
5543
+ themeIntent="body"
5544
+ themeTypeface="neutral"
5545
+ themeVariant="regular"
5546
+ >
5547
+ Allow notifications
5548
+ </Text>
5430
5549
  </Text>
5431
5550
  </View>
5432
5551
  <View
@@ -5456,6 +5575,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5456
5575
  onChangeText={[Function]}
5457
5576
  onFocus={[Function]}
5458
5577
  placeholder=" "
5578
+ placeholderTextColor="#4d6265"
5459
5579
  pointerEvents="none"
5460
5580
  style={
5461
5581
  [
package/src/components/Slider/__tests__/__snapshots__/RangeSlider.spec.tsx.snap CHANGED
@@ -159,7 +159,7 @@ exports[`StyledMarker renders correctly when disabled is false 1`] = `
159
159
  "borderRadius": 999,
160
160
  "elevation": 3,
161
161
  "height": 24,
162
- "shadowColor": "#001f23",
162
+ "shadowColor": "#121214",
163
163
  "shadowOffset": {
164
164
  "height": 2,
165
165
  "width": 0,
@@ -213,7 +213,7 @@ exports[`StyledMarker renders correctly when disabled is true 1`] = `
213
213
  "borderRadius": 999,
214
214
  "elevation": 3,
215
215
  "height": 24,
216
- "shadowColor": "#001f23",
216
+ "shadowColor": "#121214",
217
217
  "shadowOffset": {
218
218
  "height": 2,
219
219
  "width": 0,