@gympass/yoga 7.30.0 → 7.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Avatar/native/Avatar.js +1 -1
- package/cjs/Avatar/native/AvatarCircle.js +1 -1
- package/cjs/Avatar/web/Avatar.js +9 -5
- package/cjs/Avatar/web/AvatarCircle.js +8 -4
- package/cjs/Button/native/Button.js +1 -1
- package/cjs/Button/native/Link.js +1 -1
- package/cjs/Button/native/Text.js +1 -1
- package/cjs/Button/web/Button.js +8 -4
- package/cjs/Button/web/Outline.js +1 -30
- package/esm/Avatar/web/Avatar.js +5 -5
- package/esm/Avatar/web/AvatarCircle.js +4 -5
- package/esm/Button/web/Button.js +4 -4
- package/esm/Button/web/Outline.js +1 -28
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["icon","src","children","fill","stroke"];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;}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2["default"])(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Content=function Content(_ref){var icon=_ref.icon,src=_ref.src,fill=_ref.fill,content=_ref.content,stroke=_ref.stroke;if(src){return _react["default"].createElement(_Box["default"],{as:_reactNative.Image,width:"100%",height:"100%",source:src});}if(content){return content;}return _react["default"].createElement(_Icon["default"],{as:icon,width:"50%",height:"50%",fill:fill,stroke:stroke});};var Avatar=(0,_react.forwardRef)(function(_ref2,ref){var _ref2$icon=_ref2.icon,icon=_ref2$icon===void 0?_yogaIcons.BuildingFilled:_ref2$icon,src=_ref2.src,children=_ref2.children,fill=_ref2.fill,stroke=_ref2.stroke,props=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(_Box["default"],(0,_extends2["default"])({ref:ref,bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:48,height:48,borderRadius:"small",elevation:"small",overflow:"hidden"},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children}));});Content.propTypes=_objectSpread({src:_reactNative.Image.propTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=_objectSpread({src:_reactNative.Image.propTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=_objectSpread({src:undefined,fill:'white'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;
|
|
@@ -1 +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 _react=
|
|
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 _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _Avatar=_interopRequireDefault(require("./Avatar"));var _excluded=["src"];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 AvatarCircle=(0,_react.forwardRef)(function(_ref,ref){var src=_ref.src,props=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return _react["default"].createElement(_Avatar["default"],(0,_extends2["default"])({},props,{src:src,borderRadius:"circle",icon:!src?_yogaIcons.UserFilled:undefined,ref:ref}));});AvatarCircle.propTypes=_Avatar["default"].propTypes;AvatarCircle.defaultProps=_Avatar["default"].defaultProps;AvatarCircle.displayName='Avatar.Circle';var _default=AvatarCircle;exports["default"]=_default;
|
package/cjs/Avatar/web/Avatar.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _react =
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
7
|
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
|
|
@@ -21,6 +21,10 @@ var _templateObject;
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
23
|
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
|
|
24
28
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
29
|
|
|
26
30
|
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; }
|
|
@@ -62,7 +66,7 @@ var Content = function Content(_ref) {
|
|
|
62
66
|
*/
|
|
63
67
|
|
|
64
68
|
|
|
65
|
-
var Avatar = function
|
|
69
|
+
var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
66
70
|
var src = _ref2.src,
|
|
67
71
|
alt = _ref2.alt,
|
|
68
72
|
fill = _ref2.fill,
|
|
@@ -81,7 +85,8 @@ var Avatar = function Avatar(_ref2) {
|
|
|
81
85
|
height: 48,
|
|
82
86
|
borderRadius: "small",
|
|
83
87
|
elevation: "small",
|
|
84
|
-
overflow: "hidden"
|
|
88
|
+
overflow: "hidden",
|
|
89
|
+
ref: ref
|
|
85
90
|
}, otherProps), /*#__PURE__*/_react["default"].createElement(Content, {
|
|
86
91
|
icon: icon,
|
|
87
92
|
src: src,
|
|
@@ -90,8 +95,7 @@ var Avatar = function Avatar(_ref2) {
|
|
|
90
95
|
content: children,
|
|
91
96
|
alt: alt
|
|
92
97
|
}));
|
|
93
|
-
};
|
|
94
|
-
|
|
98
|
+
});
|
|
95
99
|
Content.propTypes = _extends({
|
|
96
100
|
src: _propTypes.string,
|
|
97
101
|
icon: _propTypes.func,
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _react =
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
7
|
|
|
8
8
|
var _yogaIcons = require("@gympass/yoga-icons");
|
|
9
9
|
|
|
@@ -13,24 +13,28 @@ var _excluded = ["src", "alt"];
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
21
|
|
|
18
22
|
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; }
|
|
19
23
|
|
|
20
|
-
var AvatarCircle = function
|
|
24
|
+
var AvatarCircle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
21
25
|
var src = _ref.src,
|
|
22
26
|
_ref$alt = _ref.alt,
|
|
23
27
|
alt = _ref$alt === void 0 ? '' : _ref$alt,
|
|
24
28
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
25
29
|
|
|
26
30
|
return /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({}, props, {
|
|
31
|
+
ref: ref,
|
|
27
32
|
src: src,
|
|
28
33
|
alt: alt,
|
|
29
34
|
borderRadius: "circle",
|
|
30
35
|
icon: !src ? _yogaIcons.UserFilled : undefined
|
|
31
36
|
}));
|
|
32
|
-
};
|
|
33
|
-
|
|
37
|
+
});
|
|
34
38
|
AvatarCircle.propTypes = _Avatar["default"].propTypes;
|
|
35
39
|
AvatarCircle.defaultProps = _Avatar["default"].defaultProps;
|
|
36
40
|
AvatarCircle.displayName = 'Avatar.Circle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.Label=exports.ButtonContainer=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=
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.Label=exports.ButtonContainer=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 _propTypes=require("prop-types");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Text=_interopRequireDefault(require("../../Text"));var _excluded=["children","full","disabled","small","pressed","inverted","secondary","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 Label=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n text-align: center;\n ","\n"])),function(_ref){var small=_ref.small,color=_ref.color,button=_ref.theme.yoga.components.button;return"\n font-size: "+(small?button.font.size.small:button.font.size["default"])+"px;\n color: "+color+";\n ";});exports.Label=Label;var ButtonContainer=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref2){var pressed=_ref2.pressed,disabled=_ref2.disabled,full=_ref2.full,small=_ref2.small,inverted=_ref2.inverted,secondary=_ref2.secondary,button=_ref2.theme.yoga.components.button;var state=secondary?'secondary':'primary';return"\n flex-direction: row;\n align-items: center;\n justify-content: center;\n\n background-color: "+button.types.contained.backgroundColor[state]["default"]+";\n border-radius: "+button.border.radius+"px;\n height: "+(small?button.height.small:button.height["default"])+";\n justify-content: center;\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 "+(full?'width: 100%;':'')+"\n\n "+(!disabled&&pressed?"\n background-color: "+button.types.contained.backgroundColor[state].pressed+";\n ":'')+"\n\n "+(disabled?"\n background-color: "+button.types.contained.backgroundColor.disabled+";\n ":'')+"\n\n "+(inverted&&!disabled?"\n background-color: "+button.types.contained.font["default"].color+";\n ":'')+"\n ";});exports.ButtonContainer=ButtonContainer;var Button=(0,_react.forwardRef)(function(_ref3,ref){var children=_ref3.children,full=_ref3.full,disabled=_ref3.disabled,small=_ref3.small,pressed=_ref3.pressed,inverted=_ref3.inverted,secondary=_ref3.secondary,Icon=_ref3.icon,button=_ref3.theme.yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=button.types.contained.font["default"].color;if(disabled){textColor=button.types.contained.font.disabled.color;}else if(inverted){textColor=button.types.contained.backgroundColor[state]["default"];if(pressed){textColor=button.types.contained.backgroundColor[state].pressed;}}else if(pressed){textColor=button.types.contained.font.pressed.color;}return _react["default"].createElement(ButtonContainer,(0,_extends2["default"])({},rest,{full:full,pressed:pressed,disabled:disabled,small:small,inverted:inverted,secondary:secondary,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(Label,{disabled:disabled,pressed:pressed,inverted:inverted,small:small,color:textColor},children));});Button.propTypes={children:_propTypes.node,full:_propTypes.bool,disabled:_propTypes.bool,small:_propTypes.bool,pressed:_propTypes.bool,inverted:_propTypes.bool,secondary:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.func])};Button.defaultProps={children:'Button',full:false,disabled:false,small:false,pressed:false,inverted:false,secondary:false,icon:undefined};var ButtonWithTouchable=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(Button));exports["default"]=ButtonWithTouchable;
|
|
@@ -1 +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=
|
|
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 _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _templateObject;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 Link=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref){var disabled=_ref.disabled,pressed=_ref.pressed,secondary=_ref.secondary,link=_ref.theme.yoga.components.button.types.link;var state=secondary?'secondary':'primary';return"\n color: "+link.font[state].color+";\n\n "+(disabled?"color: "+link.font.disabled.color+";":'')+"\n "+(!disabled&&pressed?"color: "+(0,_yogaCommon.hexToRgb)(link.font[state].color,0.75)+";":'')+"\n ";});var ButtonLink=(0,_react.forwardRef)(function(props,ref){return _react["default"].createElement(Link,(0,_extends2["default"])({},props,{ref:ref}));});ButtonLink.propTypes={disabled:_propTypes.bool,secondary:_propTypes.bool};ButtonLink.defaultProps={disabled:false,secondary:false};ButtonLink.displayName='Button.Link';var _default=(0,_withTouchable["default"])(ButtonLink);exports["default"]=_default;
|
|
@@ -1 +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=
|
|
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;
|
package/cjs/Button/web/Button.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _react =
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
7
|
|
|
8
8
|
var _propTypes = require("prop-types");
|
|
9
9
|
|
|
@@ -13,12 +13,16 @@ var _excluded = ["children", "onClick", "full", "disabled", "inverted", "small",
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
21
|
|
|
18
22
|
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; }
|
|
19
23
|
|
|
20
24
|
/** 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. */
|
|
21
|
-
var Button = function
|
|
25
|
+
var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
22
26
|
var children = _ref.children,
|
|
23
27
|
onClick = _ref.onClick,
|
|
24
28
|
full = _ref.full,
|
|
@@ -36,6 +40,7 @@ var Button = function Button(_ref) {
|
|
|
36
40
|
}
|
|
37
41
|
|
|
38
42
|
return /*#__PURE__*/_react["default"].createElement(_StyledButton["default"], _extends({
|
|
43
|
+
ref: ref,
|
|
39
44
|
disabled: disabled,
|
|
40
45
|
full: full,
|
|
41
46
|
inverted: inverted,
|
|
@@ -43,8 +48,7 @@ var Button = function Button(_ref) {
|
|
|
43
48
|
small: small,
|
|
44
49
|
secondary: secondary
|
|
45
50
|
}, finalProps), Icon && /*#__PURE__*/_react["default"].createElement(Icon, null), children);
|
|
46
|
-
};
|
|
47
|
-
|
|
51
|
+
});
|
|
48
52
|
Button.propTypes = {
|
|
49
53
|
children: _propTypes.node,
|
|
50
54
|
disabled: _propTypes.bool,
|
|
@@ -3,12 +3,8 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports["default"] = void 0;
|
|
5
5
|
|
|
6
|
-
var _react = _interopRequireDefault(require("react"));
|
|
7
|
-
|
|
8
6
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
7
|
|
|
10
|
-
var _propTypes = require("prop-types");
|
|
11
|
-
|
|
12
8
|
var _yogaCommon = require("@gympass/yoga-common");
|
|
13
9
|
|
|
14
10
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
@@ -19,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
19
15
|
|
|
20
16
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
21
17
|
|
|
22
|
-
var
|
|
18
|
+
var ButtonOutline = (0, _styledComponents["default"])(_Button["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
23
19
|
var inverted = _ref.inverted,
|
|
24
20
|
secondary = _ref.secondary,
|
|
25
21
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
@@ -28,31 +24,6 @@ var Outline = (0, _styledComponents["default"])(_Button["default"])(_templateObj
|
|
|
28
24
|
var state = secondary ? 'secondary' : 'primary';
|
|
29
25
|
return "\n background-color: " + outline.backgroundColor["default"] + ";\n border: " + outline.border.width + "px solid;\n border-color: " + outline.font["default"][state].color + ";\n color: " + outline.font["default"][state].color + ";\n\n svg {\n fill: " + outline.font["default"][state].color + ";\n }\n\n &:not([disabled]):hover, &:not([disabled]):focus {\n background-color: " + outline.backgroundColor[state].hover + ";\n color: " + outline.font.hover.color + ";\n\n svg {\n fill: " + outline.font.hover.color + ";\n }\n }\n\n &:not([disabled]):active {\n background-color: " + outline.backgroundColor["default"] + ";\n border-color: " + outline.font.pressed[state].color + ";\n color: " + outline.font.pressed[state].color + ";\n box-shadow: none;\n\n svg {\n fill: " + outline.font.pressed[state].color + ";\n }\n }\n\n &:disabled {\n background-color: " + outline.backgroundColor["default"] + ";\n border-color: " + outline.font.disabled.color + ";\n color: " + outline.font.disabled.color + ";\n\n svg {\n fill: " + outline.font.disabled.color + ";\n }\n }\n\n " + (inverted ? "\n border-color: " + white + ";\n color: " + white + ";\n\n svg {\n fill: " + white + ";\n }\n\n &:not([disabled]):hover, &:not([disabled]):focus {\n background-color: " + white + ";\n color: " + outline.font["default"][state].color + ";\n\n svg {\n fill: " + outline.font["default"][state].color + ";\n }\n }\n\n &:not([disabled]):active {\n background-color: " + outline.backgroundColor["default"] + ";\n border-color: " + (0, _yogaCommon.hexToRgb)(white, 0.75) + ";\n color: " + (0, _yogaCommon.hexToRgb)(white, 0.75) + ";\n\n svg {\n fill: " + (0, _yogaCommon.hexToRgb)(white, 0.75) + ";\n }\n }\n\n &:disabled {\n border-color: " + outline.font.disabled.color + ";\n color: " + outline.font.disabled.color + ";\n svg {\n fill: " + outline.font.disabled.color + ";\n }\n }\n " : '') + "\n ";
|
|
30
26
|
});
|
|
31
|
-
|
|
32
|
-
var ButtonOutline = function ButtonOutline(props) {
|
|
33
|
-
return /*#__PURE__*/_react["default"].createElement(Outline, props);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
ButtonOutline.propTypes = {
|
|
37
|
-
disabled: _propTypes.bool,
|
|
38
|
-
full: _propTypes.bool,
|
|
39
|
-
inverted: _propTypes.bool,
|
|
40
|
-
onClick: _propTypes.func,
|
|
41
|
-
secondary: _propTypes.bool,
|
|
42
|
-
small: _propTypes.bool,
|
|
43
|
-
|
|
44
|
-
/** an Icon from yoga-icons package */
|
|
45
|
-
icon: (0, _propTypes.oneOfType)([_propTypes.node, _propTypes.func])
|
|
46
|
-
};
|
|
47
|
-
ButtonOutline.defaultProps = {
|
|
48
|
-
disabled: false,
|
|
49
|
-
full: false,
|
|
50
|
-
inverted: false,
|
|
51
|
-
onClick: function onClick() {},
|
|
52
|
-
secondary: false,
|
|
53
|
-
small: false,
|
|
54
|
-
icon: undefined
|
|
55
|
-
};
|
|
56
27
|
ButtonOutline.displayName = 'Button.Outline';
|
|
57
28
|
var _default = ButtonOutline;
|
|
58
29
|
exports["default"] = _default;
|
package/esm/Avatar/web/Avatar.js
CHANGED
|
@@ -8,7 +8,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
8
8
|
|
|
9
9
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
10
10
|
|
|
11
|
-
import React from 'react';
|
|
11
|
+
import React, { forwardRef } from 'react';
|
|
12
12
|
import styled from 'styled-components';
|
|
13
13
|
import { BuildingFilled } from '@gympass/yoga-icons';
|
|
14
14
|
import { string, func, checkPropTypes } from 'prop-types';
|
|
@@ -49,7 +49,7 @@ var Content = function Content(_ref) {
|
|
|
49
49
|
*/
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
var Avatar = function
|
|
52
|
+
var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
53
53
|
var src = _ref2.src,
|
|
54
54
|
alt = _ref2.alt,
|
|
55
55
|
fill = _ref2.fill,
|
|
@@ -68,7 +68,8 @@ var Avatar = function Avatar(_ref2) {
|
|
|
68
68
|
height: 48,
|
|
69
69
|
borderRadius: "small",
|
|
70
70
|
elevation: "small",
|
|
71
|
-
overflow: "hidden"
|
|
71
|
+
overflow: "hidden",
|
|
72
|
+
ref: ref
|
|
72
73
|
}, otherProps), /*#__PURE__*/React.createElement(Content, {
|
|
73
74
|
icon: icon,
|
|
74
75
|
src: src,
|
|
@@ -77,8 +78,7 @@ var Avatar = function Avatar(_ref2) {
|
|
|
77
78
|
content: children,
|
|
78
79
|
alt: alt
|
|
79
80
|
}));
|
|
80
|
-
};
|
|
81
|
-
|
|
81
|
+
});
|
|
82
82
|
Content.propTypes = _extends({
|
|
83
83
|
src: string,
|
|
84
84
|
icon: func,
|
|
@@ -4,24 +4,23 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
4
4
|
|
|
5
5
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
6
|
|
|
7
|
-
import React from 'react';
|
|
7
|
+
import React, { forwardRef } from 'react';
|
|
8
8
|
import { UserFilled } from '@gympass/yoga-icons';
|
|
9
9
|
import Avatar from './Avatar';
|
|
10
|
-
|
|
11
|
-
var AvatarCircle = function AvatarCircle(_ref) {
|
|
10
|
+
var AvatarCircle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
12
11
|
var src = _ref.src,
|
|
13
12
|
_ref$alt = _ref.alt,
|
|
14
13
|
alt = _ref$alt === void 0 ? '' : _ref$alt,
|
|
15
14
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
16
15
|
|
|
17
16
|
return /*#__PURE__*/React.createElement(Avatar, _extends({}, props, {
|
|
17
|
+
ref: ref,
|
|
18
18
|
src: src,
|
|
19
19
|
alt: alt,
|
|
20
20
|
borderRadius: "circle",
|
|
21
21
|
icon: !src ? UserFilled : undefined
|
|
22
22
|
}));
|
|
23
|
-
};
|
|
24
|
-
|
|
23
|
+
});
|
|
25
24
|
AvatarCircle.propTypes = Avatar.propTypes;
|
|
26
25
|
AvatarCircle.defaultProps = Avatar.defaultProps;
|
|
27
26
|
AvatarCircle.displayName = 'Avatar.Circle';
|
package/esm/Button/web/Button.js
CHANGED
|
@@ -4,12 +4,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
4
4
|
|
|
5
5
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
6
|
|
|
7
|
-
import React from 'react';
|
|
7
|
+
import React, { forwardRef } from 'react';
|
|
8
8
|
import { func, node, oneOfType, bool, string } from 'prop-types';
|
|
9
9
|
import StyledButton from './StyledButton';
|
|
10
10
|
/** 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. */
|
|
11
11
|
|
|
12
|
-
var Button = function
|
|
12
|
+
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
onClick = _ref.onClick,
|
|
15
15
|
full = _ref.full,
|
|
@@ -27,6 +27,7 @@ var Button = function Button(_ref) {
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
return /*#__PURE__*/React.createElement(StyledButton, _extends({
|
|
30
|
+
ref: ref,
|
|
30
31
|
disabled: disabled,
|
|
31
32
|
full: full,
|
|
32
33
|
inverted: inverted,
|
|
@@ -34,8 +35,7 @@ var Button = function Button(_ref) {
|
|
|
34
35
|
small: small,
|
|
35
36
|
secondary: secondary
|
|
36
37
|
}, finalProps), Icon && /*#__PURE__*/React.createElement(Icon, null), children);
|
|
37
|
-
};
|
|
38
|
-
|
|
38
|
+
});
|
|
39
39
|
Button.propTypes = {
|
|
40
40
|
children: node,
|
|
41
41
|
disabled: bool,
|
|
@@ -2,12 +2,10 @@ var _templateObject;
|
|
|
2
2
|
|
|
3
3
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
4
4
|
|
|
5
|
-
import React from 'react';
|
|
6
5
|
import styled from 'styled-components';
|
|
7
|
-
import { bool, func, node, oneOfType } from 'prop-types';
|
|
8
6
|
import { hexToRgb } from '@gympass/yoga-common';
|
|
9
7
|
import Button from './Button';
|
|
10
|
-
var
|
|
8
|
+
var ButtonOutline = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
11
9
|
var inverted = _ref.inverted,
|
|
12
10
|
secondary = _ref.secondary,
|
|
13
11
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
@@ -16,30 +14,5 @@ var Outline = styled(Button)(_templateObject || (_templateObject = _taggedTempla
|
|
|
16
14
|
var state = secondary ? 'secondary' : 'primary';
|
|
17
15
|
return "\n background-color: " + outline.backgroundColor["default"] + ";\n border: " + outline.border.width + "px solid;\n border-color: " + outline.font["default"][state].color + ";\n color: " + outline.font["default"][state].color + ";\n\n svg {\n fill: " + outline.font["default"][state].color + ";\n }\n\n &:not([disabled]):hover, &:not([disabled]):focus {\n background-color: " + outline.backgroundColor[state].hover + ";\n color: " + outline.font.hover.color + ";\n\n svg {\n fill: " + outline.font.hover.color + ";\n }\n }\n\n &:not([disabled]):active {\n background-color: " + outline.backgroundColor["default"] + ";\n border-color: " + outline.font.pressed[state].color + ";\n color: " + outline.font.pressed[state].color + ";\n box-shadow: none;\n\n svg {\n fill: " + outline.font.pressed[state].color + ";\n }\n }\n\n &:disabled {\n background-color: " + outline.backgroundColor["default"] + ";\n border-color: " + outline.font.disabled.color + ";\n color: " + outline.font.disabled.color + ";\n\n svg {\n fill: " + outline.font.disabled.color + ";\n }\n }\n\n " + (inverted ? "\n border-color: " + white + ";\n color: " + white + ";\n\n svg {\n fill: " + white + ";\n }\n\n &:not([disabled]):hover, &:not([disabled]):focus {\n background-color: " + white + ";\n color: " + outline.font["default"][state].color + ";\n\n svg {\n fill: " + outline.font["default"][state].color + ";\n }\n }\n\n &:not([disabled]):active {\n background-color: " + outline.backgroundColor["default"] + ";\n border-color: " + hexToRgb(white, 0.75) + ";\n color: " + hexToRgb(white, 0.75) + ";\n\n svg {\n fill: " + hexToRgb(white, 0.75) + ";\n }\n }\n\n &:disabled {\n border-color: " + outline.font.disabled.color + ";\n color: " + outline.font.disabled.color + ";\n svg {\n fill: " + outline.font.disabled.color + ";\n }\n }\n " : '') + "\n ";
|
|
18
16
|
});
|
|
19
|
-
|
|
20
|
-
var ButtonOutline = function ButtonOutline(props) {
|
|
21
|
-
return /*#__PURE__*/React.createElement(Outline, props);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
ButtonOutline.propTypes = {
|
|
25
|
-
disabled: bool,
|
|
26
|
-
full: bool,
|
|
27
|
-
inverted: bool,
|
|
28
|
-
onClick: func,
|
|
29
|
-
secondary: bool,
|
|
30
|
-
small: bool,
|
|
31
|
-
|
|
32
|
-
/** an Icon from yoga-icons package */
|
|
33
|
-
icon: oneOfType([node, func])
|
|
34
|
-
};
|
|
35
|
-
ButtonOutline.defaultProps = {
|
|
36
|
-
disabled: false,
|
|
37
|
-
full: false,
|
|
38
|
-
inverted: false,
|
|
39
|
-
onClick: function onClick() {},
|
|
40
|
-
secondary: false,
|
|
41
|
-
small: false,
|
|
42
|
-
icon: undefined
|
|
43
|
-
};
|
|
44
17
|
ButtonOutline.displayName = 'Button.Outline';
|
|
45
18
|
export default ButtonOutline;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.31.0",
|
|
4
4
|
"description": "Gympass component library",
|
|
5
5
|
"main": "./cjs",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"react": ">=16",
|
|
50
50
|
"styled-components": "^4.4.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "d34436120c855348d2b248e0058694a55ef5a83c",
|
|
53
53
|
"module": "./esm",
|
|
54
54
|
"private": false,
|
|
55
55
|
"react-native": "./cjs/index.native.js"
|