@gympass/yoga 7.88.0 → 7.88.2

package/esm/Stepper/native/Step.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { string } from "prop-types";
+import styled from "styled-components";
+const Wrapper = styled.View`
+  width: 100%;
+`;
+const Step = (props) => /* @__PURE__ */ jsx(Wrapper, __spreadValues({}, props));
+Step.displayName = "Stepper.Step";
+Step.propTypes = {
+  /** Label to be displayed below the stepper dot. */
+  label: string.isRequired
+};
+var Step_default = Step;
+export {
+  Step_default as default
+};

package/esm/Stepper/native/Stepper.js

@@ -0,0 +1,97 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled from "styled-components";
+import { bool } from "prop-types";
+import { limitChildren, typeOf } from "../../shared";
+import Line from "./Line";
+import Dots from "./Dots";
+import Step from "./Step";
+const Wrapper = styled.View`
+  width: 100%;
+`;
+const LineWrapper = styled.View(
+  ({
+    theme: {
+      yoga: {
+        components: { stepper }
+      }
+    }
+  }) => `
+  width: 100%;
+  padding: 0 ${stepper.padding.right}px 0 ${stepper.padding.left}px;
+`
+);
+function Stepper(_a) {
+  var _b = _a, { children, activeStep, secondary } = _b, rest = __objRest(_b, ["children", "activeStep", "secondary"]);
+  return /* @__PURE__ */ jsxs(Wrapper, __spreadProps(__spreadValues({}, rest), { children: [
+    /* @__PURE__ */ jsxs(LineWrapper, { children: [
+      /* @__PURE__ */ jsx(
+        Line,
+        {
+          activeStep,
+          totalSteps: React.Children.count(children) - 1,
+          secondary
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Dots,
+        {
+          activeStep,
+          labels: React.Children.map(children, (child) => child.props.label),
+          secondary
+        }
+      )
+    ] }),
+    React.Children.toArray(children)[activeStep]
+  ] }));
+}
+Stepper.displayName = "Stepper";
+Stepper.propTypes = {
+  /** Must be a Stepper.Step component. */
+  children: typeOf(Step),
+  /** Controls the active step, it receive the index value for showing some
+   * step. Starting from 0. */
+  activeStep: limitChildren,
+  /** Use secondary color */
+  secondary: bool
+};
+Stepper.defaultProps = {
+  children: void 0,
+  activeStep: 0,
+  secondary: false
+};
+var Stepper_default = Stepper;
+export {
+  Stepper_default as default
+};

package/esm/Stepper/native/Stepper.test.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Text } from "react-native";
+import { render } from "@testing-library/react-native";
+import ThemeProvider from "../../Theme";
+import Stepper from "..";
+describe("<Stepper />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot with first step active", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Stepper, { activeStep: 0, children: [
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step one", children: /* @__PURE__ */ jsx(Text, { children: "step one content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step two", children: /* @__PURE__ */ jsx(Text, { children: "step two content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step three", children: /* @__PURE__ */ jsx(Text, { children: "step three content" }) })
+        ] }) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot with first step active and secondary color", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Stepper, { activeStep: 0, secondary: true, children: [
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step one", children: /* @__PURE__ */ jsx(Text, { children: "step one content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step two", children: /* @__PURE__ */ jsx(Text, { children: "step two content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step three", children: /* @__PURE__ */ jsx(Text, { children: "step three content" }) })
+        ] }) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot with second step active", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Stepper, { activeStep: 1, children: [
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step one", children: /* @__PURE__ */ jsx(Text, { children: "step one content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step two", children: /* @__PURE__ */ jsx(Text, { children: "step two content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step three", children: /* @__PURE__ */ jsx(Text, { children: "step three content" }) })
+        ] }) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+  });
+  describe("Steps", () => {
+    it("should change the active step", () => {
+      const { queryByText, rerender } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Stepper, { activeStep: 0, children: [
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step one", children: /* @__PURE__ */ jsx(Text, { children: "step one content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step two", children: /* @__PURE__ */ jsx(Text, { children: "step two content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step three", children: /* @__PURE__ */ jsx(Text, { children: "step three content" }) })
+        ] }) })
+      );
+      expect(queryByText("step one content")).toBeTruthy();
+      expect(queryByText("step two content")).toBeFalsy();
+      expect(queryByText("step three content")).toBeFalsy();
+      rerender(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Stepper, { activeStep: 1, children: [
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step one", children: /* @__PURE__ */ jsx(Text, { children: "step one content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step two", children: /* @__PURE__ */ jsx(Text, { children: "step two content" }) }),
+          /* @__PURE__ */ jsx(Stepper.Step, { label: "step three", children: /* @__PURE__ */ jsx(Text, { children: "step three content" }) })
+        ] }) })
+      );
+      expect(queryByText("step one content")).toBeFalsy();
+      expect(queryByText("step two content")).toBeTruthy();
+      expect(queryByText("step three content")).toBeFalsy();
+    });
+  });
+});

