@gympass/yoga 7.24.0 → 7.25.3

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

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var CardNative = function CardNative(_ref) {
+  var colors = _ref.colors,
+      spacing = _ref.spacing;
+  return {
+    plan: {
+      title: {
+        margin: {
+          top: spacing.xsmall,
+          bottom: spacing.xsmall
+        }
+      },
+      description: {
+        color: colors.text.secondary
+      },
+      price: {
+        margin: {
+          bottom: spacing.xsmall
+        }
+      },
+      list: {
+        margin: {
+          top: spacing.zero
+        },
+        item: {
+          icon: {
+            margin: {
+              right: spacing.xxsmall
+            }
+          }
+        }
+      },
+      actions: {
+        buttonText: {
+          margin: {
+            top: spacing.medium
+          }
+        },
+        margin: {
+          top: spacing.small
+        }
+      }
+    }
+  };
+};
+
+var _default = CardNative;
+exports["default"] = _default;

package/cjs/Card/Card.theme.js

@@ -49,10 +49,7 @@ var Card = function Card(_ref) {
         }
       },
       title: {
-        color: colors.text.primary,
-        margin: {
-          bottom: spacing.xxxsmall
-        }
+        color: colors.text.primary
       },
       description: {
         color: colors.text.secondary
@@ -64,25 +61,16 @@ var Card = function Card(_ref) {
           }
         },
         margin: {
-          top: spacing.small,
-          bottom: spacing.xlarge
+          top: spacing.small
         }
       },
       list: {
-        margin: {
-          top: spacing.small
-        },
         item: {
           margin: {
             bottom: spacing.small
           },
           font: {
             color: colors.text.primary
-          },
-          icon: {
-            margin: {
-              right: spacing.xsmall
-            }
           }
         },
         button: {
@@ -99,12 +87,8 @@ var Card = function Card(_ref) {
       actions: {
         buttonText: {
           margin: {
-            top: spacing.xsmall,
             bottom: spacing.zero
           }
-        },
-        margin: {
-          top: spacing.xlarge
         }
       }
     },

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

@@ -0,0 +1,47 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var CardWeb = function CardWeb(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    plan: {
+      title: {
+        margin: {
+          bottom: spacing.xxxsmall
+        }
+      },
+      price: {
+        margin: {
+          bottom: spacing.xlarge
+        }
+      },
+      list: {
+        margin: {
+          top: spacing.small
+        },
+        item: {
+          icon: {
+            margin: {
+              right: spacing.xsmall
+            }
+          }
+        }
+      },
+      actions: {
+        buttonText: {
+          margin: {
+            top: spacing.xsmall
+          }
+        },
+        margin: {
+          top: spacing.xlarge
+        }
+      }
+    }
+  };
+};
+
+var _default = CardWeb;
+exports["default"] = _default;

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

@@ -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 actions=_themeReader["default"].components.card.plan.actions;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"])),actions.buttonText.margin.top,actions.buttonText.margin.bottom);exports.ButtonText=PlanCardButtonText;var PlanCardActions=(0,_styledComponents["default"])(_Actions["default"])(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),actions.margin.top);exports.Actions=PlanCardActions;PlanCardActions.displayName='PlanCard.Actions';PlanCardButton.displayName='PlanCard.Button';PlanCardButtonText.displayName='PlanCard.ButtonText';
+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';

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 _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"].H5)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\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      color: ",";\n      margin-bottom: ","px;\n    "])),plan.title.color,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.card.plan;return(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n      margin-top: ","px;\n      margin-bottom: ","px;\n    "])),plan.price.margin.top,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"].H3,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;
+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;

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

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ListItem=exports.List=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../../Text"));var _Icon=_interopRequireDefault(require("../../../Icon"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _excluded=["children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6;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=_themeReader["default"].components.card.plan;var List=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),plan.list.margin.top);exports.List=List;var Item=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-bottom: ","px;\n"])),plan.list.item.margin.bottom);var Wrapper=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  align-items: center;\n"])));var IconWrapper=_styledComponents["default"].View(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-right: ","px;\n"])),plan.list.item.icon.margin.right);var Button=_styledComponents["default"].View(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),plan.list.button.margin.top);var ButtonText=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n  font-size: ","px;\n  color: ",";\n"])),plan.list.button.font.size,plan.list.button.font.color);var ListItem=(0,_styledComponents.withTheme)(function(_ref){var text=_ref.text,icon=_ref.icon,_ref$buttonProps=_ref.buttonProps,children=_ref$buttonProps.children,buttonProps=(0,_objectWithoutProperties2["default"])(_ref$buttonProps,_excluded);return _react["default"].createElement(Item,null,_react["default"].createElement(Wrapper,null,icon&&_react["default"].createElement(IconWrapper,null,(0,_react.isValidElement)(icon)?icon:_react["default"].createElement(_Icon["default"],{as:icon,size:"small",fill:"text.primary"})),_react["default"].createElement(_Text["default"].Small,null,text)),Boolean(Object.keys(buttonProps).length)&&_react["default"].createElement(_reactNative.TouchableWithoutFeedback,buttonProps,_react["default"].createElement(Button,null,_react["default"].createElement(ButtonText,null,children))));});exports.ListItem=ListItem;List.displayName='PlanCard.List';ListItem.displayName='PlanCard.ListItem';Button.displayName='PlanCard.ListButton';ListItem.propTypes={text:_propTypes.string.isRequired,icon:(0,_propTypes.oneOfType)([_propTypes.node,_propTypes.func]),buttonProps:(0,_propTypes.shape)({})};ListItem.defaultProps={icon:undefined,buttonProps:{}};
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ListItem=exports.List=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _lodash=_interopRequireDefault(require("lodash.get"));var _Text=_interopRequireDefault(require("../../../Text"));var _Icon=_interopRequireDefault(require("../../../Icon"));var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _excluded=["children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var _theme$components=_themeReader["default"].components,card=_theme$components.card,cardnative=_theme$components.cardnative;var List=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),cardnative.plan.list.margin.top);exports.List=List;var Item=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-bottom: ","px;\n"])),card.plan.list.item.margin.bottom);var Wrapper=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  align-items: center;\n"])));var IconWrapper=_styledComponents["default"].View(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-right: ","px;\n"])),cardnative.plan.list.item.icon.margin.right);var Button=_styledComponents["default"].View(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n"])),card.plan.list.button.margin.top);var ButtonText=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n  font-size: ","px;\n  color: ",";\n"])),card.plan.list.button.font.size,card.plan.list.button.font.color);var ItemText=(0,_styledComponents["default"])(_Text["default"].Small)(_templateObject7||(_templateObject7=(0,_taggedTemplateLiteralLoose2["default"])(["\n  color: ",";\n"])),function(_ref){var color=_ref.color;return color||card.plan.list.item.font.color;});var ListItem=(0,_styledComponents.withTheme)(function(_ref2){var text=_ref2.text,variant=_ref2.variant,yogaTheme=_ref2.theme,icon=_ref2.icon,_ref2$buttonProps=_ref2.buttonProps,children=_ref2$buttonProps.children,buttonProps=(0,_objectWithoutProperties2["default"])(_ref2$buttonProps,_excluded);var itemColor=(0,_lodash["default"])(yogaTheme.yoga.colors,variant);if(variant&&!itemColor)console.warn("Invalid token "+variant+", you can use "+JSON.stringify(Object.keys(yogaTheme.yoga.colors)));return _react["default"].createElement(Item,null,_react["default"].createElement(Wrapper,null,icon&&_react["default"].createElement(IconWrapper,null,(0,_react.isValidElement)(icon)?icon:_react["default"].createElement(_Icon["default"],{as:icon,size:"small",fill:variant||'text.primary'})),_react["default"].createElement(ItemText,{color:itemColor},text)),Boolean(Object.keys(buttonProps).length)&&_react["default"].createElement(_reactNative.TouchableWithoutFeedback,buttonProps,_react["default"].createElement(Button,null,_react["default"].createElement(ButtonText,null,children))));});exports.ListItem=ListItem;List.displayName='PlanCard.List';ListItem.displayName='PlanCard.ListItem';Button.displayName='PlanCard.ListButton';ListItem.propTypes={text:_propTypes.string.isRequired,icon:(0,_propTypes.oneOfType)([_propTypes.node,_propTypes.func]),buttonProps:(0,_propTypes.shape)({}),variant:_propTypes.string};ListItem.defaultProps={icon:undefined,buttonProps:{},variant:undefined};

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: 288px;\n  width: 100%;\n\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_LINE_HEIGHT,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 _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: 288px;\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;

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

