@gympass/yoga 7.88.0 → 7.88.2

package/esm/Accordion/Accordion.theme.js

@@ -0,0 +1,26 @@
+const Accordion = ({ spacing, fontWeights, fontSizes }) => ({
+  padding: {
+    zero: spacing.zero,
+    small: spacing.small,
+    standard: spacing.medium,
+    large: spacing.large
+  },
+  paddingArrow: {
+    total: spacing.xxsmall
+  },
+  gap: {
+    header: spacing.xxxsmall
+  },
+  fontWeight: {
+    medium: fontWeights.medium,
+    regular: fontWeights.regular
+  },
+  fontSize: {
+    medium: fontSizes.medium,
+    small: fontSizes.small
+  }
+});
+var Accordion_theme_default = Accordion;
+export {
+  Accordion_theme_default as default
+};

package/esm/Accordion/index.js

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

package/esm/ActionRequirement/ActionRequirement.theme.js

@@ -0,0 +1,5 @@
+const ActionRequirement = () => ({});
+var ActionRequirement_theme_default = ActionRequirement;
+export {
+  ActionRequirement_theme_default as default
+};

package/esm/ActionRequirement/index.js

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

package/esm/ActionRequirement/index.native.js

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

package/esm/ActionRequirement/native/ActionRequirement.js

@@ -0,0 +1,57 @@
+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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { arrayOf, node, oneOfType, string } from "prop-types";
+import styled from "styled-components/native";
+import { View } from "react-native";
+import Box from "../../Box";
+import { Title } from "./ActionRequirementStyles";
+import Text from "../../Text";
+const StyledActionRequirement = styled.View``;
+function ActionRequirement(props) {
+  const { title, description, children, checkable, illustration, list } = props;
+  return /* @__PURE__ */ jsxs(StyledActionRequirement, __spreadProps(__spreadValues({}, props), { children: [
+    illustration && /* @__PURE__ */ jsx(Box, { children: illustration }),
+    /* @__PURE__ */ jsx(Title, { children: title }),
+    /* @__PURE__ */ jsx(Text, { mt: "small", color: "deep", children: description }),
+    list && /* @__PURE__ */ jsx(Text, { mt: "small", color: "deep", children: /* @__PURE__ */ jsx(Box, { mt: "xxxlarge", children: list }) }),
+    checkable && /* @__PURE__ */ jsx(Box, { mt: "xxxlarge", children: checkable }),
+    /* @__PURE__ */ jsx(View, { children })
+  ] }));
+}
+ActionRequirement.propTypes = {
+  title: string.isRequired,
+  children: oneOfType([arrayOf(node), node]),
+  description: string.isRequired,
+  checkable: oneOfType([arrayOf(node), node]),
+  illustration: oneOfType([arrayOf(node), node]),
+  list: oneOfType([arrayOf(node), node])
+};
+ActionRequirement.defaultProps = {
+  children: void 0,
+  checkable: void 0,
+  illustration: void 0,
+  list: void 0
+};
+var ActionRequirement_default = ActionRequirement;
+export {
+  ActionRequirement_default as default
+};

package/esm/ActionRequirement/native/ActionRequirement.test.js

