@hero-design/rn 7.12.1 → 7.14.0

package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap

@@ -2,6 +2,15 @@
 
 exports[`StyledButtonContainer has basic-transparent style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
@@ -19,76 +28,125 @@ exports[`StyledButtonContainer has basic-transparent style 1`] = `
       undefined,
     ]
   }
-  themeVariant="basic-transparent"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has filled-danger style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "#de350b",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled-danger"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has filled-primary style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "#7622d7",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled-primary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has filled-secondary style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "#4568fb",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled-secondary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has outlined-danger style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "transparent",
         "borderColor": "#de350b",
         "borderRadius": 32,
@@ -96,21 +154,33 @@ exports[`StyledButtonContainer has outlined-danger style 1`] = `
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 14,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="outlined-danger"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has outlined-primary style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "transparent",
         "borderColor": "#7622d7",
         "borderRadius": 32,
@@ -118,21 +188,33 @@ exports[`StyledButtonContainer has outlined-primary style 1`] = `
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 14,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="outlined-primary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has outlined-secondary style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "transparent",
         "borderColor": "#4568fb",
         "borderRadius": 32,
@@ -140,18 +222,28 @@ exports[`StyledButtonContainer has outlined-secondary style 1`] = `
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 14,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="outlined-secondary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant basic-transparent style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
@@ -169,80 +261,125 @@ exports[`StyledButtonContainer has pressed with the correct variant basic-transp
       undefined,
     ]
   }
-  themeVariant="basic-transparent"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant filled-danger style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "#f2ae9d",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled-danger"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant filled-primary style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "#c8a7ef",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled-primary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant filled-secondary style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "#d1d9fe",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled-secondary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant outlined-danger style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "transparent",
         "borderColor": "#f2ae9d",
         "borderRadius": 32,
@@ -250,22 +387,33 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-dan
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 14,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="outlined-danger"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant outlined-primary style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "transparent",
         "borderColor": "#c8a7ef",
         "borderRadius": 32,
@@ -273,22 +421,33 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-pri
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 14,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="outlined-primary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant outlined-secondary style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "transparent",
         "borderColor": "#d1d9fe",
         "borderRadius": 32,
@@ -296,157 +455,232 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-sec
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 14,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="outlined-secondary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant text-danger style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "transparent",
         "borderWidth": 0,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="text-danger"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant text-primary style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "transparent",
         "borderWidth": 0,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="text-primary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has pressed with the correct variant text-secondary style 1`] = `
 <View
-  pressed={true}
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "transparent",
         "borderWidth": 0,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="text-secondary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has text-danger style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "transparent",
         "borderWidth": 0,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="text-danger"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has text-primary style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "transparent",
         "borderWidth": 0,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="text-primary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer has text-secondary style 1`] = `
 <View
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "transparent",
         "borderWidth": 0,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="text-secondary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonContainer renders disabled correctly 1`] = `
 <View
-  disabled={true}
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
+  accessible={true}
+  focusable={false}
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
   style={
     Array [
       Object {
         "alignItems": "center",
+        "alignSelf": "stretch",
         "backgroundColor": "#ccced1",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
         "padding": 16,
-        "width": "100%",
       },
       undefined,
     ]
   }
-  themeVariant="filled-primary"
-/>
+>
+  <Text>
+    Title
+  </Text>
+</View>
 `;
 
 exports[`StyledButtonIcon has basic-transparent style 1`] = `