@gympass/yoga 7.26.3 → 7.28.0

package/cjs/Button/web/Button.js

@@ -29,6 +29,12 @@ var Button = function Button(_ref) {
       Icon = _ref.icon,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var finalProps = _extends({}, props);
+
+  if (props.href) {
+    finalProps.as = 'a';
+  }
+
   return /*#__PURE__*/_react["default"].createElement(_StyledButton["default"], _extends({
     disabled: disabled,
     full: full,
@@ -36,7 +42,7 @@ var Button = function Button(_ref) {
     onClick: onClick,
     small: small,
     secondary: secondary
-  }, props), Icon && /*#__PURE__*/_react["default"].createElement(Icon, null), children);
+  }, finalProps), Icon && /*#__PURE__*/_react["default"].createElement(Icon, null), children);
 };
 
 Button.propTypes = {
@@ -49,7 +55,8 @@ Button.propTypes = {
   secondary: _propTypes.bool,
 
   /** an Icon from yoga-icons package */
-  icon: (0, _propTypes.oneOfType)([_propTypes.node, _propTypes.func])
+  icon: (0, _propTypes.oneOfType)([_propTypes.node, _propTypes.func]),
+  href: _propTypes.string
 };
 Button.defaultProps = {
   children: 'Button',
@@ -59,7 +66,8 @@ Button.defaultProps = {
   onClick: function onClick() {},
   small: false,
   secondary: false,
-  icon: undefined
+  icon: undefined,
+  href: undefined
 };
 Button.displayName = 'Button';
 var _default = Button;

package/cjs/Button/web/Link.js

@@ -11,7 +11,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _yogaCommon = require("@gympass/yoga-common");
 
-var _StyledButton = _interopRequireDefault(require("./StyledButton"));
+var _Button = _interopRequireDefault(require("./Button"));
 
 var _templateObject;
 
@@ -19,7 +19,7 @@ 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 Link = (0, _styledComponents["default"])(_StyledButton["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+var Link = (0, _styledComponents["default"])(_Button["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var full = _ref.full,
       secondary = _ref.secondary,
       button = _ref.theme.yoga.components.button;
@@ -33,11 +33,13 @@ var ButtonLink = function ButtonLink(props) {
 
 ButtonLink.propTypes = {
   disabled: _propTypes.bool,
-  secondary: _propTypes.bool
+  secondary: _propTypes.bool,
+  href: _propTypes.string
 };
 ButtonLink.defaultProps = {
   disabled: false,
-  secondary: false
+  secondary: false,
+  href: undefined
 };
 ButtonLink.displayName = 'Button.Link';
 var _default = ButtonLink;

package/cjs/Button/web/StyledButton.js

@@ -18,11 +18,12 @@ var StyledButton = _styledComponents["default"].button(_templateObject || (_temp
       small = _ref.small,
       inverted = _ref.inverted,
       secondary = _ref.secondary,
+      disabled = _ref.disabled,
       _ref$theme$yoga = _ref.theme.yoga,
       baseFont = _ref$theme$yoga.baseFont,
       button = _ref$theme$yoga.components.button;
   var state = secondary ? 'secondary' : 'primary';
-  return "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: " + (full ? '100%' : 'auto') + ";\n      height: " + (small ? button.height.small : button.height["default"]) + "px;\n      padding-left: " + (small ? button.padding.small.left : button.padding["default"].left) + "px;\n      padding-right: " + (small ? button.padding.small.right : button.padding["default"].right) + "px;\n\n      background-color: " + button.types.contained.backgroundColor[state]["default"] + ";\n      border: none;\n      border-radius: " + button.border.radius + "px;\n      color: " + button.types.contained.font["default"].color + ";\n\n      font-size: " + (small ? button.font.size.small : button.font.size["default"]) + "px;\n      font-weight: " + button.font.weight + ";\n      font-family: " + baseFont.family + ";\n      letter-spacing: normal;\n      line-height: 1;\n      text-decoration: none;\n\n      svg {\n        width: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        height: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        fill: " + button.types.contained.font["default"].color + ";\n        margin-right: " + button.icon.margin.right + "px;\n\n        transition: fill 0.2s;\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus {\n        box-shadow: 0 4px 8px " + (0, _yogaCommon.hexToRgb)(button.types.contained.backgroundColor[state]["default"], 0.45) + ";\n      }\n\n      &:active {\n        background-color: " + button.types.contained.backgroundColor[state].pressed + ";\n        color: " + button.types.contained.font.pressed.color + ";\n\n        svg {\n          fill: " + button.types.contained.font.pressed.color + ";\n        }\n      }\n\n      &:disabled {\n        background-color " + button.types.contained.backgroundColor.disabled + ";\n        color: " + button.types.contained.font.disabled.color + ";\n\n        svg {\n          fill: " + button.types.contained.font.disabled.color + ";\n        }\n\n        cursor: not-allowed;\n      }\n\n      " + (inverted ? "\n        background-color: " + button.types.contained.font["default"].color + ";\n        color: " + button.types.contained.backgroundColor[state]["default"] + ";\n\n        svg {\n          fill: " + button.types.contained.backgroundColor[state]["default"] + ";\n        }\n\n        &:active {\n          background-color: " + (0, _yogaCommon.hexToRgb)(button.types.contained.font["default"].color, 0.75) + ";\n          color: " + button.types.contained.backgroundColor[state].pressed + ";\n\n          svg {\n            fill: " + button.types.contained.backgroundColor[state].pressed + ";\n          }\n        }\n\n        &:not([disabled]):hover, &:not([disabled]):focus {\n          box-shadow: 0 4px 8px " + (0, _yogaCommon.hexToRgb)(button.types.contained.font["default"].color, 0.45) + ";\n        }\n      " : '') + "\n    ";
+  return "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: " + (full ? '100%' : 'auto') + ";\n      height: " + (small ? button.height.small : button.height["default"]) + "px;\n      padding-left: " + (small ? button.padding.small.left : button.padding["default"].left) + "px;\n      padding-right: " + (small ? button.padding.small.right : button.padding["default"].right) + "px;\n\n      background-color: " + button.types.contained.backgroundColor[state]["default"] + ";\n      border: none;\n      border-radius: " + button.border.radius + "px;\n      color: " + button.types.contained.font["default"].color + ";\n\n      font-size: " + (small ? button.font.size.small : button.font.size["default"]) + "px;\n      font-weight: " + button.font.weight + ";\n      font-family: " + baseFont.family + ";\n      letter-spacing: normal;\n      line-height: 1;\n      text-decoration: none;\n\n      svg {\n        width: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        height: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        fill: " + button.types.contained.font["default"].color + ";\n        margin-right: " + button.icon.margin.right + "px;\n\n        transition: fill 0.2s;\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus {\n        box-shadow: 0 4px 8px " + (0, _yogaCommon.hexToRgb)(button.types.contained.backgroundColor[state]["default"], 0.45) + ";\n      }\n\n      &:active {\n        background-color: " + button.types.contained.backgroundColor[state].pressed + ";\n        color: " + button.types.contained.font.pressed.color + ";\n\n        svg {\n          fill: " + button.types.contained.font.pressed.color + ";\n        }\n      }\n\n      " + (disabled ? "\n      \n        background-color " + button.types.contained.backgroundColor.disabled + ";\n        color: " + button.types.contained.font.disabled.color + ";\n        pointer-events: none;\n\n        svg {\n          fill: " + button.types.contained.font.disabled.color + ";\n        }\n\n        cursor: not-allowed;\n      \n      " : '') + "\n      \n\n      " + (inverted ? "\n        background-color: " + button.types.contained.font["default"].color + ";\n        color: " + button.types.contained.backgroundColor[state]["default"] + ";\n\n        svg {\n          fill: " + button.types.contained.backgroundColor[state]["default"] + ";\n        }\n\n        &:active {\n          background-color: " + (0, _yogaCommon.hexToRgb)(button.types.contained.font["default"].color, 0.75) + ";\n          color: " + button.types.contained.backgroundColor[state].pressed + ";\n\n          svg {\n            fill: " + button.types.contained.backgroundColor[state].pressed + ";\n          }\n        }\n\n        &:not([disabled]):hover, &:not([disabled]):focus {\n          box-shadow: 0 4px 8px " + (0, _yogaCommon.hexToRgb)(button.types.contained.font["default"].color, 0.45) + ";\n        }\n      " : '') + "\n    ";
 });
 
 var _default = StyledButton;

package/cjs/Progress/web/Progress.js

@@ -34,15 +34,17 @@ var ProgressBar = _styledComponents["default"].progress(_templateObject || (_tem
 });
 
 var Label = _styledComponents["default"].label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var progress = _ref2.theme.yoga.components.progress;
-  return "\n  font-size: " + progress.label.font.size + "px;\n  letter-spacing: normal;\n";
+  var _ref2$theme$yoga = _ref2.theme.yoga,
+      progress = _ref2$theme$yoga.components.progress,
+      text = _ref2$theme$yoga.colors.text;
+  return "\n  color: " + text.secondary + ";\n  font-size: " + progress.label.font.size + "px;\n  letter-spacing: normal;\n";
 });
 
 var Wrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  width: 100%;\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_ref3) {
   var isNumber = _ref3.isNumber,
       align = _ref3.align,
       spacing = _ref3.theme.yoga.spacing;
-  return "\n    " + (isNumber ? "\n        " + Label + " {\n          width: 22px;\n\n          margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n        }\n\n        " + ProgressBar + " {\n          margin: auto;\n        }\n    " : "\n        flex-direction: column;\n\n        " + Label + " {\n          max-width: 280px;\n\n          margin-top: " + spacing.xxxsmall + "px;\n        }\n      ") + "\n\n      " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n      " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n  ";
+  return "\n    " + (isNumber ? "\n        " + Label + " {\n          width: 22px;\n\n          margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n        }\n\n        " + ProgressBar + " {\n          margin: auto;\n        }\n    " : "\n        flex-direction: column;\n\n        " + Label + " {\n          max-width: 280px;\n\n          margin-top: " + spacing.xxsmall + "px;\n        }\n      ") + "\n\n      " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n      " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n  ";
 }, _yogaSystem.backgroundColor, _yogaSystem.borders, _yogaSystem.elevation, _yogaSystem.positions, _yogaSystem.display, _yogaSystem.spacing);
 
 Wrapper.propTypes = {

package/cjs/Result/native/Attendances.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _Box=_interopRequireDefault(require("../../Box"));var _Text=_interopRequireDefault(require("../../Text"));var _Rate=_interopRequireDefault(require("./Rate"));var _TinyTextIcon=_interopRequireDefault(require("./TinyTextIcon"));var _templateObject,_templateObject2;var List=(0,_styledComponents["default"])(_Text["default"].Tiny).attrs({numberOfLines:1,variant:'deep'})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex: 1;\n"])));var ItemSeparator=(0,_styledComponents["default"])(_Box["default"]).attrs({width:'xxxsmall',height:'zero'})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])([""])));var Attendances=function Attendances(_ref){var attendances=_ref.attendances,rate=_ref.rate;return _react["default"].createElement(_Box["default"],{display:"flex",width:"100%",alignItems:"center",justifyContent:"center",flexDirection:"row"},_react["default"].createElement(List,null,attendances.map(function(_ref2){var description=_ref2.description,icon=_ref2.icon;return _react["default"].createElement(_react["default"].Fragment,{key:description},_react["default"].createElement(_TinyTextIcon["default"],{as:icon,fill:"deep"}),_react["default"].createElement(ItemSeparator,null),description,_react["default"].createElement(ItemSeparator,null));})),rate&&_react["default"].createElement(_Rate["default"],{rate:rate}));};Attendances.propTypes={attendances:(0,_propTypes.arrayOf)((0,_propTypes.shape)({description:_propTypes.string,icon:_propTypes.func})).isRequired,rate:_propTypes.string};Attendances.defaultProps={rate:undefined};var _default=Attendances;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _Box=_interopRequireDefault(require("../../Box"));var _Text=_interopRequireDefault(require("../../Text"));var _Rate=_interopRequireDefault(require("./Rate"));var _TinyTextIcon=_interopRequireDefault(require("./TinyTextIcon"));var _templateObject,_templateObject2;var List=(0,_styledComponents["default"])(_Text["default"].Tiny).attrs({numberOfLines:1,variant:'deep'})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex: 1;\n"])));var ItemSeparator=(0,_styledComponents["default"])(_Box["default"]).attrs({width:'xxxsmall',height:'zero'})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])([""])));var Attendances=function Attendances(_ref){var attendances=_ref.attendances,rate=_ref.rate;return _react["default"].createElement(_Box["default"],{display:"flex",width:"100%",alignItems:"center",justifyContent:"center",flexDirection:"row",mb:"xxxsmall"},_react["default"].createElement(List,null,attendances.map(function(_ref2){var description=_ref2.description,icon=_ref2.icon;return _react["default"].createElement(_react["default"].Fragment,{key:description},_react["default"].createElement(_TinyTextIcon["default"],{as:icon,fill:"deep"}),_react["default"].createElement(ItemSeparator,null),description,_react["default"].createElement(ItemSeparator,null));})),rate&&_react["default"].createElement(_Rate["default"],{rate:rate}));};Attendances.propTypes={attendances:(0,_propTypes.arrayOf)((0,_propTypes.shape)({description:_propTypes.string,icon:_propTypes.func})).isRequired,rate:_propTypes.string};Attendances.defaultProps={rate:undefined};var _default=Attendances;exports["default"]=_default;