@@ -0,0 +1,49 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { Img2d01 } from "@gympass/yoga-illustrations";
+import { Dumbbell, User, Star } from "@gympass/yoga-icons";
+import { Box, Checkbox, Text, ThemeProvider } from "../..";
+import ActionRequirement from "./ActionRequirement";
+function handleGetCheckableContent() {
+  return /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Checkbox, {}),
+    /* @__PURE__ */ jsx(Text, { children: "I have read and agree to the Terms of Use and Privacy Policy." })
+  ] });
+}
+function handleGetIllustration() {
+  return /* @__PURE__ */ jsx(Img2d01, { width: 375, height: 375 });
+}
+function handleGetList() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Dumbbell, {}),
+      " 1x/day standard access"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { mt: "small", children: [
+      /* @__PURE__ */ jsx(User, {}),
+      " 4x/month 1-on-1 sessions"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { mt: "small", children: [
+      /* @__PURE__ */ jsx(Star, {}),
+      " 2x/month premium classes"
+    ] })
+  ] });
+}
+describe("<ActionRequirement />", () => {
+  it("should match snapshot", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+        ActionRequirement,
+        {
+          title: "Welcome to the world of feeling good!",
+          description: "Lets make it a good day!",
+          illustration: handleGetIllustration(),
+          checkable: handleGetCheckableContent(),
+          list: handleGetList()
+        }
+      ) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/esm/ActionRequirement/native/ActionRequirementStyles.js

@@ -0,0 +1,69 @@
+import styled, { css } from "styled-components";
+import Text from "../../Text/index.native";
+import Box from "../../Box/index.native";
+import Button from "../../Button/index.native";
+const Title = styled(Text.H4)`
+  ${({
+  theme: {
+    yoga: { fontSizes }
+  }
+}) => css`
+    @media (min-width: 769px) {
+      max-width: 700px;
+      font-size: ${fontSizes.huge}px;
+      line-height: ${fontSizes.huge}px;
+    }
+  `}
+`;
+const Actions = styled(Box)`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => css`
+    display: flex;
+    flex-direction: column;
+
+    @media (min-width: 769px) {
+      flex-direction: row;
+      margin-top: ${spacing.xlarge}px;
+    }
+  `}
+`;
+const buttonsStyles = css`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => css`
+    width: 100%;
+
+    :last-child(:not(:first-child)) {
+      margin-top: ${spacing.small}px;
+    }
+
+    @media (min-width: 769px) {
+      width: auto;
+
+      :last-child(:not(:first-child)) {
+        margin-top: 0;
+        margin-left: ${spacing.large}px;
+      }
+    }
+  `}
+`;
+const PrimaryButton = styled(Button)`
+  ${buttonsStyles}
+`;
+const SecondaryButton = styled(Button.Text)`
+  ${buttonsStyles}
+`;
+Title.displayName = "ActionRequirement.Title";
+PrimaryButton.displayName = "ActionRequirement.PrimaryButton";
+SecondaryButton.displayName = "ActionRequirement.SecondaryButton";
+export {
+  Actions,
+  PrimaryButton,
+  SecondaryButton,
+  Title
+};

package/esm/ActionRequirement/native/index.js

@@ -0,0 +1,13 @@
+import ActionRequirement from "./ActionRequirement";
+import {
+  Title,
+  PrimaryButton,
+  SecondaryButton
+} from "./ActionRequirementStyles";
+ActionRequirement.Title = Title;
+ActionRequirement.PrimaryButton = PrimaryButton;
+ActionRequirement.SecondaryButton = SecondaryButton;
+var native_default = ActionRequirement;
+export {
+  native_default as default
+};

package/esm/AutoComplete/AutoComplete.theme.js

@@ -0,0 +1,49 @@
+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));
+import Input from "../Input/Input.theme";
+const AutoComplete = (tokens) => __spreadProps(__spreadValues({}, Input(tokens)), {
+  field: {
+    backgroundColor: tokens.colors.white
+  },
+  list: {
+    padding: {
+      top: tokens.spacing.small,
+      right: tokens.spacing.small,
+      bottom: tokens.spacing.small,
+      left: tokens.spacing.small
+    },
+    font: {
+      size: tokens.fontSizes.small,
+      weight: {
+        default: tokens.fontWeights.regular,
+        matched: tokens.fontWeights.bold
+      },
+      lineHeight: tokens.lineHeights.small
+    },
+    backgroundColor: {
+      default: tokens.colors.white,
+      hover: tokens.colors.clear
+    }
+  }
+});
+var AutoComplete_theme_default = AutoComplete;
+export {
+  AutoComplete_theme_default as default
+};

package/esm/AutoComplete/index.js

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

package/esm/Avatar/Avatar.theme.js

@@ -0,0 +1,5 @@
+const Avatar = () => ({});
+var Avatar_theme_default = Avatar;
+export {
+  Avatar_theme_default as default
+};

package/esm/Avatar/index.js

@@ -0,0 +1,7 @@
+import Avatar from "./web/Avatar";
+import AvatarCircle from "./web/AvatarCircle";
+Avatar.Circle = AvatarCircle;
+var Avatar_default = Avatar;
+export {
+  Avatar_default as default
+};

package/esm/Avatar/index.native.js

@@ -0,0 +1,7 @@
+import Avatar from "./native/Avatar";
+import AvatarCircle from "./native/AvatarCircle";
+Avatar.Circle = AvatarCircle;
+var index_native_default = Avatar;
+export {
+  index_native_default as default
+};

package/esm/Avatar/native/Avatar.js