package/esm/Stepper/native/index.js

@@ -0,0 +1,6 @@
+import Stepper from "./Stepper";
+import Step from "./Step";
+export {
+  Step,
+  Stepper
+};

package/esm/Tag/Tag.theme.js

@@ -0,0 +1,38 @@
+const Tag = ({ spacing, fontSizes, fontWeights, radii, borders }) => ({
+  icon: {
+    size: {
+      default: spacing.small,
+      small: spacing.xsmall
+    },
+    margin: {
+      right: "xxxsmall"
+    }
+  },
+  font: {
+    size: fontSizes.xsmall,
+    lineHeight: fontSizes.medium,
+    weight: fontWeights.medium
+  },
+  padding: {
+    default: {
+      top: spacing.xxxsmall,
+      right: spacing.xxsmall,
+      bottom: spacing.xxxsmall,
+      left: spacing.xxsmall
+    },
+    small: {
+      top: spacing.zero,
+      right: spacing.xxxsmall,
+      bottom: spacing.zero,
+      left: spacing.xxxsmall
+    }
+  },
+  border: {
+    width: borders.small,
+    radius: radii.xsmall
+  }
+});
+var Tag_theme_default = Tag;
+export {
+  Tag_theme_default as default
+};

package/esm/Tag/index.js

@@ -0,0 +1,7 @@
+import Tag from "./web/Tag";
+import TagInformative from "./web/Informative";
+Tag.Informative = TagInformative;
+var Tag_default = Tag;
+export {
+  Tag_default as default
+};

package/esm/Tag/index.native.js

@@ -0,0 +1,7 @@
+import Tag from "./native/Tag";
+import TagInformative from "./native/Informative";
+Tag.Informative = TagInformative;
+var index_native_default = Tag;
+export {
+  index_native_default as default
+};

package/esm/Tag/native/Informative.js

