@typeolymp/ui-components 1.11.0 → 1.12.0

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";
     size?: "small" | "medium" | "large";
 };
 declare const Illustration: FC<PropsType>;

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,13 @@
+import { FC, ReactNode } from "react";
+declare type TabType = {
+    key: string;
+    label: string;
+    children: ReactNode;
+};
+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/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, };