@televet/kibble-ui 1.6.2-beta.302y1fr.0 → 1.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "1.6.2-beta.302y1fr.0",
+  "version": "1.6.3",
   "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';
-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/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/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>;

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

@@ -1,3 +0,0 @@
-export declare type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'arrowDownRight' | 'arrowCircle' | 'arrowLeft' | 'arrowRight' | 'arrowsIn' | 'arrowsOut' | 'article' | 'asterisk' | 'bell' | 'bellRinging' | 'bookmarkFilled' | 'bookmarkOutlined' | 'brush' | 'caduceus' | 'calendarDate' | 'calendarCheck' | 'calendarInfo' | 'calendarPen' | 'calendarOutlined' | 'camera' | 'cameraFlip' | 'cameraOff' | 'cancel' | 'cellphone' | 'cellphoneAlert' | 'chainLink' | 'chatBubbleFilled' | 'chatBubbleOutlined' | 'checkmark' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmarkList' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'circleDotted' | 'clock' | 'close' | 'closeCircle' | 'code' | 'conversation' | 'creditCardHand' | 'crossClipboard' | 'crossPaw' | 'crossHatPerson' | 'dogHouse' | 'dogHouseOutlined' | 'dollar' | 'dollarCircle' | 'dotsCircle' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'dragDrop' | 'emailSend' | 'envelopeFilled' | 'envelopeOutlined' | 'eyedropper' | 'eyeOpen' | 'eyeSlash' | 'faceScreen' | 'formsFilled' | 'formsOutlined' | 'funnelFilled' | 'funnelOutlined' | 'gear' | 'grid' | 'horizontalLines' | 'house' | 'infoCircleFilled' | 'infoCircleOutlined' | 'input' | 'invoice' | 'invoiceOutlined' | 'largeTextInput' | 'list' | 'locationMarker' | 'locationMarkerGround' | 'lockRectangle' | 'lockRound' | 'loudspeaker' | 'magnifyingGlass' | 'manHeadset' | 'message' | 'messages' | 'messageClipboard' | 'messageEllipses' | 'messageGear' | 'messageLink' | 'microphone' | 'microphoneMute' | 'moveLeft' | 'moveRight' | 'multipleChoice' | 'notification' | 'paperAirplane' | 'paperAirplane2' | 'paperAirplaneRight' | 'paperclip' | 'paperPen' | 'paw' | 'paw2' | 'pawMagnifyingGlass' | 'pawOutlined' | 'pdfLogo' | 'pen' | 'penSquare' | 'person' | 'personAdd' | 'phone' | 'phoneButtons' | 'phoneDown' | 'phoneRing' | 'pill' | 'pillHand' | 'playingCards' | 'plus' | 'questionMark' | 'questionMarkCircle' | 'quilInk' | 'reactLogo' | 'record' | 'report' | 'robot' | 'smileyFace' | 'smileyFacePlus' | 'star' | 'star2' | 'star2Outlined' | 'starCircle' | 'team' | 'textEdit' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website';
-export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-export declare type IconColor = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';

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

@@ -1,2 +0,0 @@
-export * from './icon.component';
-export * from './icon.types';

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

@@ -1,2 +0,0 @@
-export * from './logo.component';
-export * from './logo.types';

package/build/components/Logo/logo.component.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { LogoHoliday, LogoType, LogoColor } from './logo.types';
-export interface ILogoProps {
-    type?: LogoType;
-    color?: LogoColor;
-    holiday?: LogoHoliday;
-    height?: number;
-    width?: number;
-    handleClick?: () => void;
-}
-export declare const Logo: {
-    ({ type, color, holiday, height, width, handleClick, }: ILogoProps): JSX.Element;
-    displayName: string;
-};

package/build/components/Logo/logo.config.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Props } from 'framer-motion/types/types';
-import { LogoColor, LogoHoliday } from './logo.types';
-export declare const holidaysLogoIconMap: Record<LogoHoliday, React.FC<Props>>;
-export declare const logoIconMap: Record<LogoColor, React.FC<Props>>;
-export declare const fullLogoMap: Record<LogoColor, React.FC<Props>>;

package/build/components/Logo/logo.records.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Props } from 'framer-motion/types/types';
-import { LogoColor, LogoHoliday } from './logo.types';
-export declare const holidaysLogoIconMap: Record<LogoHoliday, React.FC<Props>>;
-export declare const logoIconMap: Record<LogoColor, React.FC<Props>>;
-export declare const fullLogoMap: Record<LogoColor, React.FC<Props>>;

package/build/components/Logo/logo.types.d.ts

@@ -1,3 +0,0 @@
-export declare type LogoHoliday = 'newYears' | 'valentines' | 'stPatricks' | 'easter1' | 'easter2' | 'easter3' | 'easter4' | 'easter5' | 'easter6' | 'mothersDay' | 'memorialDay' | 'fathersDay' | 'halloween' | 'thanksgiving' | 'christmas';
-export declare type LogoType = 'full' | 'icon';
-export declare type LogoColor = 'teal' | 'black' | 'white';

