@gympass/yoga 7.42.2 → 7.43.0

package/cjs/Card/Card.native.theme.js

@@ -11,7 +11,6 @@ var CardNative = function CardNative(_ref) {
     plan: {
       title: {
         margin: {
-          top: spacing.xxsmall,
           bottom: spacing.xxsmall
         },
         lineHeight: lineHeights.medium
@@ -39,7 +38,7 @@ var CardNative = function CardNative(_ref) {
       actions: {
         buttonText: {
           margin: {
-            top: spacing.medium
+            top: spacing.xsmall
           }
         },
         margin: {

package/cjs/Card/Card.theme.js

@@ -27,15 +27,15 @@ var Card = function Card(_ref) {
     plan: {
       padding: {
         top: spacing.xxxlarge,
-        right: spacing.medium,
-        bottom: spacing.xlarge,
-        left: spacing.medium
+        right: spacing.large,
+        bottom: spacing.large,
+        left: spacing.large
       },
       radius: 16,
       tag: {
         position: {
-          top: spacing.medium,
-          left: spacing.medium
+          top: spacing.large,
+          left: spacing.large
         }
       },
       subtitle: {

package/cjs/Card/Card.web.theme.js

@@ -26,7 +26,7 @@ var CardWeb = function CardWeb(_ref) {
         item: {
           icon: {
             margin: {
-              right: spacing.xsmall
+              right: spacing.xxsmall
             }
           }
         }
@@ -38,7 +38,7 @@ var CardWeb = function CardWeb(_ref) {
           }
         },
         margin: {
-          top: spacing.xxsmall
+          top: spacing.large
         }
       }
     }

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

@@ -1 +1 @@
-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-top: ","px;\n      margin-bottom: ","px;\n      line-height: ","px;\n    "])),card.plan.title.color,cardnative.plan.title.margin.top,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;
+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;

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

@@ -1 +1 @@
-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 _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _Card=_interopRequireDefault(require("../Card"));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"])(_Card["default"])(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  max-width: 312px;\n  width: 100%;\n  position: relative;\n\n  ","\n"])),function(props){var _theme=(0,_themeReader["default"])(props),colors=_theme.colors,plan=_theme.components.card.plan;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      padding: ","px ","px\n        ","px ","px;\n\n      border-radius: ","px;\n\n      background-color: ",";\n    "])),plan.padding.top,plan.padding.right,plan.padding.bottom,plan.padding.left,plan.radius,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(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;
+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;

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

@@ -1 +1 @@
-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 _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));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)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n  align-items: center;\n  justify-content: center;\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      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;
+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;

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

@@ -21,7 +21,7 @@ var _Divider = _interopRequireDefault(require("../../../Divider"));
 
 var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+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); }
 
@@ -33,24 +33,25 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-var Title = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
+var Wrapper = (0, _styledComponents["default"])(_Content["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
+var Title = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
   var _theme = (0, _themeReader["default"])(props),
       _theme$components = _theme.components,
       card = _theme$components.card,
       cardweb = _theme$components.cardweb;
 
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n      line-height: ", "px;\n    "])), card.plan.title.color, cardweb.plan.title.margin.bottom, cardweb.plan.title.lineHeight);
+  return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n      line-height: ", "px;\n    "])), card.plan.title.color, cardweb.plan.title.margin.bottom, cardweb.plan.title.lineHeight);
 });
-var Description = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  height: 40px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  color: ", ";\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-overflow: -o-ellipsis-lastline;\n"])), _themeReader["default"].components.card.plan.description.color);
+var Description = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  height: 40px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  color: ", ";\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-overflow: -o-ellipsis-lastline;\n"])), _themeReader["default"].components.card.plan.description.color);
 
-var Price = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", "\n"])), function (props) {
+var Price = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", "\n"])), function (props) {
   var _theme2 = (0, _themeReader["default"])(props),
       cardweb = _theme2.components.cardweb;
 
-  return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", "px;\n    "])), cardweb.plan.price.margin.bottom);
+  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", "px;\n    "])), cardweb.plan.price.margin.bottom);
 });
 