@@ -0,0 +1,127 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled, { withTheme } from "styled-components";
+import { func, oneOf, node, bool } from "prop-types";
+import { margins } from "@gympass/yoga-system";
+import { StyledTag, StyledText } from "./Tag";
+import Icon from "../../Icon";
+const Informative = styled(StyledTag)`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      colors: {
+        text,
+        feedback: { [variant]: color = { light: text.secondary } }
+      },
+      components: { tag }
+    }
+  }
+}) => `
+    background-color: ${color.light};
+    border-color: ${color.light};
+    border-radius: ${tag.border.radius}px;
+  `}
+
+  ${margins}
+`;
+const Wrapper = styled.View`
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`;
+const StyledTextInformative = styled(StyledText)`
+  ${({
+  theme: {
+    yoga: {
+      colors: { text },
+      components: { tag }
+    }
+  }
+}) => `
+    color: ${text.primary};
+
+    font-size: ${tag.font.size}px;
+    line-height: ${tag.font.lineHeight}px;
+    font-weight: ${tag.font.weight};
+  `}
+`;
+const TagInformative = (_a) => {
+  var _b = _a, {
+    children,
+    icon,
+    theme: {
+      yoga: {
+        colors: { text },
+        components: { tag }
+      }
+    },
+    small
+  } = _b, props = __objRest(_b, [
+    "children",
+    "icon",
+    "theme",
+    "small"
+  ]);
+  return /* @__PURE__ */ jsx(Informative, __spreadProps(__spreadValues({ small }, props), { children: /* @__PURE__ */ jsxs(Wrapper, { children: [
+    icon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        as: icon,
+        size: small ? tag.icon.size.small : tag.icon.size.default,
+        fill: text.primary,
+        marginRight: tag.icon.margin.right
+      }
+    ),
+    /* @__PURE__ */ jsx(StyledTextInformative, { children })
+  ] }) }));
+};
+TagInformative.propTypes = {
+  /** style the tag following the theme (neutral, success, informative, attention) */
+  variant: oneOf(["neutral", "success", "informative", "attention"]),
+  icon: func,
+  children: node.isRequired,
+  /** Can send small to use this variant */
+  small: bool
+};
+TagInformative.defaultProps = {
+  variant: "neutral",
+  icon: void 0,
+  small: false
+};
+TagInformative.displayName = "Tag.Informative";
+var Informative_default = withTheme(TagInformative);
+export {
+  Informative_default as default
+};

package/esm/Tag/native/Tag.js

@@ -0,0 +1,121 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import styled from "styled-components";
+import { oneOf, node, bool } from "prop-types";
+import { margins } from "@gympass/yoga-system";
+import Text from "../../Text";
+const StyledTag = styled.View`
+  justify-content: center;
+  align-items: center;
+
+  ${({
+  variant,
+  small,
+  theme: {
+    yoga: {
+      colors: {
+        elements,
+        feedback: {
+          [variant]: borderColor = { dark: elements.selectionAndIcons }
+        }
+      },
+      components: { tag }
+    }
+  }
+}) => `
+    width: auto;
+     ${small ? `
+            padding:
+              ${tag.padding.small.top}
+              ${tag.padding.small.right}px
+              ${tag.padding.small.bottom}
+              ${tag.padding.small.left}px;
+          ` : `
+            padding:
+              ${tag.padding.default.top}px
+              ${tag.padding.default.right}px
+              ${tag.padding.default.bottom}px
+              ${tag.padding.default.left}px;
+          `}
+
+    border-radius: ${tag.border.radius}px;
+    border-width: ${tag.border.width}px;
+    border-color: ${borderColor.dark};
+  `}
+
+  ${margins}
+`;
+const StyledText = styled((_a) => {
+  var _b = _a, { variant } = _b, rest = __objRest(_b, ["variant"]);
+  return /* @__PURE__ */ jsx(Text.Medium, __spreadValues({}, rest));
+})`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      colors: {
+        text,
+        feedback: { [variant]: color = { dark: text.secondary } }
+      },
+      components: { tag }
+    }
+  }
+}) => `
+    color: ${color.dark};
+
+    font-size: ${tag.font.size}px;
+    line-height: ${tag.font.lineHeight}px;
+  `}
+`;
+const Tag = (_c) => {
+  var _d = _c, { children, variant, small } = _d, props = __objRest(_d, ["children", "variant", "small"]);
+  return /* @__PURE__ */ jsx(StyledTag, __spreadProps(__spreadValues({ variant, small }, props), { children: /* @__PURE__ */ jsx(StyledText, { variant, children }) }));
+};
+Tag.propTypes = {
+  /** style the tag following the theme (success, informative, attention) */
+  variant: oneOf(["", "success", "informative", "attention"]),
+  /** Can send small to use this variant */
+  small: bool,
+  children: node.isRequired
+};
+Tag.defaultProps = {
+  variant: "",
+  small: false
+};
+var Tag_default = Tag;
+export {
+  StyledTag,
+  StyledText,
+  Tag_default as default
+};

