@gympass/yoga 7.37.2 → 7.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,26 +5,28 @@ exports["default"] = void 0;
5
5
 
6
6
  var CardNative = function CardNative(_ref) {
7
7
  var colors = _ref.colors,
8
- spacing = _ref.spacing;
8
+ spacing = _ref.spacing,
9
+ lineHeights = _ref.lineHeights;
9
10
  return {
10
11
  plan: {
11
12
  title: {
12
13
  margin: {
13
- top: spacing.xsmall,
14
- bottom: spacing.xsmall
15
- }
14
+ top: spacing.xxsmall,
15
+ bottom: spacing.xxsmall
16
+ },
17
+ lineHeight: lineHeights.medium
16
18
  },
17
19
  description: {
18
20
  color: colors.text.secondary
19
21
  },
20
22
  price: {
21
23
  margin: {
22
- bottom: spacing.xsmall
24
+ bottom: spacing.large
23
25
  }
24
26
  },
25
27
  list: {
26
28
  margin: {
27
- top: spacing.zero
29
+ top: spacing.large
28
30
  },
29
31
  item: {
30
32
  icon: {
@@ -41,7 +43,7 @@ var CardNative = function CardNative(_ref) {
41
43
  }
42
44
  },
43
45
  margin: {
44
- top: spacing.small
46
+ top: spacing.xxsmall
45
47
  }
46
48
  }
47
49
  }
@@ -61,7 +61,7 @@ var Card = function Card(_ref) {
61
61
  }
62
62
  },
63
63
  margin: {
64
- top: spacing.small
64
+ top: spacing.xxsmall
65
65
  }
66
66
  },
67
67
  list: {
@@ -4,22 +4,24 @@ exports.__esModule = true;
4
4
  exports["default"] = void 0;
5
5
 
6
6
  var CardWeb = function CardWeb(_ref) {
7
- var spacing = _ref.spacing;
7
+ var spacing = _ref.spacing,
8
+ lineHeights = _ref.lineHeights;
8
9
  return {
9
10
  plan: {
10
11
  title: {
11
12
  margin: {
12
- bottom: spacing.xxxsmall
13
- }
13
+ bottom: spacing.xxsmall
14
+ },
15
+ lineHeight: lineHeights.medium
14
16
  },
15
17
  price: {
16
18
  margin: {
17
- bottom: spacing.xlarge
19
+ bottom: spacing.large
18
20
  }
19
21
  },
20
22
  list: {
21
23
  margin: {
22
- top: spacing.small
24
+ top: spacing.large
23
25
  },
24
26
  item: {
25
27
  icon: {
@@ -36,7 +38,7 @@ var CardWeb = function CardWeb(_ref) {
36
38
  }
37
39
  },
38
40
  margin: {
39
- top: spacing.xlarge
41
+ top: spacing.xxsmall
40
42
  }
41
43
  }
42
44
  }
@@ -1 +1 @@
1
- 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({small:true,full:true})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));exports.Button=PlanCardButton;var PlanCardButtonText=(0,_styledComponents["default"])(_Button["default"].Text).attrs({small:true,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';
1
+ 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({small:false,full:true})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));exports.Button=PlanCardButton;var PlanCardButtonText=(0,_styledComponents["default"])(_Button["default"].Text).attrs({small:true,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';
@@ -1 +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 _excluded=["title","subtitle","description","currency","suffix","price","period","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 Title=(0,_styledComponents["default"])(_Text["default"].H4)(_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 "])),card.plan.title.color,cardnative.plan.title.margin.top,cardnative.plan.title.margin.bottom);});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 ","\n"])),function(_ref){var align=_ref.align;return"\n align-self: "+align+";\n ";});var Currency=(0,_styledComponents["default"])(EnhancePrice)(_templateObject7||(_templateObject7=(0,_taggedTemplateLiteralLoose2["default"])(["\n margin-right: ","px;\n"])),_themeReader["default"].components.card.plan.price.currency.margin.right);var PlanCardContent=function PlanCardContent(_ref2){var title=_ref2.title,subtitle=_ref2.subtitle,description=_ref2.description,currency=_ref2.currency,suffix=_ref2.suffix,price=_ref2.price,period=_ref2.period,children=_ref2.children,rest=(0,_objectWithoutProperties2["default"])(_ref2,_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(Currency,{align:"flex-start"},_react["default"].createElement(_Text["default"].Small,null,currency)),price&&_react["default"].createElement(_Text["default"].H4,null,price),period&&_react["default"].createElement(EnhancePrice,{align:"flex-end"},_react["default"].createElement(_Text["default"].Small,null,""+(suffix||'')+period))),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;
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;
@@ -21,7 +21,7 @@ var _theme$components = _themeReader["default"].components,
21
21
  card = _theme$components.card,
