@gympass/yoga 7.84.1 → 7.84.3
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/Button/web/Button.js
CHANGED
|
@@ -9,7 +9,7 @@ var _propTypes = require("prop-types");
|
|
|
9
9
|
|
|
10
10
|
var _StyledButton = _interopRequireDefault(require("./StyledButton"));
|
|
11
11
|
|
|
12
|
-
var _excluded = ["
|
|
12
|
+
var _excluded = ["children", "onClick", "full", "disabled", "inverted", "small", "secondary", "icon"];
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
@@ -23,8 +23,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
23
23
|
|
|
24
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. */
|
|
25
25
|
var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
26
|
-
var
|
|
27
|
-
children = _ref.children,
|
|
26
|
+
var children = _ref.children,
|
|
28
27
|
onClick = _ref.onClick,
|
|
29
28
|
full = _ref.full,
|
|
30
29
|
disabled = _ref.disabled,
|
|
@@ -44,7 +43,6 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
44
43
|
ref: ref,
|
|
45
44
|
disabled: disabled,
|
|
46
45
|
"aria-disabled": disabled,
|
|
47
|
-
"aria-label": ariaLabel,
|
|
48
46
|
full: full,
|
|
49
47
|
inverted: inverted,
|
|
50
48
|
onClick: onClick,
|
|
@@ -53,7 +51,6 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
53
51
|
}, finalProps), Icon && /*#__PURE__*/_react["default"].createElement(Icon, null), children);
|
|
54
52
|
});
|
|
55
53
|
Button.propTypes = {
|
|
56
|
-
ariaLabel: _propTypes.string,
|
|
57
54
|
children: _propTypes.node,
|
|
58
55
|
disabled: _propTypes.bool,
|
|
59
56
|
full: _propTypes.bool,
|
|
@@ -67,7 +64,6 @@ Button.propTypes = {
|
|
|
67
64
|
href: _propTypes.string
|
|
68
65
|
};
|
|
69
66
|
Button.defaultProps = {
|
|
70
|
-
ariaLabel: undefined,
|
|
71
67
|
children: 'Button',
|
|
72
68
|
disabled: undefined,
|
|
73
69
|
full: false,
|
package/cjs/Button/web/Icon.js
CHANGED
|
@@ -13,7 +13,7 @@ var _StyledButton = _interopRequireDefault(require("./StyledButton"));
|
|
|
13
13
|
|
|
14
14
|
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
15
15
|
|
|
16
|
-
var _excluded = ["icon", "theme", "small", "disabled"
|
|
16
|
+
var _excluded = ["icon", "theme", "small", "disabled"];
|
|
17
17
|
|
|
18
18
|
var _templateObject;
|
|
19
19
|
|
|
@@ -39,15 +39,13 @@ var ButtonIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
|
39
39
|
button = _ref2.theme.yoga.components.button,
|
|
40
40
|
small = _ref2.small,
|
|
41
41
|
disabled = _ref2.disabled,
|
|
42
|
-
ariaLabel = _ref2.ariaLabel,
|
|
43
42
|
props = _objectWithoutPropertiesLoose(_ref2, _excluded);
|
|
44
43
|
|
|
45
44
|
return /*#__PURE__*/_react["default"].createElement(IconStyled, _extends({}, props, {
|
|
46
45
|
ref: ref,
|
|
47
46
|
small: small,
|
|
48
47
|
disabled: disabled,
|
|
49
|
-
"aria-disabled": disabled
|
|
50
|
-
"aria-label": ariaLabel
|
|
48
|
+
"aria-disabled": disabled
|
|
51
49
|
}), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
52
50
|
as: icon,
|
|
53
51
|
size: small ? button.icon.size.small : button.icon.size["default"]
|
|
@@ -58,16 +56,14 @@ ButtonIcon.propTypes = {
|
|
|
58
56
|
disabled: _propTypes.bool,
|
|
59
57
|
secondary: _propTypes.bool,
|
|
60
58
|
inverted: _propTypes.bool,
|
|
61
|
-
icon: (0, _propTypes.oneOfType)([_propTypes.node, _propTypes.func])
|
|
62
|
-
ariaLabel: _propTypes.string
|
|
59
|
+
icon: (0, _propTypes.oneOfType)([_propTypes.node, _propTypes.func])
|
|
63
60
|
};
|
|
64
61
|
ButtonIcon.defaultProps = {
|
|
65
62
|
small: false,
|
|
66
63
|
disabled: undefined,
|
|
67
64
|
secondary: false,
|
|
68
65
|
inverted: false,
|
|
69
|
-
icon: undefined
|
|
70
|
-
ariaLabel: undefined
|
|
66
|
+
icon: undefined
|
|
71
67
|
};
|
|
72
68
|
ButtonIcon.displayName = 'Button.Icon';
|
|
73
69
|
|
package/esm/Button/web/Button.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["
|
|
1
|
+
var _excluded = ["children", "onClick", "full", "disabled", "inverted", "small", "secondary", "icon"];
|
|
2
2
|
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
4
4
|
|
|
@@ -10,8 +10,7 @@ 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
12
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
13
|
-
var
|
|
14
|
-
children = _ref.children,
|
|
13
|
+
var children = _ref.children,
|
|
15
14
|
onClick = _ref.onClick,
|
|
16
15
|
full = _ref.full,
|
|
17
16
|
disabled = _ref.disabled,
|
|
@@ -31,7 +30,6 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
31
30
|
ref: ref,
|
|
32
31
|
disabled: disabled,
|
|
33
32
|
"aria-disabled": disabled,
|
|
34
|
-
"aria-label": ariaLabel,
|
|
35
33
|
full: full,
|
|
36
34
|
inverted: inverted,
|
|
37
35
|
onClick: onClick,
|
|
@@ -40,7 +38,6 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
40
38
|
}, finalProps), Icon && /*#__PURE__*/React.createElement(Icon, null), children);
|
|
41
39
|
});
|
|
42
40
|
Button.propTypes = {
|
|
43
|
-
ariaLabel: string,
|
|
44
41
|
children: node,
|
|
45
42
|
disabled: bool,
|
|
46
43
|
full: bool,
|
|
@@ -54,7 +51,6 @@ Button.propTypes = {
|
|
|
54
51
|
href: string
|
|
55
52
|
};
|
|
56
53
|
Button.defaultProps = {
|
|
57
|
-
ariaLabel: undefined,
|
|
58
54
|
children: 'Button',
|
|
59
55
|
disabled: undefined,
|
|
60
56
|
full: false,
|
package/esm/Button/web/Icon.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["icon", "theme", "small", "disabled"
|
|
1
|
+
var _excluded = ["icon", "theme", "small", "disabled"];
|
|
2
2
|
|
|
3
3
|
var _templateObject;
|
|
4
4
|
|
|
@@ -9,7 +9,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
9
9
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
10
10
|
|
|
11
11
|
import React, { forwardRef } from 'react';
|
|
12
|
-
import { oneOfType, func, node, bool
|
|
12
|
+
import { oneOfType, func, node, bool } from 'prop-types';
|
|
13
13
|
import styled, { withTheme } from 'styled-components';
|
|
14
14
|
import StyledButton from './StyledButton';
|
|
15
15
|
import Icon from '../../Icon';
|
|
@@ -23,15 +23,13 @@ var ButtonIcon = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
23
23
|
button = _ref2.theme.yoga.components.button,
|
|
24
24
|
small = _ref2.small,
|
|
25
25
|
disabled = _ref2.disabled,
|
|
26
|
-
ariaLabel = _ref2.ariaLabel,
|
|
27
26
|
props = _objectWithoutPropertiesLoose(_ref2, _excluded);
|
|
28
27
|
|
|
29
28
|
return /*#__PURE__*/React.createElement(IconStyled, _extends({}, props, {
|
|
30
29
|
ref: ref,
|
|
31
30
|
small: small,
|
|
32
31
|
disabled: disabled,
|
|
33
|
-
"aria-disabled": disabled
|
|
34
|
-
"aria-label": ariaLabel
|
|
32
|
+
"aria-disabled": disabled
|
|
35
33
|
}), /*#__PURE__*/React.createElement(Icon, {
|
|
36
34
|
as: icon,
|
|
37
35
|
size: small ? button.icon.size.small : button.icon.size["default"]
|
|
@@ -42,16 +40,14 @@ ButtonIcon.propTypes = {
|
|
|
42
40
|
disabled: bool,
|
|
43
41
|
secondary: bool,
|
|
44
42
|
inverted: bool,
|
|
45
|
-
icon: oneOfType([node, func])
|
|
46
|
-
ariaLabel: string
|
|
43
|
+
icon: oneOfType([node, func])
|
|
47
44
|
};
|
|
48
45
|
ButtonIcon.defaultProps = {
|
|
49
46
|
small: false,
|
|
50
47
|
disabled: undefined,
|
|
51
48
|
secondary: false,
|
|
52
49
|
inverted: false,
|
|
53
|
-
icon: undefined
|
|
54
|
-
ariaLabel: undefined
|
|
50
|
+
icon: undefined
|
|
55
51
|
};
|
|
56
52
|
ButtonIcon.displayName = 'Button.Icon';
|
|
57
53
|
export default withTheme(ButtonIcon);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.84.
|
|
3
|
+
"version": "7.84.3",
|
|
4
4
|
"description": "Gympass component library",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@gympass/yoga-common": "^1.3.0",
|
|
29
29
|
"@gympass/yoga-helpers": "^1.0.4",
|
|
30
|
-
"@gympass/yoga-icons": "^1.
|
|
30
|
+
"@gympass/yoga-icons": "^1.17.0",
|
|
31
31
|
"@gympass/yoga-illustrations": "^0.5.2",
|
|
32
32
|
"@gympass/yoga-system": "^0.11.1",
|
|
33
33
|
"@gympass/yoga-tokens": "^3.2.2",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"react-native": "0.72.3",
|
|
56
56
|
"styled-components": "^4.4.0"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "9f7adde370d8eda7c32e372e3b176ad1eeae3919",
|
|
59
59
|
"module": "./esm/index.js",
|
|
60
60
|
"types": "./typings/index.d.ts",
|
|
61
61
|
"private": false,
|