@hero-design/rn 8.1.0 → 8.2.0

package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap

@@ -3,7 +3,6 @@
 exports[`Toast Icon render custom icon correctly 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#b5c3fd",
@@ -110,7 +109,6 @@ exports[`Toast Icon render custom icon correctly 1`] = `
 exports[`Toast renders correctly when intent is error 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#f46363",
@@ -215,7 +213,6 @@ exports[`Toast renders correctly when intent is error 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -259,7 +256,6 @@ exports[`Toast renders correctly when intent is error 1`] = `
 exports[`Toast renders correctly when intent is info 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#b5c3fd",
@@ -364,7 +360,6 @@ exports[`Toast renders correctly when intent is info 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -408,7 +403,6 @@ exports[`Toast renders correctly when intent is info 1`] = `
 exports[`Toast renders correctly when intent is notification 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#ffffff",
@@ -486,7 +480,6 @@ exports[`Toast renders correctly when intent is notification 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -530,7 +523,6 @@ exports[`Toast renders correctly when intent is notification 1`] = `
 exports[`Toast renders correctly when intent is snackbar 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#001f23",
@@ -608,7 +600,6 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -652,7 +643,6 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
 exports[`Toast renders correctly when intent is success 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#5ace7d",
@@ -757,7 +747,6 @@ exports[`Toast renders correctly when intent is success 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -801,7 +790,6 @@ exports[`Toast renders correctly when intent is success 1`] = `
 exports[`Toast renders correctly when intent is warning 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#ffbe71",
@@ -906,7 +894,6 @@ exports[`Toast renders correctly when intent is warning 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap

@@ -16,10 +16,14 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
   }
 >
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -73,10 +77,14 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
     </Text>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -148,10 +156,14 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
   }
 >
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -205,10 +217,14 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
     </Text>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -280,10 +296,14 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
   }
 >
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -337,10 +357,14 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
     </Text>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap

@@ -2,10 +2,14 @@
 
 exports[`ToolbarItems renders correctly when disabled 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -62,10 +66,14 @@ exports[`ToolbarItems renders correctly when disabled 1`] = `
 
 exports[`ToolbarItems renders correctly when intent is danger 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -122,10 +130,14 @@ exports[`ToolbarItems renders correctly when intent is danger 1`] = `
 
 exports[`ToolbarItems renders correctly when intent is info 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -182,10 +194,14 @@ exports[`ToolbarItems renders correctly when intent is info 1`] = `
 
 exports[`ToolbarItems renders correctly when intent is primary 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -242,10 +258,14 @@ exports[`ToolbarItems renders correctly when intent is primary 1`] = `
 
 exports[`ToolbarItems renders correctly when intent is success 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -302,10 +322,14 @@ exports[`ToolbarItems renders correctly when intent is success 1`] = `
 
 exports[`ToolbarItems renders correctly when intent is warning 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/types/components/Alert/StyledAlert.d.ts

@@ -4,6 +4,7 @@ declare const Container: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
+    themeVariant: 'rounded' | 'unrounded';
     themeIntent: 'success' | 'info' | 'warning' | 'error' | 'notification';
 }, {}, {
     ref?: import("react").Ref<View> | undefined;

package/types/components/Alert/index.d.ts

@@ -25,6 +25,10 @@ interface AlertProps {
      * Closing callback. When onClose is available, an X button will be rendered on the right side of alert. The callback will be called when user clicks on X button.
      */
     onClose?: () => void;
+    /**
+     * Alert variant.
+     */
+    variant?: 'unrounded' | 'rounded';
     /**
      * Addtional style.
      */
@@ -34,5 +38,5 @@ interface AlertProps {
      */
     testID?: string;
 }
-declare const Alert: ({ content, icon, title, intent, onClose, style, testID, }: AlertProps) => JSX.Element;
+declare const Alert: ({ content, icon, title, intent, onClose, variant, style, testID, }: AlertProps) => JSX.Element;
 export default Alert;