22
22
  cardweb = _theme$components.cardweb;
23
23
  var PlanCardButton = (0, _styledComponents["default"])(_Button["default"]).attrs({
24
- small: true,
24
+ small: false,
25
25
  full: true
26
26
  })(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
27
27
  exports.Button = PlanCardButton;
@@ -17,9 +17,11 @@ var _Content = _interopRequireDefault(require("../Card/Content"));
17
17
 
18
18
  var _Subtitle = _interopRequireDefault(require("./Subtitle"));
19
19
 
20
+ var _Divider = _interopRequireDefault(require("../../../Divider"));
21
+
20
22
  var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
21
23
 
22
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
24
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
23
25
 
24
26
  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); }
25
27
 
@@ -31,51 +33,45 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
31
33
 
32
34
  function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
33
35
 
34
- var Title = (0, _styledComponents["default"])(_Text["default"].H5)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
36
+ var Title = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
35
37
  var _theme = (0, _themeReader["default"])(props),
36
38
  _theme$components = _theme.components,
37
39
  card = _theme$components.card,
38
40
  cardweb = _theme$components.cardweb;
39
41
 
40
- return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom);
42
+ 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);
41
43
  });
42
44
  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);
43
45
 
44
46
  var Price = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n ", "\n"])), function (props) {
45
47
  var _theme2 = (0, _themeReader["default"])(props),
46
- _theme2$components = _theme2.components,
47
- card = _theme2$components.card,
48
- cardweb = _theme2$components.cardweb;
48
+ cardweb = _theme2.components.cardweb;
49
49
 
50
- return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n "])), card.plan.price.margin.top, cardweb.plan.price.margin.bottom);
50
+ return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), cardweb.plan.price.margin.bottom);
51
51
  });
52
52
 
53
- var EnhancePrice = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
54
- var align = _ref.align;
55
- return "\n align-self: " + align + ";\n ";
56
- });
57
- var Currency = (0, _styledComponents["default"])(EnhancePrice)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), _themeReader["default"].components.card.plan.price.currency.margin.right);
58
-
59
- var PlanCardContent = function PlanCardContent(_ref2) {
60
- var title = _ref2.title,
61
- subtitle = _ref2.subtitle,
62
- description = _ref2.description,
63
- currency = _ref2.currency,
64
- suffix = _ref2.suffix,
65
- price = _ref2.price,
66
- period = _ref2.period,
67
- children = _ref2.children,
68
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
69
-
70
- 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(Currency, {
71
- as: "sup",
72
- align: "flex-start"
73
- }, currency), price && /*#__PURE__*/_react["default"].createElement(_Text["default"].H1, {
53
+ var EnhancePrice = (0, _styledComponents["default"])(_Text["default"].Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
54
+
55
+ var PlanCardContent = function PlanCardContent(_ref) {
56
+ var title = _ref.title,
57
+ subtitle = _ref.subtitle,
58
+ description = _ref.description,
59
+ currency = _ref.currency,
60
+ suffix = _ref.suffix,
61
+ price = _ref.price,
62
+ period = _ref.period,
63
+ children = _ref.children,
64
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
65
+
66
+ 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, {
67
+ as: "sup"
68
+ }, currency), price && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
74
69
  as: "strong"
75
- }, price), period && /*#__PURE__*/_react["default"].createElement(EnhancePrice, {
76
- as: "sub",
77
- align: "flex-end"
78
- }, (suffix || '') + " " + period)), children);
70
+ }, price), suffix && /*#__PURE__*/_react["default"].createElement(_Text["default"].H4, {
71
+ as: "sup"
72
+ }, suffix), period && /*#__PURE__*/_react["default"].createElement(EnhancePrice, {
73
+ as: "sub"
74
+ }, period)), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), children);
79
75
  };
