@hero-design/rn 7.15.5 → 7.16.0-alpha.0

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap

@@ -276,8 +276,9 @@ exports[`TimePickerIOS renders correctly 1`] = `
                 }
               }
             />
-            <View
+            <RCTSafeAreaView
               collapsable={false}
+              emulateUnlessSupported={true}
               nativeID="animatedComponent"
               onLayout={[Function]}
               style={
@@ -311,22 +312,19 @@ exports[`TimePickerIOS renders correctly 1`] = `
                   Array [
                     Object {
                       "flexDirection": "row",
-                      "minHeight": 64,
+                      "paddingHorizontal": 16,
+                      "paddingVertical": 8,
                     },
                     undefined,
                   ]
                 }
               >
                 <View
-                  adjacentIcon={true}
                   style={
                     Array [
                       Object {
                         "flex": 1,
                         "justifyContent": "center",
-                        "paddingLeft": 24,
-                        "paddingRight": 0,
-                        "paddingVertical": 8,
                       },
                       undefined,
                     ]
@@ -357,8 +355,10 @@ exports[`TimePickerIOS renders correctly 1`] = `
                     Array [
                       Object {
                         "alignItems": "center",
+                        "height": 48,
                         "justifyContent": "center",
-                        "width": 72,
+                        "marginLeft": 12,
+                        "width": 48,
                       },
                       undefined,
                     ]
@@ -389,13 +389,13 @@ exports[`TimePickerIOS renders correctly 1`] = `
                         Array [
                           Object {
                             "color": "#292a2b",
-                            "fontSize": 24,
+                            "fontSize": 20,
                           },
                           undefined,
                         ]
                       }
                       themeIntent="text"
-                      themeSize="medium"
+                      themeSize="small"
                     />
                   </View>
                 </View>
@@ -456,7 +456,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                         "flexDirection": "row",
                         "justifyContent": "flex-end",
                         "minHeight": 64,
-                        "paddingHorizontal": 24,
+                        "paddingHorizontal": 12,
                         "paddingVertical": 8,
                       },
                       undefined,
@@ -503,7 +503,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                   </View>
                 </View>
               </View>
-            </View>
+            </RCTSafeAreaView>
           </View>
         </View>
       </View>

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -135,12 +135,15 @@ Object {
         "radius": 4.65,
       },
       "sizes": Object {
-        "closeIconWidth": 72,
+        "closeIcon": 48,
         "sectionHeight": 64,
       },
       "space": Object {
-        "horizontalPadding": 24,
-        "verticalPadding": 8,
+        "closeIconMargin": 12,
+        "footerHorizontalPadding": 12,
+        "footerVerticalPadding": 8,
+        "headerWrapperHorizontalPadding": 16,
+        "headerWrapperVerticalPadding": 8,
       },
     },
     "button": Object {

package/src/theme/components/bottomSheet.ts

@@ -1,3 +1,4 @@
+import { scale } from '../../utils/scale';
 import { GlobalTheme } from '../global';
 
 const getBottomSheetTheme = (theme: GlobalTheme) => {
@@ -8,13 +9,16 @@ const getBottomSheetTheme = (theme: GlobalTheme) => {
   };
 
   const sizes = {
-    sectionHeight: 64,
-    closeIconWidth: 72,
+    sectionHeight: scale(64),
+    closeIcon: scale(48),
   };
 
   const space = {
-    horizontalPadding: theme.space.large,
-    verticalPadding: theme.space.small,
+    headerWrapperVerticalPadding: theme.space.small,
+    headerWrapperHorizontalPadding: theme.space.medium,
+    closeIconMargin: theme.space.smallMedium,
+    footerVerticalPadding: theme.space.small,
+    footerHorizontalPadding: theme.space.smallMedium,
   };
 
   const shadows = {

package/src/types.ts

@@ -3,15 +3,23 @@ import { IconName } from './components/Icon';
 import { SingleSelectProps, MultiSelectProps } from './components/Select';
 import { TabType } from './components/Tabs';
 import { TextInputProps } from './components/TextInput';
+import {
+  RichTextEditorRef,
+  RichTextEditorProps,
+  ToolbarButtonName,
+} from './components/RichTextEditor';
 
 import { Theme } from './theme';
 
 export type {
   BottomNavigationTabType,
   IconName,
-  SingleSelectProps,
   MultiSelectProps,
+  RichTextEditorProps,
+  RichTextEditorRef,
+  SingleSelectProps,
   TabType,
-  Theme,
   TextInputProps,
+  Theme,
+  ToolbarButtonName,
 };