@televet/kibble-ui 1.3.1 → 1.3.2-beta.3chctp9.0

package/build/components/MediaAndIcons/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/MediaAndIcons/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Avatar';
+export * from './AvatarGroup';
+export * from './Icon';
+export * from './Logo';

package/build/components/Other/Hide/index.d.ts

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

package/build/components/Other/Show/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './Hide';
+export * from './Show';

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

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

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

@@ -0,0 +1,2 @@
+export * from './drawer.config';
+export { Drawer, DrawerBody, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerContent, DrawerCloseButton, } from '@chakra-ui/react';

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

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

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

@@ -0,0 +1,8 @@
+/// <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/Overlay/Tooltip/tooltip.config.d.ts

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

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

@@ -0,0 +1,6 @@
+import { AdaptiveColor } from '../../../theme/tokens';
+import { Placement } from '@chakra-ui/react';
+export interface TooltipStyleConfig {
+    color: AdaptiveColor;
+}
+export declare const tooltipPlacementOptions: Placement[];

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

@@ -0,0 +1,2 @@
+export * from './Drawer';
+export * from './Tooltip';

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

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

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

@@ -0,0 +1,9 @@
+/// <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/RatingDots/ratingDots.component.d.ts

@@ -0,0 +1,10 @@
+/// <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/Select/index.d.ts

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

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

@@ -0,0 +1,9 @@
+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/Select/select.config.d.ts

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+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/Switch/switch.config.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
-export interface TextareaProps extends CTextareaProps {
+import { WithFormControlProps } from '../FormControl/formControl.component';
+export interface TextareaProps extends WithFormControlProps, CTextareaProps {
 }
-export declare const Textarea: (props: TextareaProps) => JSX.Element;
+declare const WrappedTextArea: React.FC<TextareaProps & WithFormControlProps>;
+export { WrappedTextArea as Textarea };

package/build/components/index.d.ts

@@ -1,9 +1,8 @@
-export * from './Drawer';
-export * from './Icon';
-export * from './Logo';
+export * from './DataDisplay';
+export * from './Forms';
+export * from './Layout';
+export * from './MediaAndIcons';
+export * from './Other';
+export * from './Overlay';
 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';
+export { Divider, InputGroup, InputLeftElement, InputRightElement, } from '@chakra-ui/react';