80
76
 
81
77
  PlanCardContent.propTypes = {
@@ -31,7 +31,7 @@ var RightButton = function RightButton(_ref) {
31
31
 
32
32
  RightButton.propTypes = {
33
33
  onClick: _propTypes["default"].func.isRequired,
34
- icon: _propTypes["default"].node.isRequired
34
+ icon: _propTypes["default"].elementType.isRequired
35
35
  };
36
36
  var _default = RightButton;
37
37
  exports["default"] = _default;
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("@testing-library/react-native");var RN=_interopRequireWildcard(require("react-native"));var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _Actions=require("../../Card/web/PlanCard/Actions");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;}RN.Animated.spring=jest.fn().mockReturnValue({start:jest.fn()});var Component=function Component(overrideProps){var snackbarRef=(0,_react.useRef)();return _react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Actions.Button,{onPress:function onPress(){snackbarRef.current.open();}},"Tap to open snackbar"),_react["default"].createElement(_.Snackbar,(0,_extends2["default"])({ref:snackbarRef,message:"Feedback Message"},overrideProps)));};describe('<Snackbar />',function(){it('should match snapshot when snackbar is default',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(Component,null)),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when have an icon and action',function(){var overrideProps={icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render2=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a long text',function(){var overrideProps={message:'Lorem Ipsum is simply dummy text of the printing and types.',icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render3=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a variant informative or attention prop',function(){var overrideProps={variant:'informative'};var _render4=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render4.container;expect(container).toMatchSnapshot();});it('should show and hide snackbar when the open and close Animation function is called',function(){var overrideProps={onSnackbarClose:jest.fn(),actionLabel:'Action',onAction:jest.fn()};var _render5=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),getByText=_render5.getByText,getByTestId=_render5.getByTestId;_reactNative.fireEvent.layout(getByTestId('wrapper'),{nativeEvent:{layout:{height:200}}});_reactNative.fireEvent.press(getByText('Tap to open snackbar'));expect(RN.Animated.spring.mock.calls[0][1]).toEqual({toValue:0,bounciness:0,useNativeDriver:true});_reactNative.fireEvent.press(getByText('Action'));expect(RN.Animated.spring.mock.calls[1][1]).toEqual({toValue:200,bounciness:0,useNativeDriver:true});});});
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("@testing-library/react-native");var RN=_interopRequireWildcard(require("react-native"));var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _Button=_interopRequireDefault(require("../../Button"));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;}RN.Animated.spring=jest.fn().mockReturnValue({start:jest.fn()});var Component=function Component(overrideProps){var snackbarRef=(0,_react.useRef)();return _react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Button["default"],{full:true,small:true,onPress:function onPress(){snackbarRef.current.open();}},"Tap to open snackbar"),_react["default"].createElement(_.Snackbar,(0,_extends2["default"])({ref:snackbarRef,message:"Feedback Message"},overrideProps)));};describe('<Snackbar />',function(){it('should match snapshot when snackbar is default',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(Component,null)),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when have an icon and action',function(){var overrideProps={icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render2=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a long text',function(){var overrideProps={message:'Lorem Ipsum is simply dummy text of the printing and types.',icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render3=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a variant informative or attention prop',function(){var overrideProps={variant:'informative'};var _render4=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render4.container;expect(container).toMatchSnapshot();});it('should show and hide snackbar when the open and close Animation function is called',function(){var overrideProps={onSnackbarClose:jest.fn(),actionLabel:'Action',onAction:jest.fn()};var _render5=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),getByText=_render5.getByText,getByTestId=_render5.getByTestId;_reactNative.fireEvent.layout(getByTestId('wrapper'),{nativeEvent:{layout:{height:200}}});_reactNative.fireEvent.press(getByText('Tap to open snackbar'));expect(RN.Animated.spring.mock.calls[0][1]).toEqual({toValue:0,bounciness:0,useNativeDriver:true});_reactNative.fireEvent.press(getByText('Action'));expect(RN.Animated.spring.mock.calls[1][1]).toEqual({toValue:200,bounciness:0,useNativeDriver:true});});});
@@ -1,25 +1,27 @@
1
1
  var CardNative = function CardNative(_ref) {
2
2
  var colors = _ref.colors,
3
- spacing = _ref.spacing;
3
+ spacing = _ref.spacing,
4
+ lineHeights = _ref.lineHeights;
4
5
  return {
5
6
  plan: {
6
7
  title: {
7
8
  margin: {
8
- top: spacing.xsmall,
9
- bottom: spacing.xsmall
10
- }
9
+ top: spacing.xxsmall,
10
+ bottom: spacing.xxsmall
11
+ },
12
+ lineHeight: lineHeights.medium
11
13
  },
12
14
  description: {
13
15
  color: colors.text.secondary
14
16
  },
15
17
  price: {
16
18
  margin: {
17
- bottom: spacing.xsmall
19
+ bottom: spacing.large
18
20
  }
19
21
  },
20
22
  list: {
21
23
  margin: {
22
- top: spacing.zero
24
+ top: spacing.large
23
25
  },
24
26
  item: {
25
27
  icon: {
@@ -36,7 +38,7 @@ var CardNative = function CardNative(_ref) {
36
38
  }
37
39
  },
38
40
  margin: {
39
- top: spacing.small
41
+ top: spacing.xxsmall
40
42
  }
41
43
  }
42
44
  }
@@ -56,7 +56,7 @@ var Card = function Card(_ref) {
56
56
  }
57
57
  },
58
58
  margin: {
59
- top: spacing.small
59
+ top: spacing.xxsmall
60
60
  }
61
61
  },
62
62
  list: {
@@ -1,20 +1,22 @@
1
1
  var CardWeb = function CardWeb(_ref) {
2
- var spacing = _ref.spacing;
2
+ var spacing = _ref.spacing,
3
+ lineHeights = _ref.lineHeights;
3
4
  return {
4
5
  plan: {
5
6
  title: {
6
7
  margin: {
7
- bottom: spacing.xxxsmall
8
- }
8
+ bottom: spacing.xxsmall
9
+ },
10
+ lineHeight: lineHeights.medium
9
11
  },
10
12
  price: {
11
13
  margin: {
12
- bottom: spacing.xlarge
14
+ bottom: spacing.large
13
15
  }
14
16
  },
15
17
  list: {
16
18
  margin: {
17
- top: spacing.small
19
+ top: spacing.large
18
20
  },
19
21
  item: {
20
22
  icon: {
@@ -31,7 +33,7 @@ var CardWeb = function CardWeb(_ref) {
31
33
  }
32
34
  },
33
35
  margin: {
34
- top: spacing.xlarge
36
+ top: spacing.xxsmall
35
37
  }
36
38
  }
37
39
  }
@@ -10,7 +10,7 @@ var _theme$components = theme.components,
10
10
  cardnative = _theme$components.cardnative,
11
11
  card = _theme$components.card;
12
12
  var PlanCardButton = styled(Button).attrs({
13
- small: true,
13
+ small: false,
14
14
  full: true
15
15
  })(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
16
16
  var PlanCardButtonText = styled(Button.Text).attrs({
@@ -1,6 +1,6 @@
1
1
  var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
2
2
 
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
4
4
 
5
5
  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; }
6
6
 
@@ -13,13 +13,14 @@ import Content from '../Card/Content';
13
13
  import Text from '../../../Text';
14
14
  import theme from '../../../Theme/helpers/themeReader';
15
15
  import Subtitle from './Subtitle';
16
- var Title = styled(Text.H4)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
16
+ import Divider from '../../../Divider';
17
+ var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
17
18
  var _theme = theme(props),
18
19
  _theme$components = _theme.components,
19
20
  cardnative = _theme$components.cardnative,
20
21
  card = _theme$components.card;
21
22
 
22
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardnative.plan.title.margin.top, cardnative.plan.title.margin.bottom);
23
+ 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);
23
24
  });
24
25
  var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: 40px;\n\n color: ", ";\n"])), theme.components.card.plan.description.color);
25
26
  var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n flex-direction: row;\n\n ", "\n"])), function (props) {
@@ -28,30 +29,22 @@ var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateL
28
29
 
29
30
  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), plan.price.margin.bottom);
30
31
  });
31
- var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
32
- var align = _ref.align;
33
- return "\n align-self: " + align + ";\n ";
34
- });
35
- var Currency = styled(EnhancePrice)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), theme.components.card.plan.price.currency.margin.right);
32
+ var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
36
33
 