package/cjs/Result/native/Result.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../Text"));var _Attendances=_interopRequireDefault(require("./Attendances"));var _Box=_interopRequireDefault(require("../../Box"));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 StyledBox=(0,_styledComponents["default"])(_Box["default"])(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n  ","\n"])),function(_ref){var divided=_ref.divided,light=_ref.theme.yoga.colors.light;return divided?"\n          border-bottom-width: 1px;\n          border-bottom-color: "+light+";\n        ":'';});var Content=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex: 1;\n  ","\n"])),function(_ref2){var _ref2$theme$yoga$spac=_ref2.theme.yoga.spacing,small=_ref2$theme$yoga$spac.small,large=_ref2$theme$yoga$spac.large;return"\n      margin-left: "+small+"px;\n      margin-bottom: "+large+"px;\n    ";});var Title=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var _ref3$theme$yoga=_ref3.theme.yoga,xxxsmall=_ref3$theme$yoga.spacing.xxxsmall,medium=_ref3$theme$yoga.lineHeights.medium;return"\n      line-height: "+medium+"px;\n      margin-top: "+xxxsmall+"px;\n    ";});var Result=function Result(_ref4){var Avatar=_ref4.avatar,attendances=_ref4.attendances,rate=_ref4.rate,title=_ref4.title,subTitle=_ref4.subTitle,divided=_ref4.divided,children=_ref4.children;return _react["default"].createElement(StyledBox,{divided:divided,display:"flex",flexDirection:"row"},Avatar&&_react["default"].createElement(_react["default"].Fragment,null,(0,_react.isValidElement)(Avatar)?Avatar:_react["default"].createElement(Avatar,null)),_react["default"].createElement(Content,null,_react["default"].createElement(_Attendances["default"],{attendances:attendances,rate:rate}),_react["default"].createElement(Title,{numberOfLines:1},title),subTitle&&subTitle!==''&&_react["default"].createElement(_Text["default"].Small,{numberOfLines:1,variant:"stamina"},subTitle),children));};Result.propTypes={avatar:_propTypes.node.isRequired,attendances:(0,_propTypes.arrayOf)((0,_propTypes.shape)({description:_propTypes.string,icon:_propTypes.func})).isRequired,rate:_propTypes.string,title:_propTypes.string.isRequired,subTitle:_propTypes.string,divided:_propTypes.bool,children:_propTypes.node};Result.defaultProps={rate:undefined,divided:false,subTitle:undefined,children:undefined};var _default=Result;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../Text"));var _Attendances=_interopRequireDefault(require("./Attendances"));var _Box=_interopRequireDefault(require("../../Box"));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 StyledBox=(0,_styledComponents["default"])(_Box["default"])(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n  ","\n"])),function(_ref){var divided=_ref.divided,light=_ref.theme.yoga.colors.light;return divided?"\n          border-bottom-width: 1px;\n          border-bottom-color: "+light+";\n        ":'';});var Content=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex: 1;\n  ","\n"])),function(_ref2){var _ref2$theme$yoga$spac=_ref2.theme.yoga.spacing,small=_ref2$theme$yoga$spac.small,large=_ref2$theme$yoga$spac.large;return"\n      margin-left: "+small+"px;\n      margin-bottom: "+large+"px;\n    ";});var Title=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var medium=_ref3.theme.yoga.lineHeights.medium;return"\n      line-height: "+medium+"px;\n    ";});var Result=function Result(_ref4){var Avatar=_ref4.avatar,attendances=_ref4.attendances,rate=_ref4.rate,title=_ref4.title,subTitle=_ref4.subTitle,divided=_ref4.divided,children=_ref4.children;return _react["default"].createElement(StyledBox,{divided:divided,display:"flex",flexDirection:"row"},Avatar&&_react["default"].createElement(_react["default"].Fragment,null,(0,_react.isValidElement)(Avatar)?Avatar:_react["default"].createElement(Avatar,null)),_react["default"].createElement(Content,null,!!(attendances!=null&&attendances.length)&&_react["default"].createElement(_Attendances["default"],{attendances:attendances,rate:rate}),_react["default"].createElement(Title,{numberOfLines:1},title),subTitle&&subTitle!==''&&_react["default"].createElement(_Text["default"].Small,{numberOfLines:1,variant:"stamina"},subTitle),children));};Result.propTypes={avatar:_propTypes.node.isRequired,attendances:(0,_propTypes.arrayOf)((0,_propTypes.shape)({description:_propTypes.string,icon:_propTypes.func})),rate:_propTypes.string,title:_propTypes.string.isRequired,subTitle:_propTypes.string,divided:_propTypes.bool,children:_propTypes.node};Result.defaultProps={rate:undefined,divided:false,subTitle:undefined,children:undefined,attendances:undefined};var _default=Result;exports["default"]=_default;

