@typeolymp/ui-components 1.11.0 → 1.13.0

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

@@ -1,7 +1,7 @@
 import React from "react";
 export declare type PropsType = {
     label: string | JSX.Element;
-    color?: "blue" | "green" | "white";
+    color?: "blue" | "green" | "red" | "white";
     size?: "small" | "medium";
     fluid?: boolean;
     disabled?: boolean;

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

@@ -1,6 +1,6 @@
 import { FC } from "react";
 export declare type PropsType = {
-    type: "keyboard" | "accuracy" | "speed" | "trophy" | "clipboard" | "rankings" | "lock" | "lockOpen" | "idCard" | "cookie";
+    type: "keyboard" | "accuracy" | "speed" | "trophy" | "clipboard" | "rankings" | "lock" | "lockOpen" | "idCard" | "cookie" | "classroom" | "student";
     size?: "small" | "medium" | "large";
 };
 declare const Illustration: FC<PropsType>;

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

@@ -1,6 +1,8 @@
 import { FC } from "react";
+import { Locale } from "@typeolymp/utility/build/enums";
 import { PropsType as InputPropsType } from ".";
 export declare type PropsType = InputPropsType & {
+    helperLocale?: Locale;
     onKeyPress?(e: KeyboardEvent): void;
 };
 declare const PasswordInput: FC<PropsType>;

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

@@ -1,2 +1,5 @@
+export declare const Container: any;
 export declare const InputIconWrapper: any;
 export declare const StyledInput: any;
+export declare const HelperContainer: any;
+export declare const Helper: any;

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/atoms/Paragraph/index.d.ts

@@ -4,6 +4,7 @@ declare type PropsType = {
     align?: "left" | "center" | "right";
     weight?: "regular" | "medium";
     color?: "white" | "lightGray" | "darkGray";
+    transform?: "uppercase" | "lowercase" | "capitalize";
     as?: "div";
     children: ReactNode;
 };

package/build/components/molecules/IconButton/index.d.ts

@@ -3,6 +3,7 @@ import { PropsType as IconPropsType } from "../../atoms/Icon";
 export declare type PropsType = {
     icon: IconPropsType["type"];
     color?: "blue" | "green" | "white";
+    size?: "small" | "medium";
     onClick?(): void;
 };
 declare const IconButton: FC<PropsType>;

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

@@ -1,4 +1,2 @@
 export declare const Container: any;
 export declare const Label: any;
-export declare const HelperContainer: any;
-export declare const Helper: any;

package/build/components/molecules/Tabs/Horizontal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { PropsType } from "..";
+declare const Tabs: FC<PropsType>;
+export default Tabs;

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

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

package/build/components/molecules/Tabs/Vertical/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { PropsType } from "..";
+declare const Tabs: FC<PropsType>;
+export default Tabs;

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

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

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+declare type TabType = {
+    key: string;
+    label: string;
+};
+export declare type PropsType = {
+    alignment?: "horizontal" | "vertical";
+    items: TabType[];
+    onChange?(key: string): void;
+};
+declare const Tabs: FC<PropsType>;
+export default Tabs;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;

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

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

package/build/components/organisms/Modal/index.d.ts

@@ -1,10 +1,16 @@
 import { FC, ReactNode } from "react";
+declare type ButtonPropsType = {
+    label: string;
+    onClick(): void;
+};
 export declare type PropsType = {
-    isVisible?: boolean;
+    isOpen?: boolean;
     isClosable?: boolean;
-    footer?: JSX.Element;
-    width?: number;
-    onClose?(): void;
+    width?: number | string;
+    title?: string;
+    okButton?: ButtonPropsType;
+    closeButton?: ButtonPropsType;
+    afterClose?(): void;
     children: ReactNode;
 };
 declare const Modal: FC<PropsType>;

package/build/components/organisms/Modal/styles.d.ts

@@ -1,5 +1,6 @@
 export declare const Mask: any;
 export declare const CardWrapper: any;
+export declare const TitleWrapper: any;
 export declare const CloseIconWrapper: any;
 export declare const ChildrenWrapper: any;
 export declare const FooterContainer: any;

package/build/components/organisms/Table/index.d.ts

@@ -1,13 +1,15 @@
 import { FC, ReactNode } from "react";
 export declare type PropsType = {
     columns: Array<{
-        title: string;
+        title?: string;
         dataIndex: string;
-        render?(value: any): ReactNode;
+        render?(value: any, row: any): ReactNode;
+        align?: "left" | "right" | "center";
     }>;
     data: Array<{
         [key: string]: any;
     }>;
+    empytText?: string;
 };
 declare const Table: FC<PropsType>;
 export default Table;

package/build/components/organisms/Table/styles.d.ts

@@ -5,3 +5,4 @@ export declare const TableFoot: any;
 export declare const ColumnTitle: any;
 export declare const TableRow: any;
 export declare const TableCell: any;
+export declare const EmptyTableCell: any;

package/build/index.d.ts

@@ -36,6 +36,7 @@ import PasswordInputField from "./components/molecules/PasswordInputField";
 import Popup from "./components/molecules/Popup";
 import ProgressBar from "./components/molecules/ProgressBar";
 import Steps from "./components/molecules/Steps";
+import Tabs from "./components/molecules/Tabs";
 import RadioGroup from "./components/molecules/RadioGroup";
 import SelectField from "./components/molecules/SelectField";
 import ToggleField from "./components/molecules/ToggleField";
@@ -45,4 +46,4 @@ import Keyboard from "./components/organisms/Keyboard";
 import Modal from "./components/organisms/Modal";
 import Result from "./components/organisms/Result";
 import Table from "./components/organisms/Table";
-export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Range, Select, Spacer, Subheading, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, DateInputField, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, Result, Table, };
+export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Range, Select, Spacer, Subheading, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, DateInputField, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, Tabs, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, Result, Table, };