@typeolymp/ui-components 1.19.18 → 1.19.19
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/build/index.es.js +20 -2
- package/build/index.es.js.map +1 -1
- package/build/index.js +20 -2
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -4317,7 +4317,25 @@ var StyledParagraph = styled__default["default"].p(templateObject_1$P || (templa
|
|
|
4317
4317
|
var templateObject_1$P;
|
|
4318
4318
|
|
|
4319
4319
|
var Container$q = styled__default["default"].div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4320
|
-
var InputIconWrapper = styled__default["default"].div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n\n input {\n padding-right:
|
|
4320
|
+
var InputIconWrapper = styled__default["default"].div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n\n input {\n padding-right: ", ";\n }\n\n input[type=\"search\"] {\n padding-right: ", ";\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: ", ";\n top: ", ";\n }\n\n svg {\n cursor: ", ";\n width: ", ";\n }\n"], ["\n position: relative;\n width: 100%;\n\n input {\n padding-right: ", ";\n }\n\n input[type=\"search\"] {\n padding-right: ", ";\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: ", ";\n top: ", ";\n }\n\n svg {\n cursor: ", ";\n width: ", ";\n }\n"])), function (_a) {
|
|
4321
|
+
var size = _a.size;
|
|
4322
|
+
switch (size) {
|
|
4323
|
+
case "small":
|
|
4324
|
+
return "38px";
|
|
4325
|
+
default:
|
|
4326
|
+
case "medium":
|
|
4327
|
+
return "43px";
|
|
4328
|
+
}
|
|
4329
|
+
}, function (_a) {
|
|
4330
|
+
var size = _a.size;
|
|
4331
|
+
switch (size) {
|
|
4332
|
+
case "small":
|
|
4333
|
+
return "28px";
|
|
4334
|
+
default:
|
|
4335
|
+
case "medium":
|
|
4336
|
+
return "33px";
|
|
4337
|
+
}
|
|
4338
|
+
}, function (_a) {
|
|
4321
4339
|
var isChanged = _a.isChanged;
|
|
4322
4340
|
return !isChanged ? theme.colors.lightGray.darker : "";
|
|
4323
4341
|
}, function (_a) {
|
|
@@ -8037,7 +8055,7 @@ var SearchInput = function (props) {
|
|
|
8037
8055
|
if (props.onSearch)
|
|
8038
8056
|
props.onSearch(value);
|
|
8039
8057
|
};
|
|
8040
|
-
return (jsxRuntime.jsx(Container$q, { children: jsxRuntime.jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled, size: props.size }, { children: [jsxRuntime.jsx(Icon, { type: "search", color: "gray", size: "small", onClick: onSearch }), jsxRuntime.jsx(StyledInput, __assign$2({ type: "
|
|
8058
|
+
return (jsxRuntime.jsx(Container$q, { children: jsxRuntime.jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled, size: props.size }, { children: [jsxRuntime.jsx(Icon, { type: "search", color: "gray", size: "small", onClick: onSearch }), jsxRuntime.jsx(StyledInput, __assign$2({ type: "search" }, props, { onChange: onChange, onKeyPress: onKeyPress }))] })) }));
|
|
8041
8059
|
};
|
|
8042
8060
|
|
|
8043
8061
|
var Input = function (props) {
|