@jobber/components-native 0.2.1 → 0.3.0

package/dist/src/Text/Text.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { Typography, } from "../Typography";
+import { tokens } from "../utils/design";
+const levelStyles = {
+    text: {
+        size: "default",
+        lineHeight: "base",
+    },
+    textSupporting: {
+        size: "small",
+        lineHeight: "tight",
+    },
+};
+const MAX_TEXT_FONT_SIZE_SCALE = 50;
+const maxScaledFontSize = {
+    text: MAX_TEXT_FONT_SIZE_SCALE,
+    textSupporting: tokens["typography--fontSize-base"],
+};
+export function Text({ level = "text", variation = "base", emphasis, allowFontScaling = true, adjustsFontSizeToFit = false, maxLines = "unlimited", align, children, reverseTheme = false, strikeThrough = false, hideFromScreenReader = false, maxFontScaleSize, selectable, }) {
+    const accessibilityRole = "text";
+    return (React.createElement(Typography, Object.assign({ color: variation, fontFamily: "base", fontStyle: "regular", fontWeight: getFontWeight({ level, emphasis }), maxFontScaleSize: maxFontScaleSize || maxScaledFontSize[level], selectable: selectable }, Object.assign(Object.assign({}, levelStyles[level]), { allowFontScaling,
+        align,
+        adjustsFontSizeToFit,
+        accessibilityRole,
+        reverseTheme,
+        maxLines,
+        strikeThrough,
+        hideFromScreenReader })), children));
+}
+function getFontWeight({ level, emphasis, }) {
+    if (emphasis === "strong")
+        return "semiBold";
+    if (level === "textSupporting")
+        return "medium";
+    return "regular";
+}

package/dist/src/Text/index.js

@@ -0,0 +1 @@
+export { Text } from "./Text";

package/dist/src/index.js

@@ -1,3 +1,4 @@
 export * from "./Icon";
 export * from "./Divider";
 export * from "./Typography";
+export * from "./Text";