@ballistix.digital/react-components 0.1.2 → 0.1.6

package/dist/@types/components/Navigation/Sidebar/SidebarNavigation.styles.d.ts

@@ -0,0 +1,29 @@
+export type StylesType = {
+    items?: {
+        base?: string;
+        active?: string;
+        notActive?: string;
+    };
+};
+export type ContainerStylesType = {
+    root?: string;
+    panel?: string;
+    container?: string;
+    content?: string;
+};
+export type NavigationStylesType = {
+    list?: string;
+};
+declare const styles: {
+    root: string;
+    panel: string;
+    container: string;
+    content: string;
+    list: string;
+    item: {
+        base: string;
+        active: string;
+        notActive: string;
+    };
+};
+export default styles;

package/dist/@types/components/Navigation/Sidebar/index.d.ts

@@ -0,0 +1,3 @@
+export type { ContainerStylesType, NavigationStylesType, StylesType, } from './SidebarNavigation.styles';
+export { default } from './SidebarNavigation';
+export { default as styles } from './SidebarNavigation.styles';

package/dist/@types/components/Navigation/Tab/TabNavigation.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+import { ContainerStylesType, NavigationStylesType } from '.';
+export interface ContainerProps {
+    children: ({ active, setActive, }: {
+        active: string;
+        setActive: any;
+    }) => ReactNode | ReactNode[];
+    styles?: ContainerStylesType;
+}
+export interface NavigationProps {
+    children: ReactNode | ReactNode[];
+    active: string;
+    setActive: any;
+    styles?: NavigationStylesType;
+}
+export interface NavigationItemProps {
+    accessor: string;
+    href?: string;
+    type?: string;
+    children: ReactNode;
+    isCurrent?: boolean;
+    isInitial?: boolean;
+    onClick?: (accessor: any) => void;
+}
+export interface ViewProps {
+    children: ReactNode | ReactNode[];
+}
+declare const TabNavigation: {
+    Container: React.FC<ContainerProps>;
+    List: React.FC<NavigationProps>;
+    Item: React.FC<NavigationItemProps>;
+    View: React.FC<ViewProps>;
+};
+export default TabNavigation;

package/dist/@types/components/Navigation/Tab/TabNavigation.styles.d.ts

@@ -0,0 +1,49 @@
+export type StylesType = {
+    tab: {
+        underline?: {
+            base?: string;
+            active?: string;
+            notActive?: string;
+        };
+        pills?: {
+            base?: string;
+            active?: string;
+            notActive?: string;
+        };
+        buttons?: {
+            base?: string;
+            active?: string;
+            notActive?: string;
+        };
+    };
+};
+export type ContainerStylesType = {
+    container: string;
+};
+export type NavigationStylesType = {
+    select?: string;
+    navigation?: string;
+};
+declare const styles: {
+    container: string;
+    select: string;
+    navigation: string;
+    tab: {
+        underline: {
+            base: string;
+            active: string;
+            notActive: string;
+        };
+        pills: {
+            base: string;
+            active: string;
+            notActive: string;
+        };
+        buttons: {
+            base: string;
+            active: string;
+            notActive: string;
+        };
+    };
+};
+export default styles;

package/dist/@types/components/Navigation/Tab/index.d.ts

@@ -0,0 +1,3 @@
+export type { ContainerStylesType, NavigationStylesType, StylesType, } from './TabNavigation.styles';
+export { default } from './TabNavigation';
+export { default as styles } from './TabNavigation.styles';

package/dist/@types/components/Navigation/Vertical/VerticalNavigation.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+import { ContainerStylesType, NavigationStylesType } from '.';
+export interface ContainerProps {
+    children: ({ active, setActive, }: {
+        active: string;
+        setActive: any;
+    }) => ReactNode | ReactNode[];
+    styles?: ContainerStylesType;
+}
+export interface NavigationProps {
+    children: ReactNode | ReactNode[];
+    active: string;
+    setActive: any;
+    styles?: NavigationStylesType;
+}
+export interface NavigationItemProps {
+    accessor: string;
+    href?: string;
+    type?: string;
+    children: ReactNode;
+    isCurrent?: boolean;
+    isInitial?: boolean;
+    onClick?: (accessor: any) => void;
+}
+export interface ViewProps {
+    children: ReactNode | ReactNode[];
+}
+declare const VerticalNavigation: {
+    Container: React.FC<ContainerProps>;
+    List: React.FC<NavigationProps>;
+    Item: React.FC<NavigationItemProps>;
+    View: React.FC<ViewProps>;
+};
+export default VerticalNavigation;

package/dist/@types/components/Navigation/Vertical/VerticalNavigation.styles.d.ts

@@ -0,0 +1,23 @@
+export type StylesType = {
+    items?: {
+        base?: string;
+        active?: string;
+        notActive?: string;
+    };
+};
+export type ContainerStylesType = {
+    container: string;
+};
+export type NavigationStylesType = {
+    list?: string;
+};
+declare const styles: {
+    container: string;
+    list: string;
+    item: {
+        base: string;
+        active: string;
+        notActive: string;
+    };
+};
+export default styles;

package/dist/@types/components/Navigation/Vertical/index.d.ts

@@ -0,0 +1,3 @@
+export type { ContainerStylesType, NavigationStylesType, StylesType, } from './VerticalNavigation.styles';
+export { default } from './VerticalNavigation';
+export { default as styles } from './VerticalNavigation.styles';

