@televet/kibble-ui 1.2.3-beta.2p81ym7.3 → 1.3.0

package/build/components/Avatar/avatar.component.d.ts

@@ -0,0 +1,26 @@
+import { AvatarProps as CAvatarProps, Placement } from '@chakra-ui/react';
+import { CSSProperties } from 'react';
+import { AvatarSize } from './avatar.types';
+export declare enum AvatarVariant {
+    Green = "green",
+    Red = "red",
+    Blue = "blue",
+    Comet = "comet",
+    Number = "number",
+    Dashed = "dashed",
+    Image = "image"
+}
+export interface AvatarProps extends CAvatarProps {
+    name: string;
+    size?: AvatarSize;
+    isClinic?: boolean;
+    showTooltip?: boolean;
+    tooltipPlacement?: Placement;
+    style?: CSSProperties;
+    handleClick?: () => void;
+    showRemoveButton?: boolean;
+    handleRemoveButtonClick?: () => void;
+    variant?: AvatarVariant;
+    tooltipText?: string;
+}
+export declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, tooltipText, ...rest }: AvatarProps) => JSX.Element;

package/build/components/Avatar/avatar.config.d.ts

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

package/build/components/Avatar/avatar.types.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './avatar.component';
+export * from './avatar.types';
+export * from './avatar.config';

package/build/components/AvatarGroup/avatarGroup.component.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AvatarProps, AvatarSize } from 'components/Avatar';
+export interface AvatarGroupProps {
+    avatars: AvatarProps[];
+    max?: number;
+    size?: AvatarSize;
+    handleAddButtonClick?: () => void;
+    showAddButton?: boolean;
+    addButtonTooltipText?: string;
+    showRemoveAvatarButton?: boolean;
+    handleRemoveButtonClick?: () => void;
+}
+export declare const AvatarGroup: ({ avatars, max, size, handleAddButtonClick, showAddButton, addButtonTooltipText, showRemoveAvatarButton, handleRemoveButtonClick, }: AvatarGroupProps) => JSX.Element;

package/build/components/AvatarGroup/avatarGroup.utilities.d.ts

@@ -0,0 +1,6 @@
+export declare const avatarSizeMap: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+};

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

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

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

@@ -1,4 +1,3 @@
 export * from './textarea.component';
 export * from './textarea.types';
 export * from './textarea.config';
-export * from './textarea.config';

package/build/components/Typography/Heading/heading.component.d.ts

@@ -1,11 +1,10 @@
 import { ReactNode } from 'react';
 import { HeadingProps as ChakraHeadingProps } from '@chakra-ui/react';
-import { HeadingSize } from './heading.types';
-import { TextColor } from '../typography.types';
+import { HeadingSize, HeadingVariant } from './heading.types';
 export interface HeadingProps extends ChakraHeadingProps {
     children: ReactNode;
     size?: HeadingSize;
-    color?: TextColor;
+    variant?: HeadingVariant;
     darkMode?: boolean;
 }
-export declare const Heading: ({ children, size, color, darkMode, ...rest }: HeadingProps) => JSX.Element;
+export declare const Heading: ({ children, size, variant, ...rest }: HeadingProps) => JSX.Element;

package/build/components/Typography/Text/text.component.d.ts

@@ -1,12 +1,8 @@
 import { ReactNode } from 'react';
 import { TextProps as ChakraTextProps } from '@chakra-ui/react';
-import { HTMLTagName, TextVariant } from './text.types';
-import { TextColor } from '../typography.types';
+import { TextVariant } from './text.types';
 export interface TextProps extends ChakraTextProps {
     children: ReactNode;
-    as?: HTMLTagName;
     variant?: TextVariant;
-    color?: TextColor;
-    darkMode?: boolean;
 }
-export declare const Text: ({ children, variant, as, color, darkMode, ...rest }: TextProps) => JSX.Element;
+export declare const Text: ({ children, variant, ...rest }: TextProps) => JSX.Element;

package/build/components/Typography/Text/text.types.d.ts

@@ -1,2 +1 @@
 export declare type TextVariant = 'regular' | 'semibold';
-export declare type HTMLTagName = 'p' | 'span' | 'div' | 'i' | 'u' | 's' | 'kbd' | 'sub' | 'sup';

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

@@ -1,3 +1,2 @@
 export * from './Heading';
 export * from './Text';
-export * from './typography.types';

package/build/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './Icon';
 export * from './Logo';
 export * from './Typography';
 export * from './Textarea';
+export * from './Avatar';
 export * from './Button';
 export * from './Tooltip';
 export { Box, BoxProps, Center, CenterProps, Flex, FlexProps, Hide, HideProps, Show, ShowProps, Tbody, Td, Th, Thead, Tr, VStack, HStack, } from '@chakra-ui/react';

package/build/index.d.ts

@@ -1,5 +1,4 @@
 export * from './components';
 export * from './theme';
 export * from './providers';
-export * from './hocs';
 export * from './hooks';