@gympass/yoga 2.5.6 → 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 +2 -3
- package/LICENSE +0 -21
package/esm/Input/web/Field.js
CHANGED
|
@@ -1,54 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
var data = _taggedTemplateLiteral(["\n & + label {\n ", "\n }\n "]);
|
|
3
|
-
|
|
4
|
-
_templateObject4 = function _templateObject4() {
|
|
5
|
-
return data;
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
return data;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
function _templateObject3() {
|
|
12
|
-
var data = _taggedTemplateLiteral(["\n height: 100%;\n\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n\n color: ", ";\n border: none;\n\n font-family: ", ", sans-serif;\n font-size: ", "px;\n font-weight: ", ";\n\n box-sizing: border-box;\n\n &:focus {\n color: ", ";\n\n & + label {\n ", "\n\n font-weight: ", ";\n color: ", ";\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n }\n\n ", "\n "]);
|
|
13
|
-
|
|
14
|
-
_templateObject3 = function _templateObject3() {
|
|
15
|
-
return data;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
return data;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
function _templateObject2() {
|
|
22
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n\n background-color: transparent;\n\n appearance: none;\n outline: none;\n\n ", "\n\n &[type=\"number\"]::-webkit-outer-spin-button,\n &[type=\"number\"]::-webkit-inner-spin-button {\n display: none;\n }\n\n &:invalid {\n box-shadow: none;\n }\n"]);
|
|
23
|
-
|
|
24
|
-
_templateObject2 = function _templateObject2() {
|
|
25
|
-
return data;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
return data;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function _templateObject() {
|
|
32
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
33
|
-
|
|
34
|
-
_templateObject = function _templateObject() {
|
|
35
|
-
return data;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
return data;
|
|
39
|
-
}
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
40
2
|
|
|
41
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
42
4
|
|
|
43
5
|
import styled, { css } from 'styled-components';
|
|
44
6
|
var ICON_SIZE = 24;
|
|
45
|
-
var labelTransition = css(_templateObject(), function (_ref) {
|
|
7
|
+
var labelTransition = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
46
8
|
var _ref$theme$yoga = _ref.theme.yoga,
|
|
47
9
|
transition = _ref$theme$yoga.transition,
|
|
48
10
|
input = _ref$theme$yoga.components.input;
|
|
49
11
|
return "\n top: 0;\n left: ".concat(input.padding.left, "px;\n\n font-size: ").concat(input.label.font.size.typed, "px;\n\n transform: translateY(-50%);\n transition-duration: ").concat(transition.duration[1], "ms;\n transition-timing-function: cubic-bezier(").concat(transition.timing[0].join(), ");\n ");
|
|
50
12
|
});
|
|
51
|
-
var Field = styled.input(_templateObject2(), function (_ref2) {
|
|
13
|
+
var Field = styled.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n\n background-color: transparent;\n\n appearance: none;\n outline: none;\n\n ", "\n\n &[type=\"number\"]::-webkit-outer-spin-button,\n &[type=\"number\"]::-webkit-inner-spin-button {\n display: none;\n }\n\n &:invalid {\n box-shadow: none;\n }\n"])), function (_ref2) {
|
|
52
14
|
var cleanable = _ref2.cleanable,
|
|
53
15
|
error = _ref2.error,
|
|
54
16
|
typed = _ref2.typed,
|
|
@@ -56,6 +18,6 @@ var Field = styled.input(_templateObject2(), function (_ref2) {
|
|
|
56
18
|
colors = _ref2$theme$yoga.colors,
|
|
57
19
|
baseFont = _ref2$theme$yoga.baseFont,
|
|
58
20
|
input = _ref2$theme$yoga.components.input;
|
|
59
|
-
return css(_templateObject3(), input.padding.top, cleanable ? ICON_SIZE + input.padding.right : input.padding.right, input.padding.bottom, input.padding.left, input.font.color.focus, baseFont.family, input.font.size, input.font.weight, input.font.color.focus, labelTransition, input.label.font.weight.typed, error ? "".concat(colors.negative[1]) : "".concat(colors.gray.darker), colors.disabled.background, input.label.color["default"], typed ? css(_templateObject4(), labelTransition) : '');
|
|
21
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n height: 100%;\n\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n\n color: ", ";\n border: none;\n\n font-family: ", ", sans-serif;\n font-size: ", "px;\n font-weight: ", ";\n\n box-sizing: border-box;\n\n &:focus {\n color: ", ";\n\n & + label {\n ", "\n\n font-weight: ", ";\n color: ", ";\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n }\n\n ", "\n "])), input.padding.top, cleanable ? ICON_SIZE + input.padding.right : input.padding.right, input.padding.bottom, input.padding.left, input.font.color.focus, baseFont.family, input.font.size, input.font.weight, input.font.color.focus, labelTransition, input.label.font.weight.typed, error ? "".concat(colors.negative[1]) : "".concat(colors.gray.darker), colors.disabled.background, input.label.color["default"], typed ? css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n & + label {\n ", "\n }\n "])), labelTransition) : '');
|
|
60
22
|
});
|
|
61
23
|
export default Field;
|
|
@@ -1,17 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
var data = _taggedTemplateLiteral(["\n position: absolute;\n top: -7px;\n left: 0;\n padding: 0;\n padding-left: 0px;\n right: 0;\n bottom: 0;\n margin: 0;\n pointer-events: none;\n\n ", "\n"]);
|
|
3
|
-
|
|
4
|
-
_templateObject = function _templateObject() {
|
|
5
|
-
return data;
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
return data;
|
|
9
|
-
}
|
|
1
|
+
var _templateObject;
|
|
10
2
|
|
|
11
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
12
4
|
|
|
13
5
|
import styled from 'styled-components';
|
|
14
|
-
var Fieldset = styled.fieldset(_templateObject(), function (_ref) {
|
|
6
|
+
var Fieldset = styled.fieldset(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: -7px;\n left: 0;\n padding: 0;\n padding-left: 0px;\n right: 0;\n bottom: 0;\n margin: 0;\n pointer-events: none;\n\n ", "\n"])), function (_ref) {
|
|
15
7
|
var input = _ref.theme.yoga.components.input;
|
|
16
8
|
return "\n border-radius: ".concat(input.border.radius, "px;\n border: ").concat(input.border.width, "px solid ").concat(input.border.color["default"], ";\n padding-left: ").concat(input.label.padding.left + input.border.radius, "px;\n ");
|
|
17
9
|
});
|
package/esm/Input/web/Helper.js
CHANGED
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
3
|
-
|
|
4
|
-
_templateObject2 = function _templateObject2() {
|
|
5
|
-
return data;
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
return data;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
function _templateObject() {
|
|
12
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
13
|
-
|
|
14
|
-
_templateObject = function _templateObject() {
|
|
15
|
-
return data;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
return data;
|
|
19
|
-
}
|
|
1
|
+
var _templateObject, _templateObject2;
|
|
20
2
|
|
|
21
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
22
4
|
|
|
23
5
|
import React from 'react';
|
|
24
6
|
import styled from 'styled-components';
|
|
25
7
|
import { bool, string, number } from 'prop-types';
|
|
26
|
-
var Wrapper = styled.div(_templateObject(), function (_ref) {
|
|
8
|
+
var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
27
9
|
var disabled = _ref.disabled,
|
|
28
10
|
error = _ref.error,
|
|
29
11
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
@@ -31,7 +13,7 @@ var Wrapper = styled.div(_templateObject(), function (_ref) {
|
|
|
31
13
|
input = _ref$theme$yoga.components.input;
|
|
32
14
|
return "\n display: flex;\n margin-top: ".concat(input.helper.margin.top, "px;\n\n color: ").concat(input.helper.color, ";\n\n ").concat(error ? "color: ".concat(colors.negative[1], ";") : '', "\n ").concat(disabled ? "color: ".concat(colors.disabled.background, ";") : '', "\n ");
|
|
33
15
|
});
|
|
34
|
-
var Info = styled.span(_templateObject2(), function (_ref2) {
|
|
16
|
+
var Info = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
|
|
35
17
|
var right = _ref2.right,
|
|
36
18
|
input = _ref2.theme.yoga.components.input;
|
|
37
19
|
return "\n font-size: ".concat(input.helper.font.size, "px;\n \n ").concat(right ? 'margin-left: auto;' : '', "\n ");
|
package/esm/Input/web/Input.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["className", "cleanable", "disabled", "error", "full", "helper", "label", "maxLength", "readOnly", "style", "value", "onChange", "onClean"];
|
|
2
|
+
|
|
3
|
+
var _templateObject, _templateObject2;
|
|
4
|
+
|
|
5
|
+
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); }
|
|
2
6
|
|
|
3
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
8
|
|
|
@@ -8,7 +12,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
8
12
|
|
|
9
13
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10
14
|
|
|
11
|
-
function _iterableToArrayLimit(arr, i) {
|
|
15
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
16
|
|
|
13
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
18
|
|
|
@@ -16,26 +20,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
16
20
|
|
|
17
21
|
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; }
|
|
18
22
|
|
|
19
|
-
function _templateObject2() {
|
|
20
|
-
var data = _taggedTemplateLiteral(["\n ", "px\n "]);
|
|
21
|
-
|
|
22
|
-
_templateObject2 = function _templateObject2() {
|
|
23
|
-
return data;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
return data;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
function _templateObject() {
|
|
30
|
-
var data = _taggedTemplateLiteral(["\n box-sizing: border-box;\n width: ", ";\n"]);
|
|
31
|
-
|
|
32
|
-
_templateObject = function _templateObject() {
|
|
33
|
-
return data;
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
return data;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
23
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
40
24
|
|
|
41
25
|
import React, { useState, useRef, useEffect } from 'react';
|
|
@@ -47,11 +31,11 @@ import Wrapper from './Wrapper';
|
|
|
47
31
|
import Field from './Field';
|
|
48
32
|
import Label from './Label';
|
|
49
33
|
import Helper from './Helper';
|
|
50
|
-
var Control = styled.div(_templateObject(), function (_ref) {
|
|
34
|
+
var Control = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-sizing: border-box;\n width: ", ";\n"])), function (_ref) {
|
|
51
35
|
var full = _ref.full;
|
|
52
|
-
return full ? '100%' : css(_templateObject2(), theme.components.input.width);
|
|
36
|
+
return full ? '100%' : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "px\n "])), theme.components.input.width);
|
|
53
37
|
});
|
|
54
|
-
var Input = React.forwardRef(function (_ref2, ref) {
|
|
38
|
+
var Input = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
55
39
|
var className = _ref2.className,
|
|
56
40
|
cleanable = _ref2.cleanable,
|
|
57
41
|
disabled = _ref2.disabled,
|
|
@@ -65,7 +49,7 @@ var Input = React.forwardRef(function (_ref2, ref) {
|
|
|
65
49
|
value = _ref2.value,
|
|
66
50
|
_onChange = _ref2.onChange,
|
|
67
51
|
onClean = _ref2.onClean,
|
|
68
|
-
props = _objectWithoutProperties(_ref2,
|
|
52
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
69
53
|
|
|
70
54
|
var _useState = useState(Boolean(value)),
|
|
71
55
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -108,8 +92,7 @@ var Input = React.forwardRef(function (_ref2, ref) {
|
|
|
108
92
|
full: full,
|
|
109
93
|
readOnly: readOnly,
|
|
110
94
|
maxLength: maxLength,
|
|
111
|
-
typed: typed
|
|
112
|
-
}, {
|
|
95
|
+
typed: typed,
|
|
113
96
|
ref: inputRef,
|
|
114
97
|
value: inputValue,
|
|
115
98
|
onChange: function onChange(e) {
|
package/esm/Input/web/Label.js
CHANGED
|
@@ -1,28 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "typed", "error", "disabled"];
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
function _templateObject2() {
|
|
8
|
-
var data = _taggedTemplateLiteral(["\n top: ", "px;\n left: ", "px;\n\n font-size: ", "px;\n font-weight: ", ";\n color: ", ";\n\n transform: translateY(-40%);\n\n transition-duration: ", "ms;\n transition-timing-function: cubic-bezier(", ");\n\n ", "\n ", "\n "]);
|
|
3
|
+
var _templateObject, _templateObject2;
|
|
9
4
|
|
|
10
|
-
|
|
11
|
-
return data;
|
|
12
|
-
};
|
|
5
|
+
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); }
|
|
13
6
|
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function _templateObject() {
|
|
18
|
-
var data = _taggedTemplateLiteral(["\n position: absolute;\n\n letter-spacing: normal;\n pointer-events: none;\n user-select: none;\n\n ", "\n"]);
|
|
19
|
-
|
|
20
|
-
_templateObject = function _templateObject() {
|
|
21
|
-
return data;
|
|
22
|
-
};
|
|
7
|
+
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; }
|
|
23
8
|
|
|
24
|
-
|
|
25
|
-
}
|
|
9
|
+
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; }
|
|
26
10
|
|
|
27
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
28
12
|
|
|
@@ -31,14 +15,14 @@ import styled, { css } from 'styled-components';
|
|
|
31
15
|
import { bool, node, string } from 'prop-types';
|
|
32
16
|
import Fieldset from './Fieldset';
|
|
33
17
|
import Legend from './Legend';
|
|
34
|
-
var StyledLabel = styled.label(_templateObject(), function (_ref) {
|
|
18
|
+
var StyledLabel = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n\n letter-spacing: normal;\n pointer-events: none;\n user-select: none;\n\n ", "\n"])), function (_ref) {
|
|
35
19
|
var disabled = _ref.disabled,
|
|
36
20
|
error = _ref.error,
|
|
37
21
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
38
22
|
colors = _ref$theme$yoga.colors,
|
|
39
23
|
transition = _ref$theme$yoga.transition,
|
|
40
24
|
input = _ref$theme$yoga.components.input;
|
|
41
|
-
return css(_templateObject2(), input.padding.top * 1.5, input.padding.left, input.label.font.size["default"], input.label.font.weight["default"], input.label.color["default"], transition.duration[1], transition.timing[0].join(), error ? "color: ".concat(colors.negative[1], ";") : '', disabled ? "color: ".concat(colors.disabled.background, ";") : '');
|
|
25
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n top: ", "px;\n left: ", "px;\n\n font-size: ", "px;\n font-weight: ", ";\n color: ", ";\n\n transform: translateY(-40%);\n\n transition-duration: ", "ms;\n transition-timing-function: cubic-bezier(", ");\n\n ", "\n ", "\n "])), input.padding.top * 1.5, input.padding.left, input.label.font.size["default"], input.label.font.weight["default"], input.label.color["default"], transition.duration[1], transition.timing[0].join(), error ? "color: ".concat(colors.negative[1], ";") : '', disabled ? "color: ".concat(colors.disabled.background, ";") : '');
|
|
42
26
|
});
|
|
43
27
|
|
|
44
28
|
var Label = function Label(_ref2) {
|
|
@@ -46,7 +30,7 @@ var Label = function Label(_ref2) {
|
|
|
46
30
|
typed = _ref2.typed,
|
|
47
31
|
error = _ref2.error,
|
|
48
32
|
disabled = _ref2.disabled,
|
|
49
|
-
props = _objectWithoutProperties(_ref2,
|
|
33
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
50
34
|
|
|
51
35
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledLabel, _extends({
|
|
52
36
|
error: error,
|
package/esm/Input/web/Legend.js
CHANGED
|
@@ -1,40 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "typed"];
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
function _templateObject2() {
|
|
8
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
3
|
+
var _templateObject, _templateObject2;
|
|
9
4
|
|
|
10
|
-
|
|
11
|
-
return data;
|
|
12
|
-
};
|
|
5
|
+
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); }
|
|
13
6
|
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function _templateObject() {
|
|
18
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n padding: 0;\n\n max-width: 0.01px;\n width: auto;\n height: 14px;\n\n font-weight: normal;\n\n transition: max-width ease 50ms;\n visibility: hidden;\n\n ", "\n"]);
|
|
19
|
-
|
|
20
|
-
_templateObject = function _templateObject() {
|
|
21
|
-
return data;
|
|
22
|
-
};
|
|
7
|
+
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; }
|
|
23
8
|
|
|
24
|
-
|
|
25
|
-
}
|
|
9
|
+
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; }
|
|
26
10
|
|
|
27
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
28
12
|
|
|
29
13
|
import React from 'react';
|
|
30
14
|
import styled from 'styled-components';
|
|
31
15
|
import { bool, node } from 'prop-types';
|
|
32
|
-
var StyledLegend = styled.legend(_templateObject(), function (_ref) {
|
|
16
|
+
var StyledLegend = styled.legend(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n padding: 0;\n\n max-width: 0.01px;\n width: auto;\n height: 14px;\n\n font-weight: normal;\n\n transition: max-width ease 50ms;\n visibility: hidden;\n\n ", "\n"])), function (_ref) {
|
|
33
17
|
var typed = _ref.typed,
|
|
34
18
|
input = _ref.theme.yoga.components.input;
|
|
35
19
|
return "\n max-width: ".concat(typed ? '1000' : '0.01', "px;\n\n font-size: ").concat(input.label.font.size.typed, "px;\n letter-spacing: normal;\n ");
|
|
36
20
|
});
|
|
37
|
-
var HiddenSpan = styled.span(_templateObject2(), function (_ref2) {
|
|
21
|
+
var HiddenSpan = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
|
|
38
22
|
var input = _ref2.theme.yoga.components.input;
|
|
39
23
|
return "\n padding-left: ".concat(input.label.padding.left, "px;\n padding-right: ").concat(input.label.padding.right, "px;\n ");
|
|
40
24
|
});
|
|
@@ -42,7 +26,7 @@ var HiddenSpan = styled.span(_templateObject2(), function (_ref2) {
|
|
|
42
26
|
var Legend = function Legend(_ref3) {
|
|
43
27
|
var children = _ref3.children,
|
|
44
28
|
typed = _ref3.typed,
|
|
45
|
-
props = _objectWithoutProperties(_ref3,
|
|
29
|
+
props = _objectWithoutProperties(_ref3, _excluded);
|
|
46
30
|
|
|
47
31
|
return /*#__PURE__*/React.createElement(StyledLegend, _extends({
|
|
48
32
|
typed: typed
|
package/esm/Input/web/Number.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
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); }
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import Input from './Input';
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["disabled", "style", "className", "full"];
|
|
2
|
+
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
4
|
+
|
|
5
|
+
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); }
|
|
2
6
|
|
|
3
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
8
|
|
|
@@ -8,7 +12,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
8
12
|
|
|
9
13
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10
14
|
|
|
11
|
-
function _iterableToArrayLimit(arr, i) {
|
|
15
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
16
|
|
|
13
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
18
|
|
|
@@ -16,36 +20,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
16
20
|
|
|
17
21
|
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; }
|
|
18
22
|
|
|
19
|
-
function _templateObject3() {
|
|
20
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
21
|
-
|
|
22
|
-
_templateObject3 = function _templateObject3() {
|
|
23
|
-
return data;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
return data;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
function _templateObject2() {
|
|
30
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n display: inline-block;\n\n ", "\n"]);
|
|
31
|
-
|
|
32
|
-
_templateObject2 = function _templateObject2() {
|
|
33
|
-
return data;
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
return data;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
function _templateObject() {
|
|
40
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
41
|
-
|
|
42
|
-
_templateObject = function _templateObject() {
|
|
43
|
-
return data;
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
return data;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
23
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
50
24
|
|
|
51
25
|
import React, { useState, useRef, useEffect } from 'react';
|
|
@@ -54,15 +28,15 @@ import { bool, string, shape } from 'prop-types';
|
|
|
54
28
|
import { Visibility, VisibilityOff } from '@gympass/yoga-icons';
|
|
55
29
|
import Input from './Input';
|
|
56
30
|
var ICON_SIZE = 24;
|
|
57
|
-
var StyledInput = styled(Input)(_templateObject(), function (_ref) {
|
|
31
|
+
var StyledInput = styled(Input)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
58
32
|
var input = _ref.theme.yoga.components.input;
|
|
59
33
|
return "\n input {\n padding-right: ".concat(ICON_SIZE + input.padding.right, "px;\n }\n ");
|
|
60
34
|
});
|
|
61
|
-
var Wrapper = styled.div(_templateObject2(), function (_ref2) {
|
|
35
|
+
var Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n display: inline-block;\n\n ", "\n"])), function (_ref2) {
|
|
62
36
|
var full = _ref2.full;
|
|
63
37
|
return "\n ".concat(full ? 'width: 100%;' : '', "\n ");
|
|
64
38
|
});
|
|
65
|
-
var IconWrapper = styled.div(_templateObject3(), function (_ref3) {
|
|
39
|
+
var IconWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref3) {
|
|
66
40
|
var disabled = _ref3.disabled,
|
|
67
41
|
_ref3$theme$yoga = _ref3.theme.yoga,
|
|
68
42
|
colors = _ref3$theme$yoga.colors,
|
|
@@ -76,7 +50,7 @@ var Password = function Password(_ref4) {
|
|
|
76
50
|
style = _ref4.style,
|
|
77
51
|
className = _ref4.className,
|
|
78
52
|
full = _ref4.full,
|
|
79
|
-
props = _objectWithoutProperties(_ref4,
|
|
53
|
+
props = _objectWithoutProperties(_ref4, _excluded);
|
|
80
54
|
|
|
81
55
|
var _useState = useState(false),
|
|
82
56
|
_useState2 = _slicedToArray(_useState, 2),
|
package/esm/Input/web/Tel.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
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); }
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import Input from './Input';
|
package/esm/Input/web/Wrapper.js
CHANGED
|
@@ -1,17 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n display: inline-block;\n\n vertical-align: top;\n\n ", "\n"]);
|
|
3
|
-
|
|
4
|
-
_templateObject = function _templateObject() {
|
|
5
|
-
return data;
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
return data;
|
|
9
|
-
}
|
|
1
|
+
var _templateObject;
|
|
10
2
|
|
|
11
3
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
12
4
|
|
|
13
5
|
import styled from 'styled-components';
|
|
14
|
-
var Wrapper = styled.div(_templateObject(), function (_ref) {
|
|
6
|
+
var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n display: inline-block;\n\n vertical-align: top;\n\n ", "\n"])), function (_ref) {
|
|
15
7
|
var disabled = _ref.disabled,
|
|
16
8
|
error = _ref.error,
|
|
17
9
|
full = _ref.full,
|
package/esm/List/web/LinkItem.js
CHANGED
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
var _templateObject;
|
|
2
2
|
|
|
3
|
-
function
|
|
4
|
-
var data = _taggedTemplateLiteral(["\n display: inline-block;\n\n width: 100%;\n height: 100%;\n\n box-sizing: border-box;\n\n text-decoration: none;\n\n ", "\n"]);
|
|
5
|
-
|
|
6
|
-
_templateObject = function _templateObject() {
|
|
7
|
-
return data;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
return data;
|
|
11
|
-
}
|
|
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); }
|
|
12
4
|
|
|
13
5
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
6
|
|
|
15
7
|
import React from 'react';
|
|
16
8
|
import styled from 'styled-components';
|
|
17
|
-
var StyledLinkItem = styled.a(_templateObject(), function (_ref) {
|
|
9
|
+
var StyledLinkItem = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-block;\n\n width: 100%;\n height: 100%;\n\n box-sizing: border-box;\n\n text-decoration: none;\n\n ", "\n"])), function (_ref) {
|
|
18
10
|
var list = _ref.theme.yoga.components.list;
|
|
19
11
|
return "\n padding:\n ".concat(list.listItem.padding.top, "px\n ").concat(list.listItem.padding.right, "px\n ").concat(list.listItem.padding.bottom, "px\n ").concat(list.listItem.padding.left, "px;\n ");
|
|
20
12
|
});
|
package/esm/List/web/List.js
CHANGED
|
@@ -1,25 +1,19 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["horizontal", "divided"];
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
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; }
|
|
3
|
+
var _templateObject;
|
|
6
4
|
|
|
7
|
-
function
|
|
8
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n ", "\n"]);
|
|
5
|
+
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); }
|
|
9
6
|
|
|
10
|
-
|
|
11
|
-
return data;
|
|
12
|
-
};
|
|
7
|
+
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; }
|
|
13
8
|
|
|
14
|
-
|
|
15
|
-
}
|
|
9
|
+
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; }
|
|
16
10
|
|
|
17
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
18
12
|
|
|
19
13
|
import React from 'react';
|
|
20
14
|
import PropTypes from 'prop-types';
|
|
21
15
|
import styled from 'styled-components';
|
|
22
|
-
var StyledList = styled.ul(_templateObject(), function (_ref) {
|
|
16
|
+
var StyledList = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n ", "\n"])), function (_ref) {
|
|
23
17
|
var divided = _ref.divided,
|
|
24
18
|
horizontal = _ref.horizontal,
|
|
25
19
|
list = _ref.theme.yoga.components.list;
|
|
@@ -32,7 +26,7 @@ text. */
|
|
|
32
26
|
var List = function List(_ref2) {
|
|
33
27
|
var horizontal = _ref2.horizontal,
|
|
34
28
|
divided = _ref2.divided,
|
|
35
|
-
rest = _objectWithoutProperties(_ref2,
|
|
29
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
36
30
|
|
|
37
31
|
return /*#__PURE__*/React.createElement(StyledList, _extends({
|
|
38
32
|
horizontal: horizontal,
|
package/esm/List/web/ListItem.js
CHANGED
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
var _templateObject;
|
|
2
2
|
|
|
3
|
-
function
|
|
4
|
-
var data = _taggedTemplateLiteral(["\n box-sizing: border-box;\n\n ", "\n"]);
|
|
5
|
-
|
|
6
|
-
_templateObject = function _templateObject() {
|
|
7
|
-
return data;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
return data;
|
|
11
|
-
}
|
|
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); }
|
|
12
4
|
|
|
13
5
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
6
|
|
|
15
7
|
import React from 'react';
|
|
16
8
|
import styled from 'styled-components';
|
|
17
|
-
var StyledItem = styled.li(_templateObject(), function (_ref) {
|
|
9
|
+
var StyledItem = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-sizing: border-box;\n\n ", "\n"])), function (_ref) {
|
|
18
10
|
var list = _ref.theme.yoga.components.list;
|
|
19
11
|
return "\n padding:\n ".concat(list.listItem.padding.top, "px\n ").concat(list.listItem.padding.right, "px\n ").concat(list.listItem.padding.bottom, "px\n ").concat(list.listItem.padding.left, "px;\n ");
|
|
20
12
|
});
|
|
@@ -1,38 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["label", "max", "value", "variant"];
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
7
|
-
function _templateObject3() {
|
|
8
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n\n width: 100%;\n\n ", "\n"]);
|
|
9
|
-
|
|
10
|
-
_templateObject3 = function _templateObject3() {
|
|
11
|
-
return data;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
return data;
|
|
15
|
-
}
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
16
4
|
|
|
17
|
-
function
|
|
18
|
-
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
5
|
+
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
6
|
|
|
20
|
-
|
|
21
|
-
return data;
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
return data;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
function _templateObject() {
|
|
28
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n\n border: none;\n\n ", "\n"]);
|
|
29
|
-
|
|
30
|
-
_templateObject = function _templateObject() {
|
|
31
|
-
return data;
|
|
32
|
-
};
|
|
7
|
+
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; }
|
|
33
8
|
|
|
34
|
-
|
|
35
|
-
}
|
|
9
|
+
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; }
|
|
36
10
|
|
|
37
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
38
12
|
|
|
@@ -40,7 +14,7 @@ import React from 'react';
|
|
|
40
14
|
import styled from 'styled-components';
|
|
41
15
|
import { string, number, shape, oneOfType, oneOf, bool } from 'prop-types';
|
|
42
16
|
import { charLength } from '../../shared';
|
|
43
|
-
var ProgressBar = styled.progress(_templateObject(), function (_ref) {
|
|
17
|
+
var ProgressBar = styled.progress(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n\n border: none;\n\n ", "\n"])), function (_ref) {
|
|
44
18
|
var variant = _ref.variant,
|
|
45
19
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
46
20
|
_ref$theme$yoga$color = _ref$theme$yoga.colors[variant],
|
|
@@ -48,11 +22,11 @@ var ProgressBar = styled.progress(_templateObject(), function (_ref) {
|
|
|
48
22
|
progress = _ref$theme$yoga.components.progress;
|
|
49
23
|
return "\n height: ".concat(progress.height, "px;\n\n &&,\n &::-webkit-progress-value,\n &[value]::-webkit-progress-bar,\n &:not(value)::-webkit-progress-bar {\n border-radius: ").concat(progress.border.radius, "px;\n }\n\n &:not(value)::-moz-progress-bar,\n &[value]::-moz-progress-bar {\n border-radius: ").concat(progress.border.radius, "px;\n }\n\n &:not(value)::-webkit-progress-bar {\n background-color: ").concat(progress.backgroundColor.bar, ";\n }\n\n &::-webkit-progress-value {\n background-color: ").concat(color[3], ";\n }\n\n &&,\n &:not(value)::-moz-progress-bar {\n background-color: ").concat(progress.backgroundColor.bar, ";\n }\n\n &[value]::-moz-progress-bar {\n background-color: ").concat(color[3], ";\n }\n");
|
|
50
24
|
});
|
|
51
|
-
var Label = styled.label(_templateObject2(), function (_ref2) {
|
|
25
|
+
var Label = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
|
|
52
26
|
var progress = _ref2.theme.yoga.components.progress;
|
|
53
27
|
return "\n font-size: ".concat(progress.label.font.size, "px;\n letter-spacing: normal;\n");
|
|
54
28
|
});
|
|
55
|
-
var Wrapper = styled.div(_templateObject3(), function (_ref3) {
|
|
29
|
+
var Wrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n\n width: 100%;\n\n ", "\n"])), function (_ref3) {
|
|
56
30
|
var isNumber = _ref3.isNumber,
|
|
57
31
|
align = _ref3.align,
|
|
58
32
|
spacing = _ref3.theme.yoga.spacing;
|
|
@@ -75,7 +49,7 @@ var Progress = function Progress(_ref4) {
|
|
|
75
49
|
max = _ref4.max,
|
|
76
50
|
value = _ref4.value,
|
|
77
51
|
variant = _ref4.variant,
|
|
78
|
-
props = _objectWithoutProperties(_ref4,
|
|
52
|
+
props = _objectWithoutProperties(_ref4, _excluded);
|
|
79
53
|
|
|
80
54
|
var isNumber = !isNaN(label.value);
|
|
81
55
|
return /*#__PURE__*/React.createElement(Wrapper, _extends({
|