@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Card/native/PlanCard/List.js

@@ -1 +1,146 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ListItem=exports.List=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _lodash=_interopRequireDefault(require("lodash.get"));var _Text=_interopRequireDefault(require("../../../Text"));var _Icon=_interopRequireDefault(require("../../../Icon"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _excluded=["children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var _theme$components=_themeReader["default"].components,card=_theme$components.card,cardnative=_theme$components.cardnative;var List=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),cardnative.plan.list.margin.top);exports.List=List;var Item=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-bottom: ","px;\n"])),card.plan.list.item.margin.bottom);var Wrapper=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  align-items: center;\n"])));var IconWrapper=_styledComponents["default"].View(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-right: ","px;\n"])),cardnative.plan.list.item.icon.margin.right);var Button=_styledComponents["default"].View(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),card.plan.list.button.margin.top);var ButtonText=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n  font-size: ","px;\n  color: ",";\n"])),card.plan.list.button.font.size,card.plan.list.button.font.color);var ItemText=(0,_styledComponents["default"])(_Text["default"].Small)(_templateObject7||(_templateObject7=(0,_taggedTemplateLiteralLoose2["default"])(["\n  color: ",";\n"])),function(_ref){var color=_ref.color;return color||card.plan.list.item.font.color;});var ListItem=(0,_styledComponents.withTheme)(function(_ref2){var text=_ref2.text,variant=_ref2.variant,yogaTheme=_ref2.theme,icon=_ref2.icon,_ref2$buttonProps=_ref2.buttonProps,children=_ref2$buttonProps.children,buttonProps=(0,_objectWithoutProperties2["default"])(_ref2$buttonProps,_excluded);var itemColor=(0,_lodash["default"])(yogaTheme.yoga.colors,variant);if(variant&&!itemColor)console.warn("Invalid token "+variant+", you can use "+JSON.stringify(Object.keys(yogaTheme.yoga.colors)));return _react["default"].createElement(Item,null,_react["default"].createElement(Wrapper,null,icon&&_react["default"].createElement(IconWrapper,null,(0,_react.isValidElement)(icon)?icon:_react["default"].createElement(_Icon["default"],{as:icon,size:"small",fill:variant||'text.primary'})),_react["default"].createElement(ItemText,{color:itemColor},text)),Boolean(Object.keys(buttonProps).length)&&_react["default"].createElement(_reactNative.TouchableWithoutFeedback,buttonProps,_react["default"].createElement(Button,null,_react["default"].createElement(ButtonText,null,children))));});exports.ListItem=ListItem;List.displayName='PlanCard.List';ListItem.displayName='PlanCard.ListItem';Button.displayName='PlanCard.ListButton';ListItem.propTypes={text:_propTypes.string.isRequired,icon:(0,_propTypes.oneOfType)([_propTypes.node,_propTypes.func]),buttonProps:(0,_propTypes.shape)({}),variant:_propTypes.string};ListItem.defaultProps={icon:undefined,buttonProps:{},variant:undefined};
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var List_exports = {};
+__export(List_exports, {
+  List: () => List,
+  ListItem: () => ListItem
+});
+module.exports = __toCommonJS(List_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_native = require("react-native");
+var import_prop_types = require("prop-types");
+var import_lodash = __toESM(require("lodash.get"));
+var import_Text = __toESM(require("../../../Text"));
+var import_Icon = __toESM(require("../../../Icon"));
+var import_themeReader = __toESM(require("../../../Theme/helpers/themeReader"));
+const { card, cardnative } = import_themeReader.default.components;
+const List = import_styled_components.default.View`
+  margin-top: ${cardnative.plan.list.margin.top}px;
+`;
+const Item = import_styled_components.default.View`
+  margin-bottom: ${card.plan.list.item.margin.bottom}px;
+`;
+const Wrapper = import_styled_components.default.View`
+  flex-direction: row;
+  align-items: center;
+`;
+const IconWrapper = import_styled_components.default.View`
+  margin-right: ${cardnative.plan.list.item.icon.margin.right}px;
+`;
+const Button = import_styled_components.default.View`
+  margin-top: ${card.plan.list.button.margin.top}px;
+`;
+const ButtonText = (0, import_styled_components.default)(import_Text.default.Medium)`
+  font-size: ${card.plan.list.button.font.size}px;
+  color: ${card.plan.list.button.font.color};
+`;
+const ItemText = (0, import_styled_components.default)(import_Text.default.Small)`
+  color: ${({ color }) => color || card.plan.list.item.font.color};
+`;
+const ListItem = (0, import_styled_components.withTheme)(
+  (_a) => {
+    var {
+      text,
+      variant,
+      theme: yogaTheme,
+      icon,
+      buttonProps: _b
+    } = _a, _c = _b, { children } = _c, buttonProps = __objRest(_c, ["children"]);
+    const itemColor = (0, import_lodash.default)(yogaTheme.yoga.colors, variant);
+    if (variant && !itemColor)
+      console.warn(
+        `Invalid token ${variant}, you can use ${JSON.stringify(
+          Object.keys(yogaTheme.yoga.colors)
+        )}`
+      );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapper, { children: (0, import_react.isValidElement)(icon) ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.default, { as: icon, size: "small", fill: variant || "text.primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemText, { color: itemColor, children: text })
+      ] }),
+      Boolean(Object.keys(buttonProps).length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.TouchableWithoutFeedback, __spreadProps(__spreadValues({}, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonText, { children }) }) }))
+    ] });
+  }
+);
+List.displayName = "PlanCard.List";
+ListItem.displayName = "PlanCard.ListItem";
+Button.displayName = "PlanCard.ListButton";
+ListItem.propTypes = {
+  text: import_prop_types.string.isRequired,
+  /** an icon to be displayed on the begin of the item */
+  icon: (0, import_prop_types.oneOfType)([import_prop_types.node, import_prop_types.func]),
+  /** if provided displays a button below the item text. It accepts all button
+   * element props */
+  buttonProps: (0, import_prop_types.shape)({}),
+  /** if provided a color variant, like "vibin", "hope", "energy" the icon and
+   * the item text will be rendered on this color.
+   */
+  variant: import_prop_types.string
+};
+ListItem.defaultProps = {
+  icon: void 0,
+  buttonProps: {},
+  variant: void 0
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  List,
+  ListItem
+});