37
- var PlanCardContent = function PlanCardContent(_ref2) {
38
- var title = _ref2.title,
39
- subtitle = _ref2.subtitle,
40
- description = _ref2.description,
41
- currency = _ref2.currency,
42
- suffix = _ref2.suffix,
43
- price = _ref2.price,
44
- period = _ref2.period,
45
- children = _ref2.children,
46
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
34
+ var PlanCardContent = function PlanCardContent(_ref) {
35
+ var title = _ref.title,
36
+ subtitle = _ref.subtitle,
37
+ description = _ref.description,
38
+ currency = _ref.currency,
39
+ suffix = _ref.suffix,
40
+ price = _ref.price,
41
+ period = _ref.period,
42
+ children = _ref.children,
43
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
47
44
 
48
45
  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, {
49
46
  numberOfLines: 2
50
- }, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Currency, {
51
- align: "flex-start"
52
- }, /*#__PURE__*/React.createElement(Text.Small, null, currency)), price && /*#__PURE__*/React.createElement(Text.H4, null, price), period && /*#__PURE__*/React.createElement(EnhancePrice, {
53
- align: "flex-end"
54
- }, /*#__PURE__*/React.createElement(Text.Small, null, "" + (suffix || '') + period))), children);
47
+ }, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, null, currency), price && /*#__PURE__*/React.createElement(Text.H4, null, price), suffix && /*#__PURE__*/React.createElement(Text.H4, null, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, null, /*#__PURE__*/React.createElement(Text.Medium, null, "" + period))), /*#__PURE__*/React.createElement(Divider, null), children);
55
48
  };
