@hero-design/rn 8.103.1 → 8.103.2

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 (20) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +6 -0
  3. package/es/index.js +42 -59
  4. package/lib/index.js +41 -58
  5. package/package.json +1 -1
  6. package/src/components/BottomSheet/StyledBottomSheet.tsx +4 -3
  7. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +153 -170
  8. package/src/components/BottomSheet/index.tsx +42 -31
  9. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +356 -390
  10. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +3552 -3616
  11. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +2469 -2517
  12. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +177 -194
  13. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -1
  14. package/src/theme/components/bottomSheet.ts +0 -1
  15. package/stats/8.103.1/rn-stats.html +1 -3
  16. package/stats/8.103.2/rn-stats.html +4842 -0
  17. package/types/components/BottomSheet/StyledBottomSheet.d.ts +1 -1
  18. package/types/theme/components/bottomSheet.d.ts +0 -1
  19. package/src/components/BottomSheet/ContentContainer.tsx +0 -34
  20. package/types/components/BottomSheet/ContentContainer.d.ts +0 -10
package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap CHANGED
@@ -681,270 +681,253 @@ exports[`TimePickerIOS renders correctly 1`] = `
681
681
  }
682
682
  }
683
683
  />
684
- <RNCSafeAreaView
685
- edges={
686
- {
687
- "bottom": "off",
688
- "left": "additive",
689
- "right": "additive",
690
- "top": "additive",
691
- }
692
- }
684
+ <RCTSafeAreaView
685
+ collapsable={false}
693
686
  style={
694
687
  {
688
+ "backgroundColor": "#ffffff",
689
+ "borderTopLeftRadius": 16,
690
+ "borderTopRightRadius": 16,
695
691
  "maxHeight": "94%",
692
+ "transform": [
693
+ {
694
+ "scaleY": 1,
695
+ },
696
+ {
697
+ "translateY": 0,
698
+ },
699
+ ],
700
+ "width": "100%",
696
701
  }
697
702
  }
698
703
  >
699
704
  <View
700
- collapsable={false}
701
705
  style={
702
- {
703
- "backgroundColor": "#ffffff",
704
- "borderTopLeftRadius": 16,
705
- "borderTopRightRadius": 16,
706
- "maxHeight": "100%",
707
- "paddingBottom": 24,
708
- "transform": [
709
- {
710
- "scaleY": 1,
711
- },
712
- {
713
- "translateY": 0,
714
- },
715
- ],
716
- "width": "100%",
717
- }
706
+ [
707
+ {
708
+ "flexDirection": "row",
709
+ "paddingHorizontal": 16,
710
+ "paddingVertical": 8,
711
+ },
712
+ undefined,
713
+ ]
718
714
  }
719
715
  >
720
716
  <View
721
717
  style={
722
718
  [
723
719
  {
724
- "flexDirection": "row",
725
- "paddingHorizontal": 16,
726
- "paddingVertical": 8,
720
+ "flex": 1,
721
+ "justifyContent": "center",
727
722
  },
728
723
  undefined,
729
724
  ]
730
725
  }
731
726
  >
732
- <View
727
+ <Text
728
+ allowFontScaling={false}
733
729
  style={
734
730
  [
735
731
  {
736
- "flex": 1,
737
- "justifyContent": "center",
732
+ "color": "#001f23",
733
+ "fontFamily": "BeVietnamPro-SemiBold",
734
+ "fontSize": 16,
735
+ "letterSpacing": 0.24,
736
+ "lineHeight": 24,
738
737
  },
739
738
  undefined,
740
739
  ]
741
740
  }
741
+ themeIntent="body"
742
+ themeTypeface="neutral"
743
+ themeVariant="regular-bold"
742
744
  >
743
- <Text
744
- allowFontScaling={false}
745
+ Break time
746
+ </Text>
747
+ </View>
748
+ <View
749
+ style={
750
+ [
751
+ {
752
+ "alignItems": "flex-end",
753
+ "height": 48,
754
+ "justifyContent": "center",
755
+ "marginLeft": 12,
756
+ "width": 48,
757
+ },
758
+ undefined,
759
+ ]
760
+ }
761
+ >
762
+ <View
763
+ accessibilityState={
764
+ {
765
+ "busy": undefined,
766
+ "checked": undefined,
767
+ "disabled": undefined,
768
+ "expanded": undefined,
769
+ "selected": undefined,
770
+ }
771
+ }
772
+ accessibilityValue={
773
+ {
774
+ "max": undefined,
775
+ "min": undefined,
776
+ "now": undefined,
777
+ "text": undefined,
778
+ }
779
+ }
780
+ accessible={true}
781
+ collapsable={false}
782
+ focusable={true}
783
+ onClick={[Function]}
784
+ onResponderGrant={[Function]}
785
+ onResponderMove={[Function]}
786
+ onResponderRelease={[Function]}
787
+ onResponderTerminate={[Function]}
788
+ onResponderTerminationRequest={[Function]}
789
+ onStartShouldSetResponder={[Function]}
790
+ style={
791
+ {
792
+ "opacity": 1,
793
+ }
794
+ }
795
+ testID="bottom-sheet-close-icon"
796
+ >
797
+ <HeroIcon
798
+ name="cancel"
745
799
  style={
746
800
  [
747
801
  {
748
802
  "color": "#001f23",
749
- "fontFamily": "BeVietnamPro-SemiBold",
750
803
  "fontSize": 16,
751
- "letterSpacing": 0.24,
752
- "lineHeight": 24,
753
804
  },
754
805
  undefined,
755
806
  ]
756
807
  }
757
- themeIntent="body"
758
- themeTypeface="neutral"
759
- themeVariant="regular-bold"
760
- >
761
- Break time
762
- </Text>
763
- </View>
764
- <View
765
- style={
766
- [
767
- {
768
- "alignItems": "flex-end",
769
- "height": 48,
770
- "justifyContent": "center",
771
- "marginLeft": 12,
772
- "width": 48,
773
- },
774
- undefined,
775
- ]
776
- }
777
- >
778
- <View
779
- accessibilityState={
780
- {
781
- "busy": undefined,
782
- "checked": undefined,
783
- "disabled": undefined,
784
- "expanded": undefined,
785
- "selected": undefined,
786
- }
787
- }
788
- accessibilityValue={
789
- {
790
- "max": undefined,
791
- "min": undefined,
792
- "now": undefined,
793
- "text": undefined,
794
- }
795
- }
796
- accessible={true}
797
- collapsable={false}
798
- focusable={true}
799
- onClick={[Function]}
800
- onResponderGrant={[Function]}
801
- onResponderMove={[Function]}
802
- onResponderRelease={[Function]}
803
- onResponderTerminate={[Function]}
804
- onResponderTerminationRequest={[Function]}
805
- onStartShouldSetResponder={[Function]}
806
- style={
807
- {
808
- "opacity": 1,
809
- }
810
- }
811
- testID="bottom-sheet-close-icon"
812
- >
813
- <HeroIcon
814
- name="cancel"
815
- style={
816
- [
817
- {
818
- "color": "#001f23",
819
- "fontSize": 16,
820
- },
821
- undefined,
822
- ]
823
- }
824
- themeIntent="text"
825
- themeSize="xsmall"
826
- />
827
- </View>
808
+ themeIntent="text"
809
+ themeSize="xsmall"
810
+ />
828
811
  </View>
829
812
  </View>
813
+ </View>
814
+ <View
815
+ style={
816
+ [
817
+ {
818
+ "height": 176,
819
+ },
820
+ undefined,
821
+ ]
822
+ }
823
+ >
824
+ <Picker
825
+ display="spinner"
826
+ mode="time"
827
+ onChange={[Function]}
828
+ style={
829
+ {
830
+ "flex": 1,
831
+ }
832
+ }
833
+ testID="timePickerIOS"
834
+ textColor="#001f23"
835
+ value={1995-12-17T03:24:00.000Z}
836
+ />
837
+ </View>
838
+ <View>
830
839
  <View
831
840
  style={
832
841
  [
833
842
  {
834
- "height": 176,
843
+ "alignItems": "center",
844
+ "flexDirection": "row",
845
+ "justifyContent": "flex-end",
846
+ "paddingHorizontal": 12,
847
+ "paddingVertical": 2,
835
848
  },
836
849
  undefined,
837
850
  ]
838
851
  }
839
852
  >
840
- <Picker
841
- display="spinner"
842
- mode="time"
843
- onChange={[Function]}
844
- style={
853
+ <View
854
+ accessibilityState={
845
855
  {
846
- "flex": 1,
856
+ "disabled": false,
847
857
  }
848
858
  }
849
- testID="timePickerIOS"
850
- textColor="#001f23"
851
- value={1995-12-17T03:24:00.000Z}
852
- />
853
- </View>
854
- <View>
855
- <View
859
+ accessibilityValue={
860
+ {
861
+ "max": undefined,
862
+ "min": undefined,
863
+ "now": undefined,
864
+ "text": undefined,
865
+ }
866
+ }
867
+ accessible={true}
868
+ focusable={true}
869
+ onClick={[Function]}
870
+ onResponderGrant={[Function]}
871
+ onResponderMove={[Function]}
872
+ onResponderRelease={[Function]}
873
+ onResponderTerminate={[Function]}
874
+ onResponderTerminationRequest={[Function]}
875
+ onStartShouldSetResponder={[Function]}
856
876
  style={
857
877
  [
858
878
  {
859
879
  "alignItems": "center",
880
+ "backgroundColor": "transparent",
881
+ "borderRadius": 4,
882
+ "borderWidth": 0,
860
883
  "flexDirection": "row",
861
- "justifyContent": "flex-end",
862
- "paddingHorizontal": 12,
863
- "paddingVertical": 2,
884
+ "height": 60,
885
+ "justifyContent": "center",
886
+ "padding": 12,
864
887
  },
865
888
  undefined,
866
889
  ]
867
890
  }
868
891
  >
869
- <View
870
- accessibilityState={
871
- {
872
- "disabled": false,
873
- }
874
- }
875
- accessibilityValue={
876
- {
877
- "max": undefined,
878
- "min": undefined,
879
- "now": undefined,
880
- "text": undefined,
881
- }
882
- }
883
- accessible={true}
884
- focusable={true}
885
- onClick={[Function]}
886
- onResponderGrant={[Function]}
887
- onResponderMove={[Function]}
888
- onResponderRelease={[Function]}
889
- onResponderTerminate={[Function]}
890
- onResponderTerminationRequest={[Function]}
891
- onStartShouldSetResponder={[Function]}
892
+ <Text
893
+ allowFontScaling={false}
894
+ disabled={false}
895
+ ellipsizeMode="tail"
896
+ numberOfLines={1}
892
897
  style={
893
898
  [
894
899
  {
895
- "alignItems": "center",
896
- "backgroundColor": "transparent",
897
- "borderRadius": 4,
898
- "borderWidth": 0,
899
- "flexDirection": "row",
900
- "height": 60,
901
- "justifyContent": "center",
902
- "padding": 12,
900
+ "color": "#001f23",
901
+ "fontFamily": "BeVietnamPro-SemiBold",
902
+ "fontSize": 16,
903
+ "letterSpacing": 0.24,
904
+ "lineHeight": 24,
903
905
  },
904
- undefined,
905
- ]
906
- }
907
- >
908
- <Text
909
- allowFontScaling={false}
910
- disabled={false}
911
- ellipsizeMode="tail"
912
- numberOfLines={1}
913
- style={
914
906
  [
915
907
  {
916
- "color": "#001f23",
917
- "fontFamily": "BeVietnamPro-SemiBold",
918
- "fontSize": 16,
919
- "letterSpacing": 0.24,
920
- "lineHeight": 24,
908
+ "color": "#401960",
909
+ "flexShrink": 1,
910
+ "lineHeight": 22,
911
+ "textAlign": "center",
912
+ "textAlignVertical": "center",
921
913
  },
922
- [
923
- {
924
- "color": "#401960",
925
- "flexShrink": 1,
926
- "lineHeight": 22,
927
- "textAlign": "center",
928
- "textAlignVertical": "center",
929
- },
930
- undefined,
931
- ],
932
- ]
933
- }
934
- themeButtonVariant="text-primary"
935
- themeIntent="body"
936
- themeIsCompact={false}
937
- themeIsPressed={false}
938
- themeTypeface="neutral"
939
- themeVariant="regular-bold"
940
- >
941
- Confirm
942
- </Text>
943
- </View>
914
+ undefined,
915
+ ],
916
+ ]
917
+ }
918
+ themeButtonVariant="text-primary"
919
+ themeIntent="body"
920
+ themeIsCompact={false}
921
+ themeIsPressed={false}
922
+ themeTypeface="neutral"
923
+ themeVariant="regular-bold"
924
+ >
925
+ Confirm
926
+ </Text>
944
927
  </View>
945
928
  </View>
946
929
  </View>
947
- </RNCSafeAreaView>
930
+ </RCTSafeAreaView>
948
931
  </View>
949
932
  </View>
950
933
  </View>
package/src/theme/__tests__/__snapshots__/index.spec.ts.snap CHANGED
@@ -253,7 +253,6 @@ exports[`theme returns correct theme object 1`] = `
253
253
  },
254
254
  "space": {
255
255
  "closeIconMargin": 12,
256
- "contentPaddingBottom": 24,
257
256
  "floatingContentMargin": 16,
258
257
  "floatingHeaderIconPadding": 8,
259
258
  "floatingInnerPadding": 8,
package/src/theme/components/bottomSheet.ts CHANGED
@@ -22,7 +22,6 @@ const getBottomSheetTheme = (theme: GlobalTheme) => {
22
22
  floatingContentMargin: theme.space.medium,
23
23
  floatingInnerPadding: theme.space.small,
24
24
  floatingHeaderIconPadding: theme.space.small,
25
- contentPaddingBottom: theme.space.large,
26
25
  };
27
26
 
28
27
  const radii = {