@@ -0,0 +1,141 @@
+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, { forwardRef } from "react";
+import { BuildingFilled } from "@gympass/yoga-icons";
+import { string, func, number } from "prop-types";
+import { ImagePropTypes } from "deprecated-react-native-prop-types";
+import { Image } from "react-native";
+import styled from "styled-components";
+import { hexToRgb } from "@gympass/yoga-common";
+import Box from "../../Box";
+import Icon from "../../Icon";
+const BORDER_WIDTH = 1;
+const BORDER_OPACITY = 0.25;
+const BorderImage = styled(Box).attrs(({ theme: { yoga } }) => {
+  return {
+    borderColor: hexToRgb(yoga.colors.secondary, BORDER_OPACITY),
+    borderWidth: BORDER_WIDTH
+  };
+})`
+  position: absolute;
+`;
+const Content = ({ icon, src, fill, content, stroke }) => {
+  if (src) {
+    return /* @__PURE__ */ jsx(Box, { as: Image, width: "100%", height: "100%", source: src });
+  }
+  if (content) {
+    return content;
+  }
+  return /* @__PURE__ */ jsx(Icon, { as: icon, width: "50%", height: "50%", fill, stroke });
+};
+const Avatar = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      icon = BuildingFilled,
+      src,
+      children,
+      fill,
+      stroke,
+      borderRadius,
+      width,
+      height
+    } = _b, props = __objRest(_b, [
+      "icon",
+      "src",
+      "children",
+      "fill",
+      "stroke",
+      "borderRadius",
+      "width",
+      "height"
+    ]);
+    return /* @__PURE__ */ jsxs(
+      Box,
+      __spreadProps(__spreadValues({
+        ref,
+        bgColor: "elements.selectionAndIcons",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width,
+        height,
+        overflow: "hidden",
+        borderRadius
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx(
+            Content,
+            {
+              icon,
+              src,
+              fill,
+              stroke,
+              content: children
+            }
+          ),
+          /* @__PURE__ */ jsx(BorderImage, { width: "100%", height: "100%", borderRadius })
+        ]
+      })
+    );
+  }
+);
+Content.propTypes = __spreadValues({
+  src: ImagePropTypes.source,
+  icon: func,
+  fill: string
+}, Box.propTypes);
+Content.defaultProps = {
+  src: void 0,
+  fill: "white",
+  icon: BuildingFilled
+};
+Avatar.propTypes = __spreadValues({
+  src: ImagePropTypes.source,
+  icon: func,
+  fill: string,
+  width: number,
+  height: number,
+  borderRadius: string
+}, Box.propTypes);
+Avatar.defaultProps = __spreadValues({
+  src: void 0,
+  fill: "white",
+  width: 48,
+  height: 48,
+  borderRadius: "small"
+}, Box.defaultProps);
+Avatar.displayName = "Avatar";
+var Avatar_default = Avatar;
+export {
+  Avatar_default as default
+};

package/esm/Avatar/native/Avatar.test.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { UserFilled } from "@gympass/yoga-icons";
+import { ThemeProvider } from "../..";
+import Avatar from "./Avatar";
+import Text from "../../Text";
+describe("<Avatar />", () => {
+  it("should match snapshot in default avatar", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Avatar, { width: 78, height: 78, fill: "black" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in default avatar with placeholder prop", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Avatar, { placeholder: UserFilled }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in circle avatar", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Avatar.Circle, {}) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in circle avatar with placeholder prop", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Avatar.Circle, { placeholder: UserFilled }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot in avatar with children prop", () => {
+    const { toJSON } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(Text, { children: "AL" }) }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/esm/Avatar/native/AvatarCircle.js

@@ -0,0 +1,54 @@
+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, { forwardRef } from "react";
+import { UserFilled } from "@gympass/yoga-icons";
+import Avatar from "./Avatar";
+const AvatarCircle = forwardRef((_a, ref) => {
+  var _b = _a, { src } = _b, props = __objRest(_b, ["src"]);
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    __spreadProps(__spreadValues({}, props), {
+      src,
+      borderRadius: "circle",
+      icon: !src ? UserFilled : void 0,
+      ref
+    })
+  );
+});
+AvatarCircle.propTypes = Avatar.propTypes;
+AvatarCircle.defaultProps = Avatar.defaultProps;
+AvatarCircle.displayName = "Avatar.Circle";
+var AvatarCircle_default = AvatarCircle;
+export {
+  AvatarCircle_default as default
+};

package/esm/Banner/Banner.theme.js

@@ -0,0 +1,10 @@
+const Banner = ({ colors, radii }) => ({
+  defaultBackgroundColor: colors.feedback.informative.light,
+  border: {
+    radius: radii.small
+  }
+});
+var Banner_theme_default = Banner;
+export {
+  Banner_theme_default as default
+};

package/esm/Banner/index.js

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

package/esm/Banner/index.native.js

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