@gympass/yoga 7.47.0 → 7.48.0

package/cjs/Button/Button.theme.js

@@ -64,7 +64,7 @@ var Button = function Button(_ref) {
             color: colors.white
           },
           disabled: {
-            color: colors.text.disabled
+            color: colors.deep
           },
           pressed: {
             color: colors.white
@@ -94,7 +94,7 @@ var Button = function Button(_ref) {
             }
           },
           disabled: {
-            color: colors.text.disabled
+            color: colors.deep
           },
           hover: {
             color: colors.white
@@ -110,7 +110,8 @@ var Button = function Button(_ref) {
         }
       },
       text: {
-        backgroundColor: 'transparent'
+        backgroundColor: 'transparent',
+        disabled: colors.deep
       },
       link: {
         font: {
@@ -121,7 +122,7 @@ var Button = function Button(_ref) {
             color: colors.secondary
           },
           disabled: {
-            color: colors.text.disabled
+            color: colors.deep
           }
         },
         margin: {

package/cjs/Button/native/Text.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=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _excluded=["children","disabled","pressed","small","secondary","inverted","icon","theme"];var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var LabelText=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var color=_ref.color;return"color: "+color+";";});var ButtonContainerText=(0,_styledComponents["default"])(_Button.ButtonContainer)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var button=_ref2.theme.yoga.components.button;return"\n    background-color: "+button.types.text.backgroundColor+";\n  ";});var ButtonText=(0,_react.forwardRef)(function(_ref3,ref){var children=_ref3.children,disabled=_ref3.disabled,pressed=_ref3.pressed,small=_ref3.small,secondary=_ref3.secondary,inverted=_ref3.inverted,Icon=_ref3.icon,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,button=_ref3$theme$yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=colors[state];if(disabled){textColor=colors.text.disabled;}else if(inverted){textColor=colors.white;if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors.white,0.75);}}else if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors[state],0.75);}return _react["default"].createElement(ButtonContainerText,(0,_extends2["default"])({},rest,{disabled:disabled,pressed:pressed,small:small,ref:ref}),Icon&&_react["default"].createElement(Icon,{width:small?button.icon.size.small:button.icon.size["default"],height:small?button.icon.size.small:button.icon.size["default"],fill:textColor,style:{marginRight:button.icon.margin.right}}),_react["default"].createElement(LabelText,{disabled:disabled,pressed:pressed,small:small,secondary:secondary,color:textColor},children));});ButtonText.propTypes=_Button.ButtonContainer.propTypes;ButtonText.defaultProps=_Button.ButtonContainer.defaultProps;var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonText));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=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _excluded=["children","disabled","pressed","small","secondary","inverted","icon","theme"];var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var LabelText=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var color=_ref.color;return"color: "+color+";";});var ButtonContainerText=(0,_styledComponents["default"])(_Button.ButtonContainer)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var button=_ref2.theme.yoga.components.button;return"\n    background-color: "+button.types.text.backgroundColor+";\n  ";});var ButtonText=(0,_react.forwardRef)(function(_ref3,ref){var children=_ref3.children,disabled=_ref3.disabled,pressed=_ref3.pressed,small=_ref3.small,secondary=_ref3.secondary,inverted=_ref3.inverted,Icon=_ref3.icon,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,button=_ref3$theme$yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=colors[state];if(disabled){textColor=button.types.text.disabled;}else if(inverted){textColor=colors.white;if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors.white,0.75);}}else if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors[state],0.75);}return _react["default"].createElement(ButtonContainerText,(0,_extends2["default"])({},rest,{disabled:disabled,pressed:pressed,small:small,ref:ref}),Icon&&_react["default"].createElement(Icon,{width:small?button.icon.size.small:button.icon.size["default"],height:small?button.icon.size.small:button.icon.size["default"],fill:textColor,style:{marginRight:button.icon.margin.right}}),_react["default"].createElement(LabelText,{disabled:disabled,pressed:pressed,small:small,secondary:secondary,color:textColor},children));});ButtonText.propTypes=_Button.ButtonContainer.propTypes;ButtonText.defaultProps=_Button.ButtonContainer.defaultProps;var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonText));exports["default"]=_default;

package/cjs/Button/web/Text.js

