@commercetools-uikit/input-utils 20.2.3 → 20.3.1
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.
|
@@ -39,19 +39,37 @@ var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
|
|
|
39
39
|
|
|
40
40
|
var messages$1 = reactIntl.defineMessages({
|
|
41
41
|
missingRequiredField: {
|
|
42
|
-
id:
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
id: "UIKit.LocalizedTextInput.missingRequiredField",
|
|
43
|
+
defaultMessage: [{
|
|
44
|
+
"type": 0,
|
|
45
|
+
"value": "This field is required. Provide at least one value."
|
|
46
|
+
}]
|
|
45
47
|
},
|
|
46
48
|
show: {
|
|
47
|
-
id:
|
|
48
|
-
|
|
49
|
-
|
|
49
|
+
id: "UIKit.LocalizedTextInput.show",
|
|
50
|
+
defaultMessage: [{
|
|
51
|
+
"type": 0,
|
|
52
|
+
"value": "Show all languages ("
|
|
53
|
+
}, {
|
|
54
|
+
"type": 1,
|
|
55
|
+
"value": "remainingLanguages"
|
|
56
|
+
}, {
|
|
57
|
+
"type": 0,
|
|
58
|
+
"value": ")"
|
|
59
|
+
}]
|
|
50
60
|
},
|
|
51
61
|
hide: {
|
|
52
|
-
id:
|
|
53
|
-
|
|
54
|
-
|
|
62
|
+
id: "UIKit.LocalizedTextInput.hide",
|
|
63
|
+
defaultMessage: [{
|
|
64
|
+
"type": 0,
|
|
65
|
+
"value": "Hide languages ("
|
|
66
|
+
}, {
|
|
67
|
+
"type": 1,
|
|
68
|
+
"value": "remainingLanguages"
|
|
69
|
+
}, {
|
|
70
|
+
"type": 0,
|
|
71
|
+
"value": ")"
|
|
72
|
+
}]
|
|
55
73
|
}
|
|
56
74
|
});
|
|
57
75
|
|
|
@@ -139,7 +157,7 @@ const getInputBackgroundColor = props => {
|
|
|
139
157
|
return designSystem.designTokens.backgroundColorForInput;
|
|
140
158
|
};
|
|
141
159
|
const getInputStyles = props => {
|
|
142
|
-
return /*#__PURE__*/react.css("appearance:none;background-color:", getInputBackgroundColor(props), ";border:", designSystem.designTokens.borderWidth1, " solid ", getInputBorderColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";box-sizing:border-box;box-shadow:", getInputBoxShadow(props), ";color:", getInputFontColor(props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", props.isCondensed ?
|
|
160
|
+
return /*#__PURE__*/react.css("appearance:none;background-color:", getInputBackgroundColor(props), ";border:", designSystem.designTokens.borderWidth1, " solid ", getInputBorderColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";box-sizing:border-box;box-shadow:", getInputBoxShadow(props), ";color:", getInputFontColor(props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", props.isCondensed ? "".concat(designSystem.designTokens.fontSize20) : "".concat(designSystem.designTokens.fontSize30), ";height:", props.isCondensed ? "".concat(designSystem.designTokens.heightForInputAsSmall) : "".concat(designSystem.designTokens.heightForInput), ";min-height:", props.isCondensed ? "".concat(designSystem.designTokens.heightForInputAsSmall) : "".concat(designSystem.designTokens.heightForInput), ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", designSystem.designTokens.spacing30, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ",box-shadow ", designSystem.designTokens.transitionStandard, ";width:100%;&::placeholder{color:", designSystem.designTokens.colorNeutral60, ";}:active:not(:disabled):not(:read-only),:hover:not(:disabled):not(:read-only):not(:focus){border-color:", getInputBorderColor(props, designSystem.designTokens.borderColorForInputWhenHovered), ";background-color:", designSystem.designTokens.backgroundColorForInputWhenHovered, ";}:focus:not(:read-only){box-shadow:", designSystem.designTokens.shadowForInputWhenFocused, ";border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";background-color:", designSystem.designTokens.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRVkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVElucHV0UHJvcHMgPSB7XG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldElucHV0Qm9yZGVyQ29sb3IgPSAoXG4gIHByb3BzOiBUSW5wdXRQcm9wcyxcbiAgZGVmYXVsdEJvcmRlckNvbG9yOiBzdHJpbmcgPSBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFxuKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5IHx8IHByb3BzLnJlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBkZWZhdWx0Qm9yZGVyQ29sb3I7XG59O1xuXG5jb25zdCBnZXRJbnB1dEZvbnRDb2xvciA9IChwcm9wczogVElucHV0UHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkgfHwgcHJvcHMucmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuXG5jb25zdCBnZXRJbnB1dEJveFNoYWRvdyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICByZXR1cm4gZGVzaWduVG9rZW5zLnNoYWRvd0ZvcklucHV0O1xufTtcblxuY29uc3QgZ2V0SW5wdXRCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldElucHV0U3R5bGVzID0gKHByb3BzOiBUSW5wdXRQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJbnB1dEJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyV2lkdGgxfSBzb2xpZCAke2dldElucHV0Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3gtc2hhZG93OiAke2dldElucHV0Qm94U2hhZG93KHByb3BzKX07XG4gICAgY29sb3I6ICR7Z2V0SW5wdXRGb250Q29sb3IocHJvcHMpfTtcbiAgICBjdXJzb3I6ICR7cHJvcHMuaXNEaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZGVmYXVsdCd9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleDogMTtcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuaXNDb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMjB9YFxuICAgICAgOiBgJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH1gfTtcbiAgICBoZWlnaHQ6ICR7cHJvcHMuaXNDb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0QXNTbWFsbH1gXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dH1gfTtcbiAgICBtaW4taGVpZ2h0OiAke3Byb3BzLmlzQ29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dEFzU21hbGx9YFxuICAgICAgOiBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXR9YH07XG4gICAgb3BhY2l0eTogJHtwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkXG4gICAgICA/ICcxJ1xuICAgICAgOiAndW5zZXQnfTsgLyogZml4IGZvciBtb2JpbGUgc2FmYXJpICovXG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBib3gtc2hhZG93ICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgICA6YWN0aXZlOm5vdCg6ZGlzYWJsZWQpOm5vdCg6cmVhZC1vbmx5KSxcbiAgICA6aG92ZXI6bm90KDpkaXNhYmxlZCk6bm90KDpyZWFkLW9ubHkpOm5vdCg6Zm9jdXMpIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRJbnB1dEJvcmRlckNvbG9yKFxuICAgICAgICBwcm9wcyxcbiAgICAgICAgZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuSG92ZXJlZFxuICAgICAgKX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5Ib3ZlcmVkfTtcbiAgICB9XG4gICAgOmZvY3VzOm5vdCg6cmVhZC1vbmx5KSB7XG4gICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgfVxuICBgO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldElucHV0U3R5bGVzIH07XG4iXX0= */");
|
|
143
161
|
};
|
|
144
162
|
|
|
145
163
|
/* we need this line-height to achieve 32px height when the component has only one row */
|
|
@@ -228,14 +246,18 @@ var MultilineInput$1 = MultilineInput;
|
|
|
228
246
|
|
|
229
247
|
var messages = reactIntl.defineMessages({
|
|
230
248
|
expand: {
|
|
231
|
-
id:
|
|
232
|
-
|
|
233
|
-
|
|
249
|
+
id: "UIKit.MultilineTextInput.expand",
|
|
250
|
+
defaultMessage: [{
|
|
251
|
+
"type": 0,
|
|
252
|
+
"value": "Expand"
|
|
253
|
+
}]
|
|
234
254
|
},
|
|
235
255
|
collapse: {
|
|
236
|
-
id:
|
|
237
|
-
|
|
238
|
-
|
|
256
|
+
id: "UIKit.MultilineTextInput.collapse",
|
|
257
|
+
defaultMessage: [{
|
|
258
|
+
"type": 0,
|
|
259
|
+
"value": "Collapse"
|
|
260
|
+
}]
|
|
239
261
|
}
|
|
240
262
|
});
|
|
241
263
|
|
|
@@ -251,7 +273,7 @@ const accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
|
|
|
251
273
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
252
274
|
|
|
253
275
|
// NOTE: This string will be replaced on build time with the package version.
|
|
254
|
-
var version = "20.
|
|
276
|
+
var version = "20.3.1";
|
|
255
277
|
|
|
256
278
|
exports.LocalizedInputToggle = LocalizedInputToggle$1;
|
|
257
279
|
exports.MultilineInput = MultilineInput$1;
|
|
@@ -39,19 +39,37 @@ var TextareaAutosize__default = /*#__PURE__*/_interopDefault(TextareaAutosize);
|
|
|
39
39
|
|
|
40
40
|
var messages$1 = reactIntl.defineMessages({
|
|
41
41
|
missingRequiredField: {
|
|
42
|
-
id:
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
id: "UIKit.LocalizedTextInput.missingRequiredField",
|
|
43
|
+
defaultMessage: [{
|
|
44
|
+
"type": 0,
|
|
45
|
+
"value": "This field is required. Provide at least one value."
|
|
46
|
+
}]
|
|
45
47
|
},
|
|
46
48
|
show: {
|
|
47
|
-
id:
|
|
48
|
-
|
|
49
|
-
|
|
49
|
+
id: "UIKit.LocalizedTextInput.show",
|
|
50
|
+
defaultMessage: [{
|
|
51
|
+
"type": 0,
|
|
52
|
+
"value": "Show all languages ("
|
|
53
|
+
}, {
|
|
54
|
+
"type": 1,
|
|
55
|
+
"value": "remainingLanguages"
|
|
56
|
+
}, {
|
|
57
|
+
"type": 0,
|
|
58
|
+
"value": ")"
|
|
59
|
+
}]
|
|
50
60
|
},
|
|
51
61
|
hide: {
|
|
52
|
-
id:
|
|
53
|
-
|
|
54
|
-
|
|
62
|
+
id: "UIKit.LocalizedTextInput.hide",
|
|
63
|
+
defaultMessage: [{
|
|
64
|
+
"type": 0,
|
|
65
|
+
"value": "Hide languages ("
|
|
66
|
+
}, {
|
|
67
|
+
"type": 1,
|
|
68
|
+
"value": "remainingLanguages"
|
|
69
|
+
}, {
|
|
70
|
+
"type": 0,
|
|
71
|
+
"value": ")"
|
|
72
|
+
}]
|
|
55
73
|
}
|
|
56
74
|
});
|
|
57
75
|
|
|
@@ -134,7 +152,7 @@ const getInputBackgroundColor = props => {
|
|
|
134
152
|
return designSystem.designTokens.backgroundColorForInput;
|
|
135
153
|
};
|
|
136
154
|
const getInputStyles = props => {
|
|
137
|
-
return /*#__PURE__*/react.css("appearance:none;background-color:", getInputBackgroundColor(props), ";border:", designSystem.designTokens.borderWidth1, " solid ", getInputBorderColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";box-sizing:border-box;box-shadow:", getInputBoxShadow(props), ";color:", getInputFontColor(props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", props.isCondensed ?
|
|
155
|
+
return /*#__PURE__*/react.css("appearance:none;background-color:", getInputBackgroundColor(props), ";border:", designSystem.designTokens.borderWidth1, " solid ", getInputBorderColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";box-sizing:border-box;box-shadow:", getInputBoxShadow(props), ";color:", getInputFontColor(props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", props.isCondensed ? "".concat(designSystem.designTokens.fontSize20) : "".concat(designSystem.designTokens.fontSize30), ";height:", props.isCondensed ? "".concat(designSystem.designTokens.heightForInputAsSmall) : "".concat(designSystem.designTokens.heightForInput), ";min-height:", props.isCondensed ? "".concat(designSystem.designTokens.heightForInputAsSmall) : "".concat(designSystem.designTokens.heightForInput), ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", designSystem.designTokens.spacing30, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ",box-shadow ", designSystem.designTokens.transitionStandard, ";width:100%;&::placeholder{color:", designSystem.designTokens.colorNeutral60, ";}:active:not(:disabled):not(:read-only),:hover:not(:disabled):not(:read-only):not(:focus){border-color:", getInputBorderColor(props, designSystem.designTokens.borderColorForInputWhenHovered), ";background-color:", designSystem.designTokens.backgroundColorForInputWhenHovered, ";}:focus:not(:read-only){box-shadow:", designSystem.designTokens.shadowForInputWhenFocused, ";border-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";background-color:", designSystem.designTokens.colorSurface, ";}" + ("" ), "" );
|
|
138
156
|
};
|
|
139
157
|
|
|
140
158
|
/* we need this line-height to achieve 32px height when the component has only one row */
|
|
@@ -221,14 +239,18 @@ var MultilineInput$1 = MultilineInput;
|
|
|
221
239
|
|
|
222
240
|
var messages = reactIntl.defineMessages({
|
|
223
241
|
expand: {
|
|
224
|
-
id:
|
|
225
|
-
|
|
226
|
-
|
|
242
|
+
id: "UIKit.MultilineTextInput.expand",
|
|
243
|
+
defaultMessage: [{
|
|
244
|
+
"type": 0,
|
|
245
|
+
"value": "Expand"
|
|
246
|
+
}]
|
|
227
247
|
},
|
|
228
248
|
collapse: {
|
|
229
|
-
id:
|
|
230
|
-
|
|
231
|
-
|
|
249
|
+
id: "UIKit.MultilineTextInput.collapse",
|
|
250
|
+
defaultMessage: [{
|
|
251
|
+
"type": 0,
|
|
252
|
+
"value": "Collapse"
|
|
253
|
+
}]
|
|
232
254
|
}
|
|
233
255
|
});
|
|
234
256
|
|
|
@@ -239,7 +261,7 @@ const accessibleHiddenInputStyles = {
|
|
|
239
261
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
240
262
|
|
|
241
263
|
// NOTE: This string will be replaced on build time with the package version.
|
|
242
|
-
var version = "20.
|
|
264
|
+
var version = "20.3.1";
|
|
243
265
|
|
|
244
266
|
exports.LocalizedInputToggle = LocalizedInputToggle$1;
|
|
245
267
|
exports.MultilineInput = MultilineInput$1;
|
|
@@ -21,19 +21,37 @@ import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
|
|
|
21
21
|
|
|
22
22
|
var messages$1 = defineMessages({
|
|
23
23
|
missingRequiredField: {
|
|
24
|
-
id:
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
id: "UIKit.LocalizedTextInput.missingRequiredField",
|
|
25
|
+
defaultMessage: [{
|
|
26
|
+
"type": 0,
|
|
27
|
+
"value": "This field is required. Provide at least one value."
|
|
28
|
+
}]
|
|
27
29
|
},
|
|
28
30
|
show: {
|
|
29
|
-
id:
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
id: "UIKit.LocalizedTextInput.show",
|
|
32
|
+
defaultMessage: [{
|
|
33
|
+
"type": 0,
|
|
34
|
+
"value": "Show all languages ("
|
|
35
|
+
}, {
|
|
36
|
+
"type": 1,
|
|
37
|
+
"value": "remainingLanguages"
|
|
38
|
+
}, {
|
|
39
|
+
"type": 0,
|
|
40
|
+
"value": ")"
|
|
41
|
+
}]
|
|
32
42
|
},
|
|
33
43
|
hide: {
|
|
34
|
-
id:
|
|
35
|
-
|
|
36
|
-
|
|
44
|
+
id: "UIKit.LocalizedTextInput.hide",
|
|
45
|
+
defaultMessage: [{
|
|
46
|
+
"type": 0,
|
|
47
|
+
"value": "Hide languages ("
|
|
48
|
+
}, {
|
|
49
|
+
"type": 1,
|
|
50
|
+
"value": "remainingLanguages"
|
|
51
|
+
}, {
|
|
52
|
+
"type": 0,
|
|
53
|
+
"value": ")"
|
|
54
|
+
}]
|
|
37
55
|
}
|
|
38
56
|
});
|
|
39
57
|
|
|
@@ -121,7 +139,7 @@ const getInputBackgroundColor = props => {
|
|
|
121
139
|
return designTokens.backgroundColorForInput;
|
|
122
140
|
};
|
|
123
141
|
const getInputStyles = props => {
|
|
124
|
-
return /*#__PURE__*/css("appearance:none;background-color:", getInputBackgroundColor(props), ";border:", designTokens.borderWidth1, " solid ", getInputBorderColor(props), ";border-radius:", designTokens.borderRadiusForInput, ";box-sizing:border-box;box-shadow:", getInputBoxShadow(props), ";color:", getInputFontColor(props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", props.isCondensed ?
|
|
142
|
+
return /*#__PURE__*/css("appearance:none;background-color:", getInputBackgroundColor(props), ";border:", designTokens.borderWidth1, " solid ", getInputBorderColor(props), ";border-radius:", designTokens.borderRadiusForInput, ";box-sizing:border-box;box-shadow:", getInputBoxShadow(props), ";color:", getInputFontColor(props), ";cursor:", props.isDisabled ? 'not-allowed' : 'default', ";display:flex;flex:1;font-family:inherit;font-size:", props.isCondensed ? "".concat(designTokens.fontSize20) : "".concat(designTokens.fontSize30), ";height:", props.isCondensed ? "".concat(designTokens.heightForInputAsSmall) : "".concat(designTokens.heightForInput), ";min-height:", props.isCondensed ? "".concat(designTokens.heightForInputAsSmall) : "".concat(designTokens.heightForInput), ";opacity:", props.isDisabled || props.disabled ? '1' : 'unset', ";outline:none;overflow:hidden;padding:0 ", designTokens.spacing30, ";transition:border-color ", designTokens.transitionStandard, ",background-color ", designTokens.transitionStandard, ",color ", designTokens.transitionStandard, ",box-shadow ", designTokens.transitionStandard, ";width:100%;&::placeholder{color:", designTokens.colorNeutral60, ";}:active:not(:disabled):not(:read-only),:hover:not(:disabled):not(:read-only):not(:focus){border-color:", getInputBorderColor(props, designTokens.borderColorForInputWhenHovered), ";background-color:", designTokens.backgroundColorForInputWhenHovered, ";}:focus:not(:read-only){box-shadow:", designTokens.shadowForInputWhenFocused, ";border-color:", designTokens.borderColorForInputWhenFocused, ";background-color:", designTokens.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRVkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbnR5cGUgVElucHV0UHJvcHMgPSB7XG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBoYXNXYXJuaW5nPzogYm9vbGVhbjtcbiAgaXNSZWFkT25seT86IGJvb2xlYW47XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldElucHV0Qm9yZGVyQ29sb3IgPSAoXG4gIHByb3BzOiBUSW5wdXRQcm9wcyxcbiAgZGVmYXVsdEJvcmRlckNvbG9yOiBzdHJpbmcgPSBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFxuKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5IHx8IHByb3BzLnJlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBkZWZhdWx0Qm9yZGVyQ29sb3I7XG59O1xuXG5jb25zdCBnZXRJbnB1dEZvbnRDb2xvciA9IChwcm9wczogVElucHV0UHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkgfHwgcHJvcHMucmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuXG5jb25zdCBnZXRJbnB1dEJveFNoYWRvdyA9IChwcm9wczogVElucHV0UHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuc2hhZG93Rm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICByZXR1cm4gZGVzaWduVG9rZW5zLnNoYWRvd0ZvcklucHV0O1xufTtcblxuY29uc3QgZ2V0SW5wdXRCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRJbnB1dFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldElucHV0U3R5bGVzID0gKHByb3BzOiBUSW5wdXRQcm9wcykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJbnB1dEJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyV2lkdGgxfSBzb2xpZCAke2dldElucHV0Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JJbnB1dH07XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3gtc2hhZG93OiAke2dldElucHV0Qm94U2hhZG93KHByb3BzKX07XG4gICAgY29sb3I6ICR7Z2V0SW5wdXRGb250Q29sb3IocHJvcHMpfTtcbiAgICBjdXJzb3I6ICR7cHJvcHMuaXNEaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnZGVmYXVsdCd9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleDogMTtcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuaXNDb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMjB9YFxuICAgICAgOiBgJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH1gfTtcbiAgICBoZWlnaHQ6ICR7cHJvcHMuaXNDb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLmhlaWdodEZvcklucHV0QXNTbWFsbH1gXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dH1gfTtcbiAgICBtaW4taGVpZ2h0OiAke3Byb3BzLmlzQ29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JJbnB1dEFzU21hbGx9YFxuICAgICAgOiBgJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9ySW5wdXR9YH07XG4gICAgb3BhY2l0eTogJHtwcm9wcy5pc0Rpc2FibGVkIHx8IHByb3BzLmRpc2FibGVkXG4gICAgICA/ICcxJ1xuICAgICAgOiAndW5zZXQnfTsgLyogZml4IGZvciBtb2JpbGUgc2FmYXJpICovXG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvblN0YW5kYXJkfSxcbiAgICAgIGNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH0sXG4gICAgICBib3gtc2hhZG93ICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25TdGFuZGFyZH07XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgIH1cbiAgICA6YWN0aXZlOm5vdCg6ZGlzYWJsZWQpOm5vdCg6cmVhZC1vbmx5KSxcbiAgICA6aG92ZXI6bm90KDpkaXNhYmxlZCk6bm90KDpyZWFkLW9ubHkpOm5vdCg6Zm9jdXMpIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRJbnB1dEJvcmRlckNvbG9yKFxuICAgICAgICBwcm9wcyxcbiAgICAgICAgZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuSG92ZXJlZFxuICAgICAgKX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dFdoZW5Ib3ZlcmVkfTtcbiAgICB9XG4gICAgOmZvY3VzOm5vdCg6cmVhZC1vbmx5KSB7XG4gICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3dGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgfVxuICBgO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldElucHV0U3R5bGVzIH07XG4iXX0= */");
|
|
125
143
|
};
|
|
126
144
|
|
|
127
145
|
/* we need this line-height to achieve 32px height when the component has only one row */
|
|
@@ -210,14 +228,18 @@ var MultilineInput$1 = MultilineInput;
|
|
|
210
228
|
|
|
211
229
|
var messages = defineMessages({
|
|
212
230
|
expand: {
|
|
213
|
-
id:
|
|
214
|
-
|
|
215
|
-
|
|
231
|
+
id: "UIKit.MultilineTextInput.expand",
|
|
232
|
+
defaultMessage: [{
|
|
233
|
+
"type": 0,
|
|
234
|
+
"value": "Expand"
|
|
235
|
+
}]
|
|
216
236
|
},
|
|
217
237
|
collapse: {
|
|
218
|
-
id:
|
|
219
|
-
|
|
220
|
-
|
|
238
|
+
id: "UIKit.MultilineTextInput.collapse",
|
|
239
|
+
defaultMessage: [{
|
|
240
|
+
"type": 0,
|
|
241
|
+
"value": "Collapse"
|
|
242
|
+
}]
|
|
221
243
|
}
|
|
222
244
|
});
|
|
223
245
|
|
|
@@ -233,6 +255,6 @@ const accessibleHiddenInputStyles = process.env.NODE_ENV === "production" ? {
|
|
|
233
255
|
var accessibleHiddenInputStyles$1 = accessibleHiddenInputStyles;
|
|
234
256
|
|
|
235
257
|
// NOTE: This string will be replaced on build time with the package version.
|
|
236
|
-
var version = "20.
|
|
258
|
+
var version = "20.3.1";
|
|
237
259
|
|
|
238
260
|
export { LocalizedInputToggle$1 as LocalizedInputToggle, MultilineInput$1 as MultilineInput, accessibleHiddenInputStyles$1 as accessibleHiddenInputStyles, getInputStyles, messages$1 as messagesLocalizedInput, messages as messagesMultilineInput, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/input-utils",
|
|
3
3
|
"description": "Utilities for working with input components.",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.3.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "20.
|
|
25
|
-
"@commercetools-uikit/flat-button": "20.
|
|
26
|
-
"@commercetools-uikit/icons": "20.
|
|
27
|
-
"@commercetools-uikit/utils": "20.
|
|
24
|
+
"@commercetools-uikit/design-system": "20.3.1",
|
|
25
|
+
"@commercetools-uikit/flat-button": "20.3.1",
|
|
26
|
+
"@commercetools-uikit/icons": "20.3.1",
|
|
27
|
+
"@commercetools-uikit/utils": "20.3.1",
|
|
28
28
|
"@emotion/react": "^11.10.5",
|
|
29
29
|
"react-textarea-autosize": "8.4.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"react": "19.
|
|
32
|
+
"react": "19.2.0",
|
|
33
33
|
"react-intl": "^7.1.4"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|