package/dist/@types/components/Overlay/Modal/ModalOverlay.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    trigger?: ({ onOpen, onClose, }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    children: ({ onOpen, onClose, }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    styles?: StylesType;
+}
+declare const ModalOverlay: FC<Props>;
+export default ModalOverlay;

package/dist/@types/components/Overlay/Modal/ModalOverlay.styles.d.ts

@@ -0,0 +1,64 @@
+export type StylesType = {
+    container?: string;
+    background?: {
+        container?: string;
+        transition?: {
+            enter?: string;
+            enterFrom?: string;
+            enterTo?: string;
+            leave?: string;
+            leaveFrom?: string;
+            leaveTo?: string;
+        };
+    };
+    layout?: {
+        container?: string;
+        content?: string;
+    };
+    panel?: {
+        container?: string;
+        transition?: {
+            enter?: string;
+            enterFrom?: string;
+            enterTo?: string;
+            leave?: string;
+            leaveFrom?: string;
+            leaveTo?: string;
+        };
+    };
+};
+declare const styles: {
+    container: string;
+    background: {
+        container: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    layout: {
+        container: string;
+        content: string;
+    };
+    panel: {
+        container: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export default styles;

package/dist/@types/components/Overlay/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './ModalOverlay.styles';
+export { default } from './ModalOverlay';
+export { default as styles } from './ModalOverlay.styles';

package/dist/@types/components/Overlay/Notification/NotificationOverlay.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    trigger?: ({ onOpen, onClose, }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    children: ({ onOpen, onClose, }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    styles?: StylesType;
+}
+declare const _default: {
+    Container: ({ children, styles: customStyles, }: {
+        children: React.ReactNode;
+        styles?: StylesType | undefined;
+    }) => JSX.Element;
+    Item: React.FC<Props>;
+};
+export default _default;

package/dist/@types/components/Overlay/Notification/NotificationOverlay.styles.d.ts

@@ -0,0 +1,67 @@
+export type StylesType = {
+    container?: {
+        outer?: string;
+        inner?: string;
+    };
+    item?: {
+        container?: string;
+        background?: {
+            container?: string;
+            transition?: {
+                enter?: string;
+                enterFrom?: string;
+                enterTo?: string;
+                leave?: string;
+                leaveFrom?: string;
+                leaveTo?: string;
+            };
+        };
+        layout?: {
+            container?: string;
+            content?: string;
+            inner?: string;
+        };
+        panel?: {
+            container?: string;
+            transition?: {
+                enter?: string;
+                enterFrom?: string;
+                enterTo?: string;
+                leave?: string;
+                leaveFrom?: string;
+                leaveTo?: string;
+            };
+        };
+    };
+};
+declare const styles: {
+    container: {
+        outer: string;
+        inner: string;
+    };
+    item: {
+        container: string;
+        layout: {
+            container: string;
+            content: string;
+            inner: string;
+        };
+        panel: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+    };
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export default styles;

package/dist/@types/components/Overlay/Notification/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './NotificationOverlay.styles';
+export { default } from './NotificationOverlay';
+export { default as styles } from './NotificationOverlay.styles';

package/dist/@types/components/Overlay/SlideOver/SlideOverOverlay.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { StylesType } from '.';
+export interface Props {
+    trigger?: ({ onOpen, onClose, }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    children: ({ onOpen, onClose, }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    styles?: StylesType;
+}
+declare const SlideOverOverlay: FC<Props>;
+export default SlideOverOverlay;

package/dist/@types/components/Overlay/SlideOver/SlideOverOverlay.styles.d.ts

@@ -0,0 +1,66 @@
+export type StylesType = {
+    container?: string;
+    background?: {
+        container?: string;
+        transition?: {
+            enter?: string;
+            enterFrom?: string;
+            enterTo?: string;
+            leave?: string;
+            leaveFrom?: string;
+            leaveTo?: string;
+        };
+    };
+    layout?: {
+        container?: string;
+        content?: string;
+        inner?: string;
+    };
+    panel?: {
+        container?: string;
+        transition?: {
+            enter?: string;
+            enterFrom?: string;
+            enterTo?: string;
+            leave?: string;
+            leaveFrom?: string;
+            leaveTo?: string;
+        };
+    };
+};
+declare const styles: {
+    container: string;
+    background: {
+        container: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    layout: {
+        container: string;
+        content: string;
+        inner: string;
+    };
+    panel: {
+        container: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export default styles;

package/dist/@types/components/Overlay/SlideOver/index.d.ts

@@ -0,0 +1,3 @@
+export type { StylesType } from './SlideOverOverlay.styles';
+export { default } from './SlideOverOverlay';
+export { default as styles } from './SlideOverOverlay.styles';

package/dist/@types/index.d.ts

@@ -0,0 +1,19 @@
+export { default as Avatar } from 'components/Element/Avatar';
+export { default as Button } from 'components/Element/Button';
+export { default as ButtonGroup } from 'components/Element/ButtonGroup';
+export { default as Dropdown } from 'components/Element/Dropdown';
+export { default as Badge } from 'components/Element/Badge';
+export { default as Container } from 'components/Layout/Container';
+export { default as Divider } from 'components/Layout/Divider';
+export { default as ListContainer } from 'components/Layout/ListContainer';
+export { default as MediaObject } from 'components/Layout/MediaObject';
+export { default as Panel } from 'components/Layout/Panel';
+export { default as Breadcrumbs } from 'components/Navigation/Breadcrumbs';
+export { default as PanelPagination } from 'components/Navigation/PanelPagination';
+export { default as PagePagination } from 'components/Navigation/PagePagination';
+export { default as Sidebar } from 'components/Navigation/Sidebar';
+export { default as Tab } from 'components/Navigation/Tab';
+export { default as Vertical } from 'components/Navigation/Vertical';
+export { default as Modal } from 'components/Overlay/Modal';
+export { default as Notification } from 'components/Overlay/Notification';
+export { default as SlideOver } from 'components/Overlay/SlideOver';