package/cjs/Card/native/PlanCard/PlanCard.js

@@ -1 +1,146 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.PLAN_LINE_HEIGHT=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _Box=_interopRequireDefault(require("../../../Box"));var _excluded=["children","variant"];var _templateObject,_templateObject2,_templateObject3;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var PLAN_LINE_HEIGHT=8;exports.PLAN_LINE_HEIGHT=PLAN_LINE_HEIGHT;var Plan=(0,_styledComponents["default"])(_Box["default"])(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  max-width: 312px;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ","\n"])),function(props){var theme=props.theme.yoga;var plan=theme.components.card.plan;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      padding: ","px ","px\n        ","px ","px;\n      border: ","px solid ",";\n      border-radius: ","px;\n\n      background-color: ",";\n    "])),plan.padding.top,plan.padding.right,plan.padding.bottom,plan.padding.left,theme.borders.small,theme.colors.light,plan.radius,theme.colors.white);});var Border=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  height: 8px;\n  background-color: ",";\n"])),function(_ref){var variant=_ref.variant,_ref$theme$yoga$color=_ref.theme.yoga.colors,deepPurple=_ref$theme$yoga$color.deepPurple,_ref$theme$yoga$color2=_ref$theme$yoga$color[variant],color=_ref$theme$yoga$color2===void 0?deepPurple:_ref$theme$yoga$color2;return color;});var PlanCard=function PlanCard(_ref2){var children=_ref2.children,variant=_ref2.variant,rest=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(_Box["default"],null,_react["default"].createElement(Plan,rest,_react["default"].createElement(Border,{variant:variant}),children));};PlanCard.propTypes={children:_propTypes.node,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};PlanCard.defaultProps={children:undefined,variant:'deepPurple'};PlanCard.displayName='PlanCard';var _default=PlanCard;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PlanCard_exports = {};
+__export(PlanCard_exports, {
+  PLAN_LINE_HEIGHT: () => PLAN_LINE_HEIGHT,
+  default: () => PlanCard_default
+});
+module.exports = __toCommonJS(PlanCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_Box = __toESM(require("../../../Box"));
+const PLAN_LINE_HEIGHT = 8;
+const Plan = (0, import_styled_components.default)(import_Box.default)`
+  max-width: 312px;
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+
+  ${(props) => {
+  const theme = props.theme.yoga;
+  const { plan } = theme.components.card;
+  return import_styled_components.css`
+      padding: ${plan.padding.top}px ${plan.padding.right}px
+        ${plan.padding.bottom}px ${plan.padding.left}px;
+      border: ${theme.borders.small}px solid ${theme.colors.light};
+      border-radius: ${plan.radius}px;
+
+      background-color: ${theme.colors.white};
+    `;
+}}
+`;
+const Border = import_styled_components.default.View`
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+
+  height: 8px;
+  background-color: ${({
+  variant,
+  theme: {
+    yoga: {
+      colors: { deepPurple, [variant]: color = deepPurple }
+    }
+  }
+}) => color};
+`;
+const PlanCard = (_a) => {
+  var _b = _a, { children, variant } = _b, rest = __objRest(_b, ["children", "variant"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Plan, __spreadProps(__spreadValues({}, rest), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Border, { variant }),
+    children
+  ] })) });
+};
+PlanCard.propTypes = {
+  children: import_prop_types.node,
+  /** style the card border top color following the theme (primary, secondary,
+   * vibin, hope, energy, relax, peace, verve, uplift, deepPurple, deep,
+   * stamina, dark, medium, light, clear, white) */
+  variant: (0, import_prop_types.oneOf)([
+    "primary",
+    "secondary",
+    "vibin",
+    "hope",
+    "energy",
+    "relax",
+    "peace",
+    "verve",
+    "uplift",
+    "deepPurple",
+    "stamina",
+    "dark",
+    "medium",
+    "deep",
+    "light",
+    "clear",
+    "white"
+  ])
+};
+PlanCard.defaultProps = {
+  children: void 0,
+  variant: "deepPurple"
+};
+PlanCard.displayName = "PlanCard";
+var PlanCard_default = PlanCard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PLAN_LINE_HEIGHT
+});

