@hero-design/rn 8.91.0 → 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 (91) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +23 -0
  3. package/es/index.js +157 -37
  4. package/lib/index.js +157 -37
  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/Success/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  33. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  34. package/src/components/Switch/StyledSwitch.tsx +1 -0
  35. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +8 -4
  36. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +4 -2
  37. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +337 -16
  38. package/src/components/TextInput/__tests__/index.spec.tsx +2 -0
  39. package/src/components/TextInput/index.tsx +7 -2
  40. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +42 -2
  41. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +42 -2
  42. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +7 -7
  43. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +44 -16
  44. package/src/theme/components/attachment.ts +1 -1
  45. package/src/theme/components/checkbox.ts +7 -0
  46. package/src/theme/components/success.ts +1 -1
  47. package/src/theme/components/switch.ts +5 -5
  48. package/src/theme/components/textInput.ts +1 -0
  49. package/src/theme/global/colors/__tests__/__snapshots__/swagLight.spec.ts.snap +4 -3
  50. package/src/theme/global/colors/__tests__/__snapshots__/swagLightGlobal.spec.ts.snap +3 -3
  51. package/src/theme/global/colors/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +4 -3
  52. package/src/theme/global/colors/ehWorkDark.ts +1 -0
  53. package/src/theme/global/colors/swagLight.ts +1 -0
  54. package/src/theme/global/colors/swagLightGlobal.ts +3 -3
  55. package/src/theme/global/colors/swagLightJobs.ts +3 -1
  56. package/src/theme/global/colors/types.ts +2 -0
  57. package/src/theme/global/shadows/__tests__/__snapshots__/ehWorkDark.spec.ts.snap +36 -0
  58. package/src/theme/global/shadows/__tests__/__snapshots__/swagLight.spec.ts.snap +36 -0
  59. package/src/theme/global/shadows/__tests__/__snapshots__/swagLightJobs.spec.ts.snap +36 -0
  60. package/src/theme/global/shadows/__tests__/ehWorkDark.spec.ts +7 -0
  61. package/src/theme/global/shadows/__tests__/index.spec.ts +24 -0
  62. package/src/theme/global/shadows/__tests__/swagLight.spec.ts +7 -0
  63. package/src/theme/global/shadows/__tests__/swagLightJobs.spec.ts +7 -0
  64. package/src/theme/global/shadows/ehWorkDark.ts +37 -0
  65. package/src/theme/global/shadows/index.ts +23 -0
  66. package/src/theme/global/shadows/swagLight.ts +37 -0
  67. package/src/theme/global/shadows/swagLightJobs.ts +37 -0
  68. package/src/theme/global/shadows/types.ts +16 -0
  69. package/stats/8.91.1/rn-stats.html +4842 -0
  70. package/stats/8.91.2/rn-stats.html +4842 -0
  71. package/stats/8.91.3/rn-stats.html +4844 -0
  72. package/types/components/Checkbox/StyledCheckbox.d.ts +1 -1
  73. package/types/components/Checkbox/index.d.ts +2 -1
  74. package/types/components/TextInput/index.d.ts +3 -1
  75. package/types/theme/components/attachment.d.ts +1 -1
  76. package/types/theme/components/checkbox.d.ts +7 -0
  77. package/types/theme/components/chip.d.ts +1 -10
  78. package/types/theme/components/floatingIsland.d.ts +1 -10
  79. package/types/theme/components/slider.d.ts +1 -10
  80. package/types/theme/components/switch.d.ts +1 -1
  81. package/types/theme/components/textInput.d.ts +1 -0
  82. package/types/theme/global/colors/swagLightJobs.d.ts +2 -50
  83. package/types/theme/global/colors/types.d.ts +2 -0
  84. package/types/theme/global/index.d.ts +2 -12
  85. package/types/theme/global/shadows/ehWorkDark.d.ts +3 -0
  86. package/types/theme/global/shadows/index.d.ts +5 -0
  87. package/types/theme/global/shadows/swagLight.d.ts +3 -0
  88. package/types/theme/global/shadows/swagLightJobs.d.ts +3 -0
  89. package/types/theme/global/shadows/types.d.ts +15 -0
  90. package/src/theme/global/shadows.ts +0 -19
  91. 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
  [
@@ -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,
package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -44,7 +44,7 @@ exports[`Success renders full screen success page correctly 1`] = `
44
44
  style={
45
45
  [
46
46
  {
47
- "backgroundColor": "#ccd2d3",
47
+ "backgroundColor": "#ffffff",
48
48
  "display": "flex",
49
49
  "flex": 1,
50
50
  "flexDirection": "column",
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 }) => ({
package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap CHANGED
@@ -12,7 +12,7 @@ exports[`StyledKnot renders correct style 1`] = `
12
12
  collapsable={false}
13
13
  style={
14
14
  {
15
- "backgroundColor": "#ffffff",
15
+ "backgroundColor": undefined,
16
16
  "borderRadius": 999,
17
17
  "height": 16,
18
18
  "width": 16,
@@ -54,11 +54,12 @@ exports[`StyledWrapper renders correct style with variant checked 1`] = `
54
54
  style={
55
55
  [
56
56
  {
57
- "backgroundColor": "#401960",
57
+ "backgroundColor": "#33144d",
58
58
  "borderRadius": 999,
59
59
  "display": "flex",
60
60
  "height": 24,
61
61
  "justifyContent": "center",
62
+ "opacity": 1,
62
63
  "paddingHorizontal": 4,
63
64
  "width": 48,
64
65
  },
@@ -102,11 +103,12 @@ exports[`StyledWrapper renders correct style with variant disabled-checked 1`] =
102
103
  style={
103
104
  [
104
105
  {
105
- "backgroundColor": "#ece8ef",
106
+ "backgroundColor": "#808f91",
106
107
  "borderRadius": 999,
107
108
  "display": "flex",
108
109
  "height": 24,
109
110
  "justifyContent": "center",
111
+ "opacity": 0.4,
110
112
  "paddingHorizontal": 4,
111
113
  "width": 48,
112
114
  },
@@ -150,11 +152,12 @@ exports[`StyledWrapper renders correct style with variant disabled-unchecked 1`]
150
152
  style={
151
153
  [
152
154
  {
153
- "backgroundColor": "#4d6265",
155
+ "backgroundColor": "#808f91",
154
156
  "borderRadius": 999,
155
157
  "display": "flex",
156
158
  "height": 24,
157
159
  "justifyContent": "center",
160
+ "opacity": 0.4,
158
161
  "paddingHorizontal": 4,
159
162
  "width": 48,
160
163
  },
@@ -203,6 +206,7 @@ exports[`StyledWrapper renders correct style with variant unchecked 1`] = `
203
206
  "display": "flex",
204
207
  "height": 24,
205
208
  "justifyContent": "center",
209
+ "opacity": 1,
206
210
  "paddingHorizontal": 4,
207
211
  "width": 48,
208
212
  },
package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -35,6 +35,7 @@ exports[`Switch renders correctly 1`] = `
35
35
  "display": "flex",
36
36
  "height": 24,
37
37
  "justifyContent": "center",
38
+ "opacity": 1,
38
39
  "paddingHorizontal": 4,
39
40
  "width": 48,
40
41
  },
@@ -48,7 +49,7 @@ exports[`Switch renders correctly 1`] = `
48
49
  collapsable={false}
49
50
  style={
50
51
  {
51
- "backgroundColor": "#ffffff",
52
+ "backgroundColor": undefined,
52
53
  "borderRadius": 999,
53
54
  "height": 16,
54
55
  "left": 0,
@@ -115,6 +116,7 @@ exports[`Switch trigger press function correctly 1`] = `
115
116
  "display": "flex",
116
117
  "height": 24,
117
118
  "justifyContent": "center",
119
+ "opacity": 1,
118
120
  "paddingHorizontal": 4,
119
121
  "width": 48,
120
122
  },
@@ -128,7 +130,7 @@ exports[`Switch trigger press function correctly 1`] = `
128
130
  collapsable={false}
129
131
  style={
130
132
  {
131
- "backgroundColor": "#ffffff",
133
+ "backgroundColor": undefined,
132
134
  "borderRadius": 999,
133
135
  "height": 16,
134
136
  "left": 0,