@televet/kibble-ui 1.8.0 → 1.9.0

package/build/components/DataDisplay/NotificationCounter/notificationCounter.component.d.ts

@@ -1,8 +1,9 @@
 import { FlexProps } from '@chakra-ui/react';
-import { NotificationCounterSize } from './notificationCounter.types';
+import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
 export interface NotificationCounterProps extends FlexProps {
     count: number;
     size?: NotificationCounterSize;
     showCount?: boolean;
+    variant?: NotificationCounterVariant;
 }
-export declare const NotificationCounter: ({ count, size, showCount, ...rest }: NotificationCounterProps) => JSX.Element;
+export declare const NotificationCounter: ({ count, size, showCount, variant, ...rest }: NotificationCounterProps) => JSX.Element;

package/build/components/DataDisplay/NotificationCounter/notificationCounter.types.d.ts

@@ -1 +1,5 @@
 export declare type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';
+export declare enum NotificationCounterVariant {
+    Red = "red",
+    Neutral = "neutral"
+}

package/build/components/Disclosure/Tabs/components/Tab/tab.component.d.ts

@@ -0,0 +1,13 @@
+import { TabProps as CTabProps } from '@chakra-ui/react';
+import { NotificationCounterVariant } from 'components/DataDisplay';
+import { IconName } from 'components/MediaAndIcons';
+import { TabSize } from '../../tabs.types';
+export interface TabProps extends CTabProps {
+    iconName?: IconName;
+    label: string;
+    showNotificationCounter?: boolean;
+    notificationCount?: number;
+    notificationCounterVariant?: NotificationCounterVariant;
+    size?: TabSize;
+}
+export declare const Tab: ({ iconName, label, showNotificationCounter, notificationCount, notificationCounterVariant, size, ...rest }: TabProps) => JSX.Element;

package/build/components/Disclosure/Tabs/components/TabsLayout/tabsLayout.component.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TabsProps } from '../../tabs.component';
+export interface TabsLayoutProps extends TabsProps {
+    tabPanels: JSX.Element[];
+}
+export declare const TabsLayout: (props: TabsLayoutProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+export { Tabs as CTabs, TabList, TabPanel, TabPanels } from '@chakra-ui/react';
+export * from './components/Tab/tab.component';
+export * from './components/TabsLayout/tabsLayout.component';
+export * from './tabs.component';
+export * from './tabs.config';
+export * from './tabs.types';

package/build/components/Disclosure/Tabs/tabs.argTypes.d.ts

@@ -0,0 +1,72 @@
+export declare const tabsArgTypes: {
+    size: {
+        type: string;
+        control: string;
+        options: string[];
+        defaultValue: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+                defaultValue: string;
+            };
+        };
+    };
+    tabList: {
+        type: {
+            name: string;
+            required: boolean;
+        };
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    isFitted: {
+        type: string;
+        description: string;
+        defaultValue: boolean;
+        table: {
+            type: {
+                summary: string;
+                defaultValue: boolean;
+            };
+        };
+    };
+    align: {
+        type: string;
+        description: string;
+        control: string;
+        options: string[];
+        defaultValue: string;
+        table: {
+            type: {
+                summary: string;
+                defaultValue: string;
+            };
+        };
+    };
+    onChange: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    defaultIndex: {
+        type: string;
+        control: string;
+        description: string;
+        defaultValue: number;
+        table: {
+            type: {
+                summary: string;
+                defaultValue: number;
+            };
+        };
+    };
+};

package/build/components/Disclosure/Tabs/tabs.component.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { StyleProps } from '@chakra-ui/react';
+import { Alignment, Dict } from 'shared/types';
+import { TabProps } from './components/Tab/tab.component';
+import { TabSize } from './tabs.types';
+export interface TabsProps extends StyleProps {
+    size?: TabSize;
+    tabList: TabProps[];
+    tabPanels?: JSX.Element[];
+    tabPanelsStyle?: Dict;
+    isFitted?: boolean;
+    align?: Alignment;
+    defaultIndex?: number;
+    isLazy?: boolean;
+    isManual?: boolean;
+    index?: number;
+    onChange?: (index: number) => void;
+}
+export declare const Tabs: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;

package/build/components/Disclosure/Tabs/tabs.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TabsConfig: ComponentStyleConfig;

package/build/components/Disclosure/Tabs/tabs.types.d.ts

@@ -0,0 +1 @@
+export declare type TabSize = 'lg' | 'md' | 'sm' | 'xs';

package/build/components/Disclosure/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/build/components/index.d.ts

@@ -1,8 +1,9 @@
 export * from './DataDisplay';
+export * from './Disclosure';
 export * from './Forms';
 export * from './Layout';
 export * from './MediaAndIcons';
 export * from './Other';
 export * from './Overlay';
 export * from './Typography';
-export { Divider, InputGroup, InputLeftElement, InputRightElement, } from '@chakra-ui/react';
+export { Divider, InputGroup, InputLeftElement, InputRightElement } from '@chakra-ui/react';