@@ -17,7 +17,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-var actions = _themeReader["default"].components.card.plan.actions;
+var _theme$components = _themeReader["default"].components,
+    card = _theme$components.card,
+    cardweb = _theme$components.cardweb;
 var PlanCardButton = (0, _styledComponents["default"])(_Button["default"]).attrs({
   small: true,
   full: true
@@ -26,9 +28,9 @@ exports.Button = PlanCardButton;
 var PlanCardButtonText = (0, _styledComponents["default"])(_Button["default"].Text).attrs({
   small: true,
   full: true
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"])), actions.buttonText.margin.top, actions.buttonText.margin.bottom);
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"])), cardweb.plan.actions.buttonText.margin.top, card.plan.actions.buttonText.margin.bottom);
 exports.ButtonText = PlanCardButtonText;
-var PlanCardActions = (0, _styledComponents["default"])(_Actions["default"])(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n"])), _themeReader["default"].components.card.plan.actions.margin.top);
+var PlanCardActions = (0, _styledComponents["default"])(_Actions["default"])(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n"])), _themeReader["default"].components.cardweb.plan.actions.margin.top);
 exports.Actions = PlanCardActions;
 PlanCardActions.displayName = 'PlanCard.Actions';
 PlanCardButton.displayName = 'PlanCard.Button';

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

@@ -33,17 +33,21 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 var Title = (0, _styledComponents["default"])(_Text["default"].H5)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
   var _theme = (0, _themeReader["default"])(props),
-      plan = _theme.components.card.plan;
+      _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    "])), plan.title.color, plan.title.margin.bottom);
+  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n    "])), card.plan.title.color, cardweb.plan.title.margin.bottom);
 });
 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 Price = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  ", "\n"])), function (props) {
   var _theme2 = (0, _themeReader["default"])(props),
-      plan = _theme2.components.card.plan;
+      _theme2$components = _theme2.components,
+      card = _theme2$components.card,
+      cardweb = _theme2$components.cardweb;
 
-  return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n    "])), plan.price.margin.top, plan.price.margin.bottom);
+  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);
 });
 
 var EnhancePrice = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {

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

@@ -23,22 +23,24 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-var plan = _themeReader["default"].components.card.plan;
+var _theme$components = _themeReader["default"].components,
+    card = _theme$components.card,
+    cardweb = _theme$components.cardweb;
 var truncateStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 
-var List = _styledComponents["default"].ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin: ", "px 0 0;\n  padding: 0;\n\n  list-style: none;\n"])), plan.list.margin.top);
+var List = _styledComponents["default"].ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin: ", "px 0 0;\n  padding: 0;\n\n  list-style: none;\n"])), cardweb.plan.list.margin.top);
 
 exports.List = List;
 
-var IconWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-right: ", "px;\n"])), plan.list.item.icon.margin.right);
+var IconWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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"])), plan.list.item.margin.bottom);
+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 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"])), plan.list.item.font.color, truncateStyle);
+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);
 
-var Button = _styledComponents["default"].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"])), plan.list.button.margin.top, _themeReader["default"].baseFont.family, plan.list.button.font.size, plan.list.button.font.weight, plan.list.button.font.color, truncateStyle);
+var Button = _styledComponents["default"].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, _themeReader["default"].baseFont.family, card.plan.list.button.font.size, card.plan.list.button.font.weight, card.plan.list.button.font.color, truncateStyle);
 
 var ListItem = (0, _styledComponents.withTheme)(function (_ref) {
   var text = _ref.text,

package/cjs/Dropdown/Dropdown.theme.js

@@ -133,7 +133,8 @@ var Dropdown = function Dropdown(_ref) {
     hover: {
       selector: {
         border: {
-          color: colors.text.primary
+          color: colors.text.primary,
+          error: colors.verve
         }
       },
       option: {

package/cjs/Dropdown/web/Dropdown.js

@@ -57,7 +57,7 @@ var Selector = _styledComponents["default"].div(_templateObject3 || (_templateOb
       _ref3$theme$yoga = _ref3.theme.yoga,
       colors = _ref3$theme$yoga.colors,
       dropdown = _ref3$theme$yoga.components.dropdown;
-  return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    ", "\n  "])), !disabled ? "\n          fieldset {\n            " + (isOpen || selected ? "border-color: " + dropdown.hover.selector.border.color + ";" : '') + "\n\n            " + (error && !isOpen ? "border-color: " + colors.feedback.attention[1] + ";" : '') + "\n          }\n          &:hover {\n            fieldset {\n              border-color: " + dropdown.hover.selector.border.color + ";\n            }\n          }\n        " : '');
+  return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    ", "\n  "])), !disabled ? "\n          fieldset {\n            " + (isOpen || selected ? "border-color: " + dropdown.hover.selector.border.color + ";" : '') + "\n\n            " + (error && !isOpen ? "border-color: " + colors.feedback.attention[1] + ";\n                " : '') + "\n          }\n          &:hover {\n            fieldset {\n              border-color: " + (error && !isOpen ? dropdown.hover.selector.border.error : dropdown.hover.selector.border.color) + ";\n            }\n          }\n        " : '');
 });
 
 var Field = (0, _styledComponents["default"])(_Input["default"])(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  pointer-events: none;\n\n  ", "\n"])), function (_ref4) {
@@ -70,7 +70,7 @@ var Field = (0, _styledComponents["default"])(_Input["default"])(_templateObject
 var Button = _styledComponents["default"].button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref5) {
   var disabled = _ref5.disabled,
       dropdown = _ref5.theme.yoga.components.dropdown;
-  return "\n    display: flex;\n    align-content: center;\n    align-items: center;\n    justify-content: flex-end;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n    padding-right: " + dropdown.button.padding.right + "px;\n\n    border: none;\n    outline: none;\n    background-color: transparent;\n    cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n  ";
+  return "\n    display: flex;\n    align-content: center;\n    align-items: center;\n    justify-content: flex-end;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    padding-right: " + dropdown.button.padding.right + "px;\n    padding-top: " + dropdown.button.padding.top + "px;\n\n    border: none;\n    outline: none;\n    background-color: transparent;\n    cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n  ";
 });
 
 var OptionsList = _styledComponents["default"].ul(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref6) {

package/cjs/Progress/native/Progress.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=function Progress(_ref5){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!isNaN(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));};Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,colors=_ref4$theme$yoga.colors,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n  color: "+colors.deep+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=function Progress(_ref5){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!/[a-zA-Z]/g.test(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));};Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;exports["default"]=_default;

package/cjs/Progress/web/Progress.js

@@ -64,7 +64,7 @@ var Progress = function Progress(_ref4) {
       variant = _ref4.variant,
       props = _objectWithoutPropertiesLoose(_ref4, _excluded);
 
-  var isNumber = !isNaN(label.value);
+  var isNumber = !/[a-zA-Z]/g.test(label.value);
   return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
     isNumber: isNumber,
     align: label.placement

package/cjs/Theme/theme/theme.js

@@ -13,8 +13,12 @@ var _BottomSheetTheme = _interopRequireDefault(require("./../../BottomSheet/Bott
 
 var _ButtonTheme = _interopRequireDefault(require("./../../Button/Button.theme.js"));
 
+var _CardNativeTheme = _interopRequireDefault(require("./../../Card/Card.native.theme.js"));
+
 var _CardTheme = _interopRequireDefault(require("./../../Card/Card.theme.js"));
 
+var _CardWebTheme = _interopRequireDefault(require("./../../Card/Card.web.theme.js"));
+
 var _CheckboxTheme = _interopRequireDefault(require("./../../Checkbox/Checkbox.theme.js"));
 
 var _CheckboxSwitchTheme = _interopRequireDefault(require("./../../Checkbox/CheckboxSwitch.theme.js"));
@@ -62,7 +66,9 @@ var componentThemes = {
   Avatar$Avatar: _AvatarTheme["default"],
   BottomSheet$BottomSheet: _BottomSheetTheme["default"],
   Button$Button: _ButtonTheme["default"],
+  Card$CardNative: _CardNativeTheme["default"],
   Card$Card: _CardTheme["default"],
+  Card$CardWeb: _CardWebTheme["default"],
   Checkbox$Checkbox: _CheckboxTheme["default"],
   Checkbox$CheckboxSwitch: _CheckboxSwitchTheme["default"],
   Dialog$Dialog: _DialogTheme["default"],

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

@@ -0,0 +1,46 @@
+var CardNative = function CardNative(_ref) {
+  var colors = _ref.colors,
+      spacing = _ref.spacing;
+  return {
+    plan: {
+      title: {
+        margin: {
+          top: spacing.xsmall,
+          bottom: spacing.xsmall
+        }
+      },
+      description: {
+        color: colors.text.secondary
+      },
+      price: {
+        margin: {
+          bottom: spacing.xsmall
+        }
+      },
+      list: {
+        margin: {
+          top: spacing.zero
+        },
+        item: {
+          icon: {
+            margin: {
+              right: spacing.xxsmall
+            }
+          }
+        }
+      },
+      actions: {
+        buttonText: {
+          margin: {
+            top: spacing.medium
+          }
+        },
+        margin: {
+          top: spacing.small
+        }
+      }
+    }
+  };
+};
+
+export default CardNative;

package/esm/Card/Card.theme.js

@@ -44,10 +44,7 @@ var Card = function Card(_ref) {
         }
       },
       title: {
-        color: colors.text.primary,
-        margin: {
-          bottom: spacing.xxxsmall
-        }
+        color: colors.text.primary
       },
       description: {
         color: colors.text.secondary
@@ -59,25 +56,16 @@ var Card = function Card(_ref) {
           }
         },
         margin: {
-          top: spacing.small,
-          bottom: spacing.xlarge
+          top: spacing.small
         }
       },
       list: {
-        margin: {
-          top: spacing.small
-        },
         item: {
           margin: {
             bottom: spacing.small
           },
           font: {
             color: colors.text.primary
-          },
-          icon: {
-            margin: {
-              right: spacing.xsmall
-            }
           }
         },
         button: {
@@ -94,12 +82,8 @@ var Card = function Card(_ref) {
       actions: {
         buttonText: {
           margin: {
-            top: spacing.xsmall,
             bottom: spacing.zero
           }
-        },
-        margin: {
-          top: spacing.xlarge
         }
       }
     },

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

@@ -0,0 +1,41 @@
+var CardWeb = function CardWeb(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    plan: {
+      title: {
+        margin: {
+          bottom: spacing.xxxsmall
+        }
+      },
+      price: {
+        margin: {
+          bottom: spacing.xlarge
+        }
+      },
+      list: {
+        margin: {
+          top: spacing.small
+        },
+        item: {
+          icon: {
+            margin: {
+              right: spacing.xsmall
+            }
+          }
+        }
+      },
+      actions: {
+        buttonText: {
+          margin: {
+            top: spacing.xsmall
+          }
+        },
+        margin: {
+          top: spacing.xlarge
+        }
+      }
+    }
+  };
+};
+
+export default CardWeb;

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

@@ -6,7 +6,9 @@ import styled from 'styled-components';
 import Actions from '../Card/Actions';
 import Button from '../../../Button';
 import theme from '../../../Theme/helpers/themeReader';
-var actions = theme.components.card.plan.actions;
+var _theme$components = theme.components,
+    card = _theme$components.card,
+    cardweb = _theme$components.cardweb;
 var PlanCardButton = styled(Button).attrs({
   small: true,
   full: true
@@ -14,8 +16,8 @@ var PlanCardButton = styled(Button).attrs({
 var PlanCardButtonText = styled(Button.Text).attrs({
   small: true,
   full: true
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"])), actions.buttonText.margin.top, actions.buttonText.margin.bottom);
-var PlanCardActions = styled(Actions)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n"])), theme.components.card.plan.actions.margin.top);
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"])), cardweb.plan.actions.buttonText.margin.top, card.plan.actions.buttonText.margin.bottom);
+var PlanCardActions = styled(Actions)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n"])), theme.components.cardweb.plan.actions.margin.top);
 PlanCardActions.displayName = 'PlanCard.Actions';
 PlanCardButton.displayName = 'PlanCard.Button';
 PlanCardButtonText.displayName = 'PlanCard.ButtonText';

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

@@ -15,16 +15,20 @@ import Content from '../Card/Content';
 import Subtitle from './Subtitle';
 var Title = styled(Text.H5)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
   var _theme = theme(props),
-      plan = _theme.components.card.plan;
+      _theme$components = _theme.components,
+      card = _theme$components.card,
+      cardweb = _theme$components.cardweb;
 
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n    "])), plan.title.color, plan.title.margin.bottom);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n    "])), card.plan.title.color, cardweb.plan.title.margin.bottom);
 });
 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 _theme2 = theme(props),
-      plan = _theme2.components.card.plan;
+      _theme2$components = _theme2.components,
+      card = _theme2$components.card,
+      cardweb = _theme2$components.cardweb;
 
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n    "])), plan.price.margin.top, plan.price.margin.bottom);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n    "])), card.plan.price.margin.top, cardweb.plan.price.margin.bottom);
 });
 var EnhancePrice = styled(Text.Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var align = _ref.align;

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

@@ -7,14 +7,16 @@ import styled, { css, withTheme } from 'styled-components';
 import { string, node, shape, oneOfType, func } from 'prop-types';
 import Text from '../../../Text';
 import theme from '../../../Theme/helpers/themeReader';
-var plan = theme.components.card.plan;
+var _theme$components = theme.components,
+    card = _theme$components.card,
+    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"])), plan.list.margin.top);
-var IconWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-right: ", "px;\n"])), plan.list.item.icon.margin.right);
-var Item = styled.li(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", "px;\n"])), plan.list.item.margin.bottom);
+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 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 ItemText = styled(Text.Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n\n  color: ", ";\n\n  ", "\n"])), 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"])), plan.list.button.margin.top, theme.baseFont.family, plan.list.button.font.size, plan.list.button.font.weight, plan.list.button.font.color, truncateStyle);
+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) {
   var text = _ref.text,
       Icon = _ref.icon,

package/esm/Dropdown/Dropdown.theme.js

@@ -128,7 +128,8 @@ var Dropdown = function Dropdown(_ref) {
     hover: {
       selector: {
         border: {
-          color: colors.text.primary
+          color: colors.text.primary,
+          error: colors.verve
         }
       },
       option: {

package/esm/Dropdown/web/Dropdown.js

@@ -37,7 +37,7 @@ var Selector = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplat
       _ref3$theme$yoga = _ref3.theme.yoga,
       colors = _ref3$theme$yoga.colors,
       dropdown = _ref3$theme$yoga.components.dropdown;
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    ", "\n  "])), !disabled ? "\n          fieldset {\n            " + (isOpen || selected ? "border-color: " + dropdown.hover.selector.border.color + ";" : '') + "\n\n            " + (error && !isOpen ? "border-color: " + colors.feedback.attention[1] + ";" : '') + "\n          }\n          &:hover {\n            fieldset {\n              border-color: " + dropdown.hover.selector.border.color + ";\n            }\n          }\n        " : '');
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    ", "\n  "])), !disabled ? "\n          fieldset {\n            " + (isOpen || selected ? "border-color: " + dropdown.hover.selector.border.color + ";" : '') + "\n\n            " + (error && !isOpen ? "border-color: " + colors.feedback.attention[1] + ";\n                " : '') + "\n          }\n          &:hover {\n            fieldset {\n              border-color: " + (error && !isOpen ? dropdown.hover.selector.border.error : dropdown.hover.selector.border.color) + ";\n            }\n          }\n        " : '');
 });
 var Field = styled(Input)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  pointer-events: none;\n\n  ", "\n"])), function (_ref4) {
   var value = _ref4.value,
@@ -48,7 +48,7 @@ var Field = styled(Input)(_templateObject5 || (_templateObject5 = _taggedTemplat
 var Button = styled.button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref5) {
   var disabled = _ref5.disabled,
       dropdown = _ref5.theme.yoga.components.dropdown;
-  return "\n    display: flex;\n    align-content: center;\n    align-items: center;\n    justify-content: flex-end;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n    padding-right: " + dropdown.button.padding.right + "px;\n\n    border: none;\n    outline: none;\n    background-color: transparent;\n    cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n  ";
+  return "\n    display: flex;\n    align-content: center;\n    align-items: center;\n    justify-content: flex-end;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    padding-right: " + dropdown.button.padding.right + "px;\n    padding-top: " + dropdown.button.padding.top + "px;\n\n    border: none;\n    outline: none;\n    background-color: transparent;\n    cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n  ";
 });
 var OptionsList = styled.ul(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref6) {
   var dropdown = _ref6.theme.yoga.components.dropdown;

package/esm/Progress/web/Progress.js

@@ -49,7 +49,7 @@ var Progress = function Progress(_ref4) {
       variant = _ref4.variant,
       props = _objectWithoutPropertiesLoose(_ref4, _excluded);
 
-  var isNumber = !isNaN(label.value);
+  var isNumber = !/[a-zA-Z]/g.test(label.value);
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     isNumber: isNumber,
     align: label.placement

package/esm/Theme/theme/theme.js

@@ -6,7 +6,9 @@ import _componentThemes_AutoComplete$AutoComplete from "./../../AutoComplete/Aut
 import _componentThemes_Avatar$Avatar from "./../../Avatar/Avatar.theme.js";
 import _componentThemes_BottomSheet$BottomSheet from "./../../BottomSheet/BottomSheet.theme.js";
 import _componentThemes_Button$Button from "./../../Button/Button.theme.js";
+import _componentThemes_Card$CardNative from "./../../Card/Card.native.theme.js";
 import _componentThemes_Card$Card from "./../../Card/Card.theme.js";
+import _componentThemes_Card$CardWeb from "./../../Card/Card.web.theme.js";
 import _componentThemes_Checkbox$Checkbox from "./../../Checkbox/Checkbox.theme.js";
 import _componentThemes_Checkbox$CheckboxSwitch from "./../../Checkbox/CheckboxSwitch.theme.js";
 import _componentThemes_Dialog$Dialog from "./../../Dialog/Dialog.theme.js";
@@ -31,7 +33,9 @@ var componentThemes = {
   Avatar$Avatar: _componentThemes_Avatar$Avatar,
   BottomSheet$BottomSheet: _componentThemes_BottomSheet$BottomSheet,
   Button$Button: _componentThemes_Button$Button,
+  Card$CardNative: _componentThemes_Card$CardNative,
   Card$Card: _componentThemes_Card$Card,
+  Card$CardWeb: _componentThemes_Card$CardWeb,
   Checkbox$Checkbox: _componentThemes_Checkbox$Checkbox,
   Checkbox$CheckboxSwitch: _componentThemes_Checkbox$CheckboxSwitch,
   Dialog$Dialog: _componentThemes_Dialog$Dialog,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.24.0",
+  "version": "7.25.3",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -49,7 +49,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "f1773a3c3b04df164da9a11b28d4e8f1eec5314b",
+  "gitHead": "65670e130987ac389720991b30a2a739714c9a3e",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"