package/cjs/Card/native/PlanCard/PlanCard.test.js

@@ -0,0 +1,123 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_native = require("@testing-library/react-native");
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import__ = require("../../..");
+var import__2 = __toESM(require("."));
+describe("<PlanCard />", () => {
+  const buttonOnPressMock = jest.fn();
+  const renderPlan = () => (0, import_react_native.render)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Tag, { variant: "informative", children: "Recommended Plan" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import__2.default.Content,
+        {
+          subtitle: "plan",
+          title: "Basic",
+          currency: "$",
+          price: "99.90",
+          period: "/month",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Subtitle, { children: "Get access to" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.default.List, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import__2.default.ListItem,
+                {
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import__.Icon,
+                    {
+                      as: import_yoga_icons.MapPin,
+                      height: "small",
+                      width: "small",
+                      stroke: "medium"
+                    }
+                  ),
+                  text: "gyms and studios"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import__2.default.ListItem,
+                {
+                  icon: import_yoga_icons.Star,
+                  text: "list item",
+                  buttonProps: {
+                    children: "button",
+                    onPress: buttonOnPressMock
+                  }
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Actions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button, { full: true, children: "Select this plan" }) })
+    ] }) })
+  );
+  describe("Events", () => {
+    it("should call onPress when ListItem has a button", () => {
+      const { getByText } = renderPlan();
+      import_react_native.fireEvent.press(getByText("button"));
+      expect(buttonOnPressMock).toHaveBeenCalled();
+    });
+  });
+  describe("Snapshots", () => {
+    it("should match snapshot with default PlanCard", () => {
+      const { toJSON } = renderPlan();
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot with variant", () => {
+      const { toJSON } = (0, import_react_native.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, { variant: "hope", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__2.default.Content,
+          {
+            subtitle: "plan",
+            title: "Basic",
+            currency: "$",
+            price: "99.90",
+            period: "/month"
+          }
+        ) }) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it("should match snapshot with suffix", () => {
+      const { toJSON } = (0, import_react_native.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default, { variant: "hope", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__2.default.Content,
+          {
+            subtitle: "plan",
+            title: "Basic",
+            currency: "$",
+            suffix: "MXN",
+            price: "99.90",
+            period: "/month"
+          }
+        ) }) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Card/native/PlanCard/Subtitle.js

@@ -1 +1,55 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _Text=_interopRequireDefault(require("../../../Text"));var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Subtitle=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  text-transform: uppercase;\n\n  ","\n"])),function(props){var _theme=(0,_themeReader["default"])(props),plan=_theme.components.card.plan;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      margin-bottom: ","px;\n\n      color: ",";\n      font-size: ","px;\n    "])),plan.subtitle.margin.bottom,plan.subtitle.font.color,plan.subtitle.font.size);});Subtitle.displayName='PlanCard.Subtitle';var _default=Subtitle;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Subtitle_exports = {};
+__export(Subtitle_exports, {
+  default: () => Subtitle_default
+});
+module.exports = __toCommonJS(Subtitle_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var import_themeReader = __toESM(require("../../../Theme/helpers/themeReader"));
+var import_Text = __toESM(require("../../../Text"));
+const Subtitle = (0, import_styled_components.default)(import_Text.default.Medium)`
+  text-transform: uppercase;
+
+  ${(props) => {
+  const {
+    components: {
+      card: { plan }
+    }
+  } = (0, import_themeReader.default)(props);
+  return import_styled_components.css`
+      margin-bottom: ${plan.subtitle.margin.bottom}px;
+
+      color: ${plan.subtitle.font.color};
+      font-size: ${plan.subtitle.font.size}px;
+    `;
+}}
+`;
+Subtitle.displayName = "PlanCard.Subtitle";
+var Subtitle_default = Subtitle;

package/cjs/Card/native/PlanCard/Tag.js

@@ -1 +1,90 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _PlanCard=require("./PlanCard");var _Tag=_interopRequireDefault(require("../../../Tag"));var _excluded=["children"];var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var StyledTag=(0,_styledComponents["default"])(_Tag["default"].Informative).attrs(function(){return{small:true};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n\n  ","\n"])),function(props){var plan=props.theme.yoga.components.card.plan;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      top: ","px;\n      left: ","px;\n    "])),plan.tag.position.top+_PlanCard.PLAN_LINE_HEIGHT,plan.tag.position.left);});var PlanCardTag=function PlanCardTag(_ref){var children=_ref.children,rest=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return _react["default"].createElement(StyledTag,rest,children);};PlanCardTag.displayName='PlanCard.Tag';PlanCardTag.propTypes={children:_propTypes.node.isRequired};var _default=PlanCardTag;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tag_exports = {};
+__export(Tag_exports, {
+  default: () => Tag_default
+});
+module.exports = __toCommonJS(Tag_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_PlanCard = require("./PlanCard");
+var import_Tag = __toESM(require("../../../Tag"));
+const StyledTag = (0, import_styled_components.default)(import_Tag.default.Informative).attrs(() => ({ small: true }))`
+  position: absolute;
+  align-items: center;
+  justify-content: center;
+
+  ${(props) => {
+  const { plan } = props.theme.yoga.components.card;
+  return import_styled_components.css`
+      top: ${plan.tag.position.top + import_PlanCard.PLAN_LINE_HEIGHT}px;
+      left: ${plan.tag.position.left}px;
+    `;
+}}
+`;
+const PlanCardTag = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTag, __spreadProps(__spreadValues({}, rest), { children }));
+};
+PlanCardTag.displayName = "PlanCard.Tag";
+PlanCardTag.propTypes = {
+  children: import_prop_types.node.isRequired
+};
+var Tag_default = PlanCardTag;