@@ -22,7 +22,7 @@ var ButtonText = (0, _styledComponents["default"])(_Button["default"])(_template
       colors = _ref$theme$yoga.colors,
       button = _ref$theme$yoga.components.button;
   var state = secondary ? 'secondary' : 'primary';
-  return "\n      background-color: " + button.types.text.backgroundColor + ";\n      border-color: " + button.types.text.backgroundColor + ";\n      color: " + colors[state] + ";\n\n      svg {\n        fill: " + colors[state] + ";\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus, &:not([disabled]):active {\n        background-color: " + button.types.text.backgroundColor + ";\n        box-shadow: none;\n      }\n\n      &:not([disabled]):hover {\n        color: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.5) + ";\n        svg {\n          fill: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.5) + ";\n        }\n      }\n\n      &:not([disabled]):focus, &:not([disabled]):active {\n        color: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.75) + ";\n        svg {\n          fill: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.75) + ";\n        }\n      }\n\n      " + (inverted ? "\n          color: " + colors.white + ";\n          svg {\n            fill: " + colors.white + ";\n          }\n\n          &:not([disabled]):hover {\n            color: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.5) + ";\n            svg {\n              fill: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.5) + ";\n            }\n          }\n\n          &:not([disabled]):focus, &:not([disabled]):active {\n            color: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.75) + ";\n            svg {\n              fill: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.75) + ";\n            }\n          }\n        " : '') + "\n\n      &:disabled {\n        background-color: " + button.types.text.backgroundColor + ";\n        border-color: " + button.types.text.backgroundColor + ";\n        color: " + colors.text.disabled + ";\n        svg {\n          fill: " + colors.text.disabled + ";\n        }\n      }\n    ";
+  return "\n      background-color: " + button.types.text.backgroundColor + ";\n      border-color: " + button.types.text.backgroundColor + ";\n      color: " + colors[state] + ";\n\n      svg {\n        fill: " + colors[state] + ";\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus, &:not([disabled]):active {\n        background-color: " + button.types.text.backgroundColor + ";\n        box-shadow: none;\n      }\n\n      &:not([disabled]):hover {\n        color: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.5) + ";\n        svg {\n          fill: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.5) + ";\n        }\n      }\n\n      &:not([disabled]):focus, &:not([disabled]):active {\n        color: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.75) + ";\n        svg {\n          fill: " + (0, _yogaCommon.hexToRgb)(colors[state], 0.75) + ";\n        }\n      }\n\n      " + (inverted ? "\n          color: " + colors.white + ";\n          svg {\n            fill: " + colors.white + ";\n          }\n\n          &:not([disabled]):hover {\n            color: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.5) + ";\n            svg {\n              fill: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.5) + ";\n            }\n          }\n\n          &:not([disabled]):focus, &:not([disabled]):active {\n            color: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.75) + ";\n            svg {\n              fill: " + (0, _yogaCommon.hexToRgb)(colors.white, 0.75) + ";\n            }\n          }\n        " : '') + "\n\n      &:disabled {\n        background-color: " + button.types.text.backgroundColor + ";\n        border-color: " + button.types.text.backgroundColor + ";\n        color: " + button.types.text.disabled + ";\n        svg {\n          fill: " + button.types.text.disabled + ";\n        }\n      }\n    ";
 });
 ButtonText.displayName = 'Button.Text';
 var _default = ButtonText;

package/esm/Button/Button.theme.js

