@typeolymp/ui-components 1.17.3 → 1.17.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/build/components/atoms/Icon/index.d.ts +1 -1
- package/build/components/atoms/Input/translations.d.ts +11 -0
- package/build/components/molecules/Key/translations.d.ts +5 -0
- package/build/components/molecules/PasswordInputField/translations.d.ts +11 -0
- package/build/components/molecules/Tabs/styles.d.ts +2 -0
- package/build/index.es.js +9 -4
- package/build/index.es.js.map +1 -1
- package/build/index.js +9 -4
- package/build/index.js.map +1 -1
- package/build/lib/enums.d.ts +4 -0
- package/build/lib/helpers.d.ts +1 -0
- package/build/lib/theme/index.d.ts +3 -0
- package/build/lib/theme/types.d.ts +72 -0
- package/build/lib/translations/index.d.ts +6 -0
- package/build/lib/types/TranslationType.d.ts +7 -0
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -4196,7 +4196,12 @@ var icons = {
|
|
|
4196
4196
|
thunder: (jsxRuntime.jsx("path", { d: "M20.3 8.7h-6.9l.6-7.6c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.7-.3-.3 0-.6.2-.7.4L2.9 13.6c-.1.2-.2.4-.2.7 0 .2.1.5.3.6.2.2.4.2.7.2h7.1l-.7 7.8c0 .2 0 .4.2.6.1.2.3.3.5.4l.2.1c.3 0 .6-.2.8-.5L21 10.2c.1-.2.2-.4.2-.7 0-.2-.1-.5-.3-.6-.1-.1-.4-.2-.6-.2z" })),
|
|
4197
4197
|
fire: (jsxRuntime.jsx("path", { d: "M17.3 9.2c-.7-.6-1.3-1.2-1.8-1.9C12.4 3.3 14 0 14 0 8.3 2.4 7 6.2 7 9c0 0 .1 1.7.8 3.5.2.6-.2 1.2-.8 1.3-.4.1-.8-.2-1-.6-.3-.7-.8-1.8-.6-2.6-.9 1.2-1.5 2.8-1.7 4.4-.3 4.2 2.6 8 6.7 8.8 4.8 1 9.3-2.3 10-7.1.3-2.9-.9-5.7-3.1-7.5z" })),
|
|
4198
4198
|
control: (jsxRuntime.jsx("path", { d: "M1.4 5.3h2.4c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h11.2c.7 0 1.2-.5 1.2-1.2s-.5-1.2-1.2-1.2H11.5C10.9 1.2 9.4 0 7.6 0 5.8 0 4.3 1.2 3.8 2.8H1.4C.7 2.8.2 3.3.2 4s.5 1.3 1.2 1.3zm6.2-2.8c.9 0 1.6.7 1.6 1.6s-.7 1.6-1.6 1.6S6 5 6 4.1c0-.9.7-1.6 1.6-1.6zM22.6 10.8h-2.4c-.5-1.6-2-2.8-3.8-2.8-1.8 0-3.3 1.2-3.8 2.8H1.4c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h11.2c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h2.4c.7 0 1.2-.5 1.2-1.2.1-.7-.5-1.2-1.2-1.2zm-6.2 2.8c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6zM22.6 18.7H11.5c-.5-1.6-2-2.8-3.8-2.8-1.8 0-3.3 1.2-3.8 2.8H1.4c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h2.4c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h11.2c.7 0 1.2-.5 1.2-1.2s-.5-1.2-1.2-1.2zm-15 2.8c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6z" })),
|
|
4199
|
-
|
|
4199
|
+
fileAdd: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsxRuntime.jsx("path", { d: "M15.7 13.8h-2.3v-2.3c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v2.3H8.8c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h2.3v2.3c0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2v-2.3h2.3c.7 0 1.2-.5 1.2-1.2s-.6-1.2-1.3-1.2z" })] })),
|
|
4200
|
+
fileCheck: (jsxRuntime.jsx("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3zm-4.5 13.2c-.3 0-.6-.1-.9-.4l-2.2-2.2c-.5-.5-.5-1.2 0-1.7s1.2-.5 1.7 0l1.3 1.3 4-4c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-4.9 4.9c0 .3-.4.4-.7.4z" })),
|
|
4201
|
+
fileError: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsxRuntime.jsx("path", { d: "M15.6 16.6L14 15l1.6-1.6c.5-.5.5-1.2 0-1.7s-1.2-.5-1.7 0l-1.6 1.6-1.6-1.6c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l1.6 1.6L9 16.6c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l1.6-1.6 1.6 1.6c.5.5 1.2.5 1.7 0s.4-1.2 0-1.7z" })] })),
|
|
4202
|
+
fileArrow: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsxRuntime.jsx("path", { d: "M15.3 15.2c-.5-.5-1.2-.5-1.7 0l-.4.4v-4.1c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v4.1l-.4-.4c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l2.4 2.4c.2.2.5.4.8.4s.6-.1.8-.4l2.4-2.4c.7-.5.7-1.2.2-1.7z" })] })),
|
|
4203
|
+
download: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.6 14.6c-.7 0-1.3.6-1.3 1.3v4H2.7v-4c0-.7-.6-1.3-1.3-1.3s-1.3.6-1.3 1.3v5.2c0 .7.6 1.3 1.3 1.3h21.2c.7 0 1.3-.6 1.3-1.3v-5.2c0-.8-.6-1.3-1.3-1.3z" }), jsxRuntime.jsx("path", { d: "M11.2 16.7c.1.1.2.2.4.3h.4c.2 0 .3 0 .5-.1.1-.1.3-.1.4-.3l4.9-4.9c.5-.5.5-1.2 0-1.7s-1.2-.5-1.7 0l-2.8 2.8v-10c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v10L8 10.1c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l4.9 4.9z" })] })),
|
|
4204
|
+
upload: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.6 14.6c-.7 0-1.3.6-1.3 1.3v4H2.7v-4c0-.7-.6-1.3-1.3-1.3s-1.3.6-1.3 1.3v5.2c0 .7.6 1.3 1.3 1.3h21.2c.7 0 1.3-.6 1.3-1.3v-5.2c0-.8-.6-1.3-1.3-1.3z" }), jsxRuntime.jsx("path", { d: "M12.8 2.1c-.1-.1-.2-.2-.4-.3-.1-.1-.3-.1-.5-.1s-.3 0-.5.1c-.1.1-.3.1-.4.3L6.3 7c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l2.8-2.8v10c0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2v-10L16 8.7c.5.5 1.2.5 1.7 0s.5-1.2 0-1.7l-4.9-4.9z" })] })),
|
|
4200
4205
|
};
|
|
4201
4206
|
var Icon = function (props) { return (jsxRuntime.jsx(Wrapper$9, __assign$2({}, props, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
4202
4207
|
|
|
@@ -14079,7 +14084,7 @@ var FileUpload = function (_a) {
|
|
|
14079
14084
|
isDragActive: isDragActive,
|
|
14080
14085
|
isDragAccept: isDragAccept,
|
|
14081
14086
|
isDragReject: isDragReject,
|
|
14082
|
-
}), { children: [jsxRuntime.jsx("input", __assign$2({}, getInputProps())), jsxRuntime.jsx(Icon, { type: "
|
|
14087
|
+
}), { children: [jsxRuntime.jsx("input", __assign$2({}, getInputProps())), jsxRuntime.jsx(Icon, { type: "fileArrow", size: "large" }), jsxRuntime.jsx(Spacer, { vertical: 15 }), !isDragActive && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Drag file(s) here..."] })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Paragraph, { children: translations[locale]["or"] }), jsxRuntime.jsx(Spacer, { vertical: 10 }), jsxRuntime.jsx(Button, { label: translations[locale]["Select file(s)"], size: "small" })] })), isDragActive && !isDragReject && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Upload file(s)..."] }))), isDragReject && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["File type not allowed"] })))] })), files && files.length > 0 && (jsxRuntime.jsx(FileList, { children: files.map(function (file, index) { return (jsxRuntime.jsx(Alert, { type: "success", message: file.name }, "".concat(file.name, "-").concat(index))); }) }))] }) }));
|
|
14083
14088
|
};
|
|
14084
14089
|
|
|
14085
14090
|
var StyledIconButton = styled__default["default"](StyledButton)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n margin-top: 2px;\n }\n"], ["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n margin-top: 2px;\n }\n"])), function (_a) {
|
|
@@ -15061,8 +15066,8 @@ var Keyboard = function (props) {
|
|
|
15061
15066
|
keys[76].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: ["Shift"], color: keys[31].color, active: shiftKeys.left.includes(props.activeKey) })] }), jsxRuntime.jsxs(SpacebarRow, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, { color: keys[1].color, active: keys[1].character === props.activeKey }), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {})] })] }));
|
|
15062
15067
|
};
|
|
15063
15068
|
|
|
15064
|
-
var Mask = styled__default["default"].div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$1(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"], ["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"])));
|
|
15065
|
-
var CardWrapper = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n"], ["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n"])), function (_a) {
|
|
15069
|
+
var Mask = styled__default["default"].div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$1(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n overflow: scroll;\n"], ["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n overflow: scroll;\n"])));
|
|
15070
|
+
var CardWrapper = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n max-height: calc(100vh - 40px);\n"], ["\n min-width: ", ";\n max-width: calc(100vw - 40px);\n width: ", ";\n max-height: calc(100vh - 40px);\n"])), function (_a) {
|
|
15066
15071
|
var width = _a.width;
|
|
15067
15072
|
if (!width)
|
|
15068
15073
|
return "720px";
|