package/esm/Button/web/Button.js

@@ -5,7 +5,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 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; }
 
 import React from 'react';
-import { func, node, oneOfType, bool } from 'prop-types';
+import { func, node, oneOfType, bool, string } from 'prop-types';
 import StyledButton from './StyledButton';
 /** Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them. */
 
@@ -20,6 +20,12 @@ var Button = function Button(_ref) {
       Icon = _ref.icon,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var finalProps = _extends({}, props);
+
+  if (props.href) {
+    finalProps.as = 'a';
+  }
+
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     disabled: disabled,
     full: full,
@@ -27,7 +33,7 @@ var Button = function Button(_ref) {
     onClick: onClick,
     small: small,
     secondary: secondary
-  }, props), Icon && /*#__PURE__*/React.createElement(Icon, null), children);
+  }, finalProps), Icon && /*#__PURE__*/React.createElement(Icon, null), children);
 };
 
 Button.propTypes = {
@@ -40,7 +46,8 @@ Button.propTypes = {
   secondary: bool,
 
   /** an Icon from yoga-icons package */
-  icon: oneOfType([node, func])
+  icon: oneOfType([node, func]),
+  href: string
 };
 Button.defaultProps = {
   children: 'Button',
@@ -50,7 +57,8 @@ Button.defaultProps = {
   onClick: function onClick() {},
   small: false,
   secondary: false,
-  icon: undefined
+  icon: undefined,
+  href: undefined
 };
 Button.displayName = 'Button';
 export default Button;

package/esm/Button/web/Link.js

@@ -3,11 +3,11 @@ var _templateObject;
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
 import React from 'react';
-import { bool } from 'prop-types';
+import { bool, string } from 'prop-types';
 import styled from 'styled-components';
 import { hexToRgb } from '@gympass/yoga-common';
-import StyledButton from './StyledButton';
-var Link = styled(StyledButton)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+import Button from './Button';
+var Link = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var full = _ref.full,
       secondary = _ref.secondary,
       button = _ref.theme.yoga.components.button;
@@ -21,11 +21,13 @@ var ButtonLink = function ButtonLink(props) {
 
 ButtonLink.propTypes = {
   disabled: bool,
-  secondary: bool
+  secondary: bool,
+  href: string
 };
 ButtonLink.defaultProps = {
   disabled: false,
-  secondary: false
+  secondary: false,
+  href: undefined
 };
 ButtonLink.displayName = 'Button.Link';
 export default ButtonLink;

package/esm/Button/web/StyledButton.js

@@ -9,10 +9,11 @@ var StyledButton = styled.button(_templateObject || (_templateObject = _taggedTe
       small = _ref.small,
       inverted = _ref.inverted,
       secondary = _ref.secondary,
+      disabled = _ref.disabled,
       _ref$theme$yoga = _ref.theme.yoga,
       baseFont = _ref$theme$yoga.baseFont,
       button = _ref$theme$yoga.components.button;
   var state = secondary ? 'secondary' : 'primary';
-  return "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: " + (full ? '100%' : 'auto') + ";\n      height: " + (small ? button.height.small : button.height["default"]) + "px;\n      padding-left: " + (small ? button.padding.small.left : button.padding["default"].left) + "px;\n      padding-right: " + (small ? button.padding.small.right : button.padding["default"].right) + "px;\n\n      background-color: " + button.types.contained.backgroundColor[state]["default"] + ";\n      border: none;\n      border-radius: " + button.border.radius + "px;\n      color: " + button.types.contained.font["default"].color + ";\n\n      font-size: " + (small ? button.font.size.small : button.font.size["default"]) + "px;\n      font-weight: " + button.font.weight + ";\n      font-family: " + baseFont.family + ";\n      letter-spacing: normal;\n      line-height: 1;\n      text-decoration: none;\n\n      svg {\n        width: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        height: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        fill: " + button.types.contained.font["default"].color + ";\n        margin-right: " + button.icon.margin.right + "px;\n\n        transition: fill 0.2s;\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus {\n        box-shadow: 0 4px 8px " + hexToRgb(button.types.contained.backgroundColor[state]["default"], 0.45) + ";\n      }\n\n      &:active {\n        background-color: " + button.types.contained.backgroundColor[state].pressed + ";\n        color: " + button.types.contained.font.pressed.color + ";\n\n        svg {\n          fill: " + button.types.contained.font.pressed.color + ";\n        }\n      }\n\n      &:disabled {\n        background-color " + button.types.contained.backgroundColor.disabled + ";\n        color: " + button.types.contained.font.disabled.color + ";\n\n        svg {\n          fill: " + button.types.contained.font.disabled.color + ";\n        }\n\n        cursor: not-allowed;\n      }\n\n      " + (inverted ? "\n        background-color: " + button.types.contained.font["default"].color + ";\n        color: " + button.types.contained.backgroundColor[state]["default"] + ";\n\n        svg {\n          fill: " + button.types.contained.backgroundColor[state]["default"] + ";\n        }\n\n        &:active {\n          background-color: " + hexToRgb(button.types.contained.font["default"].color, 0.75) + ";\n          color: " + button.types.contained.backgroundColor[state].pressed + ";\n\n          svg {\n            fill: " + button.types.contained.backgroundColor[state].pressed + ";\n          }\n        }\n\n        &:not([disabled]):hover, &:not([disabled]):focus {\n          box-shadow: 0 4px 8px " + hexToRgb(button.types.contained.font["default"].color, 0.45) + ";\n        }\n      " : '') + "\n    ";
+  return "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: " + (full ? '100%' : 'auto') + ";\n      height: " + (small ? button.height.small : button.height["default"]) + "px;\n      padding-left: " + (small ? button.padding.small.left : button.padding["default"].left) + "px;\n      padding-right: " + (small ? button.padding.small.right : button.padding["default"].right) + "px;\n\n      background-color: " + button.types.contained.backgroundColor[state]["default"] + ";\n      border: none;\n      border-radius: " + button.border.radius + "px;\n      color: " + button.types.contained.font["default"].color + ";\n\n      font-size: " + (small ? button.font.size.small : button.font.size["default"]) + "px;\n      font-weight: " + button.font.weight + ";\n      font-family: " + baseFont.family + ";\n      letter-spacing: normal;\n      line-height: 1;\n      text-decoration: none;\n\n      svg {\n        width: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        height: " + (small ? button.icon.size.small : button.icon.size["default"]) + "px;\n        fill: " + button.types.contained.font["default"].color + ";\n        margin-right: " + button.icon.margin.right + "px;\n\n        transition: fill 0.2s;\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus {\n        box-shadow: 0 4px 8px " + hexToRgb(button.types.contained.backgroundColor[state]["default"], 0.45) + ";\n      }\n\n      &:active {\n        background-color: " + button.types.contained.backgroundColor[state].pressed + ";\n        color: " + button.types.contained.font.pressed.color + ";\n\n        svg {\n          fill: " + button.types.contained.font.pressed.color + ";\n        }\n      }\n\n      " + (disabled ? "\n      \n        background-color " + button.types.contained.backgroundColor.disabled + ";\n        color: " + button.types.contained.font.disabled.color + ";\n        pointer-events: none;\n\n        svg {\n          fill: " + button.types.contained.font.disabled.color + ";\n        }\n\n        cursor: not-allowed;\n      \n      " : '') + "\n      \n\n      " + (inverted ? "\n        background-color: " + button.types.contained.font["default"].color + ";\n        color: " + button.types.contained.backgroundColor[state]["default"] + ";\n\n        svg {\n          fill: " + button.types.contained.backgroundColor[state]["default"] + ";\n        }\n\n        &:active {\n          background-color: " + hexToRgb(button.types.contained.font["default"].color, 0.75) + ";\n          color: " + button.types.contained.backgroundColor[state].pressed + ";\n\n          svg {\n            fill: " + button.types.contained.backgroundColor[state].pressed + ";\n          }\n        }\n\n        &:not([disabled]):hover, &:not([disabled]):focus {\n          box-shadow: 0 4px 8px " + hexToRgb(button.types.contained.font["default"].color, 0.45) + ";\n        }\n      " : '') + "\n    ";
 });
 export default StyledButton;

package/esm/Progress/web/Progress.js

@@ -21,14 +21,16 @@ var ProgressBar = styled.progress(_templateObject || (_templateObject = _taggedT
   return "\n  height: " + progress.height + "px;\n\n  &&,\n  &::-webkit-progress-value,\n  &[value]::-webkit-progress-bar,\n  &:not(value)::-webkit-progress-bar {\n    border-radius: " + progress.border.radius + "px;\n  }\n\n  &:not(value)::-moz-progress-bar,\n  &[value]::-moz-progress-bar {\n    border-radius: " + progress.border.radius + "px;\n  }\n\n  &:not(value)::-webkit-progress-bar {\n    background-color: " + progress.backgroundColor.bar + ";\n  }\n\n  &::-webkit-progress-value {\n    background-color: " + color + ";\n  }\n\n  &&,\n  &:not(value)::-moz-progress-bar {\n    background-color: " + progress.backgroundColor.bar + ";\n  }\n\n  &[value]::-moz-progress-bar {\n    background-color: " + color + ";\n  }\n";
 });
 var Label = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var progress = _ref2.theme.yoga.components.progress;
-  return "\n  font-size: " + progress.label.font.size + "px;\n  letter-spacing: normal;\n";
+  var _ref2$theme$yoga = _ref2.theme.yoga,
+      progress = _ref2$theme$yoga.components.progress,
+      text = _ref2$theme$yoga.colors.text;
+  return "\n  color: " + text.secondary + ";\n  font-size: " + progress.label.font.size + "px;\n  letter-spacing: normal;\n";
 });
 var Wrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  width: 100%;\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_ref3) {
   var isNumber = _ref3.isNumber,
       align = _ref3.align,
       spacing = _ref3.theme.yoga.spacing;
-  return "\n    " + (isNumber ? "\n        " + Label + " {\n          width: 22px;\n\n          margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n        }\n\n        " + ProgressBar + " {\n          margin: auto;\n        }\n    " : "\n        flex-direction: column;\n\n        " + Label + " {\n          max-width: 280px;\n\n          margin-top: " + spacing.xxxsmall + "px;\n        }\n      ") + "\n\n      " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n      " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n  ";
+  return "\n    " + (isNumber ? "\n        " + Label + " {\n          width: 22px;\n\n          margin-" + (align === 'right' ? 'left' : 'right') + ": " + spacing.xxsmall + "px;\n        }\n\n        " + ProgressBar + " {\n          margin: auto;\n        }\n    " : "\n        flex-direction: column;\n\n        " + Label + " {\n          max-width: 280px;\n\n          margin-top: " + spacing.xxsmall + "px;\n        }\n      ") + "\n\n      " + (align === 'right' ? 'align-items: flex-end; text-align: right;' : 'align-items: flex-start;') + "\n      " + (isNumber && align === 'left' ? 'flex-direction: row-reverse;' : '') + "\n  ";
 }, backgroundColor, borders, elevation, positions, display, systemSpacing);
 Wrapper.propTypes = {
   align: oneOf(['left', 'right']),

package/package.json

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