56
49
 
57
50
  PlanCardContent.propTypes = {
@@ -10,7 +10,7 @@ var _theme$components = theme.components,
10
10
  card = _theme$components.card,
11
11
  cardweb = _theme$components.cardweb;
12
12
  var PlanCardButton = styled(Button).attrs({
13
- small: true,
13
+ small: false,
14
14
  full: true
15
15
  })(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
16
16
  var PlanCardButtonText = styled(Button.Text).attrs({
@@ -1,6 +1,6 @@
1
1
  var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
2
2
 
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
4
4
 
5
5
  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; }
6
6
 
@@ -13,49 +13,44 @@ import theme from '../../../Theme/helpers/themeReader';
13
13
  import Text from '../../../Text';
14
14
  import Content from '../Card/Content';
15
15
  import Subtitle from './Subtitle';
16
- var Title = styled(Text.H5)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
16
+ import Divider from '../../../Divider';
17
+ var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
17
18
  var _theme = theme(props),
18
19
  _theme$components = _theme.components,
19
20
  card = _theme$components.card,
20
21
  cardweb = _theme$components.cardweb;
21
22
 
22
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom);
23
+ 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);
23
24
  });
24
25
  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);
25
26
  var Price = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n ", "\n"])), function (props) {
26
27
  var _theme2 = theme(props),
27
- _theme2$components = _theme2.components,
28
- card = _theme2$components.card,
29
- cardweb = _theme2$components.cardweb;
28
+ cardweb = _theme2.components.cardweb;
30
29
 
