@gympass/yoga 7.87.1 → 7.88.1

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

@@ -1 +1,63 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ButtonText=exports.Button=exports.Actions=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _Actions=_interopRequireDefault(require("../Card/Actions"));var _Button=_interopRequireDefault(require("../../../Button"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _templateObject,_templateObject2,_templateObject3;var _theme$components=_themeReader["default"].components,cardnative=_theme$components.cardnative,card=_theme$components.card;var PlanCardButton=(0,_styledComponents["default"])(_Button["default"]).attrs({full:true})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));exports.Button=PlanCardButton;var PlanCardButtonText=(0,_styledComponents["default"])(_Button["default"].Text).attrs({full:true})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n  margin-bottom: ","px;\n"])),cardnative.plan.actions.buttonText.margin.top,card.plan.actions.buttonText.margin.bottom);exports.ButtonText=PlanCardButtonText;var PlanCardActions=(0,_styledComponents["default"])(_Actions["default"])(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),cardnative.plan.actions.margin.top);exports.Actions=PlanCardActions;PlanCardActions.displayName='PlanCard.Actions';PlanCardButton.displayName='PlanCard.Button';PlanCardButtonText.displayName='PlanCard.ButtonText';
+"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 Actions_exports = {};
+__export(Actions_exports, {
+  Actions: () => PlanCardActions,
+  Button: () => PlanCardButton,
+  ButtonText: () => PlanCardButtonText
+});
+module.exports = __toCommonJS(Actions_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var import_Actions = __toESM(require("../Card/Actions"));
+var import_Button = __toESM(require("../../../Button"));
+var import_themeReader = __toESM(require("../../../Theme/helpers/themeReader"));
+const {
+  components: { cardnative, card }
+} = import_themeReader.default;
+const PlanCardButton = (0, import_styled_components.default)(import_Button.default).attrs({
+  full: true
+})``;
+const PlanCardButtonText = (0, import_styled_components.default)(import_Button.default.Text).attrs({
+  full: true
+})`
+  margin-top: ${cardnative.plan.actions.buttonText.margin.top}px;
+  margin-bottom: ${card.plan.actions.buttonText.margin.bottom}px;
+`;
+const PlanCardActions = (0, import_styled_components.default)(import_Actions.default)`
+  margin-top: ${cardnative.plan.actions.margin.top}px;
+`;
+PlanCardActions.displayName = "PlanCard.Actions";
+PlanCardButton.displayName = "PlanCard.Button";
+PlanCardButtonText.displayName = "PlanCard.ButtonText";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Actions,
+  Button,
+  ButtonText
+});

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

