@televet/kibble-ui 1.3.2-release.1 → 1.3.2

package/build/theme/theme.types.d.ts

@@ -26,13 +26,11 @@ export interface Theme {
         useSystemColorMode: boolean;
     };
     components: {
-        Button: ButtonStyleType;
         Drawer: ComponentStyleConfig;
+        Textarea: ComponentStyleConfig;
         Heading: HeadingStyleConfig;
-        Select: ComponentStyleConfig;
-        Switch: ComponentStyleConfig;
         Text: ComponentStyleConfig;
-        Textarea: ComponentStyleConfig;
+        Button: ButtonStyleType;
         Tooltip: TooltipStyleConfig;
         Avatar: ComponentStyleConfig;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "1.3.2-release.1",
+  "version": "1.3.2",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",

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

@@ -1,26 +0,0 @@
-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

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

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

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

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

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

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

@@ -1,13 +0,0 @@
-/// <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

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

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

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

package/build/components/Button/button.component.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
-import { IconName } from '../Icon';
-import { ButtonSizeType, ButtonVariantType } from './button.types';
-export interface ButtonProps extends ChakraButtonProps {
-    children?: ReactNode;
-    variant?: ButtonVariantType;
-    size?: ButtonSizeType;
-    iconName?: IconName;
-    iconPosition?: 'left' | 'right';
-    darkMode?: boolean;
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/Button/button.config.d.ts

@@ -1,16 +0,0 @@
-import { ButtonStyleType } from './button.types';
-export declare const ButtonVariantConfig: ButtonStyleType;
-export declare const ButtonSizeConfig: {
-    lg: {
-        p: string;
-    };
-    md: {
-        p: string;
-    };
-    sm: {
-        p: string;
-    };
-    xs: {
-        p: string;
-    };
-};

package/build/components/Button/button.model.d.ts

@@ -1,5 +0,0 @@
-import { ButtonColorOptions } from './button.types';
-import { AdaptiveColorMap } from '../../theme/tokens/colors';
-export interface ButtonVariantConfig extends AdaptiveColorMap<ButtonColorOptions> {
-    variant: 'solid' | 'outline' | 'ghost';
-}

package/build/components/Button/button.records.d.ts

@@ -1,2 +0,0 @@
-import { ButtonStyleConfig } from './button.types';
-export declare const ButtonConfig: ButtonStyleConfig;

package/build/components/Button/button.types.d.ts

@@ -1,8 +0,0 @@
-import { AdaptiveColorMap } from '../../theme/tokens';
-export interface ButtonVariantConfigType extends AdaptiveColorMap<ButtonColorOptionsType> {
-    variant: 'solid' | 'outline' | 'ghost';
-}
-export declare type ButtonVariantType = 'primary' | 'primaryDestructive' | 'secondary' | 'secondaryDestructive' | 'secondarySubtle' | 'secondarySubtleDestructive' | 'tertiary' | 'tertiaryDestructive' | 'ghost' | 'ghostNeutral' | 'ghostDestructive';
-export declare type ButtonColorOptionsType = 'content' | 'default' | 'hover' | 'active' | 'border';
-export declare type ButtonSizeType = 'xs' | 'sm' | 'md' | 'lg';
-export declare type ButtonStyleType = Record<ButtonVariantType, ButtonVariantConfigType>;

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

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

package/build/components/DataDisplay/Badge/index.d.ts

@@ -1 +0,0 @@
-export { Badge } from '@chakra-ui/react';

package/build/components/DataDisplay/Code/index.d.ts

@@ -1 +0,0 @@
-export { Code } from '@chakra-ui/react';

package/build/components/DataDisplay/Divider/index.d.ts

@@ -1 +0,0 @@
-export { Divider } from '@chakra-ui/react';

package/build/components/DataDisplay/Kbd/index.d.ts

@@ -1 +0,0 @@
-export { Kbd } from '@chakra-ui/react';

package/build/components/DataDisplay/List/index.d.ts

@@ -1 +0,0 @@
-export { List, ListIcon, ListItem, OrderedList, UnorderedList } from '@chakra-ui/react';

package/build/components/DataDisplay/Tag/index.d.ts

@@ -1 +0,0 @@
-export { Tag, TagLabel, TagLeftIcon, TagRightIcon, TagCloseButton } from '@chakra-ui/react';

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

@@ -1 +0,0 @@
-export { Accordion, AccordionItem, AccordionButton, AccordionPanel, AccordionIcon } from '@chakra-ui/react';

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

@@ -1 +0,0 @@
-export { Tabs, TabList, TabPanels, Tab, TabPanel } from '@chakra-ui/react';

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

@@ -1 +0,0 @@
-export { VisuallyHidden, VisuallyHiddenInput } from '@chakra-ui/react';

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

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

package/build/components/Drawer/drawer.config.d.ts

@@ -1,13 +0,0 @@
-export declare const DrawerConfig: {
-    variants: {
-        alwaysOpen: {
-            parts: string[];
-            dialog: {
-                pointerEvents: string;
-            };
-            dialogContainer: {
-                pointerEvents: string;
-            };
-        };
-    };
-};

package/build/components/Drawer/drawer.records.d.ts

@@ -1,13 +0,0 @@
-export declare const DrawerConfig: {
-    variants: {
-        alwaysOpen: {
-            parts: string[];
-            dialog: {
-                pointerEvents: string;
-            };
-            dialogContainer: {
-                pointerEvents: string;
-            };
-        };
-    };
-};

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

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

package/build/components/Feedback/Alert/index.d.ts

@@ -1 +0,0 @@
-export { Alert, AlertIcon, AlertTitle, AlertDescription } from '@chakra-ui/react';

package/build/components/Feedback/CircularProgress/index.d.ts

@@ -1 +0,0 @@
-export { CircularProgress, CircularProgressLabel } from '@chakra-ui/react';

package/build/components/Feedback/Progress/index.d.ts

@@ -1 +0,0 @@
-export { Progress } from '@chakra-ui/react';

package/build/components/Feedback/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export { Skeleton, SkeletonCircle, SkeletonText } from '@chakra-ui/react';

package/build/components/Feedback/Spinner/index.d.ts

@@ -1 +0,0 @@
-export { Spinner } from '@chakra-ui/react';

package/build/components/Feedback/Toast/index.d.ts

@@ -1 +0,0 @@
-export { useToast } from '@chakra-ui/react';

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

@@ -1,6 +0,0 @@
-export * from './Alert';
-export * from './CircularProgress';
-export * from './Progress';
-export * from './Skeleton';
-export * from './Spinner';
-export * from './Toast';

package/build/components/FormControl/formControl.argTypes.d.ts

@@ -1,125 +0,0 @@
-export declare const formControlArgTypes: {
-    onChange: {
-        type: {
-            required: boolean;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    size: {
-        control: string;
-        description: string;
-        options: string[];
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: string;
-    };
-    label: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    helperText: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-    errorText: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    isDisabled: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isInvalid: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isReadOnly: {
-        type: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isRequired: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    autoFocus: {
-        type: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-};

package/build/components/FormControl/formControl.component.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface WithFormControlProps {
-    label?: string;
-    errorText?: string;
-    helperText?: string;
-    isInvalid?: boolean;
-    isRequired?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    placeholder?: string;
-}
-export declare function withFormControl<P extends object>(Component: React.ComponentType<P>): React.FC<P & WithFormControlProps>;

package/build/components/FormControl/formControl.config.d.ts

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

package/build/components/Forms/FormControl/formControl.argTypes.d.ts

@@ -1,125 +0,0 @@
-export declare const formControlArgTypes: {
-    onChange: {
-        type: {
-            required: boolean;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    size: {
-        control: string;
-        description: string;
-        options: string[];
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: string;
-    };
-    label: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    helperText: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-    errorText: {
-        control: string;
-        type: {
-            name: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    isDisabled: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isInvalid: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isReadOnly: {
-        type: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    isRequired: {
-        type: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-    autoFocus: {
-        type: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        defaultValue: boolean;
-    };
-};

package/build/components/Forms/FormControl/formControl.component.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface WithFormControlProps {
-    errorText?: string;
-    helperText?: string;
-    isDisabled?: boolean;
-    isFieldInline?: boolean;
-    isInvalid?: boolean;
-    isReadOnly?: boolean;
-    isRequired?: boolean;
-    label?: string;
-}
-export declare function withFormControl<P extends object>(Component: React.ComponentType<P>): React.FC<P & WithFormControlProps>;

package/build/components/Forms/FormControl/formControl.config.d.ts

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

package/build/components/Forms/RatingDots/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ratingDot.component';
-export * from './ratingDots.component';

package/build/components/Forms/RatingDots/ratingDot.component.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface IRatingDotProps {
-    number: number;
-    isInteractive?: boolean;
-    isDisabled?: boolean;
-    onClick?: (value: number) => void;
-    selected: boolean;
-}
-export declare const RatingDot: ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps) => JSX.Element;

package/build/components/Forms/RatingDots/ratingDots.component.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface IRatingDotsProps {
-    minValue: number;
-    maxValue: number;
-    isInteractive?: boolean;
-    isDisabled?: boolean;
-    onClick?: (value: number) => void;
-    selected?: number;
-}
-export declare const RatingDots: ({ minValue, maxValue, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;

package/build/components/Forms/Select/index.d.ts

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

package/build/components/Forms/Select/select.component.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { SelectProps as CSelectProps } from '@chakra-ui/react';
-import { WithFormControlProps } from '../FormControl/formControl.component';
-import { SelectOptionProps } from './select.types';
-export interface SelectProps extends WithFormControlProps, CSelectProps {
-    options: SelectOptionProps[];
-}
-declare const WrappedSelect: React.FC<SelectProps & WithFormControlProps>;
-export { WrappedSelect as Select };

package/build/components/Forms/Select/select.config.d.ts

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

package/build/components/Forms/Select/select.types.d.ts

@@ -1,4 +0,0 @@
-export interface SelectOptionProps {
-    value: string;
-    text: string;
-}

package/build/components/Forms/Switch/index.d.ts

@@ -1,2 +0,0 @@
-export * from './switch.component';
-export * from './switch.config';

package/build/components/Forms/Switch/switch.component.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SwitchProps as CSwitchProps } from '@chakra-ui/react';
-import { WithFormControlProps } from '../FormControl/formControl.component';
-export interface SwitchProps extends WithFormControlProps, CSwitchProps {
-}
-declare const WrappedSwitch: React.FC<SwitchProps & WithFormControlProps>;
-export { WrappedSwitch as Switch };

package/build/components/Forms/Switch/switch.config.d.ts

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

package/build/components/Forms/TextInput/index.d.ts

@@ -1,2 +0,0 @@
-export * from './textInput.component';
-export * from './textInput.config';

package/build/components/Forms/TextInput/textInput.component.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactElement } from 'react';
-import { InputProps as CInputProps } from '@chakra-ui/react';
-import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
-export interface TextInputProps extends WithFormControlProps, CInputProps {
-    leftElement?: ReactElement;
-    rightElement?: ReactElement;
-}
-declare const WrappedTextInput: React.FC<TextInputProps & WithFormControlProps>;
-export { WrappedTextInput as TextInput };

package/build/components/Forms/TextInput/textInput.config.d.ts

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

package/build/components/Icon/icon.component.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { IconColor, IconName, IconsSize } from './icon.types';
-export interface IconProps {
-    name: IconName;
-    size?: IconsSize;
-    color?: IconColor;
-}
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;

package/build/components/Icon/icon.config.d.ts

@@ -1,3 +0,0 @@
-import { IconName, IconsSize } from './icon.types';
-export declare const IconMap: Record<IconName, any>;
-export declare const IconSizeMap: Record<IconsSize, number>;

package/build/components/Icon/icon.records.d.ts

@@ -1,3 +0,0 @@
-import { IconName, IconsSize } from './icon.types';
-export declare const IconMap: Record<IconName, any>;
-export declare const IconSizeMap: Record<IconsSize, number>;