package/build/components/Logo/logos.d.ts

@@ -1,22 +0,0 @@
-import { ReactComponent as TealLogo } from '../../assets/logos/teal.svg';
-import { ReactComponent as TealLogoIcon } from '../../assets/logos/tealIcon.svg';
-import { ReactComponent as BlackLogo } from '../../assets/logos/black.svg';
-import { ReactComponent as BlackLogoIcon } from '../../assets/logos/blackIcon.svg';
-import { ReactComponent as WhiteLogo } from '../../assets/logos/white.svg';
-import { ReactComponent as WhiteLogoIcon } from '../../assets/logos/whiteIcon.svg';
-import { ReactComponent as NewYearsLogoIcon } from '../../assets/logos/holidays/newYears.svg';
-import { ReactComponent as ValentinesLogoIcon } from '../../assets/logos/holidays/valentines.svg';
-import { ReactComponent as StPatricksLogoIcon } from '../../assets/logos/holidays/stPatricks.svg';
-import { ReactComponent as Easter1LogoIcon } from '../../assets/logos/holidays/easter1.svg';
-import { ReactComponent as Easter2LogoIcon } from '../../assets/logos/holidays/easter2.svg';
-import { ReactComponent as Easter3LogoIcon } from '../../assets/logos/holidays/easter3.svg';
-import { ReactComponent as Easter4LogoIcon } from '../../assets/logos/holidays/easter4.svg';
-import { ReactComponent as Easter5LogoIcon } from '../../assets/logos/holidays/easter5.svg';
-import { ReactComponent as Easter6LogoIcon } from '../../assets/logos/holidays/easter6.svg';
-import { ReactComponent as MothersDayLogoIcon } from '../../assets/logos/holidays/mothersDay.svg';
-import { ReactComponent as MemorialDayLogoIcon } from '../../assets/logos/holidays/memorialDay.svg';
-import { ReactComponent as FathersDayLogoIcon } from '../../assets/logos/holidays/fathersDay.svg';
-import { ReactComponent as HalloweenLogoIcon } from '../../assets/logos/holidays/halloween.svg';
-import { ReactComponent as ThanksgivingLogoIcon } from '../../assets/logos/holidays/thanksgiving.svg';
-import { ReactComponent as ChristmasLogoIcon } from '../../assets/logos/holidays/christmas.svg';
-export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon, NewYearsLogoIcon, ValentinesLogoIcon, StPatricksLogoIcon, Easter1LogoIcon, Easter2LogoIcon, Easter3LogoIcon, Easter4LogoIcon, Easter5LogoIcon, Easter6LogoIcon, MothersDayLogoIcon, MemorialDayLogoIcon, FathersDayLogoIcon, HalloweenLogoIcon, ThanksgivingLogoIcon, ChristmasLogoIcon, };

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

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

package/build/components/Textarea/textarea.component.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
-export interface TextareaProps extends CTextareaProps {
-}
-export declare const Textarea: (props: TextareaProps) => JSX.Element;

package/build/components/Textarea/textarea.config.d.ts

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

package/build/components/Textarea/textarea.types.d.ts

@@ -1,2 +0,0 @@
-export declare type TextareaSize = 'sm' | 'md' | 'lg';
-export declare type TextareaResizeOrientation = 'horizontal' | 'vertical' | 'none';

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

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