@@ -1 +1,162 @@
-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 _Content=_interopRequireDefault(require("../Card/Content"));var _Text=_interopRequireDefault(require("../../../Text"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _Subtitle=_interopRequireDefault(require("./Subtitle"));var _Divider=_interopRequireDefault(require("../../../Divider"));var _excluded=["title","subtitle","description","currency","suffix","price","period","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6;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 Title=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(props){var _theme=(0,_themeReader["default"])(props),_theme$components=_theme.components,cardnative=_theme$components.cardnative,card=_theme$components.card;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      color: ",";\n      margin-bottom: ","px;\n      line-height: ","px;\n    "])),card.plan.title.color,cardnative.plan.title.margin.bottom,cardnative.plan.title.lineHeight);});var Description=(0,_styledComponents["default"])(_Text["default"].Small)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  height: 40px;\n\n  color: ",";\n"])),_themeReader["default"].components.card.plan.description.color);var Price=_styledComponents["default"].View(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n\n  ","\n"])),function(props){var _theme2=(0,_themeReader["default"])(props),plan=_theme2.components.cardnative.plan;return(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n      margin-bottom: ","px;\n    "])),plan.price.margin.bottom);});var EnhancePrice=_styledComponents["default"].View(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n  align-self: center;\n"])));var PlanCardContent=function PlanCardContent(_ref){var title=_ref.title,subtitle=_ref.subtitle,description=_ref.description,currency=_ref.currency,suffix=_ref.suffix,price=_ref.price,period=_ref.period,children=_ref.children,rest=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return _react["default"].createElement(_Content["default"],rest,subtitle&&_react["default"].createElement(_Subtitle["default"],null,subtitle),title&&_react["default"].createElement(Title,null,title),description&&_react["default"].createElement(Description,{numberOfLines:2},description),_react["default"].createElement(Price,null,currency&&_react["default"].createElement(_Text["default"].H4,null,currency),price&&_react["default"].createElement(_Text["default"].H4,null,price),suffix&&_react["default"].createElement(_Text["default"].H4,null,suffix),period&&_react["default"].createElement(EnhancePrice,null,_react["default"].createElement(_Text["default"].Medium,null,""+period))),_react["default"].createElement(_Divider["default"],null),children);};PlanCardContent.propTypes={title:_propTypes.string.isRequired,currency:_propTypes.string,suffix:_propTypes.string,price:_propTypes.string.isRequired,period:_propTypes.string.isRequired,description:_propTypes.string,subtitle:_propTypes.string,children:_propTypes.node};PlanCardContent.defaultProps={children:null,description:null,subtitle:null,currency:null,suffix:null};PlanCardContent.displayName='PlanCard.Content';var _default=PlanCardContent;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 Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
+});
+module.exports = __toCommonJS(Content_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_Content = __toESM(require("../Card/Content"));
+var import_Text = __toESM(require("../../../Text"));
+var import_themeReader = __toESM(require("../../../Theme/helpers/themeReader"));
+var import_Subtitle = __toESM(require("./Subtitle"));
+var import_Divider = __toESM(require("../../../Divider"));
+const Title = (0, import_styled_components.default)(import_Text.default.Medium)`
+  ${(props) => {
+  const {
+    components: { cardnative, card }
+  } = (0, import_themeReader.default)(props);
+  return import_styled_components.css`
+      color: ${card.plan.title.color};
+      margin-bottom: ${cardnative.plan.title.margin.bottom}px;
+      line-height: ${cardnative.plan.title.lineHeight}px;
+    `;
+}}
+`;
+const Description = (0, import_styled_components.default)(import_Text.default.Small)`
+  height: 40px;
+
+  color: ${import_themeReader.default.components.card.plan.description.color};
+`;
+const Price = import_styled_components.default.View`
+  flex-direction: row;
+
+  ${(props) => {
+  const {
+    components: {
+      cardnative: { plan }
+    }
+  } = (0, import_themeReader.default)(props);
+  return import_styled_components.css`
+      margin-bottom: ${plan.price.margin.bottom}px;
+    `;
+}}
+`;
+const EnhancePrice = import_styled_components.default.View`
+  align-self: center;
+`;
+const PlanCardContent = (_a) => {
+  var _b = _a, {
+    title,
+    subtitle,
+    description,
+    currency,
+    suffix,
+    price,
+    period,
+    children
+  } = _b, rest = __objRest(_b, [
+    "title",
+    "subtitle",
+    "description",
+    "currency",
+    "suffix",
+    "price",
+    "period",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Content.default, __spreadProps(__spreadValues({}, rest), { children: [
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Subtitle.default, { children: subtitle }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, { numberOfLines: 2, children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Price, { children: [
+      currency && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.H4, { children: currency }),
+      price && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.H4, { children: price }),
+      suffix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.H4, { children: suffix }),
+      period && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EnhancePrice, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Medium, { children: `${period}` }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Divider.default, {}),
+    children
+  ] }));
+};
+PlanCardContent.propTypes = {
+  /** plan name */
+  title: import_prop_types.string.isRequired,
+  /** currency of the current country */
+  currency: import_prop_types.string,
+  /** suffix currency of the current country */
+  suffix: import_prop_types.string,
+  price: import_prop_types.string.isRequired,
+  /** period that this price will be charged  */
+  period: import_prop_types.string.isRequired,
+  description: import_prop_types.string,
+  subtitle: import_prop_types.string,
+  children: import_prop_types.node
+};
+PlanCardContent.defaultProps = {
+  children: null,
+  description: null,
+  subtitle: null,
+  currency: null,
+  suffix: null
+};
+PlanCardContent.displayName = "PlanCard.Content";
+var Content_default = PlanCardContent;

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
+});