31
- return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n "])), card.plan.price.margin.top, cardweb.plan.price.margin.bottom);
30
+ return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), cardweb.plan.price.margin.bottom);
32
31
  });
33
- var EnhancePrice = styled(Text.Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
34
- var align = _ref.align;
35
- return "\n align-self: " + align + ";\n ";
36
- });
37
- var Currency = styled(EnhancePrice)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), theme.components.card.plan.price.currency.margin.right);
32
+ var EnhancePrice = styled(Text.Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
38
33
 
39
- var PlanCardContent = function PlanCardContent(_ref2) {
40
- var title = _ref2.title,
41
- subtitle = _ref2.subtitle,
42
- description = _ref2.description,
43
- currency = _ref2.currency,
44
- suffix = _ref2.suffix,
45
- price = _ref2.price,
46
- period = _ref2.period,
47
- children = _ref2.children,
48
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
34
+ var PlanCardContent = function PlanCardContent(_ref) {
35
+ var title = _ref.title,
36
+ subtitle = _ref.subtitle,
37
+ description = _ref.description,
38
+ currency = _ref.currency,
39
+ suffix = _ref.suffix,
40
+ price = _ref.price,
41
+ period = _ref.period,
42
+ children = _ref.children,
43
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
49
44
 
50
- 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(Currency, {
51
- as: "sup",
52
- align: "flex-start"
53
- }, currency), price && /*#__PURE__*/React.createElement(Text.H1, {
45
+ 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, {
46
+ as: "sup"
47
+ }, currency), price && /*#__PURE__*/React.createElement(Text.H4, {
54
48
  as: "strong"
55
- }, price), period && /*#__PURE__*/React.createElement(EnhancePrice, {
56
- as: "sub",
57
- align: "flex-end"
58
- }, (suffix || '') + " " + period)), children);
49
+ }, price), suffix && /*#__PURE__*/React.createElement(Text.H4, {
50
+ as: "sup"
51
+ }, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, {
52
+ as: "sub"
53
+ }, period)), /*#__PURE__*/React.createElement(Divider, null), children);
59
54
  };
60
55
 
61
56
  PlanCardContent.propTypes = {
@@ -22,6 +22,6 @@ var RightButton = function RightButton(_ref) {
22
22
 
23
23
  RightButton.propTypes = {
24
24
  onClick: PropTypes.func.isRequired,
25
- icon: PropTypes.node.isRequired
25
+ icon: PropTypes.elementType.isRequired
26
26
  };
27
27
  export default RightButton;
@@ -5,7 +5,7 @@ import { render, fireEvent } from '@testing-library/react-native';
5
5
  import * as RN from 'react-native';
6
6
  import { CheckedFull } from '@gympass/yoga-icons';
7
7
  import { ThemeProvider, Snackbar } from '../..';
8
- import { Button } from '../../Card/web/PlanCard/Actions';
8
+ import Button from '../../Button';
9
9
  RN.Animated.spring = jest.fn().mockReturnValue({
10
10
  start: jest.fn()
11
11
  });
@@ -13,6 +13,8 @@ RN.Animated.spring = jest.fn().mockReturnValue({
13
13
  var Component = function Component(overrideProps) {
14
14
  var snackbarRef = useRef();
15
15
  return /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
16
+ full: true,
17
+ small: true,
16
18
  onPress: function onPress() {
17
19
  snackbarRef.current.open();
18
20
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.37.2",
3
+ "version": "7.38.0",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "sideEffects": false,
@@ -49,7 +49,7 @@
49
49
  "react": ">=16",
50
50
  "styled-components": "^4.4.0"
51
51
  },
52
- "gitHead": "5a73ba4d5f1b4d1316db7a1e606e5519681384b4",
52
+ "gitHead": "8632b41839e5bc3869cf7eb6d54053feb57485de",
53
53
  "module": "./esm",
54
54
  "private": false,
55
55
  "react-native": "./cjs/index.native.js"