@gympass/yoga 2.5.5 → 2.5.7
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/AutoComplete/AutoComplete.theme.js +2 -2
- package/cjs/AutoComplete/web/AutoComplete.js +15 -61
- package/cjs/Button/native/Button.js +1 -1
- package/cjs/Button/native/Link.js +1 -1
- package/cjs/Button/native/Outline.js +1 -1
- package/cjs/Button/native/Text.js +1 -1
- package/cjs/Button/native/withTouchable.js +1 -1
- package/cjs/Button/web/Button.js +4 -2
- package/cjs/Button/web/Link.js +3 -11
- package/cjs/Button/web/Outline.js +3 -11
- package/cjs/Button/web/StyledButton.js +3 -11
- package/cjs/Button/web/Text.js +3 -11
- package/cjs/Card/index.js +4 -4
- package/cjs/Card/index.native.js +1 -1
- package/cjs/Card/native/Card/Actions.js +1 -1
- package/cjs/Card/native/Card/Card.js +1 -1
- package/cjs/Card/native/Card/Content.js +1 -1
- package/cjs/Card/native/Card/Header.js +1 -1
- package/cjs/Card/native/EventCard/EventCard.js +1 -1
- package/cjs/Card/native/GymCard/CheckIn/Avatar.js +1 -1
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.js +1 -1
- package/cjs/Card/native/GymCard/CheckIn/Content.js +1 -1
- package/cjs/Card/native/GymCard/CheckIn/Header.js +1 -1
- package/cjs/Card/native/PlanCard/Actions.js +1 -1
- package/cjs/Card/native/PlanCard/Content.js +1 -1
- package/cjs/Card/native/PlanCard/PlanCard.js +1 -1
- package/cjs/Card/native/index.js +1 -1
- package/cjs/Card/web/Card/Actions.js +3 -11
- package/cjs/Card/web/Card/Card.js +7 -23
- package/cjs/Card/web/Card/Content.js +3 -11
- package/cjs/Card/web/Card/Header.js +3 -11
- package/cjs/Card/web/EventCard/EventCard.js +15 -81
- package/cjs/Card/web/PlanCard/Actions.js +3 -11
- package/cjs/Card/web/PlanCard/Content.js +8 -34
- package/cjs/Card/web/PlanCard/PlanCard.js +4 -12
- package/cjs/Card/web/index.js +4 -4
- package/cjs/Checkbox/native/Checkbox.js +1 -1
- package/cjs/Checkbox/native/Switch.js +1 -1
- package/cjs/Checkbox/native/index.js +1 -1
- package/cjs/Checkbox/web/Checkbox.js +13 -79
- package/cjs/Checkbox/web/Switch.js +14 -100
- package/cjs/Checkbox/web/index.js +4 -4
- package/cjs/Dropdown/native/Backdrop.js +1 -1
- package/cjs/Dropdown/native/Dropdown.js +1 -1
- package/cjs/Dropdown/native/Options.android.js +1 -1
- package/cjs/Dropdown/native/Options.ios.js +1 -1
- package/cjs/Dropdown/web/Dropdown.js +15 -80
- package/cjs/Grid/index.js +8 -8
- package/cjs/Grid/web/Col.js +6 -34
- package/cjs/Grid/web/Container.js +10 -68
- package/cjs/Grid/web/Hide.js +3 -11
- package/cjs/Grid/web/Row.js +5 -33
- package/cjs/Grid/web/hideQuery.js +16 -164
- package/cjs/Grid/web/index.js +8 -8
- package/cjs/Grid/web/query.js +3 -11
- package/cjs/Grid/web/query.test.js +4 -22
- package/cjs/Input/native/Input.js +1 -1
- package/cjs/Input/native/Password.js +1 -1
- package/cjs/Input/native/index.js +1 -1
- package/cjs/Input/web/Email.js +1 -1
- package/cjs/Input/web/Field.js +7 -45
- package/cjs/Input/web/Fieldset.js +3 -11
- package/cjs/Input/web/Helper.js +4 -22
- package/cjs/Input/web/Input.js +14 -31
- package/cjs/Input/web/Label.js +11 -27
- package/cjs/Input/web/Legend.js +8 -24
- package/cjs/Input/web/Number.js +1 -1
- package/cjs/Input/web/Password.js +13 -39
- package/cjs/Input/web/Tel.js +1 -1
- package/cjs/Input/web/Wrapper.js +3 -11
- package/cjs/Input/web/index.js +8 -8
- package/cjs/List/native/List.js +1 -1
- package/cjs/List/native/ListItem.js +1 -1
- package/cjs/List/native/index.js +1 -1
- package/cjs/List/web/LinkItem.js +4 -12
- package/cjs/List/web/List.js +7 -13
- package/cjs/List/web/ListItem.js +4 -12
- package/cjs/List/web/index.js +4 -4
- package/cjs/Progress/native/Progress.js +1 -1
- package/cjs/Progress/web/Progress.js +9 -35
- package/cjs/RadioGroup/RadioGroupContext.js +1 -1
- package/cjs/RadioGroup/native/Button/RadioButton.js +1 -1
- package/cjs/RadioGroup/native/Radio/Radio.js +1 -1
- package/cjs/RadioGroup/native/RadioGroup.js +1 -1
- package/cjs/RadioGroup/native/index.js +1 -1
- package/cjs/RadioGroup/web/Button/RadioButton.js +13 -28
- package/cjs/RadioGroup/web/Radio/Radio.js +15 -41
- package/cjs/RadioGroup/web/RadioGroup.js +9 -15
- package/cjs/RadioGroup/web/index.js +4 -4
- package/cjs/Rating/native/Rating.js +1 -1
- package/cjs/Rating/web/Rating.js +11 -17
- package/cjs/Slider/native/Label.js +1 -1
- package/cjs/Slider/native/Slider.js +1 -1
- package/cjs/Slider/native/Tooltip.js +1 -1
- package/cjs/Slider/web/Marker.js +7 -13
- package/cjs/Slider/web/Slider.js +17 -31
- package/cjs/Slider/web/Tooltip.js +12 -68
- package/cjs/Stepper/native/Dots.js +1 -1
- package/cjs/Stepper/native/Line.js +1 -1
- package/cjs/Stepper/native/Step.js +1 -1
- package/cjs/Stepper/native/Stepper.js +1 -1
- package/cjs/Stepper/native/index.js +1 -1
- package/cjs/Stepper/web/Dots.js +12 -80
- package/cjs/Stepper/web/Line.js +6 -24
- package/cjs/Stepper/web/Step.js +3 -11
- package/cjs/Stepper/web/Stepper.js +11 -37
- package/cjs/Stepper/web/index.js +4 -4
- package/cjs/Tag/native/Tag.js +1 -1
- package/cjs/Tag/web/Tag.js +10 -16
- package/cjs/Text/native/Text.js +1 -1
- package/cjs/Text/native/index.js +1 -1
- package/cjs/Text/textStyle.js +2 -10
- package/cjs/Text/web/Text.js +4 -12
- package/cjs/Text/web/index.js +6 -6
- package/cjs/TextArea/native/TextArea.js +1 -1
- package/cjs/TextArea/web/TextArea.js +14 -40
- package/cjs/Theme/Provider/Provider.js +7 -5
- package/cjs/Theme/Provider/index.js +4 -4
- package/cjs/Theme/Provider/web/GlobalStyle.js +2 -10
- package/cjs/Theme/Provider/web/ThemeProvider.js +3 -1
- package/cjs/Theme/Provider/web/index.js +4 -4
- package/cjs/Theme/helpers/themeReader/base.test.js +1 -1
- package/cjs/Theme/helpers/themeReader/index.js +1 -1
- package/cjs/Theme/index.js +7 -7
- package/cjs/Theme/index.native.js +1 -1
- package/cjs/Theme/themes/BaseTheme.js +3 -3
- package/cjs/Theme/themes/Corporate.js +2 -2
- package/cjs/Theme/themes/EndUser.js +2 -2
- package/cjs/Theme/themes/Gyms.js +2 -2
- package/cjs/Theme/themes/Wellness.js +2 -2
- package/cjs/Theme/themes/index.js +6 -6
- package/cjs/index.js +51 -51
- package/cjs/index.native.js +1 -1
- package/cjs/shared/HiddenInput.js +3 -11
- package/cjs/shared/index.js +8 -8
- package/cjs/shared/index.native.js +1 -1
- package/cjs/shared/propTypes/index.js +8 -8
- package/esm/AutoComplete/AutoComplete.theme.js +2 -2
- package/esm/AutoComplete/web/AutoComplete.js +12 -58
- package/esm/Button/web/Button.js +4 -2
- package/esm/Button/web/Link.js +2 -10
- package/esm/Button/web/Outline.js +2 -10
- package/esm/Button/web/StyledButton.js +2 -10
- package/esm/Button/web/Text.js +2 -10
- package/esm/Card/web/Card/Actions.js +2 -10
- package/esm/Card/web/Card/Card.js +7 -23
- package/esm/Card/web/Card/Content.js +2 -10
- package/esm/Card/web/Card/Header.js +2 -10
- package/esm/Card/web/EventCard/EventCard.js +12 -78
- package/esm/Card/web/PlanCard/Actions.js +2 -10
- package/esm/Card/web/PlanCard/Content.js +8 -34
- package/esm/Card/web/PlanCard/PlanCard.js +3 -11
- package/esm/Checkbox/web/Checkbox.js +13 -79
- package/esm/Checkbox/web/Switch.js +11 -97
- package/esm/Dropdown/web/Dropdown.js +15 -80
- package/esm/Grid/web/Col.js +5 -33
- package/esm/Grid/web/Container.js +6 -64
- package/esm/Grid/web/Hide.js +2 -10
- package/esm/Grid/web/Row.js +4 -32
- package/esm/Grid/web/hideQuery.js +16 -164
- package/esm/Grid/web/query.js +2 -10
- package/esm/Grid/web/query.test.js +3 -21
- package/esm/Input/web/Email.js +1 -1
- package/esm/Input/web/Field.js +4 -42
- package/esm/Input/web/Fieldset.js +2 -10
- package/esm/Input/web/Helper.js +3 -21
- package/esm/Input/web/Input.js +11 -28
- package/esm/Input/web/Label.js +8 -24
- package/esm/Input/web/Legend.js +8 -24
- package/esm/Input/web/Number.js +1 -1
- package/esm/Input/web/Password.js +10 -36
- package/esm/Input/web/Tel.js +1 -1
- package/esm/Input/web/Wrapper.js +2 -10
- package/esm/List/web/LinkItem.js +3 -11
- package/esm/List/web/List.js +7 -13
- package/esm/List/web/ListItem.js +3 -11
- package/esm/Progress/web/Progress.js +9 -35
- package/esm/RadioGroup/RadioGroupContext.js +1 -1
- package/esm/RadioGroup/web/Button/RadioButton.js +10 -25
- package/esm/RadioGroup/web/Radio/Radio.js +12 -38
- package/esm/RadioGroup/web/RadioGroup.js +9 -15
- package/esm/Rating/web/Rating.js +8 -14
- package/esm/Slider/web/Marker.js +7 -13
- package/esm/Slider/web/Slider.js +14 -28
- package/esm/Slider/web/Tooltip.js +12 -68
- package/esm/Stepper/web/Dots.js +8 -76
- package/esm/Stepper/web/Line.js +3 -21
- package/esm/Stepper/web/Step.js +2 -10
- package/esm/Stepper/web/Stepper.js +8 -34
- package/esm/Tag/web/Tag.js +7 -13
- package/esm/Text/textStyle.js +2 -10
- package/esm/Text/web/Text.js +2 -10
- package/esm/TextArea/web/TextArea.js +11 -37
- package/esm/Theme/Provider/Provider.js +4 -2
- package/esm/Theme/Provider/web/GlobalStyle.js +2 -10
- package/esm/Theme/Provider/web/ThemeProvider.js +3 -1
- package/esm/Theme/helpers/themeReader/base.test.js +1 -1
- package/esm/Theme/helpers/themeReader/index.js +1 -1
- package/esm/Theme/themes/BaseTheme.js +3 -3
- package/esm/Theme/themes/Corporate.js +2 -2
- package/esm/Theme/themes/EndUser.js +2 -2
- package/esm/Theme/themes/Gyms.js +2 -2
- package/esm/Theme/themes/Wellness.js +2 -2
- package/esm/shared/HiddenInput.js +2 -10
- package/package.json +3 -5
- package/LICENSE +0 -21
|
@@ -13,77 +13,21 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
13
13
|
|
|
14
14
|
var _Text = _interopRequireDefault(require("../../Text"));
|
|
15
15
|
|
|
16
|
+
var _excluded = ["data"];
|
|
17
|
+
|
|
18
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
19
|
+
|
|
16
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
21
|
|
|
18
|
-
function _extends() { _extends = Object.assign
|
|
22
|
+
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); }
|
|
19
23
|
|
|
20
24
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
25
|
|
|
22
26
|
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; }
|
|
23
27
|
|
|
24
|
-
function _templateObject6() {
|
|
25
|
-
var data = _taggedTemplateLiteral(["\n display: block;\n text-align: center;\n ", "\n"]);
|
|
26
|
-
|
|
27
|
-
_templateObject6 = function _templateObject6() {
|
|
28
|
-
return data;
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
return data;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
function _templateObject5() {
|
|
35
|
-
var data = _taggedTemplateLiteral(["\n display: block;\n text-align: center;\n ", "\n"]);
|
|
36
|
-
|
|
37
|
-
_templateObject5 = function _templateObject5() {
|
|
38
|
-
return data;
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
return data;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
function _templateObject4() {
|
|
45
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n text-align: center;\n display: block;\n\n ", "\n"]);
|
|
46
|
-
|
|
47
|
-
_templateObject4 = function _templateObject4() {
|
|
48
|
-
return data;
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
return data;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
function _templateObject3() {
|
|
55
|
-
var data = _taggedTemplateLiteral(["\n position: absolute;\n bottom: -5px;\n left: 50%;\n z-index: 2;\n\n width: 16px;\n height: 16px;\n\n border-radius: 3px;\n\n transform: rotate(45deg) translateX(-50%);\n transform-origin: left;\n\n ", "\n"]);
|
|
56
|
-
|
|
57
|
-
_templateObject3 = function _templateObject3() {
|
|
58
|
-
return data;
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
return data;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
function _templateObject2() {
|
|
65
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n z-index: 3;\n\n ", "\n"]);
|
|
66
|
-
|
|
67
|
-
_templateObject2 = function _templateObject2() {
|
|
68
|
-
return data;
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
return data;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function _templateObject() {
|
|
75
|
-
var data = _taggedTemplateLiteral(["\n width: 95px;\n position: absolute;\n bottom: 30px;\n left: 6px;\n\n transform: translateX(-50%);\n\n ", "\n"]);
|
|
76
|
-
|
|
77
|
-
_templateObject = function _templateObject() {
|
|
78
|
-
return data;
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
return data;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
28
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
85
29
|
|
|
86
|
-
var Wrapper = _styledComponents["default"].div(_templateObject(), function (_ref) {
|
|
30
|
+
var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 95px;\n position: absolute;\n bottom: 30px;\n left: 6px;\n\n transform: translateX(-50%);\n\n ", "\n"])), function (_ref) {
|
|
87
31
|
var hasRibbon = _ref.hasRibbon,
|
|
88
32
|
slider = _ref.theme.yoga.components.slider;
|
|
89
33
|
return "\n background-color: ".concat(hasRibbon ? slider.tooltip.ribbon.backgroundColor : slider.tooltip.backgroundColor, ";\n border-radius: ").concat(slider.tooltip.radius, "px;\n box-shadow: ").concat(slider.tooltip.shadow, ";\n ");
|
|
@@ -96,34 +40,34 @@ Wrapper.defaultProps = {
|
|
|
96
40
|
hasRibbon: false
|
|
97
41
|
};
|
|
98
42
|
|
|
99
|
-
var Tip = _styledComponents["default"].div(_templateObject2(), function (_ref2) {
|
|
43
|
+
var Tip = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n z-index: 3;\n\n ", "\n"])), function (_ref2) {
|
|
100
44
|
var slider = _ref2.theme.yoga.components.slider;
|
|
101
45
|
return "\n background-color: ".concat(slider.tooltip.backgroundColor, ";\n border-radius: ").concat(slider.tooltip.radius, "px;\n padding: ").concat(slider.tooltip.padding.top, "px ").concat(slider.tooltip.padding.right, "px ").concat(slider.tooltip.padding.bottom, "px ").concat(slider.tooltip.padding.left, "px;\n ");
|
|
102
46
|
});
|
|
103
47
|
|
|
104
|
-
var Arrow = _styledComponents["default"].div(_templateObject3(), function (_ref3) {
|
|
48
|
+
var Arrow = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n bottom: -5px;\n left: 50%;\n z-index: 2;\n\n width: 16px;\n height: 16px;\n\n border-radius: 3px;\n\n transform: rotate(45deg) translateX(-50%);\n transform-origin: left;\n\n ", "\n"])), function (_ref3) {
|
|
105
49
|
var _ref3$theme$yoga$comp = _ref3.theme.yoga.components.slider.tooltip,
|
|
106
50
|
backgroundColor = _ref3$theme$yoga$comp.backgroundColor,
|
|
107
51
|
shadow = _ref3$theme$yoga$comp.shadow;
|
|
108
52
|
return "\n background-color: ".concat(backgroundColor, ";\n box-shadow: ").concat(shadow, ";\n ");
|
|
109
53
|
});
|
|
110
54
|
|
|
111
|
-
var Ribbon = (0, _styledComponents["default"])(_Text["default"].Tiny)(_templateObject4(), function (_ref4) {
|
|
55
|
+
var Ribbon = (0, _styledComponents["default"])(_Text["default"].Tiny)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n text-align: center;\n display: block;\n\n ", "\n"])), function (_ref4) {
|
|
112
56
|
var slider = _ref4.theme.yoga.components.slider;
|
|
113
57
|
return "\n padding: ".concat(slider.tooltip.ribbon.padding.top, "px ").concat(slider.tooltip.ribbon.padding.right, "px ").concat(slider.tooltip.ribbon.padding.bottom, "px ").concat(slider.tooltip.ribbon.padding.left, "px;\n\n border-top-left-radius: ").concat(slider.tooltip.ribbon.radius, "px;\n border-top-right-radius: ").concat(slider.tooltip.ribbon.radius, "px;\n color: ").concat(slider.tooltip.ribbon.font.color, ";\n\n font-weight: ").concat(slider.tooltip.ribbon.font.weight, ";\n ");
|
|
114
58
|
});
|
|
115
|
-
var Title = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject5(), function (_ref5) {
|
|
59
|
+
var Title = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: block;\n text-align: center;\n ", "\n"])), function (_ref5) {
|
|
116
60
|
var slider = _ref5.theme.yoga.components.slider;
|
|
117
61
|
return "\n color: ".concat(slider.tooltip.font.color, ";\n font-weight: ").concat(slider.tooltip.font.title.weight, ";\n ");
|
|
118
62
|
});
|
|
119
|
-
var Description = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject6(), function (_ref6) {
|
|
63
|
+
var Description = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: block;\n text-align: center;\n ", "\n"])), function (_ref6) {
|
|
120
64
|
var slider = _ref6.theme.yoga.components.slider;
|
|
121
65
|
return "\n color: ".concat(slider.tooltip.font.color, ";\n font-weight: ").concat(slider.tooltip.font.description.weight, ";\n ");
|
|
122
66
|
});
|
|
123
67
|
|
|
124
68
|
var Tooltip = function Tooltip(_ref7) {
|
|
125
69
|
var data = _ref7.data,
|
|
126
|
-
props = _objectWithoutProperties(_ref7,
|
|
70
|
+
props = _objectWithoutProperties(_ref7, _excluded);
|
|
127
71
|
|
|
128
72
|
return Object.keys(data).length ? /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
|
|
129
73
|
hasRibbon: Boolean(data.ribbon)
|
|
@@ -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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _activeDot=_interopRequireDefault(require("../activeDot"));var _Text=_interopRequireDefault(require("../../Text"));
|
|
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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _activeDot=_interopRequireDefault(require("../activeDot"));var _Text=_interopRequireDefault(require("../../Text"));var _templateObject,_templateObject2;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n flex-direction: row;\n justify-content: space-between;\n"])));var DotWrapper=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n width: 15px;\n"])));var Dot=_styledComponents["default"].View(function(_ref){var active=_ref.active,stepper=_ref.theme.yoga.components.stepper;return"\n width: 15px;\n height: 15px;\n\n margin-top: -6px;\n\n border-radius: "+stepper.dot.radius+"px;\n background-color: "+(active?stepper.dot.backgroundColor.active:stepper.dot.backgroundColor.inactive)+";\n ";});var Label=(0,_styledComponents["default"])(_Text["default"].Tiny)(function(_ref2){var active=_ref2.active,stepper=_ref2.theme.yoga.components.stepper;return"\n width: 95px;\n margin-top: 10px;\n margin-left: -40px;\n\n color: "+(active?stepper.label.color.active:stepper.label.color.inactive)+";\n\n font-weight: "+stepper.label.font.weight+";\n text-align: center;\n ";});var Dots=function Dots(_ref3){var activeStep=_ref3.activeStep,labels=_ref3.labels;return _react["default"].createElement(Wrapper,null,labels.map(function(label,index){return _react["default"].createElement(DotWrapper,{key:label},_react["default"].createElement(Dot,{active:(0,_activeDot["default"])(index,activeStep)}),_react["default"].createElement(Label,{active:(0,_activeDot["default"])(index,activeStep)},label));}));};Dots.propTypes={activeStep:_propTypes.number,labels:(0,_propTypes.arrayOf)(_propTypes.string)};Dots.defaultProps={activeStep:0,labels:[]};var _default=Dots;exports["default"]=_default;
|
|
@@ -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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));
|
|
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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n position: relative;\n"])));var InactiveLine=_styledComponents["default"].View(function(_ref){var stepper=_ref.theme.yoga.components.stepper;return"\n width: 100%;\n height: 4px;\n\n position: absolute;\n top: 0;\n\n background-color: "+stepper.line.backgroundColor.inactive+";\n";});var ActiveLine=_styledComponents["default"].View(function(_ref2){var width=_ref2.width,stepper=_ref2.theme.yoga.components.stepper;return"\n position: absolute;\n top: 0;\n\n background-color: "+stepper.line.backgroundColor.active+";\n width: "+width+"%;\n height: 4px;\n";});var Line=function Line(_ref3){var activeStep=_ref3.activeStep,totalSteps=_ref3.totalSteps;return _react["default"].createElement(Wrapper,null,_react["default"].createElement(InactiveLine,null),_react["default"].createElement(ActiveLine,{width:activeStep<=0?0:activeStep/totalSteps*100}));};Line.propTypes={activeStep:_propTypes.number,totalSteps:_propTypes.number};Line.defaultProps={activeStep:0,totalSteps:0};var _default=Line;exports["default"]=_default;
|
|
@@ -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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));
|
|
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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n width: 100%;\n"])));var Step=function Step(props){return _react["default"].createElement(Wrapper,props);};Step.displayName='Stepper.Step';Step.propTypes={label:_propTypes.string.isRequired};var _default=Step;exports["default"]=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _shared=require("../../shared");var _Line=_interopRequireDefault(require("./Line"));var _Dots=_interopRequireDefault(require("./Dots"));var _Step=_interopRequireDefault(require("./Step"));
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _shared=require("../../shared");var _Line=_interopRequireDefault(require("./Line"));var _Dots=_interopRequireDefault(require("./Dots"));var _Step=_interopRequireDefault(require("./Step"));var _excluded=["children","activeStep"];var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n width: 100%;\n"])));var LineWrapper=_styledComponents["default"].View(function(_ref){var stepper=_ref.theme.yoga.components.stepper;return"\n width: 100%;\n padding: 0 "+stepper.padding.right+"px 0 "+stepper.padding.left+"px;\n";});var Stepper=function Stepper(_ref2){var children=_ref2.children,activeStep=_ref2.activeStep,rest=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(Wrapper,rest,_react["default"].createElement(LineWrapper,null,_react["default"].createElement(_Line["default"],{activeStep:activeStep,totalSteps:_react["default"].Children.count(children)-1}),_react["default"].createElement(_Dots["default"],{activeStep:activeStep,labels:_react["default"].Children.map(children,function(child){return child.props.label;})})),_react["default"].Children.toArray(children)[activeStep]);};Stepper.displayName='Stepper';Stepper.propTypes={children:(0,_shared.typeOf)(_Step["default"]),activeStep:_shared.limitChildren};Stepper.defaultProps={children:undefined,activeStep:0};var _default=Stepper;exports["default"]=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Step",{enumerable:true,get:function get(){return _Step["default"];}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper["default"];}});var _Stepper=_interopRequireDefault(require("./Stepper"));var _Step=_interopRequireDefault(require("./Step"));
|
package/cjs/Stepper/web/Dots.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -17,101 +17,33 @@ var _activeDot = _interopRequireDefault(require("../activeDot"));
|
|
|
17
17
|
|
|
18
18
|
var _Text = _interopRequireDefault(require("../../Text"));
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
21
21
|
|
|
22
|
-
function
|
|
22
|
+
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); }
|
|
23
23
|
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _templateObject7() {
|
|
27
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"]);
|
|
28
|
-
|
|
29
|
-
_templateObject7 = function _templateObject7() {
|
|
30
|
-
return data;
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
return data;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
function _templateObject6() {
|
|
37
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n width: 15px;\n\n text-align: center;\n\n ", " {\n position: absolute;\n left: 50%;\n top: 10px;\n\n color: ", ";\n }\n\n ", " {\n position: absolute;\n top: -10px;\n\n background-color: ", ";\n }\n "]);
|
|
38
|
-
|
|
39
|
-
_templateObject6 = function _templateObject6() {
|
|
40
|
-
return data;
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
return data;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
function _templateObject5() {
|
|
47
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
48
|
-
|
|
49
|
-
_templateObject5 = function _templateObject5() {
|
|
50
|
-
return data;
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
return data;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
function _templateObject4() {
|
|
57
|
-
var data = _taggedTemplateLiteral(["\n width: 95px;\n\n font-weight: ", ";\n\n transform: translateX(-50%);\n "]);
|
|
24
|
+
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; }
|
|
58
25
|
|
|
59
|
-
|
|
60
|
-
return data;
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
return data;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
function _templateObject3() {
|
|
67
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
68
|
-
|
|
69
|
-
_templateObject3 = function _templateObject3() {
|
|
70
|
-
return data;
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
return data;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
function _templateObject2() {
|
|
77
|
-
var data = _taggedTemplateLiteral(["\n width: 15px;\n height: 15px;\n\n border-radius: ", "px;\n "]);
|
|
78
|
-
|
|
79
|
-
_templateObject2 = function _templateObject2() {
|
|
80
|
-
return data;
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
return data;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
function _templateObject() {
|
|
87
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
88
|
-
|
|
89
|
-
_templateObject = function _templateObject() {
|
|
90
|
-
return data;
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
return data;
|
|
94
|
-
}
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
95
27
|
|
|
96
28
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
97
29
|
|
|
98
|
-
var Dot = _styledComponents["default"].div(_templateObject(), function (_ref) {
|
|
30
|
+
var Dot = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
99
31
|
var stepper = _ref.theme.yoga.components.stepper;
|
|
100
|
-
return (0, _styledComponents.css)(_templateObject2(), stepper.dot.radius);
|
|
32
|
+
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 15px;\n height: 15px;\n\n border-radius: ", "px;\n "])), stepper.dot.radius);
|
|
101
33
|
});
|
|
102
34
|
|
|
103
|
-
var Label = (0, _styledComponents["default"])(_Text["default"].Tiny)(_templateObject3(), function (_ref2) {
|
|
35
|
+
var Label = (0, _styledComponents["default"])(_Text["default"].Tiny)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
|
|
104
36
|
var stepper = _ref2.theme.yoga.components.stepper;
|
|
105
|
-
return (0, _styledComponents.css)(_templateObject4(), stepper.label.font.weight);
|
|
37
|
+
return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 95px;\n\n font-weight: ", ";\n\n transform: translateX(-50%);\n "])), stepper.label.font.weight);
|
|
106
38
|
});
|
|
107
39
|
|
|
108
|
-
var DotWrapper = _styledComponents["default"].div(_templateObject5(), function (_ref3) {
|
|
40
|
+
var DotWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref3) {
|
|
109
41
|
var active = _ref3.active,
|
|
110
42
|
stepper = _ref3.theme.yoga.components.stepper;
|
|
111
|
-
return (0, _styledComponents.css)(_templateObject6(), Label, active ? stepper.label.color.active : stepper.label.color.inactive, Dot, active ? stepper.dot.backgroundColor.active : stepper.dot.backgroundColor.inactive);
|
|
43
|
+
return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: relative;\n width: 15px;\n\n text-align: center;\n\n ", " {\n position: absolute;\n left: 50%;\n top: 10px;\n\n color: ", ";\n }\n\n ", " {\n position: absolute;\n top: -10px;\n\n background-color: ", ";\n }\n "])), Label, active ? stepper.label.color.active : stepper.label.color.inactive, Dot, active ? stepper.dot.backgroundColor.active : stepper.dot.backgroundColor.inactive);
|
|
112
44
|
});
|
|
113
45
|
|
|
114
|
-
var Wrapper = _styledComponents["default"].div(_templateObject7());
|
|
46
|
+
var Wrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
115
47
|
|
|
116
48
|
var Dots = function Dots(_ref4) {
|
|
117
49
|
var activeStep = _ref4.activeStep,
|
package/cjs/Stepper/web/Line.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -11,36 +11,18 @@ var _propTypes = require("prop-types");
|
|
|
11
11
|
|
|
12
12
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
var _templateObject, _templateObject2;
|
|
15
15
|
|
|
16
|
-
function
|
|
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
17
|
|
|
18
|
-
function
|
|
19
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n height: 4px;\n\n background-color: ", ";\n\n &:after {\n display: block;\n content: '';\n\n width: ", "%;\n height: 4px;\n\n background-color: ", ";\n }\n "]);
|
|
20
|
-
|
|
21
|
-
_templateObject2 = function _templateObject2() {
|
|
22
|
-
return data;
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
return data;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
function _templateObject() {
|
|
29
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
30
|
-
|
|
31
|
-
_templateObject = function _templateObject() {
|
|
32
|
-
return data;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
return data;
|
|
36
|
-
}
|
|
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; }
|
|
37
19
|
|
|
38
20
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
39
21
|
|
|
40
|
-
var Line = _styledComponents["default"].div(_templateObject(), function (_ref) {
|
|
22
|
+
var Line = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
41
23
|
var width = _ref.width,
|
|
42
24
|
stepper = _ref.theme.yoga.components.stepper;
|
|
43
|
-
return (0, _styledComponents.css)(_templateObject2(), stepper.line.backgroundColor.inactive, width, stepper.line.backgroundColor.active);
|
|
25
|
+
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 4px;\n\n background-color: ", ";\n\n &:after {\n display: block;\n content: '';\n\n width: ", "%;\n height: 4px;\n\n background-color: ", ";\n }\n "])), stepper.line.backgroundColor.inactive, width, stepper.line.backgroundColor.active);
|
|
44
26
|
});
|
|
45
27
|
|
|
46
28
|
Line.propTypes = {
|
package/cjs/Stepper/web/Step.js
CHANGED
|
@@ -11,21 +11,13 @@ var _propTypes = require("prop-types");
|
|
|
11
11
|
|
|
12
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
function _templateObject() {
|
|
17
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n"]);
|
|
14
|
+
var _templateObject;
|
|
18
15
|
|
|
19
|
-
|
|
20
|
-
return data;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
return data;
|
|
24
|
-
}
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
17
|
|
|
26
18
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
27
19
|
|
|
28
|
-
var Wrapper = _styledComponents["default"].div(_templateObject());
|
|
20
|
+
var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
29
21
|
|
|
30
22
|
var Step = function Step(props) {
|
|
31
23
|
return /*#__PURE__*/_react["default"].createElement(Wrapper, props);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -19,9 +19,13 @@ var _Line = _interopRequireDefault(require("./Line"));
|
|
|
19
19
|
|
|
20
20
|
var _Step = _interopRequireDefault(require("./Step"));
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
var _excluded = ["children", "activeStep"];
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
25
|
+
|
|
26
|
+
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); }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
25
29
|
|
|
26
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
31
|
|
|
@@ -29,43 +33,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
29
33
|
|
|
30
34
|
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; }
|
|
31
35
|
|
|
32
|
-
function _templateObject3() {
|
|
33
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n height: 46px;\n\n padding: 0 ", "px 0 ", "px;\n "]);
|
|
34
|
-
|
|
35
|
-
_templateObject3 = function _templateObject3() {
|
|
36
|
-
return data;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
return data;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
function _templateObject2() {
|
|
43
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
44
|
-
|
|
45
|
-
_templateObject2 = function _templateObject2() {
|
|
46
|
-
return data;
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
return data;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
function _templateObject() {
|
|
53
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"]);
|
|
54
|
-
|
|
55
|
-
_templateObject = function _templateObject() {
|
|
56
|
-
return data;
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
return data;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
36
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
63
37
|
|
|
64
|
-
var Root = _styledComponents["default"].div(_templateObject());
|
|
38
|
+
var Root = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"])));
|
|
65
39
|
|
|
66
|
-
var LineWrapper = _styledComponents["default"].div(_templateObject2(), function (_ref) {
|
|
40
|
+
var LineWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
67
41
|
var stepper = _ref.theme.yoga.components.stepper;
|
|
68
|
-
return (0, _styledComponents.css)(_templateObject3(), stepper.padding.right, stepper.padding.left);
|
|
42
|
+
return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n height: 46px;\n\n padding: 0 ", "px 0 ", "px;\n "])), stepper.padding.right, stepper.padding.left);
|
|
69
43
|
});
|
|
70
44
|
/** Stepper is responsible for the logic that drives a stepped workflow, it
|
|
71
45
|
provides a wizard-like workflow by dividing content into logical steps. */
|
|
@@ -74,7 +48,7 @@ provides a wizard-like workflow by dividing content into logical steps. */
|
|
|
74
48
|
var Stepper = function Stepper(_ref2) {
|
|
75
49
|
var children = _ref2.children,
|
|
76
50
|
activeStep = _ref2.activeStep,
|
|
77
|
-
rest = _objectWithoutProperties(_ref2,
|
|
51
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
78
52
|
|
|
79
53
|
return /*#__PURE__*/_react["default"].createElement(Root, rest, /*#__PURE__*/_react["default"].createElement(LineWrapper, null, /*#__PURE__*/_react["default"].createElement(_Line["default"], {
|
|
80
54
|
width: activeStep <= 0 ? 0 : activeStep / (_react["default"].Children.count(children) - 1) * 100
|
package/cjs/Stepper/web/index.js
CHANGED
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "Step", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return
|
|
9
|
+
return _Step["default"];
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "Stepper", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return
|
|
15
|
+
return _Stepper["default"];
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
|
package/cjs/Tag/native/Tag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaIcons=require("@gympass/yoga-icons");var _excluded=["icon","children","variant","theme"];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 StyledTag=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref){var color=_ref.color,full=_ref.full,tag=_ref.theme.yoga.components.tag;return"\n width: "+(full?'100%':'auto')+";\n padding: \n "+tag.padding.top+"px \n "+tag.padding.right+"px \n "+tag.padding.bottom+"px \n "+tag.padding.left+"px;\n\n background-color: "+color[0]+";\n border-radius: "+tag.border.radius+"px;\n ";});var Wrapper=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n flex-direction: row;\n justify-content: center;\n align-items: center;\n"])));var StyledText=_styledComponents["default"].Text(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref2){var color=_ref2.color,tag=_ref2.theme.yoga.components.tag;return"\n color: "+color[1]+";\n\n font-size: "+tag.font.size+"px;\n font-weight: "+tag.font.weight+";\n ";});var Tag=function Tag(_ref3){var Icon=_ref3.icon,children=_ref3.children,variant=_ref3.variant,_ref3$theme$yoga=_ref3.theme.yoga,tag=_ref3$theme$yoga.components.tag,_ref3$theme$yoga$colo=_ref3$theme$yoga.colors,_ref3$theme$yoga$colo2=_ref3$theme$yoga$colo.gray,background=_ref3$theme$yoga$colo2[1],text=_ref3$theme$yoga$colo2[8],_ref3$theme$yoga$colo3=_ref3$theme$yoga$colo[variant],color=_ref3$theme$yoga$colo3===void 0?[background,text]:_ref3$theme$yoga$colo3,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);return _react["default"].createElement(StyledTag,(0,_extends2["default"])({color:color},props),_react["default"].createElement(Wrapper,null,Icon&&_react["default"].createElement(Icon,{width:14,height:12,fill:color[1],style:{marginRight:tag.icon.margin.right+1}}),_react["default"].createElement(StyledText,{color:color},children)));};Tag.propTypes={icon:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.func]),full:_propTypes.bool,variant:(0,_propTypes.oneOf)(['','positive','negative','informative','warning']),children:_propTypes.node.isRequired};Tag.defaultProps={icon:_yogaIcons.TriangleAlert,full:false,variant:''};var _default=(0,_styledComponents.withTheme)(Tag);exports["default"]=_default;
|
package/cjs/Tag/web/Tag.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -15,31 +15,25 @@ var _propTypes = require("prop-types");
|
|
|
15
15
|
|
|
16
16
|
var _yogaIcons = require("@gympass/yoga-icons");
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
var _excluded = ["icon", "children", "variant", "theme"];
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
var _templateObject;
|
|
21
|
+
|
|
22
|
+
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); }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
21
25
|
|
|
22
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
27
|
|
|
24
|
-
function _extends() { _extends = Object.assign
|
|
28
|
+
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); }
|
|
25
29
|
|
|
26
30
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
31
|
|
|
28
32
|
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; }
|
|
29
33
|
|
|
30
|
-
function _templateObject() {
|
|
31
|
-
var data = _taggedTemplateLiteral(["\n justify-content: center;\n align-items: center;\n\n ", "\n"]);
|
|
32
|
-
|
|
33
|
-
_templateObject = function _templateObject() {
|
|
34
|
-
return data;
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
return data;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
34
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
41
35
|
|
|
42
|
-
var StyledTag = _styledComponents["default"].div(_templateObject(), function (_ref) {
|
|
36
|
+
var StyledTag = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n justify-content: center;\n align-items: center;\n\n ", "\n"])), function (_ref) {
|
|
43
37
|
var color = _ref.color,
|
|
44
38
|
full = _ref.full,
|
|
45
39
|
tag = _ref.theme.yoga.components.tag;
|
|
@@ -58,7 +52,7 @@ var Tag = function Tag(_ref2) {
|
|
|
58
52
|
text = _ref2$theme$yoga$colo2[8],
|
|
59
53
|
_ref2$theme$yoga$colo3 = _ref2$theme$yoga$colo[variant],
|
|
60
54
|
color = _ref2$theme$yoga$colo3 === void 0 ? [background, text] : _ref2$theme$yoga$colo3,
|
|
61
|
-
props = _objectWithoutProperties(_ref2,
|
|
55
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
62
56
|
|
|
63
57
|
return /*#__PURE__*/_react["default"].createElement(StyledTag, _extends({
|
|
64
58
|
color: color
|
package/cjs/Text/native/Text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tiny=exports.Small=exports.H4=exports.H3=exports.H2=exports.H1=
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tiny=exports.Text=exports.Small=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _textStyle=_interopRequireDefault(require("../textStyle"));var _templateObject;var styledText=function styledText(type){return _styledComponents["default"].Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),(0,_textStyle["default"])(type));};var H1=styledText('h1');exports.H1=H1;H1.displayName='Text.H1';var H2=styledText('h2');exports.H2=H2;H2.displayName='Text.H2';var H3=styledText('h3');exports.H3=H3;H3.displayName='Text.H3';var H4=styledText('h4');exports.H4=H4;H4.displayName='Text.H4';var Small=styledText('small');exports.Small=Small;Small.displayName='Text.Small';var Tiny=styledText('tiny');exports.Tiny=Tiny;Tiny.displayName='Text.Tiny';var Paragraph=styledText('p');var Text=function Text(props){return _react["default"].createElement(Paragraph,props);};exports.Text=Text;Text.displayName='Text';Text.propTypes={inverted:_propTypes.bool,variant:(0,_propTypes.oneOf)(['primary','secondary','tertiary'])};Text.defaultProps={inverted:false,variant:undefined};
|
package/cjs/Text/native/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"H1",{enumerable:true,get:function get(){return _Text.H1;}});Object.defineProperty(exports,"H2",{enumerable:true,get:function get(){return _Text.H2;}});Object.defineProperty(exports,"H3",{enumerable:true,get:function get(){return _Text.H3;}});Object.defineProperty(exports,"H4",{enumerable:true,get:function get(){return _Text.H4;}});Object.defineProperty(exports,"Small",{enumerable:true,get:function get(){return _Text.Small;}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text.Text;}});Object.defineProperty(exports,"Tiny",{enumerable:true,get:function get(){return _Text.Tiny;}});var _Text=require("./Text");
|