@hero-design/rn 8.91.1 → 8.91.4

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 (106) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +27 -0
  3. package/es/index.js +170 -77
  4. package/lib/index.js +170 -77
  5. package/package.json +1 -1
  6. package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap +12 -12
  7. package/src/components/BottomSheet/StyledBottomSheet.tsx +0 -10
  8. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +0 -16
  9. package/src/components/Calendar/CalendarRange.tsx +5 -1
  10. package/src/components/Calendar/__tests__/helper.spec.ts +20 -8
  11. package/src/components/Calendar/helpers.ts +6 -2
  12. package/src/components/Checkbox/StyledCheckbox.tsx +3 -3
  13. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  14. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  15. package/src/components/Checkbox/__tests__/index.spec.tsx +11 -7
  16. package/src/components/Checkbox/index.tsx +11 -2
  17. package/src/components/Chip/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  18. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +63 -3
  19. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +21 -1
  20. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +21 -1
  21. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +42 -18
  22. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +1 -1
  23. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  24. package/src/components/FAB/Pair/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  25. package/src/components/FAB/StyledFAB.tsx +1 -5
  26. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +4 -4
  27. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  28. package/src/components/FloatingIsland/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  29. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +2 -1
  30. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +2 -2
  31. package/src/components/MapPin/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  32. package/src/components/RichTextEditor/RichTextEditor.tsx +2 -1
  33. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +40 -2
  34. package/src/components/Search/SearchOneLine.tsx +3 -1
  35. package/src/components/Search/__tests__/__snapshots__/SearchOneLine.spec.tsx.snap +7 -0
  36. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +147 -47
  37. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +126 -38
  38. package/src/components/Slider/__tests__/__snapshots__/RangeSlider.spec.tsx.snap +2 -2
  39. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  40. package/src/components/Switch/StyledSwitch.tsx +1 -0
  41. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +7 -3
  42. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  43. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +337 -16
  44. package/src/components/TextInput/__tests__/index.spec.tsx +2 -0
  45. package/src/components/TextInput/index.tsx +7 -2
  46. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +42 -2
  47. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +42 -10
  48. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +7 -7
  49. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +52 -29
  50. package/src/theme/components/bottomSheet.ts +2 -9
  51. package/src/theme/components/checkbox.ts +7 -0
  52. package/src/theme/components/fab.ts +5 -9
  53. package/src/theme/components/switch.ts +5 -5
  54. package/src/theme/components/textInput.ts +1 -0
  55. package/src/theme/global/colors/__tests__/__snapshots__/eBens.spec.ts.snap +2 -0
  56. package/src/theme/global/colors/__tests__/__snapshots__/global.spec.ts.snap +2 -0
  57. package/src/theme/global/colors/__tests__/__snapshots__/jobs.spec.ts.snap +2 -0
  58. package/src/theme/global/colors/__tests__/__snapshots__/swag.spec.ts.snap +2 -0
  59. package/src/theme/global/colors/__tests__/__snapshots__/swagLight.spec.ts.snap +6 -3
  60. package/src/theme/global/colors/__tests__/__snapshots__/swagLightGlobal.spec.ts.snap +5 -3
  61. package/src/theme/global/colors/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +6 -3
  62. package/src/theme/global/colors/__tests__/__snapshots__/wallet.spec.ts.snap +2 -0
  63. package/src/theme/global/colors/__tests__/__snapshots__/work.spec.ts.snap +2 -0
  64. package/src/theme/global/colors/ehWorkDark.ts +1 -0
  65. package/src/theme/global/colors/global.ts +3 -0
  66. package/src/theme/global/colors/swagLight.ts +1 -0
  67. package/src/theme/global/colors/swagLightGlobal.ts +3 -3
  68. package/src/theme/global/colors/swagLightJobs.ts +3 -1
  69. package/src/theme/global/colors/types.ts +2 -0
  70. package/src/theme/global/shadows/__tests__/__snapshots__/ehWorkDark.spec.ts.snap +36 -0
  71. package/src/theme/global/shadows/__tests__/__snapshots__/swagLight.spec.ts.snap +36 -0
  72. package/src/theme/global/shadows/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +36 -0
  73. package/src/theme/global/shadows/__tests__/ehWorkDark.spec.ts +7 -0
  74. package/src/theme/global/shadows/__tests__/index.spec.ts +24 -0
  75. package/src/theme/global/shadows/__tests__/swagLight.spec.ts +7 -0
  76. package/src/theme/global/shadows/__tests__/swagLightJobs.spec.ts +7 -0
  77. package/src/theme/global/shadows/ehWorkDark.ts +37 -0
  78. package/src/theme/global/shadows/index.ts +23 -0
  79. package/src/theme/global/shadows/swagLight.ts +37 -0
  80. package/src/theme/global/shadows/swagLightJobs.ts +37 -0
  81. package/src/theme/global/shadows/types.ts +16 -0
  82. package/stats/8.91.2/rn-stats.html +4842 -0
  83. package/stats/8.91.3/rn-stats.html +4844 -0
  84. package/stats/8.91.4/rn-stats.html +4842 -0
  85. package/types/components/Calendar/helpers.d.ts +5 -2
  86. package/types/components/Checkbox/StyledCheckbox.d.ts +1 -1
  87. package/types/components/Checkbox/index.d.ts +2 -1
  88. package/types/components/TextInput/index.d.ts +3 -1
  89. package/types/theme/components/bottomSheet.d.ts +1 -10
  90. package/types/theme/components/checkbox.d.ts +7 -0
  91. package/types/theme/components/chip.d.ts +1 -10
  92. package/types/theme/components/fab.d.ts +2 -9
  93. package/types/theme/components/floatingIsland.d.ts +1 -10
  94. package/types/theme/components/slider.d.ts +1 -10
  95. package/types/theme/components/switch.d.ts +1 -1
  96. package/types/theme/components/textInput.d.ts +1 -0
  97. package/types/theme/global/colors/swagLightJobs.d.ts +2 -50
  98. package/types/theme/global/colors/types.d.ts +2 -0
  99. package/types/theme/global/index.d.ts +2 -12
  100. package/types/theme/global/shadows/ehWorkDark.d.ts +3 -0
  101. package/types/theme/global/shadows/index.d.ts +5 -0
  102. package/types/theme/global/shadows/swagLight.d.ts +3 -0
  103. package/types/theme/global/shadows/swagLightJobs.d.ts +3 -0
  104. package/types/theme/global/shadows/types.d.ts +15 -0
  105. package/src/theme/global/shadows.ts +0 -19
  106. package/types/theme/global/shadows.d.ts +0 -16
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
  [
@@ -357,16 +377,8 @@ exports[`rendering allows custom renderer 1`] = `
357
377
  "backgroundColor": "#ffffff",
358
378
  "borderTopLeftRadius": 16,
359
379
  "borderTopRightRadius": 16,
360
- "elevation": 10,
361
380
  "maxHeight": "94%",
362
381
  "paddingBottom": 0,
363
- "shadowColor": "#001f23",
364
- "shadowOffset": {
365
- "height": 3,
366
- "width": 0,
367
- },
368
- "shadowOpacity": 0.4,
369
- "shadowRadius": 16,
370
382
  "transform": [
371
383
  {
372
384
  "scaleY": 1,
@@ -1703,7 +1715,26 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1703
1715
  themeTypeface="neutral"
1704
1716
  themeVariant="regular"
1705
1717
  >
1706
- Allow notifications
1718
+ <Text
1719
+ allowFontScaling={false}
1720
+ style={
1721
+ [
1722
+ {
1723
+ "color": "#001f23",
1724
+ "fontFamily": "BeVietnamPro-Regular",
1725
+ "fontSize": 16,
1726
+ "letterSpacing": 0.48,
1727
+ "lineHeight": 24,
1728
+ },
1729
+ undefined,
1730
+ ]
1731
+ }
1732
+ themeIntent="body"
1733
+ themeTypeface="neutral"
1734
+ themeVariant="regular"
1735
+ >
1736
+ Allow notifications
1737
+ </Text>
1707
1738
  </Text>
1708
1739
  </View>
1709
1740
  <View
@@ -1733,6 +1764,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1733
1764
  onChangeText={[Function]}
1734
1765
  onFocus={[Function]}
1735
1766
  placeholder=" "
1767
+ placeholderTextColor="#4d6265"
1736
1768
  pointerEvents="none"
1737
1769
  style={
1738
1770
  [
@@ -1903,17 +1935,9 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1903
1935
  {
1904
1936
  "backgroundColor": "#ffffff",
1905
1937
  "borderRadius": 32,
1906
- "elevation": 10,
1907
1938
  "maxHeight": "100%",
1908
1939
  "padding": 8,
1909
1940
  "paddingBottom": 0,
1910
- "shadowColor": "#001f23",
1911
- "shadowOffset": {
1912
- "height": 3,
1913
- "width": 0,
1914
- },
1915
- "shadowOpacity": 0.4,
1916
- "shadowRadius": 16,
1917
1941
  "transform": [
1918
1942
  {
1919
1943
  "scaleY": 1,
@@ -3434,7 +3458,26 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3434
3458
  themeTypeface="neutral"
3435
3459
  themeVariant="regular"
3436
3460
  >
3437
- Allow notifications
3461
+ <Text
3462
+ allowFontScaling={false}
3463
+ style={
3464
+ [
3465
+ {
3466
+ "color": "#001f23",
3467
+ "fontFamily": "BeVietnamPro-Regular",
3468
+ "fontSize": 16,
3469
+ "letterSpacing": 0.48,
3470
+ "lineHeight": 24,
3471
+ },
3472
+ undefined,
3473
+ ]
3474
+ }
3475
+ themeIntent="body"
3476
+ themeTypeface="neutral"
3477
+ themeVariant="regular"
3478
+ >
3479
+ Allow notifications
3480
+ </Text>
3438
3481
  </Text>
3439
3482
  </View>
3440
3483
  <View
@@ -3464,6 +3507,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3464
3507
  onChangeText={[Function]}
3465
3508
  onFocus={[Function]}
3466
3509
  placeholder=" "
3510
+ placeholderTextColor="#4d6265"
3467
3511
  pointerEvents="none"
3468
3512
  style={
3469
3513
  [
@@ -3721,7 +3765,26 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3721
3765
  themeTypeface="neutral"
3722
3766
  themeVariant="regular"
3723
3767
  >
3724
- Allow notifications
3768
+ <Text
3769
+ allowFontScaling={false}
3770
+ style={
3771
+ [
3772
+ {
3773
+ "color": "#001f23",
3774
+ "fontFamily": "BeVietnamPro-Regular",
3775
+ "fontSize": 16,
3776
+ "letterSpacing": 0.48,
3777
+ "lineHeight": 24,
3778
+ },
3779
+ undefined,
3780
+ ]
3781
+ }
3782
+ themeIntent="body"
3783
+ themeTypeface="neutral"
3784
+ themeVariant="regular"
3785
+ >
3786
+ Allow notifications
3787
+ </Text>
3725
3788
  </Text>
3726
3789
  </View>
3727
3790
  <View
@@ -3751,6 +3814,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3751
3814
  onChangeText={[Function]}
3752
3815
  onFocus={[Function]}
3753
3816
  placeholder=" "
3817
+ placeholderTextColor="#4d6265"
3754
3818
  pointerEvents="none"
3755
3819
  style={
3756
3820
  [
@@ -3914,16 +3978,8 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3914
3978
  "backgroundColor": "#ffffff",
3915
3979
  "borderTopLeftRadius": 16,
3916
3980
  "borderTopRightRadius": 16,
3917
- "elevation": 10,
3918
3981
  "maxHeight": "94%",
3919
3982
  "paddingBottom": 0,
3920
- "shadowColor": "#001f23",
3921
- "shadowOffset": {
3922
- "height": 3,
3923
- "width": 0,
3924
- },
3925
- "shadowOpacity": 0.4,
3926
- "shadowRadius": 16,
3927
3983
  "transform": [
3928
3984
  {
3929
3985
  "scaleY": 1,
@@ -5466,7 +5522,26 @@ exports[`rendering renders correctly when input is loading 1`] = `
5466
5522
  themeTypeface="neutral"
5467
5523
  themeVariant="regular"
5468
5524
  >
5469
- Allow notifications
5525
+ <Text
5526
+ allowFontScaling={false}
5527
+ style={
5528
+ [
5529
+ {
5530
+ "color": "#001f23",
5531
+ "fontFamily": "BeVietnamPro-Regular",
5532
+ "fontSize": 16,
5533
+ "letterSpacing": 0.48,
5534
+ "lineHeight": 24,
5535
+ },
5536
+ undefined,
5537
+ ]
5538
+ }
5539
+ themeIntent="body"
5540
+ themeTypeface="neutral"
5541
+ themeVariant="regular"
5542
+ >
5543
+ Allow notifications
5544
+ </Text>
5470
5545
  </Text>
5471
5546
  </View>
5472
5547
  <View
@@ -5496,6 +5571,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5496
5571
  onChangeText={[Function]}
5497
5572
  onFocus={[Function]}
5498
5573
  placeholder=" "
5574
+ placeholderTextColor="#4d6265"
5499
5575
  pointerEvents="none"
5500
5576
  style={
5501
5577
  [
@@ -5766,7 +5842,26 @@ exports[`rendering renders correctly when receives sections 1`] = `
5766
5842
  themeTypeface="neutral"
5767
5843
  themeVariant="regular"
5768
5844
  >
5769
- Allow notifications
5845
+ <Text
5846
+ allowFontScaling={false}
5847
+ style={
5848
+ [
5849
+ {
5850
+ "color": "#001f23",
5851
+ "fontFamily": "BeVietnamPro-Regular",
5852
+ "fontSize": 16,
5853
+ "letterSpacing": 0.48,
5854
+ "lineHeight": 24,
5855
+ },
5856
+ undefined,
5857
+ ]
5858
+ }
5859
+ themeIntent="body"
5860
+ themeTypeface="neutral"
5861
+ themeVariant="regular"
5862
+ >
5863
+ Allow notifications
5864
+ </Text>
5770
5865
  </Text>
5771
5866
  </View>
5772
5867
  <View
@@ -5796,6 +5891,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5796
5891
  onChangeText={[Function]}
5797
5892
  onFocus={[Function]}
5798
5893
  placeholder=" "
5894
+ placeholderTextColor="#4d6265"
5799
5895
  pointerEvents="none"
5800
5896
  style={
5801
5897
  [
@@ -5959,16 +6055,8 @@ exports[`rendering renders correctly when receives sections 1`] = `
5959
6055
  "backgroundColor": "#ffffff",
5960
6056
  "borderTopLeftRadius": 16,
5961
6057
  "borderTopRightRadius": 16,
5962
- "elevation": 10,
5963
6058
  "maxHeight": "94%",
5964
6059
  "paddingBottom": 0,
5965
- "shadowColor": "#001f23",
5966
- "shadowOffset": {
5967
- "height": 3,
5968
- "width": 0,
5969
- },
5970
- "shadowOpacity": 0.4,
5971
- "shadowRadius": 16,
5972
6060
  "transform": [
5973
6061
  {
5974
6062
  "scaleY": 1,
@@ -7091,7 +7179,26 @@ exports[`rendering renders correctly when receives sections 2`] = `
7091
7179
  themeTypeface="neutral"
7092
7180
  themeVariant="regular"
7093
7181
  >
7094
- Allow notifications
7182
+ <Text
7183
+ allowFontScaling={false}
7184
+ style={
7185
+ [
7186
+ {
7187
+ "color": "#001f23",
7188
+ "fontFamily": "BeVietnamPro-Regular",
7189
+ "fontSize": 16,
7190
+ "letterSpacing": 0.48,
7191
+ "lineHeight": 24,
7192
+ },
7193
+ undefined,
7194
+ ]
7195
+ }
7196
+ themeIntent="body"
7197
+ themeTypeface="neutral"
7198
+ themeVariant="regular"
7199
+ >
7200
+ Allow notifications
7201
+ </Text>
7095
7202
  </Text>
7096
7203
  </View>
7097
7204
  <View
@@ -7121,6 +7228,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
7121
7228
  onChangeText={[Function]}
7122
7229
  onFocus={[Function]}
7123
7230
  placeholder=" "
7231
+ placeholderTextColor="#4d6265"
7124
7232
  pointerEvents="none"
7125
7233
  style={
7126
7234
  [
@@ -7284,16 +7392,8 @@ exports[`rendering renders correctly when receives sections 2`] = `
7284
7392
  "backgroundColor": "#ffffff",
7285
7393
  "borderTopLeftRadius": 16,
7286
7394
  "borderTopRightRadius": 16,
7287
- "elevation": 10,
7288
7395
  "maxHeight": "94%",
7289
7396
  "paddingBottom": 0,
7290
- "shadowColor": "#001f23",
7291
- "shadowOffset": {
7292
- "height": 3,
7293
- "width": 0,
7294
- },
7295
- "shadowOpacity": 0.4,
7296
- "shadowRadius": 16,
7297
7397
  "transform": [
7298
7398
  {
7299
7399
  "scaleY": 1,
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
  [
@@ -356,16 +376,8 @@ exports[`rendering allows custom renderer 1`] = `
356
376
  "backgroundColor": "#ffffff",
357
377
  "borderTopLeftRadius": 16,
358
378
  "borderTopRightRadius": 16,
359
- "elevation": 10,
360
379
  "maxHeight": "94%",
361
380
  "paddingBottom": 0,
362
- "shadowColor": "#001f23",
363
- "shadowOffset": {
364
- "height": 3,
365
- "width": 0,
366
- },
367
- "shadowOpacity": 0.4,
368
- "shadowRadius": 16,
369
381
  "transform": [
370
382
  {
371
383
  "scaleY": 1,
@@ -1617,7 +1629,26 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1617
1629
  themeTypeface="neutral"
1618
1630
  themeVariant="regular"
1619
1631
  >
1620
- Allow notifications
1632
+ <Text
1633
+ allowFontScaling={false}
1634
+ style={
1635
+ [
1636
+ {
1637
+ "color": "#001f23",
1638
+ "fontFamily": "BeVietnamPro-Regular",
1639
+ "fontSize": 16,
1640
+ "letterSpacing": 0.48,
1641
+ "lineHeight": 24,
1642
+ },
1643
+ undefined,
1644
+ ]
1645
+ }
1646
+ themeIntent="body"
1647
+ themeTypeface="neutral"
1648
+ themeVariant="regular"
1649
+ >
1650
+ Allow notifications
1651
+ </Text>
1621
1652
  </Text>
1622
1653
  </View>
1623
1654
  <View
@@ -1647,6 +1678,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1647
1678
  onChangeText={[Function]}
1648
1679
  onFocus={[Function]}
1649
1680
  placeholder=" "
1681
+ placeholderTextColor="#4d6265"
1650
1682
  pointerEvents="none"
1651
1683
  style={
1652
1684
  [
@@ -1817,17 +1849,9 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1817
1849
  {
1818
1850
  "backgroundColor": "#ffffff",
1819
1851
  "borderRadius": 32,
1820
- "elevation": 10,
1821
1852
  "maxHeight": "100%",
1822
1853
  "padding": 8,
1823
1854
  "paddingBottom": 0,
1824
- "shadowColor": "#001f23",
1825
- "shadowOffset": {
1826
- "height": 3,
1827
- "width": 0,
1828
- },
1829
- "shadowOpacity": 0.4,
1830
- "shadowRadius": 16,
1831
1855
  "transform": [
1832
1856
  {
1833
1857
  "scaleY": 1,
@@ -3235,7 +3259,26 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3235
3259
  themeTypeface="neutral"
3236
3260
  themeVariant="regular"
3237
3261
  >
3238
- Allow notifications
3262
+ <Text
3263
+ allowFontScaling={false}
3264
+ style={
3265
+ [
3266
+ {
3267
+ "color": "#001f23",
3268
+ "fontFamily": "BeVietnamPro-Regular",
3269
+ "fontSize": 16,
3270
+ "letterSpacing": 0.48,
3271
+ "lineHeight": 24,
3272
+ },
3273
+ undefined,
3274
+ ]
3275
+ }
3276
+ themeIntent="body"
3277
+ themeTypeface="neutral"
3278
+ themeVariant="regular"
3279
+ >
3280
+ Allow notifications
3281
+ </Text>
3239
3282
  </Text>
3240
3283
  </View>
3241
3284
  <View
@@ -3265,6 +3308,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3265
3308
  onChangeText={[Function]}
3266
3309
  onFocus={[Function]}
3267
3310
  placeholder=" "
3311
+ placeholderTextColor="#4d6265"
3268
3312
  pointerEvents="none"
3269
3313
  style={
3270
3314
  [
@@ -3522,7 +3566,26 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3522
3566
  themeTypeface="neutral"
3523
3567
  themeVariant="regular"
3524
3568
  >
3525
- Allow notifications
3569
+ <Text
3570
+ allowFontScaling={false}
3571
+ style={
3572
+ [
3573
+ {
3574
+ "color": "#001f23",
3575
+ "fontFamily": "BeVietnamPro-Regular",
3576
+ "fontSize": 16,
3577
+ "letterSpacing": 0.48,
3578
+ "lineHeight": 24,
3579
+ },
3580
+ undefined,
3581
+ ]
3582
+ }
3583
+ themeIntent="body"
3584
+ themeTypeface="neutral"
3585
+ themeVariant="regular"
3586
+ >
3587
+ Allow notifications
3588
+ </Text>
3526
3589
  </Text>
3527
3590
  </View>
3528
3591
  <View
@@ -3552,6 +3615,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3552
3615
  onChangeText={[Function]}
3553
3616
  onFocus={[Function]}
3554
3617
  placeholder=" "
3618
+ placeholderTextColor="#4d6265"
3555
3619
  pointerEvents="none"
3556
3620
  style={
3557
3621
  [
@@ -3715,16 +3779,8 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3715
3779
  "backgroundColor": "#ffffff",
3716
3780
  "borderTopLeftRadius": 16,
3717
3781
  "borderTopRightRadius": 16,
3718
- "elevation": 10,
3719
3782
  "maxHeight": "94%",
3720
3783
  "paddingBottom": 0,
3721
- "shadowColor": "#001f23",
3722
- "shadowOffset": {
3723
- "height": 3,
3724
- "width": 0,
3725
- },
3726
- "shadowOpacity": 0.4,
3727
- "shadowRadius": 16,
3728
3784
  "transform": [
3729
3785
  {
3730
3786
  "scaleY": 1,
@@ -5126,7 +5182,26 @@ exports[`rendering renders correctly when input is loading 1`] = `
5126
5182
  themeTypeface="neutral"
5127
5183
  themeVariant="regular"
5128
5184
  >
5129
- Allow notifications
5185
+ <Text
5186
+ allowFontScaling={false}
5187
+ style={
5188
+ [
5189
+ {
5190
+ "color": "#001f23",
5191
+ "fontFamily": "BeVietnamPro-Regular",
5192
+ "fontSize": 16,
5193
+ "letterSpacing": 0.48,
5194
+ "lineHeight": 24,
5195
+ },
5196
+ undefined,
5197
+ ]
5198
+ }
5199
+ themeIntent="body"
5200
+ themeTypeface="neutral"
5201
+ themeVariant="regular"
5202
+ >
5203
+ Allow notifications
5204
+ </Text>
5130
5205
  </Text>
5131
5206
  </View>
5132
5207
  <View
@@ -5156,6 +5231,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5156
5231
  onChangeText={[Function]}
5157
5232
  onFocus={[Function]}
5158
5233
  placeholder=" "
5234
+ placeholderTextColor="#4d6265"
5159
5235
  pointerEvents="none"
5160
5236
  style={
5161
5237
  [
@@ -5426,7 +5502,26 @@ exports[`rendering renders correctly when receives sections 1`] = `
5426
5502
  themeTypeface="neutral"
5427
5503
  themeVariant="regular"
5428
5504
  >
5429
- Allow notifications
5505
+ <Text
5506
+ allowFontScaling={false}
5507
+ style={
5508
+ [
5509
+ {
5510
+ "color": "#001f23",
5511
+ "fontFamily": "BeVietnamPro-Regular",
5512
+ "fontSize": 16,
5513
+ "letterSpacing": 0.48,
5514
+ "lineHeight": 24,
5515
+ },
5516
+ undefined,
5517
+ ]
5518
+ }
5519
+ themeIntent="body"
5520
+ themeTypeface="neutral"
5521
+ themeVariant="regular"
5522
+ >
5523
+ Allow notifications
5524
+ </Text>
5430
5525
  </Text>
5431
5526
  </View>
5432
5527
  <View
@@ -5456,6 +5551,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5456
5551
  onChangeText={[Function]}
5457
5552
  onFocus={[Function]}
5458
5553
  placeholder=" "
5554
+ placeholderTextColor="#4d6265"
5459
5555
  pointerEvents="none"
5460
5556
  style={
5461
5557
  [
@@ -5619,16 +5715,8 @@ exports[`rendering renders correctly when receives sections 1`] = `
5619
5715
  "backgroundColor": "#ffffff",
5620
5716
  "borderTopLeftRadius": 16,
5621
5717
  "borderTopRightRadius": 16,
5622
- "elevation": 10,
5623
5718
  "maxHeight": "94%",
5624
5719
  "paddingBottom": 0,
5625
- "shadowColor": "#001f23",
5626
- "shadowOffset": {
5627
- "height": 3,
5628
- "width": 0,
5629
- },
5630
- "shadowOpacity": 0.4,
5631
- "shadowRadius": 16,
5632
5720
  "transform": [
5633
5721
  {
5634
5722
  "scaleY": 1,
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,
package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -31,7 +31,7 @@ exports[`SelectorSwitch renders correctly 1`] = `
31
31
  style={
32
32
  [
33
33
  {
34
- "backgroundColor": "#ffffff",
34
+ "backgroundColor": "#f6f6f7",
35
35
  "borderRadius": 999,
36
36
  "flexDirection": "row",
37
37
  "height": 40,
package/src/components/Switch/StyledSwitch.tsx CHANGED
@@ -17,6 +17,7 @@ const StyledWrapper = styled(View)<{
17
17
  backgroundColor: theme.__hd__.switch.colors.backgroundColors[themeVariant],
18
18
  display: 'flex',
19
19
  justifyContent: 'center',
20
+ opacity: themeVariant.includes('disabled') ? 0.4 : 1,
20
21
  }));
21
22
 
22
23
  const StyledKnot = styled(Animated.View)(({ theme }) => ({