@typeolymp/ui-components 1.20.0 → 1.20.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.
package/build/index.js
CHANGED
|
@@ -17807,7 +17807,7 @@ var PasswordInputField = function (props) {
|
|
|
17807
17807
|
return (jsxRuntime.jsxs(Container$d, { children: [jsxRuntime.jsx(Label$7, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Input.Password, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, helperLocale: props.helperLocale, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur })] }));
|
|
17808
17808
|
};
|
|
17809
17809
|
|
|
17810
|
-
var PopupContainer = styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$1(["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n border: ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n"], ["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n border: ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n"])), function (_a) {
|
|
17810
|
+
var PopupContainer = styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$1(["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n\n ", ";\n"], ["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n\n ", ";\n"])), function (_a) {
|
|
17811
17811
|
var isVisible = _a.isVisible;
|
|
17812
17812
|
return (isVisible ? "100%" : "0%");
|
|
17813
17813
|
}, function (_a) {
|
|
@@ -17816,9 +17816,13 @@ var PopupContainer = styled__default["default"].div(templateObject_1$l || (templ
|
|
|
17816
17816
|
}, function (_a) {
|
|
17817
17817
|
var x = _a.x;
|
|
17818
17818
|
return (x ? "".concat(x, "px") : "");
|
|
17819
|
-
},
|
|
17819
|
+
}, theme.colors.lightGray.dark, function (_a) {
|
|
17820
17820
|
var contrast = _a.contrast;
|
|
17821
17821
|
return contrast ? theme.colors.lightGray.light : theme.colors.lightGray.base;
|
|
17822
|
+
}, function (_a) {
|
|
17823
|
+
var noStyle = _a.noStyle;
|
|
17824
|
+
return noStyle &&
|
|
17825
|
+
"\n max-width: 100%;\n padding: 0;\n border-radius: 0;\n border: none;\n background-color: transparent;\n box-shadow: none;\n ";
|
|
17822
17826
|
});
|
|
17823
17827
|
var templateObject_1$l;
|
|
17824
17828
|
|
|
@@ -17853,7 +17857,7 @@ var Popup = function (props) {
|
|
|
17853
17857
|
});
|
|
17854
17858
|
}
|
|
17855
17859
|
});
|
|
17856
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsxs(PopupContainer, __assign$2({}, position, { isVisible: isVisible, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: props.title })), jsxRuntime.jsx(Spacer, { vertical: 10 })] })), typeof props.content === "string" && (jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: props.content }))), Array.isArray(props.content) &&
|
|
17860
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsxs(PopupContainer, __assign$2({}, position, { isVisible: isVisible, noStyle: props.noStyle, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: props.title })), jsxRuntime.jsx(Spacer, { vertical: 10 })] })), typeof props.content === "string" && (jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: props.content }))), Array.isArray(props.content) &&
|
|
17857
17861
|
props.content.length > 0 &&
|
|
17858
17862
|
props.content.map(function (item, index) { return (jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: item }), "".concat(item, "-").concat(index))); }), typeof props.content === "object" && props.content] }))] }));
|
|
17859
17863
|
};
|
|
@@ -48360,7 +48364,7 @@ var Keyboard$1 = function (props) {
|
|
|
48360
48364
|
keys[76].character === props.activeKey }), jsxRuntime.jsx(Key$1, { characters: ["Shift"], color: keys[31].color, active: shiftKeys.left.includes(props.activeKey) })] }), jsxRuntime.jsxs(SpacebarRow, { children: [jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, { color: keys[1].color, active: keys[1].character === props.activeKey }), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {})] })] }));
|
|
48361
48365
|
};
|
|
48362
48366
|
|
|
48363
|
-
var Container$3 = styled__default["default"].div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$1(["\n min-width:
|
|
48367
|
+
var Container$3 = styled__default["default"].div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$1(["\n min-width: 720px;\n width: 100%;\n border-radius: 10px;\n padding: 15px;\n box-sizing: border-box;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0 4px 0 ", ";\n\n display: flex;\n flex-direction: column;\n gap: 10px;\n"], ["\n min-width: 720px;\n width: 100%;\n border-radius: 10px;\n padding: 15px;\n box-sizing: border-box;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0 4px 0 ", ";\n\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.lightGray.darker);
|
|
48364
48368
|
var Row = styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$1(["\n min-height: 40px;\n height: 100%;\n display: grid;\n gap: 7px;\n"], ["\n min-height: 40px;\n height: 100%;\n display: grid;\n gap: 7px;\n"])));
|
|
48365
48369
|
var Row1 = styled__default["default"](Row)(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject$1(["\n grid-template-columns: repeat(13, 1fr) 1.5fr;\n"], ["\n grid-template-columns: repeat(13, 1fr) 1.5fr;\n"])));
|
|
48366
48370
|
var Row2 = styled__default["default"](Row)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$1(["\n grid-template-columns: 1.5fr repeat(13, 1fr);\n"], ["\n grid-template-columns: 1.5fr repeat(13, 1fr);\n"])));
|