package/esm/Tag/native/Tag.test.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { Building } from "@gympass/yoga-icons";
+import { ThemeProvider, Tag } from "../..";
+describe("<Tag />", () => {
+  it("should match snapshot", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Tag, { children: "default" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with custom icon and informative type", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "success", icon: Building, children: "success with custom icon" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "success", icon: Building, small: true, children: "success with custom icon" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with without icon and informative type", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "success", children: "success without icon" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "success", small: true, children: "success without icon" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with variant prop", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+        /* @__PURE__ */ jsx(Tag, { variant: "success", children: "success" }),
+        /* @__PURE__ */ jsx(Tag, { variant: "informative", children: "informative" }),
+        /* @__PURE__ */ jsx(Tag, { variant: "attention", children: "attention" }),
+        /* @__PURE__ */ jsx(Tag, { variant: "attention", small: true, children: "attention small" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with variant prop and informative type", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "neutral", children: "neutral" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "success", children: "success" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "informative", children: "informative" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "attention", children: "attention" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "attention", small: true, children: "attention small" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with variant and margin prop ", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+        /* @__PURE__ */ jsx(Tag, { variant: "success", children: "success" }),
+        /* @__PURE__ */ jsx(Tag, { mv: "medium", variant: "informative", children: "informative" }),
+        /* @__PURE__ */ jsx(Tag, { variant: "attention", children: "attention" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with variant prop and informative type with margin prop", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "success", children: "success" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { mv: "medium", variant: "informative", children: "informative" }),
+        /* @__PURE__ */ jsx(Tag.Informative, { variant: "attention", children: "attention" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/esm/Tag/native/index.js

@@ -0,0 +1,5 @@
+import Tag from "./Tag";
+var native_default = Tag;
+export {
+  native_default as default
+};

package/esm/Text/Text.theme.js

@@ -0,0 +1,73 @@
+const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
+  h1: {
+    fontsize: fontSizes.huge,
+    lineHeight: lineHeights.huge,
+    fontWeight: fontWeights.medium
+  },
+  h2: {
+    fontsize: fontSizes.xxxlarge,
+    lineHeight: lineHeights.xxxlarge,
+    fontWeight: fontWeights.medium
+  },
+  h3: {
+    fontsize: fontSizes.xxlarge,
+    lineHeight: lineHeights.xxlarge,
+    fontWeight: fontWeights.medium
+  },
+  h4: {
+    fontsize: fontSizes.xlarge,
+    lineHeight: lineHeights.xlarge,
+    fontWeight: fontWeights.medium
+  },
+  h5: {
+    fontsize: fontSizes.large,
+    lineHeight: lineHeights.large,
+    fontWeight: fontWeights.medium
+  },
+  p: {
+    fontsize: fontSizes.medium,
+    lineHeight: lineHeights.medium,
+    fontWeight: fontWeights.regular
+  },
+  small: {
+    fontsize: fontSizes.small,
+    lineHeight: lineHeights.small,
+    fontWeight: fontWeights.regular
+  },
+  tiny: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.regular
+  },
+  light: {
+    fontWeight: fontWeights.light
+  },
+  regular: {
+    fontWeight: fontWeights.regular
+  },
+  medium: {
+    fontWeight: fontWeights.medium
+  },
+  bold: {
+    fontWeight: fontWeights.bold
+  },
+  black: {
+    fontWeight: fontWeights.black
+  },
+  sectionTitle: {
+    fontsize: fontSizes.xsmall,
+    lineHeight: lineHeights.xsmall,
+    fontWeight: fontWeights.medium,
+    letterSpacing: 1,
+    textTransform: "uppercase"
+  },
+  smallestException: {
+    fontsize: fontSizes.xxsmall,
+    lineHeight: lineHeights.xxsmall,
+    fontWeight: fontWeights.regular
+  }
+});
+var Text_theme_default = Text;
+export {
+  Text_theme_default as default
+};