package/cjs/Card/native/PlanCard/index.js

@@ -1 +1,48 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Actions=require("./Actions");var _Content=_interopRequireDefault(require("./Content"));var _PlanCard=_interopRequireDefault(require("./PlanCard"));var _Subtitle=_interopRequireDefault(require("./Subtitle"));var _Tag=_interopRequireDefault(require("./Tag"));var _List=require("./List");_PlanCard["default"].Actions=_Actions.Actions;_PlanCard["default"].Button=_Actions.Button;_PlanCard["default"].ButtonText=_Actions.ButtonText;_PlanCard["default"].Content=_Content["default"];_PlanCard["default"].List=_List.List;_PlanCard["default"].ListItem=_List.ListItem;_PlanCard["default"].Subtitle=_Subtitle["default"];_PlanCard["default"].Tag=_Tag["default"];var _default=_PlanCard["default"];exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PlanCard_exports = {};
+__export(PlanCard_exports, {
+  default: () => PlanCard_default
+});
+module.exports = __toCommonJS(PlanCard_exports);
+var import_Actions = require("./Actions");
+var import_Content = __toESM(require("./Content"));
+var import_PlanCard = __toESM(require("./PlanCard"));
+var import_Subtitle = __toESM(require("./Subtitle"));
+var import_Tag = __toESM(require("./Tag"));
+var import_List = require("./List");
+import_PlanCard.default.Actions = import_Actions.Actions;
+import_PlanCard.default.Button = import_Actions.Button;
+import_PlanCard.default.ButtonText = import_Actions.ButtonText;
+import_PlanCard.default.Content = import_Content.default;
+import_PlanCard.default.List = import_List.List;
+import_PlanCard.default.ListItem = import_List.ListItem;
+import_PlanCard.default.Subtitle = import_Subtitle.default;
+import_PlanCard.default.Tag = import_Tag.default;
+var PlanCard_default = import_PlanCard.default;