@@ -59,7 +59,7 @@ var Button = function Button(_ref) {
             color: colors.white
           },
           disabled: {
-            color: colors.text.disabled
+            color: colors.deep
           },
           pressed: {
             color: colors.white
@@ -89,7 +89,7 @@ var Button = function Button(_ref) {
             }
           },
           disabled: {
-            color: colors.text.disabled
+            color: colors.deep
           },
           hover: {
             color: colors.white
@@ -105,7 +105,8 @@ var Button = function Button(_ref) {
         }
       },
       text: {
-        backgroundColor: 'transparent'
+        backgroundColor: 'transparent',
+        disabled: colors.deep
       },
       link: {
         font: {
@@ -116,7 +117,7 @@ var Button = function Button(_ref) {
             color: colors.secondary
           },
           disabled: {
-            color: colors.text.disabled
+            color: colors.deep
           }
         },
         margin: {

package/esm/Button/native/Text.js

@@ -38,7 +38,7 @@ var ButtonText = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var textColor = colors[state];
 
   if (disabled) {
-    textColor = colors.text.disabled;
+    textColor = button.types.text.disabled;
   } else if (inverted) {
     textColor = colors.white;
 

package/esm/Button/web/Text.js

@@ -12,7 +12,7 @@ var ButtonText = styled(Button)(_templateObject || (_templateObject = _taggedTem
       colors = _ref$theme$yoga.colors,
       button = _ref$theme$yoga.components.button;
   var state = secondary ? 'secondary' : 'primary';
-  return "\n      background-color: " + button.types.text.backgroundColor + ";\n      border-color: " + button.types.text.backgroundColor + ";\n      color: " + colors[state] + ";\n\n      svg {\n        fill: " + colors[state] + ";\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus, &:not([disabled]):active {\n        background-color: " + button.types.text.backgroundColor + ";\n        box-shadow: none;\n      }\n\n      &:not([disabled]):hover {\n        color: " + hexToRgb(colors[state], 0.5) + ";\n        svg {\n          fill: " + hexToRgb(colors[state], 0.5) + ";\n        }\n      }\n\n      &:not([disabled]):focus, &:not([disabled]):active {\n        color: " + hexToRgb(colors[state], 0.75) + ";\n        svg {\n          fill: " + hexToRgb(colors[state], 0.75) + ";\n        }\n      }\n\n      " + (inverted ? "\n          color: " + colors.white + ";\n          svg {\n            fill: " + colors.white + ";\n          }\n\n          &:not([disabled]):hover {\n            color: " + hexToRgb(colors.white, 0.5) + ";\n            svg {\n              fill: " + hexToRgb(colors.white, 0.5) + ";\n            }\n          }\n\n          &:not([disabled]):focus, &:not([disabled]):active {\n            color: " + hexToRgb(colors.white, 0.75) + ";\n            svg {\n              fill: " + hexToRgb(colors.white, 0.75) + ";\n            }\n          }\n        " : '') + "\n\n      &:disabled {\n        background-color: " + button.types.text.backgroundColor + ";\n        border-color: " + button.types.text.backgroundColor + ";\n        color: " + colors.text.disabled + ";\n        svg {\n          fill: " + colors.text.disabled + ";\n        }\n      }\n    ";
+  return "\n      background-color: " + button.types.text.backgroundColor + ";\n      border-color: " + button.types.text.backgroundColor + ";\n      color: " + colors[state] + ";\n\n      svg {\n        fill: " + colors[state] + ";\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus, &:not([disabled]):active {\n        background-color: " + button.types.text.backgroundColor + ";\n        box-shadow: none;\n      }\n\n      &:not([disabled]):hover {\n        color: " + hexToRgb(colors[state], 0.5) + ";\n        svg {\n          fill: " + hexToRgb(colors[state], 0.5) + ";\n        }\n      }\n\n      &:not([disabled]):focus, &:not([disabled]):active {\n        color: " + hexToRgb(colors[state], 0.75) + ";\n        svg {\n          fill: " + hexToRgb(colors[state], 0.75) + ";\n        }\n      }\n\n      " + (inverted ? "\n          color: " + colors.white + ";\n          svg {\n            fill: " + colors.white + ";\n          }\n\n          &:not([disabled]):hover {\n            color: " + hexToRgb(colors.white, 0.5) + ";\n            svg {\n              fill: " + hexToRgb(colors.white, 0.5) + ";\n            }\n          }\n\n          &:not([disabled]):focus, &:not([disabled]):active {\n            color: " + hexToRgb(colors.white, 0.75) + ";\n            svg {\n              fill: " + hexToRgb(colors.white, 0.75) + ";\n            }\n          }\n        " : '') + "\n\n      &:disabled {\n        background-color: " + button.types.text.backgroundColor + ";\n        border-color: " + button.types.text.backgroundColor + ";\n        color: " + button.types.text.disabled + ";\n        svg {\n          fill: " + button.types.text.disabled + ";\n        }\n      }\n    ";
 });
 ButtonText.displayName = 'Button.Text';
 export default ButtonText;

package/package.json

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