@gympass/yoga 7.88.0 → 7.88.1

package/esm/Button/native/Link.js

@@ -0,0 +1,64 @@
+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 } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import styled from "styled-components";
+import { bool } from "prop-types";
+import { hexToRgb } from "@gympass/yoga-common";
+import withTouchable from "./withTouchable";
+import { Label } from "./Button";
+const Link = styled(Label)`
+  ${({
+  disabled,
+  pressed,
+  secondary,
+  theme: {
+    yoga: {
+      components: {
+        button: {
+          types: { link }
+        }
+      }
+    }
+  }
+}) => {
+  const state = secondary ? "secondary" : "primary";
+  return `
+      color: ${link.font[state].color};
+
+      ${disabled ? `color: ${link.font.disabled.color};` : ""}
+      ${!disabled && pressed ? `color: ${hexToRgb(link.font[state].color, 0.75)};` : ""}
+    `;
+}}
+`;
+const ButtonLink = forwardRef((props, ref) => /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({}, props), { ref })));
+ButtonLink.propTypes = {
+  disabled: bool,
+  secondary: bool
+};
+ButtonLink.defaultProps = {
+  disabled: false,
+  secondary: false
+};
+ButtonLink.displayName = "Button.Link";
+var Link_default = withTouchable(ButtonLink);
+export {
+  Link_default as default
+};

package/esm/Button/native/Text.js