-var EnhancePrice = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  align-self: center;\n"])));
+var EnhancePrice = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  align-self: center;\n"])));
 
 var PlanCardContent = function PlanCardContent(_ref) {
   var title = _ref.title,
@@ -63,7 +64,7 @@ var PlanCardContent = function PlanCardContent(_ref) {
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_Content["default"], rest, subtitle && /*#__PURE__*/_react["default"].createElement(_Subtitle["default"], null, subtitle), title && /*#__PURE__*/_react["default"].createElement(Title, null, title), description && /*#__PURE__*/_react["default"].createElement(Description, null, description), /*#__PURE__*/_react["default"].createElement(Price, null, currency && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, rest, subtitle && /*#__PURE__*/_react["default"].createElement(_Subtitle["default"], null, subtitle), title && /*#__PURE__*/_react["default"].createElement(Title, null, title), description && /*#__PURE__*/_react["default"].createElement(Description, null, description), /*#__PURE__*/_react["default"].createElement(Price, null, currency && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
     as: "sup"
   }, currency), price && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
     as: "strong"

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

@@ -32,11 +32,11 @@ var List = _styledComponents["default"].ul(_templateObject2 || (_templateObject2
 
 exports.List = List;
 
-var IconWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-right: ", "px;\n"])), cardweb.plan.list.item.icon.margin.right);
+var IconWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  margin-right: ", "px;\n"])), cardweb.plan.list.item.icon.margin.right);
 
 var Item = _styledComponents["default"].li(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"])), card.plan.list.item.margin.bottom);
 
-var Wrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  min-width: 0;\n\n  svg {\n    flex-shrink: 0;\n  }\n"])));
+var Wrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  min-width: 0;\n  align-items: center;\n\n  svg {\n    flex-shrink: 0;\n  }\n"])));
 
 var ItemText = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n\n  color: ", ";\n\n  ", "\n"])), card.plan.list.item.font.color, truncateStyle);
 

package/cjs/Card/web/PlanCard/PlanCard.js

@@ -9,8 +9,6 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _propTypes = require("prop-types");
 
-var _themeReader = _interopRequireDefault(require("../../../Theme/helpers/themeReader"));
-
 var _excluded = ["children", "variant"];
 
 var _templateObject, _templateObject2, _templateObject3;
@@ -28,14 +26,10 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 var PLAN_LINE_HEIGHT = 8;
 exports.PLAN_LINE_HEIGHT = PLAN_LINE_HEIGHT;
 
-var Plan = _styledComponents["default"].article(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: inline-block;\n  position: relative;\n  max-width: 312px;\n\n  overflow: hidden;\n\n  ", "\n"])), function (props) {
-  var _theme = (0, _themeReader["default"])(props),
-      colors = _theme.colors,
-      _theme$components$car = _theme.components.card,
-      plan = _theme$components$car.plan,
-      elevation = _theme$components$car.elevation;
-
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", "px ", "px\n        ", "px ", "px;\n\n      border-radius: ", "px;\n\n      background-color: ", ";\n\n      box-shadow: ", ";\n    "])), plan.padding.top + PLAN_LINE_HEIGHT, plan.padding.right, plan.padding.bottom, plan.padding.left, plan.radius, colors.white, elevation);
+var Plan = _styledComponents["default"].article(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  max-width: 312px;\n\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 = _taggedTemplateLiteralLoose(["\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"].span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  display: inline-block;\n  width: 100%;\n\n  height: ", "px;\n  background-color: ", ";\n"])), PLAN_LINE_HEIGHT, function (_ref) {

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

@@ -9,8 +9,6 @@ var _PlanCard = require("./PlanCard");
 
 var _Tag = _interopRequireDefault(require("../../../Tag"));
 
-var _themeReader = _interopRequireDefault(require("../../../Theme/helpers/themeReader"));
-
 var _templateObject, _templateObject2;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -21,10 +19,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-var StyledTag = (0, _styledComponents["default"])(_Tag["default"].Informative)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ", "\n"])), function (props) {
-  var _theme = (0, _themeReader["default"])(props),
-      plan = _theme.components.card.plan;
-
+var StyledTag = (0, _styledComponents["default"])(_Tag["default"].Informative).attrs(function () {
+  return {
+    small: true
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  display: inline-flex;\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 = _taggedTemplateLiteralLoose(["\n      top: ", "px;\n      left: ", "px;\n    "])), plan.tag.position.top + _PlanCard.PLAN_LINE_HEIGHT, plan.tag.position.left);
 });
 StyledTag.displayName = 'PlanCard.Tag';

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

@@ -6,7 +6,6 @@ var CardNative = function CardNative(_ref) {
     plan: {
       title: {
         margin: {
-          top: spacing.xxsmall,
           bottom: spacing.xxsmall
         },
         lineHeight: lineHeights.medium
@@ -34,7 +33,7 @@ var CardNative = function CardNative(_ref) {
       actions: {
         buttonText: {
           margin: {
-            top: spacing.medium
+            top: spacing.xsmall
           }
         },
         margin: {

package/esm/Card/Card.theme.js

@@ -22,15 +22,15 @@ var Card = function Card(_ref) {
     plan: {
       padding: {
         top: spacing.xxxlarge,
-        right: spacing.medium,
-        bottom: spacing.xlarge,
-        left: spacing.medium
+        right: spacing.large,
+        bottom: spacing.large,
+        left: spacing.large
       },
       radius: 16,
       tag: {
         position: {
-          top: spacing.medium,
-          left: spacing.medium
+          top: spacing.large,
+          left: spacing.large
         }
       },
       subtitle: {

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

@@ -21,7 +21,7 @@ var CardWeb = function CardWeb(_ref) {
         item: {
           icon: {
             margin: {
-              right: spacing.xsmall
+              right: spacing.xxsmall
             }
           }
         }
@@ -33,7 +33,7 @@ var CardWeb = function CardWeb(_ref) {
           }
         },
         margin: {
-          top: spacing.xxsmall
+          top: spacing.large
         }
       }
     }

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

@@ -20,7 +20,7 @@ var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTem
       cardnative = _theme$components.cardnative,
       card = _theme$components.card;
 
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      line-height: ", "px;\n    "])), card.plan.title.color, cardnative.plan.title.margin.top, cardnative.plan.title.margin.bottom, cardnative.plan.title.lineHeight);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  height: 40px;\n\n  color: ", ";\n"])), theme.components.card.plan.description.color);
 var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  flex-direction: row;\n\n  ", "\n"])), function (props) {

package/esm/Card/native/PlanCard/PlanCard.js

@@ -9,15 +9,12 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { node, oneOf } from 'prop-types';
-import theme from '../../../Theme/helpers/themeReader';
-import Card from '../Card';
+import Box from '../../../Box';
 export var PLAN_LINE_HEIGHT = 8;
-var Plan = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  max-width: 312px;\n  width: 100%;\n  position: relative;\n\n  ", "\n"])), function (props) {
-  var _theme = theme(props),
-      colors = _theme.colors,
-      plan = _theme.components.card.plan;
-
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", "px ", "px\n        ", "px ", "px;\n\n      border-radius: ", "px;\n\n      background-color: ", ";\n    "])), plan.padding.top, plan.padding.right, plan.padding.bottom, plan.padding.left, plan.radius, colors.white);
+var Plan = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 = styled.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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,
@@ -33,9 +30,9 @@ var PlanCard = function PlanCard(_ref2) {
       variant = _ref2.variant,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
-  return /*#__PURE__*/React.createElement(Plan, rest, /*#__PURE__*/React.createElement(Border, {
+  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Plan, rest, /*#__PURE__*/React.createElement(Border, {
     variant: variant
-  }), children);
+  }), children));
 };
 
 PlanCard.propTypes = {

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

@@ -11,11 +11,12 @@ import styled, { css } from 'styled-components';
 import { node } from 'prop-types';
 import { PLAN_LINE_HEIGHT } from './PlanCard';
 import Tag from '../../../Tag';
-import theme from '../../../Theme/helpers/themeReader';
-var StyledTag = styled(Tag.Informative)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n\n  ", "\n"])), function (props) {
-  var _theme = theme(props),
-      plan = _theme.components.card.plan;
-
+var StyledTag = styled(Tag.Informative).attrs(function () {
+  return {
+    small: true
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      top: ", "px;\n      left: ", "px;\n    "])), plan.tag.position.top + PLAN_LINE_HEIGHT, plan.tag.position.left);
 });
 

package/esm/Card/web/PlanCard/Content.js

@@ -1,6 +1,6 @@
 var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -14,22 +14,23 @@ import Text from '../../../Text';
 import Content from '../Card/Content';
 import Subtitle from './Subtitle';
 import Divider from '../../../Divider';
-var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
+var Wrapper = styled(Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n"])));
+var Title = styled(Text.Medium)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
   var _theme = theme(props),
       _theme$components = _theme.components,
       card = _theme$components.card,
       cardweb = _theme$components.cardweb;
 
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n      line-height: ", "px;\n    "])), card.plan.title.color, cardweb.plan.title.margin.bottom, cardweb.plan.title.lineHeight);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n      line-height: ", "px;\n    "])), card.plan.title.color, cardweb.plan.title.margin.bottom, cardweb.plan.title.lineHeight);
 });
-var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  height: 40px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  color: ", ";\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-overflow: -o-ellipsis-lastline;\n"])), theme.components.card.plan.description.color);
-var Price = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", "\n"])), function (props) {
+var Description = styled(Text.Small)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  height: 40px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  color: ", ";\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-overflow: -o-ellipsis-lastline;\n"])), theme.components.card.plan.description.color);
+var Price = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", "\n"])), function (props) {
   var _theme2 = theme(props),
       cardweb = _theme2.components.cardweb;
 
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", "px;\n    "])), cardweb.plan.price.margin.bottom);
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", "px;\n    "])), cardweb.plan.price.margin.bottom);
 });
-var EnhancePrice = styled(Text.Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  align-self: center;\n"])));
+var EnhancePrice = styled(Text.Medium)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  align-self: center;\n"])));
 
 var PlanCardContent = function PlanCardContent(_ref) {
   var title = _ref.title,
@@ -42,7 +43,7 @@ var PlanCardContent = function PlanCardContent(_ref) {
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, {
+  return /*#__PURE__*/React.createElement(Wrapper, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, {
     as: "sup"
   }, currency), price && /*#__PURE__*/React.createElement(Text.H4, {
     as: "strong"

package/esm/Card/web/PlanCard/List.js

@@ -12,9 +12,9 @@ var _theme$components = theme.components,
     cardweb = _theme$components.cardweb;
 var truncateStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 var List = styled.ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin: ", "px 0 0;\n  padding: 0;\n\n  list-style: none;\n"])), cardweb.plan.list.margin.top);
-var IconWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-right: ", "px;\n"])), cardweb.plan.list.item.icon.margin.right);
+var IconWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  margin-right: ", "px;\n"])), cardweb.plan.list.item.icon.margin.right);
 var Item = styled.li(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"])), card.plan.list.item.margin.bottom);
-var Wrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  min-width: 0;\n\n  svg {\n    flex-shrink: 0;\n  }\n"])));
+var Wrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  min-width: 0;\n  align-items: center;\n\n  svg {\n    flex-shrink: 0;\n  }\n"])));
 var ItemText = styled(Text.Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n\n  color: ", ";\n\n  ", "\n"])), card.plan.list.item.font.color, truncateStyle);
 var Button = styled.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  display: block;\n  padding: 0;\n  margin-top: ", "px;\n\n  width: 100%;\n\n  letter-spacing: normal;\n\n  background-color: transparent;\n  border: none;\n\n  font-family: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  color: ", ";\n\n  cursor: pointer;\n  text-decoration: none;\n  text-align: left;\n  outline: none;\n\n  ", "\n"])), card.plan.list.button.margin.top, theme.baseFont.family, card.plan.list.button.font.size, card.plan.list.button.font.weight, card.plan.list.button.font.color, truncateStyle);
 var ListItem = withTheme(function (_ref) {

package/esm/Card/web/PlanCard/PlanCard.js

@@ -9,16 +9,11 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { node, oneOf } from 'prop-types';
-import theme from '../../../Theme/helpers/themeReader';
 export var PLAN_LINE_HEIGHT = 8;
-var Plan = styled.article(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: inline-block;\n  position: relative;\n  max-width: 312px;\n\n  overflow: hidden;\n\n  ", "\n"])), function (props) {
-  var _theme = theme(props),
-      colors = _theme.colors,
-      _theme$components$car = _theme.components.card,
-      plan = _theme$components$car.plan,
-      elevation = _theme$components$car.elevation;
-
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", "px ", "px\n        ", "px ", "px;\n\n      border-radius: ", "px;\n\n      background-color: ", ";\n\n      box-shadow: ", ";\n    "])), plan.padding.top + PLAN_LINE_HEIGHT, plan.padding.right, plan.padding.bottom, plan.padding.left, plan.radius, colors.white, elevation);
+var Plan = styled.article(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  max-width: 312px;\n\n  overflow: hidden;\n\n  ", "\n"])), function (props) {
+  var theme = props.theme.yoga;
+  var plan = theme.components.card.plan;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  display: inline-block;\n  width: 100%;\n\n  height: ", "px;\n  background-color: ", ";\n"])), PLAN_LINE_HEIGHT, function (_ref) {
   var variant = _ref.variant,

package/esm/Card/web/PlanCard/Tag.js

@@ -5,11 +5,12 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 import styled, { css } from 'styled-components';
 import { PLAN_LINE_HEIGHT } from './PlanCard';
 import Tag from '../../../Tag';
-import theme from '../../../Theme/helpers/themeReader';
-var StyledTag = styled(Tag.Informative)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ", "\n"])), function (props) {
-  var _theme = theme(props),
-      plan = _theme.components.card.plan;
-
+var StyledTag = styled(Tag.Informative).attrs(function () {
+  return {
+    small: true
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ", "\n"])), function (props) {
+  var plan = props.theme.yoga.components.card.plan;
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      top: ", "px;\n      left: ", "px;\n    "])), plan.tag.position.top + PLAN_LINE_HEIGHT, plan.tag.position.left);
 });
 StyledTag.displayName = 'PlanCard.Tag';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.42.2",
+  "version": "7.43.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -51,7 +51,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "e1a2c062cda24d711eb3e9b227df53973e97a96f",
+  "gitHead": "a914ea403b981de87e3e6ff7ae8553d534d69dd7",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"