@typeolymp/ui-components 1.17.7 → 1.17.8

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { PropsType as IconPropsType } from "../Icon";
 export declare type PropsType = {
     label: string | JSX.Element;
     color?: "blue" | "green" | "red" | "white";
@@ -9,6 +10,7 @@ export declare type PropsType = {
     tabIndex?: number;
     href?: string;
     asAnchor?: boolean;
+    icon?: IconPropsType["type"];
     onClick?(): void;
     onClickAsync?(resolve: () => void): void;
 };

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" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload";
+    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" | "dotsVertical" | "dotsHorizontal";
     size?: "tiny" | "small" | "medium" | "large";
     color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
     onClick?(e?: MouseEvent): void;

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

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from "react";
+import { PropsType as IconPropsType } from "../../atoms/Icon";
+export declare type PropsType = {
+    menu: Array<{
+        label: string;
+        icon?: IconPropsType["type"];
+        onClick?(): void;
+    }>;
+    trigger?: ["click" | "hover"];
+    children: ReactNode;
+};
+declare const Dropdown: FC<PropsType>;
+export default Dropdown;

package/build/components/molecules/Dropdown/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/Dropdown/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: any;
+export declare const MenuItem: any;

package/build/index.d.ts

@@ -24,6 +24,7 @@ import Checkboxes from "./components/molecules/Checkboxes";
 import Collapse from "./components/molecules/Collapse";
 import Countdown from "./components/molecules/Countdown";
 import DateInputField from "./components/molecules/DateInputField";
+import Dropdown from "./components/molecules/Dropdown";
 import FileUpload from "./components/molecules/FileUpload";
 import IconButton from "./components/molecules/IconButton";
 import InputField from "./components/molecules/InputField";
@@ -49,4 +50,4 @@ import Modal from "./components/organisms/Modal";
 import Result from "./components/organisms/Result";
 import Table from "./components/organisms/Table";
 import Transfer from "./components/organisms/Transfer";
-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, Countdown, DateInputField, FileUpload, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, Tabs, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, Result, Table, Transfer, };
+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, Countdown, DateInputField, Dropdown, FileUpload, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, Tabs, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, Result, Table, Transfer, };