package/build/components/Tooltip/tooltip.component.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { PlacementWithLogical, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
-export interface TooltipProps extends ChakraTooltipProps {
-    label: string;
-    placement?: PlacementWithLogical;
-    titleCaseLabel?: boolean;
-}
-export declare const Tooltip: ({ children, label, openDelay, placement, titleCaseLabel, ...rest }: TooltipProps) => JSX.Element;

package/build/components/Tooltip/tooltip.config.d.ts

@@ -1,8 +0,0 @@
-import { TooltipStyleConfig } from './tooltip.types';
-export declare const TooltipGlobalStyle: {
-    '[id^=tooltip]': {
-        padding: string;
-        borderRadius: string;
-    };
-};
-export declare const TooltipConfig: TooltipStyleConfig;

package/build/components/Tooltip/tooltip.model.d.ts

@@ -1,4 +0,0 @@
-import { AdaptiveColor } from '../../theme/tokens';
-export interface TooltipStyleConfig {
-    color: AdaptiveColor;
-}

package/build/components/Tooltip/tooltip.records.d.ts

@@ -1,9 +0,0 @@
-import { TooltipStyleConfig } from './tooltip.model';
-export declare const TooltipGlobalStyle: {
-    '[id^=tooltip]': {
-        padding: string;
-        borderRadius: string;
-        textTransform: string;
-    };
-};
-export declare const TooltipConfig: TooltipStyleConfig;

package/build/components/Tooltip/tooltip.types.d.ts

@@ -1,4 +0,0 @@
-import { AdaptiveColor } from '../../theme/tokens';
-export interface TooltipStyleConfig {
-    color: AdaptiveColor;
-}

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

@@ -1,2 +0,0 @@
-import { HeadingStyleConfig } from './heading.types';
-export declare const HeadingConfig: HeadingStyleConfig;

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

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

package/build/theme/theme.model.d.ts

@@ -1,37 +0,0 @@
-import * as tokens from './tokens';
-import { ButtonStyleConfig, HeadingStyleConfig, TooltipStyleConfig } from '../components';
-import { ComponentStyleConfig } from '@chakra-ui/theme';
-export interface ThemeProps {
-    theme: Theme;
-}
-export interface Theme {
-    blur: tokens.Blur;
-    borders: tokens.Borders;
-    colors: tokens.Colors;
-    radii: tokens.Radii;
-    shadows: tokens.Shadows;
-    sizes: tokens.Sizes;
-    fonts: tokens.Fonts;
-    fontSizes: tokens.FontSizes;
-    fontWeights: tokens.FontWeights;
-    lineHeights: tokens.LineHeights;
-    space: tokens.Space;
-    transition: tokens.Transition;
-    zIndices: tokens.ZIndices;
-    semanticTokens: tokens.SemanticTokens;
-    initialColorMode: string;
-    useSystemColorMode: boolean;
-    config: {
-        initialColorMode: string;
-        useSystemColorMode: boolean;
-    };
-    components: {
-        Drawer: ComponentStyleConfig;
-        Textarea: ComponentStyleConfig;
-        Heading: HeadingStyleConfig;
-        Text: ComponentStyleConfig;
-        Button: ButtonStyleConfig;
-        Tooltip: TooltipStyleConfig;
-        Avatar: ComponentStyleConfig;
-    };
-}

package/build/theme/theme.record.d.ts

@@ -1,2 +0,0 @@
-import { ITheme } from './theme.model';
-export declare const theme: ITheme;

package/build/theme/tokens/colors/color.model.d.ts

@@ -1,74 +0,0 @@
-import { IconColor } from '../../../components';
-import { AdaptiveColorMap, ColorValueMap } from './color.type';
-export interface BaseColors {
-    transparent: string;
-    current: string;
-    black: string;
-    white: string;
-    whiteAlpha: ColorValueMap;
-    blackAlpha: ColorValueMap;
-    gray: ColorValueMap;
-    red: ColorValueMap;
-    orange: ColorValueMap;
-    yellow: ColorValueMap;
-    green: ColorValueMap;
-    teal: ColorValueMap;
-    blue: ColorValueMap;
-    comet: ColorValueMap;
-}
-export interface SemanticTokens {
-    text: {
-        onLight: string;
-        linkOnLight: string;
-        onLightSubtle: string;
-        onDark: string;
-        headline: string;
-        placeholder: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-    background: {
-        light: string;
-        grayLight: string;
-        grayDark: string;
-        tealLight: string;
-        dark: string;
-        table: string;
-        overlay: string;
-        info: string;
-        error: string;
-        warning: string;
-        success: string;
-    };
-    border: {
-        default: string;
-        dark: string;
-        focus: string;
-        info: string;
-        error: string;
-        warning: string;
-        success: string;
-    };
-    divider: {
-        onLight: string;
-    };
-    status: {
-        open: string;
-        confirmed: string;
-        success: string;
-        warning: string;
-        action: string;
-        negative: string;
-        error: string;
-        archived: string;
-        closed: string;
-    };
-    general: {
-        brand: string;
-        error: string;
-    };
-}
-export interface AdaptiveColorTokens {
-    icon: AdaptiveColorMap<IconColor>;
-}

package/build/theme/tokens/colors/color.type.d.ts

@@ -1,8 +0,0 @@
-import { ColorMode } from '@chakra-ui/react';
-import { AdaptiveColorTokens, BaseColors, SemanticTokens } from './color.model';
-export declare type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-export declare type ColorValueMap = Record<ColorValue, string>;
-export declare type AdaptiveColor = Record<ColorMode, string>;
-export declare type AdaptiveColorMap<T extends keyof any> = Record<ColorMode, Record<T, string>>;
-export declare type AdaptiveColorConfig<K extends keyof any, T extends keyof any> = Record<K, AdaptiveColorMap<T>>;
-export declare type Colors = BaseColors & SemanticTokens & AdaptiveColorTokens;

package/build/theme/tokens/shadows.d.ts

@@ -1,14 +0,0 @@
-export declare const shadows: Shadows;
-export declare type Shadows = {
-    xs: string;
-    sm: string;
-    base: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    outline: string;
-    inner: string;
-    none: string;
-    'dark-lg': string;
-};