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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare type LogoType = 'full' | 'icon';
+export declare type LogoColor = 'teal' | 'black' | 'white';
+export declare enum LogoHoliday {
+    NewYears = "NewYears",
+    Valentines = "Valentines",
+    StPatricks = "StPatricks",
+    Easter1 = "Easter1",
+    Easter2 = "Easter2",
+    Easter3 = "Easter3",
+    Easter4 = "Easter4",
+    Easter5 = "Easter5",
+    Easter6 = "Easter6",
+    MothersDay = "MothersDay",
+    MemorialDay = "MemorialDay",
+    FathersDay = "FathersDay",
+    Halloween = "Halloween",
+    Thanksgiving = "Thanksgiving",
+    Christmas = "Christmas"
+}
+export declare const holidaysLogoIconMap: {
+    [key in LogoHoliday]: React.FC;
+};
+export declare const logoIconMap: {
+    black: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+    white: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+    teal: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+};
+export declare const fullLogoMap: {
+    black: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+    white: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+    teal: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+};

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

@@ -0,0 +1,8 @@
+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/Media/Icon/icon.records.d.ts

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

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

@@ -0,0 +1,3 @@
+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/Media/Icon/index.d.ts

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

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

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

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

@@ -0,0 +1,14 @@
+/// <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/Media/Logo/logo.config.d.ts

@@ -0,0 +1,6 @@
+/// <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/Media/Logo/logo.types.d.ts

@@ -0,0 +1,3 @@
+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/Media/Logo/logos.d.ts

@@ -0,0 +1,22 @@
+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/Navigation/Breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from '@chakra-ui/react';

package/build/components/Navigation/Link/index.d.ts

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

package/build/components/Navigation/LinkOverlay/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './Breadcrumb';
+export * from './Link';
+export * from './LinkOverlay';

package/build/components/Overlay/AlertDialog/index.d.ts

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, AlertDialogContent, AlertDialogOverlay, } from '@chakra-ui/react';

package/build/components/Overlay/Menu/index.d.ts

@@ -0,0 +1 @@
+export { Menu, MenuButton, MenuList, MenuItem, MenuItemOption, MenuGroup, MenuOptionGroup, MenuDivider, } from '@chakra-ui/react';

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

@@ -1,7 +1,9 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
 import { InputProps as CInputProps } from '@chakra-ui/react';
 import { WithFormControlProps } from 'components/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/Textarea/textarea.types.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+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/Typography/Heading/heading.records.d.ts

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

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

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

package/build/index.js

@@ -1412,11 +1412,11 @@ var ButtonSizeConfig = {
 
 function withFormControl(Component) {
     function WithFormControl(_a) {
-        var label = _a.label, errorText = _a.errorText, helperText = _a.helperText, isRequired = _a.isRequired, isReadOnly = _a.isReadOnly, isInvalid = _a.isInvalid, isDisabled = _a.isDisabled, props = __rest(_a, ["label", "errorText", "helperText", "isRequired", "isReadOnly", "isInvalid", "isDisabled"]);
+        var errorText = _a.errorText, helperText = _a.helperText, isDisabled = _a.isDisabled, _b = _a.isFieldInline, isFieldInline = _b === void 0 ? false : _b, isInvalid = _a.isInvalid, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, label = _a.label, props = __rest(_a, ["errorText", "helperText", "isDisabled", "isFieldInline", "isInvalid", "isReadOnly", "isRequired", "label"]);
         var colors = useTheme().colors;
         return (React__default["default"].createElement(react.FormControl, { isInvalid: isInvalid, isRequired: isRequired, isReadOnly: isReadOnly, isDisabled: isDisabled },
-            label && React__default["default"].createElement(react.FormLabel, { color: colors.text.light.default }, label),
-            React__default["default"].createElement(Component, __assign({}, props, { errorBorderColor: colors.border.light.error, focusBorderColor: colors.border.light.focus })),
+            label && (React__default["default"].createElement(react.FormLabel, { display: isFieldInline ? 'inline-block' : 'block', color: colors.text.light.default }, label)),
+            React__default["default"].createElement(Component, __assign({}, props, { isFieldInline: isFieldInline, errorBorderColor: colors.border.light.error, focusBorderColor: colors.border.light.focus })),
             helperText && !isInvalid && React__default["default"].createElement(react.FormHelperText, null, helperText),
             React__default["default"].createElement(react.FormErrorMessage, null, errorText ? errorText : 'Field is invalid')));
     }
@@ -1696,7 +1696,8 @@ var WrappedSelect = withFormControl(Select);
 var SelectConfig = __assign({}, FormControlConfig);
 
 var Switch = function (props) {
-    return React__default["default"].createElement(react.Switch, __assign({ colorScheme: "teal" }, props, { isChecked: props.isChecked }));
+    var isChecked = props.isChecked, isFieldInline = props.isFieldInline;
+    return (React__default["default"].createElement(react.Switch, __assign({ colorScheme: "teal" }, props, { isChecked: isChecked, dispaly: isFieldInline ? 'inline-block' : 'block' })));
 };
 Switch.displayName = 'Switch';
 var WrappedSwitch = withFormControl(Switch);