@typeolymp/ui-components 1.17.4 → 1.17.5

package/build/components/atoms/Icon/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 export declare type PropsType = {
-    type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "file";
+    type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload";
     size?: "tiny" | "small" | "medium" | "large";
     color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
     onClick?(e?: MouseEvent): void;

package/build/components/atoms/Input/translations.d.ts

@@ -0,0 +1,11 @@
+import { Locale } from "@typeolymp/utility/build/enums";
+declare type TranslationsType = {
+    capitalLetter: string;
+    number: string;
+    specialCharacter: string;
+    length: string;
+};
+declare const translations: {
+    [key in Locale]: TranslationsType;
+};
+export default translations;

package/build/components/molecules/Key/translations.d.ts

@@ -0,0 +1,5 @@
+import { LocaleType } from "@typeolymp/utility/build/types";
+declare const translations: {
+    [key in LocaleType]: string;
+};
+export default translations;

package/build/components/molecules/PasswordInputField/translations.d.ts

@@ -0,0 +1,11 @@
+import { Locale } from "@typeolymp/utility/build/enums";
+declare type TranslationsType = {
+    capitalLetter: string;
+    number: string;
+    specialCharacter: string;
+    length: string;
+};
+declare const translations: {
+    [key in Locale]: TranslationsType;
+};
+export default translations;

package/build/components/molecules/Tabs/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const TabsContainer: any;
+export declare const Tab: any;

package/build/index.es.js

@@ -4169,7 +4169,12 @@ var icons = {
     thunder: (jsx$1("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" })),
     fire: (jsx$1("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" })),
     control: (jsx$1("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" })),
-    file: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M6 2.75C4.75736 2.75 3.75 3.75736 3.75 5V19C3.75 20.2426 4.75736 21.25 6 21.25H18C19.2426 21.25 20.25 20.2426 20.25 19V9.08615C20.25 8.55979 20.0655 8.05009 19.7285 7.64574L16.3234 3.55959C15.8959 3.0466 15.2626 2.75 14.5949 2.75H6ZM2.25 5C2.25 2.92893 3.92893 1.25 6 1.25H14.5949C15.7078 1.25 16.7632 1.74434 17.4757 2.59931L20.8808 6.68546C21.4424 7.35939 21.75 8.20889 21.75 9.08615V19C21.75 21.0711 20.0711 22.75 18 22.75H6C3.92893 22.75 2.25 21.0711 2.25 19V5Z" }), jsx$1("path", { d: "M15 1.75C15.4142 1.75 15.75 2.08579 15.75 2.5V6C15.75 7.24264 16.7574 8.25 18 8.25H20.5C20.9142 8.25 21.25 8.58579 21.25 9C21.25 9.41421 20.9142 9.75 20.5 9.75H18C15.9289 9.75 14.25 8.07107 14.25 6V2.5C14.25 2.08579 14.5858 1.75 15 1.75Z" })] })),
+    fileAdd: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" })] })),
+    fileCheck: (jsx$1("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" })),
+    fileError: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" })] })),
+    fileArrow: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" })] })),
+    download: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" })] })),
+    upload: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" })] })),
 };
 var Icon = function (props) { return (jsx$1(Wrapper$9, __assign$2({}, props, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
 
@@ -14052,7 +14057,7 @@ var FileUpload = function (_a) {
                     isDragActive: isDragActive,
                     isDragAccept: isDragAccept,
                     isDragReject: isDragReject,
-                }), { children: [jsx$1("input", __assign$2({}, getInputProps())), jsx$1(Icon, { type: "file", size: "large" }), jsx$1(Spacer, { vertical: 15 }), !isDragActive && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Drag file(s) here..."] })), jsx$1(Spacer, { vertical: 5 }), jsx$1(Paragraph, { children: translations[locale]["or"] }), jsx$1(Spacer, { vertical: 10 }), jsx$1(Button, { label: translations[locale]["Select file(s)"], size: "small" })] })), isDragActive && !isDragReject && (jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Upload file(s)..."] }))), isDragReject && (jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["File type not allowed"] })))] })), files && files.length > 0 && (jsx$1(FileList, { children: files.map(function (file, index) { return (jsx$1(Alert, { type: "success", message: file.name }, "".concat(file.name, "-").concat(index))); }) }))] }) }));
+                }), { children: [jsx$1("input", __assign$2({}, getInputProps())), jsx$1(Icon, { type: "fileArrow", size: "large" }), jsx$1(Spacer, { vertical: 15 }), !isDragActive && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Drag file(s) here..."] })), jsx$1(Spacer, { vertical: 5 }), jsx$1(Paragraph, { children: translations[locale]["or"] }), jsx$1(Spacer, { vertical: 10 }), jsx$1(Button, { label: translations[locale]["Select file(s)"], size: "small" })] })), isDragActive && !isDragReject && (jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Upload file(s)..."] }))), isDragReject && (jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["File type not allowed"] })))] })), files && files.length > 0 && (jsx$1(FileList, { children: files.map(function (file, index) { return (jsx$1(Alert, { type: "success", message: file.name }, "".concat(file.name, "-").concat(index))); }) }))] }) }));
 };
 
 var StyledIconButton = styled(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) {