@@ -0,0 +1,130 @@
+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 styled, { withTheme } from "styled-components";
+import { hexToRgb } from "@gympass/yoga-common";
+import withTouchable from "./withTouchable";
+import { Label, ButtonContainer } from "./Button";
+const LabelText = styled(Label)`
+  ${({ color }) => `color: ${color};`}
+`;
+const ButtonContainerText = styled(ButtonContainer)`
+  ${({
+  theme: {
+    yoga: {
+      components: { button }
+    }
+  }
+}) => `
+    background-color: ${button.types.text.backgroundColor};
+  `}
+`;
+const ButtonText = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      disabled,
+      pressed,
+      small,
+      secondary,
+      inverted,
+      icon: Icon,
+      theme: {
+        yoga: {
+          colors,
+          components: { button }
+        }
+      }
+    } = _b, rest = __objRest(_b, [
+      "children",
+      "disabled",
+      "pressed",
+      "small",
+      "secondary",
+      "inverted",
+      "icon",
+      "theme"
+    ]);
+    const state = secondary ? "secondary" : "primary";
+    let textColor = colors[state];
+    if (disabled) {
+      textColor = button.types.text.disabled;
+    } else if (inverted) {
+      textColor = colors.white;
+      if (pressed) {
+        textColor = hexToRgb(colors.white, 0.75);
+      }
+    } else if (pressed) {
+      textColor = hexToRgb(colors[state], 0.75);
+    }
+    return /* @__PURE__ */ jsxs(
+      ButtonContainerText,
+      __spreadProps(__spreadValues({}, rest), {
+        disabled,
+        pressed,
+        small,
+        ref,
+        children: [
+          Icon && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              width: small ? button.icon.size.small : button.icon.size.default,
+              height: small ? button.icon.size.small : button.icon.size.default,
+              fill: textColor,
+              style: {
+                marginRight: button.icon.margin.right
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            LabelText,
+            {
+              disabled,
+              pressed,
+              small,
+              secondary,
+              color: textColor,
+              children
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+ButtonText.propTypes = ButtonContainer.propTypes;
+ButtonText.defaultProps = ButtonContainer.defaultProps;
+var Text_default = withTouchable(withTheme(ButtonText));
+export {
+  Text_default as default
+};

package/esm/Button/native/withTouchable.js

@@ -0,0 +1,89 @@
+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, { useState } from "react";
+import { View, TouchableWithoutFeedback } from "react-native";
+import { element, func } from "prop-types";
+const withTouchable = (Component) => {
+  const WithTouchable = (_a) => {
+    var _b = _a, {
+      onPressIn,
+      onPressOut,
+      onChange,
+      onPress = onChange
+    } = _b, rest = __objRest(_b, [
+      "onPressIn",
+      "onPressOut",
+      "onChange",
+      "onPress"
+    ]);
+    const [pressed, setPressed] = useState(false);
+    return /* @__PURE__ */ jsx(
+      TouchableWithoutFeedback,
+      __spreadProps(__spreadValues({
+        onPressIn: (e) => {
+          setPressed(true);
+          onPressIn(e);
+        },
+        onPressOut: (e) => {
+          setPressed(false);
+          onPressOut(e);
+        },
+        onPress
+      }, rest), {
+        children: /* @__PURE__ */ jsx(View, { style: { flexDirection: "row" }, children: /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, rest), { pressed })) })
+      })
+    );
+  };
+  WithTouchable.propTypes = {
+    onPressIn: func,
+    onPressOut: func,
+    onChange: func,
+    onPress: func
+  };
+  WithTouchable.defaultProps = {
+    onPressIn: () => {
+    },
+    onPressOut: () => {
+    },
+    onChange: void 0,
+    onPress: void 0
+  };
+  return WithTouchable;
+};
+withTouchable.propTypes = {
+  Component: element
+};
+var withTouchable_default = withTouchable;
+export {
+  withTouchable_default as default
+};

package/esm/Card/Card.native.theme.js

@@ -0,0 +1,44 @@
+const CardNative = ({ colors, spacing, lineHeights }) => ({
+  plan: {
+    title: {
+      margin: {
+        bottom: spacing.xxsmall
+      },
+      lineHeight: lineHeights.medium
+    },
+    description: {
+      color: colors.text.secondary
+    },
+    price: {
+      margin: {
+        bottom: spacing.large
+      }
+    },
+    list: {
+      margin: {
+        top: spacing.large
+      },
+      item: {
+        icon: {
+          margin: {
+            right: spacing.xxsmall
+          }
+        }
+      }
+    },
+    actions: {
+      buttonText: {
+        margin: {
+          top: spacing.xsmall
+        }
+      },
+      margin: {
+        top: spacing.xxsmall
+      }
+    }
+  }
+});
+var Card_native_theme_default = CardNative;
+export {
+  Card_native_theme_default as default
+};

package/esm/Card/Card.theme.js

@@ -0,0 +1,157 @@
+const Card = ({
+  colors,
+  spacing,
+  radii,
+  elevations,
+  borders,
+  fontWeights,
+  fontSizes
+}) => ({
+  backgroundColor: colors.white,
+  padding: {
+    top: spacing.small,
+    right: spacing.small,
+    bottom: spacing.small,
+    left: spacing.small
+  },
+  radii: radii.small,
+  elevation: elevations.small,
+  ribbon: {
+    radius: radii.circle
+  },
+  plan: {
+    padding: {
+      top: spacing.xxxlarge,
+      right: spacing.large,
+      bottom: spacing.large,
+      left: spacing.large
+    },
+    radius: 16,
+    tag: {
+      position: {
+        top: spacing.large,
+        left: spacing.large
+      }
+    },
+    subtitle: {
+      margin: {
+        bottom: spacing.xxsmall
+      },
+      font: {
+        color: colors.text.secondary,
+        weight: fontWeights.medium,
+        size: fontSizes.xsmall
+      }
+    },
+    title: {
+      color: colors.text.primary
+    },
+    description: {
+      color: colors.text.secondary
+    },
+    price: {
+      currency: {
+        margin: {
+          right: spacing.xxxsmall
+        }
+      },
+      margin: {
+        top: spacing.xxsmall
+      }
+    },
+    list: {
+      item: {
+        margin: {
+          bottom: spacing.small
+        },
+        font: {
+          color: colors.text.primary
+        }
+      },
+      button: {
+        font: {
+          color: colors.secondary,
+          size: fontSizes.xsmall,
+          weight: fontWeights.medium
+        },
+        margin: {
+          top: spacing.xsmall
+        }
+      }
+    },
+    actions: {
+      buttonText: {
+        margin: {
+          bottom: spacing.zero
+        }
+      }
+    }
+  },
+  gym: {
+    checkIn: {
+      header: {
+        margin: {
+          bottom: spacing.small
+        }
+      },
+      avatar: {
+        border: {
+          radius: radii.small,
+          width: borders.small
+        }
+      },
+      content: {
+        margin: {
+          top: spacing.small
+        }
+      },
+      title: {
+        font: {
+          weight: fontWeights.regular
+        },
+        margin: {
+          bottom: spacing.xxsmall
+        }
+      }
+    }
+  },
+  event: {
+    icon: {
+      fill: colors.text.primary
+    },
+    info: {
+      padding: {
+        top: spacing.small,
+        right: spacing.small,
+        left: spacing.small,
+        bottom: spacing.small
+      },
+      name: {
+        height: spacing.medium,
+        fontWeight: fontWeights.medium,
+        fontSize: fontSizes.medium,
+        marginBottom: spacing.xxsmall
+      },
+      place: {
+        height: spacing.medium,
+        color: colors.text.secondary,
+        marginBottom: spacing.xxsmall
+      }
+    },
+    date: {
+      backgroundColor: colors.primary,
+      radius: radii.small,
+      dayOfWeek: {
+        fontWeight: fontWeights.regular,
+        marginBottom: spacing.xxsmall
+      },
+      month: {
+        fontWeight: fontWeights.medium
+      }
+    }
+  }
+});
+var Card_theme_default = Card;
+export {
+  Card_theme_default as default
+};

package/esm/Card/Card.web.theme.js

@@ -0,0 +1,41 @@
+const CardWeb = ({ spacing, lineHeights }) => ({
+  plan: {
+    title: {
+      margin: {
+        bottom: spacing.xxsmall
+      },
+      lineHeight: lineHeights.medium
+    },
+    price: {
+      margin: {
+        bottom: spacing.large
+      }
+    },
+    list: {
+      margin: {
+        top: spacing.large
+      },
+      item: {
+        icon: {
+          margin: {
+            right: spacing.xxsmall
+          }
+        }
+      }
+    },
+    actions: {
+      buttonText: {
+        margin: {
+          top: spacing.xsmall
+        }
+      },
+      margin: {
+        top: spacing.large
+      }
+    }
+  }
+});
+var Card_web_theme_default = CardWeb;
+export {
+  Card_web_theme_default as default
+};

package/esm/Card/index.js

@@ -0,0 +1,6 @@
+import { Card, PlanCard, EventCard } from "./web";
+export {
+  Card,
+  EventCard,
+  PlanCard
+};

package/esm/Card/index.native.js

@@ -0,0 +1,7 @@
+import { Card, PlanCard, EventCard, GymCard } from "./native";
+export {
+  Card,
+  EventCard,
+  GymCard,
+  PlanCard
+};

package/esm/Card/native/Card/Actions.js

@@ -0,0 +1,11 @@
+import styled from "styled-components";
+import { node } from "prop-types";
+const Actions = styled.View``;
+Actions.propTypes = {
+  children: node.isRequired
+};
+Actions.displayName = "Card.Actions";
+var Actions_default = Actions;
+export {
+  Actions_default as default
+};