@conboai/storybook.components 0.1.1

package/dist/components/NotificationBar/NotificationBar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface INotificationBar {
+    text: string;
+    isShown?: boolean;
+}
+declare const NotificationBar: ({ text, isShown }: INotificationBar) => false | React.JSX.Element | undefined;
+export default NotificationBar;

package/dist/components/NotificationBar/index.d.ts

@@ -0,0 +1 @@
+export { default as NotificationBar } from './NotificationBar';

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface ISearchInput {
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    options: Array<string>;
+}
+declare const SearchInput: ({ onChange, disabled, options, ...props }: ISearchInput) => React.JSX.Element;
+export default SearchInput;

package/dist/components/SearchInput/index.d.ts

@@ -0,0 +1 @@
+export { default as SearchInput } from './SearchInput';

package/dist/components/SearchInput/styles.d.ts

@@ -0,0 +1,3 @@
+import { SxProps } from '@mui/material';
+
+export declare const autocompleteSx: SxProps;

package/dist/components/Svg/Svg.d.ts

@@ -0,0 +1,12 @@
+import { default as icons } from './icons';
+import { default as React } from 'react';
+
+interface ISvg {
+    fill?: string;
+    icon: keyof typeof icons;
+    width?: number;
+    height?: number;
+    fillOpacity?: string;
+}
+declare function Svg({ fill, icon, width, height, fillOpacity }: ISvg): React.JSX.Element;
+export default Svg;

package/dist/components/Svg/icons.d.ts

@@ -0,0 +1,27 @@
+interface Icons {
+    add: Icon;
+    arrowDown: Icon;
+    arrowUp: Icon;
+    calendar: Icon;
+    close: Icon;
+    download: Icon;
+    expandMore: Icon;
+    minus: Icon;
+    plus: Icon;
+    remove: Icon;
+    triangleLeft: Icon;
+    triangleRight: Icon;
+    search: Icon;
+    home: Icon;
+    play: Icon;
+    pause: Icon;
+    downloadVideo: Icon;
+}
+interface Icon {
+    paths: string[];
+    width: number;
+    height: number;
+    strokeWidth?: number;
+}
+declare const icons: Icons;
+export default icons;

package/dist/components/Svg/index.d.ts

@@ -0,0 +1 @@
+export { default as Svg } from './Svg';

package/dist/components/Tab/Tab.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ITab } from '../../interfaces/tab';
+
+declare const Tab: FC<ITab>;
+export default Tab;

package/dist/components/Tab/index.d.ts

@@ -0,0 +1 @@
+export { default as Tab } from './Tab';

package/dist/components/Tab/styles.d.ts

@@ -0,0 +1,25 @@
+import { SxProps, Theme } from '@mui/material';
+
+export declare const typographySx: SxProps;
+export declare const gridSx: (active?: boolean) => {
+    width: string;
+    height: string;
+    minWidth: string;
+    padding: string;
+    border: string;
+    borderRadius: string;
+    backgroundColor: string;
+    color: string;
+    cursor: string;
+    "&:hover": {
+        backgroundColor: string;
+        "& .MuiTypography-root": {
+            opacity: number;
+        };
+    };
+    ".remove-icon": {
+        opacity: number;
+    };
+};
+export declare const textFieldSx: SxProps;
+export declare const boxSx: (color: string) => SxProps<Theme>;

package/dist/components/TabsBar/TabsBar.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ITabsBar } from '../../interfaces/tab';
+
+declare const TabsBar: FC<ITabsBar>;
+export default TabsBar;

package/dist/components/TabsBar/index.d.ts

@@ -0,0 +1 @@
+export { default as TabsBar } from './TabsBar';

package/dist/components/TabsBox/TabsBox.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ITabsBox } from '../../interfaces/tabsContainer';
+
+declare const TabsBox: FC<ITabsBox>;
+export default TabsBox;

package/dist/components/TabsBox/TabsContainer.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ITabsContainer } from '../../interfaces/tabsContainer';
+
+declare const TabsContainer: FC<ITabsContainer>;
+export default TabsContainer;

package/dist/components/TabsBox/TabsContent.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ITabsContent } from '../../interfaces/tabsContainer';
+
+declare const TabsContent: FC<ITabsContent>;
+export default TabsContent;

package/dist/components/TabsBox/index.d.ts

@@ -0,0 +1 @@
+export { default as TabsBox } from './TabsBox';

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,11 @@
+import { default as React, FC } from 'react';
+import { SxProps } from '@mui/material';
+
+interface IToggle {
+    checked: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    label?: string;
+    sx?: SxProps;
+}
+declare const Toggle: FC<IToggle>;
+export default Toggle;

package/dist/components/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { default as Toggle } from './Toggle';

package/dist/components/Toggle/styles.d.ts

@@ -0,0 +1,4 @@
+import { SxProps } from '@mui/material';
+
+export declare const toggleSx: SxProps;
+export declare const inputLabelSx: SxProps;

package/dist/components/UserAvatar/UserAvatar.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface IUserAvatar {
+    imageSrc: string;
+    alt?: string;
+}
+declare const UserAvatar: FC<IUserAvatar>;
+export default UserAvatar;

package/dist/components/UserAvatar/index.d.ts

@@ -0,0 +1 @@
+export { default as UserAvatar } from './UserAvatar';

package/dist/components/VerticalTable/VerticalTable.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { SxProps } from '@mui/material';
+
+export interface IColumnDefs {
+    headerName: string;
+    field: string;
+    renderCell?: (value: any) => Element | string;
+}
+export interface IVerticalTableProps {
+    columnDefs: IColumnDefs[];
+    data: {
+        [key: string]: any;
+    };
+    sx?: SxProps;
+}
+declare const VerticalTable: FC<IVerticalTableProps>;
+export default VerticalTable;

package/dist/components/VerticalTable/index.d.ts

@@ -0,0 +1 @@
+export { default as VerticalTable } from './VerticalTable';