@gympass/yoga 7.25.4 → 7.25.5
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/Input/web/Field.js +1 -1
- package/cjs/Input/web/Fieldset.js +2 -1
- package/cjs/Input/web/Input.js +2 -1
- package/cjs/Input/web/Label.js +2 -3
- package/esm/Input/web/Field.js +1 -1
- package/esm/Input/web/Fieldset.js +2 -1
- package/esm/Input/web/Input.js +2 -1
- package/esm/Input/web/Label.js +2 -3
- package/package.json +2 -2
package/cjs/Input/web/Field.js
CHANGED
|
@@ -30,7 +30,7 @@ var Field = _styledComponents["default"].input(_templateObject2 || (_templateObj
|
|
|
30
30
|
colors = _ref2$theme$yoga.colors,
|
|
31
31
|
baseFont = _ref2$theme$yoga.baseFont,
|
|
32
32
|
input = _ref2$theme$yoga.components.input;
|
|
33
|
-
return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: ", "px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n\n color: ", ";\n font-family: ", ", sans-serif;\n font-size: ", "px;\n font-weight: ", ";\n\n &:focus {\n color: ", ";\n\n & ~ legend {\n max-width: max-content;\n transition-property: max-width;\n transition-duration: ", "ms;\n }\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.height, input.padding.top, cleanable ? ICON_SIZE + input.padding.right * 2 : 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, transition.duration[1], labelTransition, input.label.font.weight, error ? "" + colors.feedback.attention[1] : "" + colors.text.primary, colors.text.disabled, input.label.color["default"], value && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n & ~ legend {\n max-width: max-content;\n }\n\n & ~ label {\n ", "\n }\n "])), labelTransition));
|
|
33
|
+
return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: ", "px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n\n color: ", ";\n font-family: ", ", sans-serif;\n font-size: ", "px;\n font-weight: ", ";\n\n &:focus {\n color: ", ";\n\n & ~ legend {\n max-width: max-content;\n transition-property: max-width;\n transition-duration: ", "ms;\n }\n\n & ~ label {\n ", "\n\n font-weight: ", ";\n color: ", ";\n\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n }\n\n ", "\n "])), input.height, input.padding.top, cleanable ? ICON_SIZE + input.padding.right * 2 : 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, transition.duration[1], labelTransition, input.label.font.weight, error ? "" + colors.feedback.attention[1] : "" + colors.text.primary, colors.text.disabled, input.label.color["default"], value && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n & ~ legend {\n max-width: max-content;\n }\n\n & ~ label {\n color: ", ";\n ", "\n }\n "])), error ? "" + colors.feedback.attention[1] : '', labelTransition));
|
|
34
34
|
});
|
|
35
35
|
|
|
36
36
|
var _default = Field;
|
|
@@ -15,10 +15,11 @@ var Fieldset = _styledComponents["default"].fieldset(_templateObject || (_templa
|
|
|
15
15
|
var error = _ref.error,
|
|
16
16
|
disabled = _ref.disabled,
|
|
17
17
|
full = _ref.full,
|
|
18
|
+
value = _ref.value,
|
|
18
19
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
19
20
|
colors = _ref$theme$yoga.colors,
|
|
20
21
|
input = _ref$theme$yoga.components.input;
|
|
21
|
-
return "\n width: " + (full ? '100%' : input.width + "px") + ";\n height: " + input.height + "px;\n\n padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n border-radius: " + input.border.radius + "px;\n border-width: " + input.border.width + "px;\n border-style: solid;\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n &:hover, &:focus-within {\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n\n " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n }\n\n \n ";
|
|
22
|
+
return "\n width: " + (full ? '100%' : input.width + "px") + ";\n height: " + input.height + "px;\n\n padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n border-radius: " + input.border.radius + "px;\n border-width: " + input.border.width + "px;\n border-style: solid;\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n " + (value && !error ? "border-color: " + input.border.color.typed + ";" : '') + "\n\n &:hover, &:focus-within {\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n\n " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n }\n\n \n ";
|
|
22
23
|
});
|
|
23
24
|
|
|
24
25
|
var _default = Fieldset;
|
package/cjs/Input/web/Input.js
CHANGED
|
@@ -86,7 +86,8 @@ var Input = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
|
|
|
86
86
|
error: error,
|
|
87
87
|
full: full,
|
|
88
88
|
label: label,
|
|
89
|
-
style: style
|
|
89
|
+
style: style,
|
|
90
|
+
value: value
|
|
90
91
|
}, /*#__PURE__*/_react["default"].createElement(_Field["default"], _extends({}, props, {
|
|
91
92
|
cleanable: cleanable,
|
|
92
93
|
disabled: disabled,
|
package/cjs/Input/web/Label.js
CHANGED
|
@@ -14,13 +14,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
14
14
|
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
15
15
|
|
|
16
16
|
var Label = _styledComponents["default"].label(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n letter-spacing: normal;\n pointer-events: none;\n position: absolute;\n user-select: none;\n\n ", "\n"])), function (_ref) {
|
|
17
|
-
var
|
|
18
|
-
disabled = _ref.disabled,
|
|
17
|
+
var disabled = _ref.disabled,
|
|
19
18
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
20
19
|
transition = _ref$theme$yoga.transition,
|
|
21
20
|
colors = _ref$theme$yoga.colors,
|
|
22
21
|
input = _ref$theme$yoga.components.input;
|
|
23
|
-
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n\n font-size: ", "px;\n font-weight: ", ";\n color: ", ";\n\n transition-property: transform, font-size;\n transition-duration: ", "ms;\n transition-timing-function: cubic-bezier(", ");\n\n ", "\n
|
|
22
|
+
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n\n font-size: ", "px;\n font-weight: ", ";\n color: ", ";\n\n transition-property: transform, font-size;\n transition-duration: ", "ms;\n transition-timing-function: cubic-bezier(", ");\n\n ", "\n "])), input.padding.top, input.padding.left, input.label.font.size["default"], input.label.font.weight, input.label.color["default"], transition.duration[1], transition.timing[0].join(), disabled ? "color: " + colors.text.disabled + ";" : '');
|
|
24
23
|
});
|
|
25
24
|
|
|
26
25
|
var _default = Label;
|
package/esm/Input/web/Field.js
CHANGED
|
@@ -19,6 +19,6 @@ var Field = styled.input(_templateObject2 || (_templateObject2 = _taggedTemplate
|
|
|
19
19
|
colors = _ref2$theme$yoga.colors,
|
|
20
20
|
baseFont = _ref2$theme$yoga.baseFont,
|
|
21
21
|
input = _ref2$theme$yoga.components.input;
|
|
22
|
-
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: ", "px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n\n color: ", ";\n font-family: ", ", sans-serif;\n font-size: ", "px;\n font-weight: ", ";\n\n &:focus {\n color: ", ";\n\n & ~ legend {\n max-width: max-content;\n transition-property: max-width;\n transition-duration: ", "ms;\n }\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.height, input.padding.top, cleanable ? ICON_SIZE + input.padding.right * 2 : 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, transition.duration[1], labelTransition, input.label.font.weight, error ? "" + colors.feedback.attention[1] : "" + colors.text.primary, colors.text.disabled, input.label.color["default"], value && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n & ~ legend {\n max-width: max-content;\n }\n\n & ~ label {\n ", "\n }\n "])), labelTransition));
|
|
22
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: ", "px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n\n color: ", ";\n font-family: ", ", sans-serif;\n font-size: ", "px;\n font-weight: ", ";\n\n &:focus {\n color: ", ";\n\n & ~ legend {\n max-width: max-content;\n transition-property: max-width;\n transition-duration: ", "ms;\n }\n\n & ~ label {\n ", "\n\n font-weight: ", ";\n color: ", ";\n\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n }\n\n ", "\n "])), input.height, input.padding.top, cleanable ? ICON_SIZE + input.padding.right * 2 : 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, transition.duration[1], labelTransition, input.label.font.weight, error ? "" + colors.feedback.attention[1] : "" + colors.text.primary, colors.text.disabled, input.label.color["default"], value && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n & ~ legend {\n max-width: max-content;\n }\n\n & ~ label {\n color: ", ";\n ", "\n }\n "])), error ? "" + colors.feedback.attention[1] : '', labelTransition));
|
|
23
23
|
});
|
|
24
24
|
export default Field;
|
|
@@ -7,9 +7,10 @@ var Fieldset = styled.fieldset(_templateObject || (_templateObject = _taggedTemp
|
|
|
7
7
|
var error = _ref.error,
|
|
8
8
|
disabled = _ref.disabled,
|
|
9
9
|
full = _ref.full,
|
|
10
|
+
value = _ref.value,
|
|
10
11
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
11
12
|
colors = _ref$theme$yoga.colors,
|
|
12
13
|
input = _ref$theme$yoga.components.input;
|
|
13
|
-
return "\n width: " + (full ? '100%' : input.width + "px") + ";\n height: " + input.height + "px;\n\n padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n border-radius: " + input.border.radius + "px;\n border-width: " + input.border.width + "px;\n border-style: solid;\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n &:hover, &:focus-within {\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n\n " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n }\n\n \n ";
|
|
14
|
+
return "\n width: " + (full ? '100%' : input.width + "px") + ";\n height: " + input.height + "px;\n\n padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n border-radius: " + input.border.radius + "px;\n border-width: " + input.border.width + "px;\n border-style: solid;\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n " + (value && !error ? "border-color: " + input.border.color.typed + ";" : '') + "\n\n &:hover, &:focus-within {\n border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n\n " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n }\n\n \n ";
|
|
14
15
|
});
|
|
15
16
|
export default Fieldset;
|
package/esm/Input/web/Input.js
CHANGED
|
@@ -63,7 +63,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
|
|
|
63
63
|
error: error,
|
|
64
64
|
full: full,
|
|
65
65
|
label: label,
|
|
66
|
-
style: style
|
|
66
|
+
style: style,
|
|
67
|
+
value: value
|
|
67
68
|
}, /*#__PURE__*/React.createElement(Field, _extends({}, props, {
|
|
68
69
|
cleanable: cleanable,
|
|
69
70
|
disabled: disabled,
|
package/esm/Input/web/Label.js
CHANGED
|
@@ -4,12 +4,11 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
|
|
|
4
4
|
|
|
5
5
|
import styled, { css } from 'styled-components';
|
|
6
6
|
var Label = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n letter-spacing: normal;\n pointer-events: none;\n position: absolute;\n user-select: none;\n\n ", "\n"])), function (_ref) {
|
|
7
|
-
var
|
|
8
|
-
disabled = _ref.disabled,
|
|
7
|
+
var disabled = _ref.disabled,
|
|
9
8
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
10
9
|
transition = _ref$theme$yoga.transition,
|
|
11
10
|
colors = _ref$theme$yoga.colors,
|
|
12
11
|
input = _ref$theme$yoga.components.input;
|
|
13
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n\n font-size: ", "px;\n font-weight: ", ";\n color: ", ";\n\n transition-property: transform, font-size;\n transition-duration: ", "ms;\n transition-timing-function: cubic-bezier(", ");\n\n ", "\n
|
|
12
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n\n font-size: ", "px;\n font-weight: ", ";\n color: ", ";\n\n transition-property: transform, font-size;\n transition-duration: ", "ms;\n transition-timing-function: cubic-bezier(", ");\n\n ", "\n "])), input.padding.top, input.padding.left, input.label.font.size["default"], input.label.font.weight, input.label.color["default"], transition.duration[1], transition.timing[0].join(), disabled ? "color: " + colors.text.disabled + ";" : '');
|
|
14
13
|
});
|
|
15
14
|
export default Label;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.25.
|
|
3
|
+
"version": "7.25.5",
|
|
4
4
|
"description": "Gympass component library",
|
|
5
5
|
"main": "./cjs",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"react": ">=16",
|
|
50
50
|
"styled-components": "^4.4.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "75fc1607fce88ae28b84f435aceaf6e44b69bd69",
|
|
53
53
|
"module": "./esm",
|
|
54
54
|
"private": false,
|
|
55
55
|
"react-native": "./cjs/index.native.js"
|