@hero-design/rn 7.13.0 → 7.14.1

package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap

@@ -0,0 +1,529 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AccordionItem renders correctly when header is an element 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "borderRadius": 0,
+        "padding": 16,
+      },
+      undefined,
+    ]
+  }
+  themeVariant="default"
+>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={false}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "flexDirection": "row",
+        "justifyContent": "space-between",
+        "opacity": 1,
+      }
+    }
+  >
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#292a2b",
+            "fontFamily": "BeVietnamPro-Regular",
+            "fontSize": 14,
+            "letterSpacing": 0.42,
+            "lineHeight": 22,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="medium"
+      themeFontWeight="regular"
+      themeIntent="body"
+    >
+      Accordion header
+    </Text>
+    <HeroIcon
+      name="arrow-down"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="primary"
+      themeSize="small"
+    />
+  </View>
+  <View
+    collapsable={false}
+    nativeID="animatedComponent"
+    style={
+      Object {
+        "height": 0,
+        "margin": 0,
+        "overflow": "hidden",
+        "padding": 0,
+      }
+    }
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "height": 1334,
+          },
+          undefined,
+        ]
+      }
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          Array [
+            Object {
+              "margin": 0,
+              "padding": 0,
+            },
+            Array [
+              Object {
+                "paddingTop": 16,
+              },
+              undefined,
+            ],
+          ]
+        }
+      >
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#292a2b",
+                "fontFamily": "BeVietnamPro-Regular",
+                "fontSize": 14,
+                "letterSpacing": 0.42,
+                "lineHeight": 22,
+              },
+              undefined,
+            ]
+          }
+          themeFontSize="medium"
+          themeFontWeight="regular"
+          themeIntent="body"
+        >
+          Accordion content
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`AccordionItem renders correctly when header is string 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "borderRadius": 0,
+        "padding": 16,
+      },
+      undefined,
+    ]
+  }
+  themeVariant="default"
+>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={false}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "flexDirection": "row",
+        "justifyContent": "space-between",
+        "opacity": 1,
+      }
+    }
+  >
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#292a2b",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 16,
+            "letterSpacing": 0.48,
+            "lineHeight": 24,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="large"
+      themeFontWeight="semi-bold"
+      themeIntent="body"
+    >
+      Accordion header
+    </Text>
+    <HeroIcon
+      name="arrow-down"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="primary"
+      themeSize="small"
+    />
+  </View>
+  <View
+    collapsable={false}
+    nativeID="animatedComponent"
+    style={
+      Object {
+        "height": 0,
+        "margin": 0,
+        "overflow": "hidden",
+        "padding": 0,
+      }
+    }
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "height": 1334,
+          },
+          undefined,
+        ]
+      }
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          Array [
+            Object {
+              "margin": 0,
+              "padding": 0,
+            },
+            Array [
+              Object {
+                "paddingTop": 16,
+              },
+              undefined,
+            ],
+          ]
+        }
+      >
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#292a2b",
+                "fontFamily": "BeVietnamPro-Regular",
+                "fontSize": 14,
+                "letterSpacing": 0.42,
+                "lineHeight": 22,
+              },
+              undefined,
+            ]
+          }
+          themeFontSize="medium"
+          themeFontWeight="regular"
+          themeIntent="body"
+        >
+          Accordion content
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`AccordionItem renders correctly when open 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "borderRadius": 0,
+        "padding": 16,
+      },
+      undefined,
+    ]
+  }
+  themeVariant="default"
+>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={false}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "flexDirection": "row",
+        "justifyContent": "space-between",
+        "opacity": 1,
+      }
+    }
+  >
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#292a2b",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 16,
+            "letterSpacing": 0.48,
+            "lineHeight": 24,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="large"
+      themeFontWeight="semi-bold"
+      themeIntent="body"
+    >
+      Accordion header
+    </Text>
+    <HeroIcon
+      name="arrow-up"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="primary"
+      themeSize="small"
+    />
+  </View>
+  <View
+    collapsable={false}
+    nativeID="animatedComponent"
+    style={
+      Object {
+        "height": 0,
+        "margin": 0,
+        "overflow": "hidden",
+        "padding": 0,
+      }
+    }
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "height": 1334,
+          },
+          undefined,
+        ]
+      }
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          Array [
+            Object {
+              "margin": 0,
+              "padding": 0,
+            },
+            Array [
+              Object {
+                "paddingTop": 16,
+              },
+              undefined,
+            ],
+          ]
+        }
+      >
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#292a2b",
+                "fontFamily": "BeVietnamPro-Regular",
+                "fontSize": 14,
+                "letterSpacing": 0.42,
+                "lineHeight": 22,
+              },
+              undefined,
+            ]
+          }
+          themeFontSize="medium"
+          themeFontWeight="regular"
+          themeIntent="body"
+        >
+          Accordion content
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`AccordionItem renders correctly when variant is card 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "borderRadius": 8,
+        "padding": 16,
+      },
+      undefined,
+    ]
+  }
+  themeVariant="card"
+>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={false}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "flexDirection": "row",
+        "justifyContent": "space-between",
+        "opacity": 1,
+      }
+    }
+  >
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#292a2b",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 16,
+            "letterSpacing": 0.48,
+            "lineHeight": 24,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="large"
+      themeFontWeight="semi-bold"
+      themeIntent="body"
+    >
+      Accordion header
+    </Text>
+    <HeroIcon
+      name="arrow-down"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="primary"
+      themeSize="small"
+    />
+  </View>
+  <View
+    collapsable={false}
+    nativeID="animatedComponent"
+    style={
+      Object {
+        "height": 0,
+        "margin": 0,
+        "overflow": "hidden",
+        "padding": 0,
+      }
+    }
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "height": 1334,
+          },
+          undefined,
+        ]
+      }
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          Array [
+            Object {
+              "margin": 0,
+              "padding": 0,
+            },
+            Array [
+              Object {
+                "paddingTop": 16,
+              },
+              undefined,
+            ],
+          ]
+        }
+      >
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#292a2b",
+                "fontFamily": "BeVietnamPro-Regular",
+                "fontSize": 14,
+                "letterSpacing": 0.42,
+                "lineHeight": 22,
+              },
+              undefined,
+            ]
+          }
+          themeFontSize="medium"
+          themeFontWeight="regular"
+          themeIntent="body"
+        >
+          Accordion content
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;

package/src/components/Accordion/__tests__/__snapshots__/StyledAccordion.spec.tsx.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StyledItemWrapper has correct style when variant is card 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "borderRadius": 8,
+        "padding": 16,
+      },
+      undefined,
+    ]
+  }
+  themeVariant="card"
+/>
+`;
+
+exports[`StyledItemWrapper has correct style when variant is default 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "borderRadius": 0,
+        "padding": 16,
+      },
+      undefined,
+    ]
+  }
+  themeVariant="default"
+/>
+`;