@televet/kibble-ui 1.2.0-beta.2mmrax1.8 → 1.2.0-beta.3

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

@@ -1,13 +1,12 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
 import { IconName } from '../Icon';
-import { ButtonSizeType, ButtonVariantType } from './button.types';
+import { ButtonSize, ButtonVariant } from './button.types';
 export interface ButtonProps extends ChakraButtonProps {
     children?: ReactNode;
-    variant?: ButtonVariantType;
-    size?: ButtonSizeType;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
     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 +1,2 @@
-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;
-    };
-};
+import { ButtonStyleConfig } from './button.types';
+export declare const ButtonConfig: ButtonStyleConfig;

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

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

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

@@ -1,8 +1,5 @@
-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>;
+import { ButtonVariantConfig } from './button.model';
+export declare type ButtonVariant = 'primary' | 'primaryDestructive' | 'secondary' | 'secondaryDestructive' | 'secondarySubtle' | 'secondarySubtleDestructive' | 'tertiary' | 'tertiaryDestructive' | 'ghost' | 'ghostNeutral' | 'ghostDestructive';
+export declare type ButtonColorOptions = 'content' | 'default' | 'hover' | 'active' | 'border';
+export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare type ButtonStyleConfig = Record<ButtonVariant, ButtonVariantConfig>;

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

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

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

@@ -1,3 +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 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' | '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' | 'invoice' | 'invoiceOutlined' | 'list' | 'locationMarker' | 'locationMarkerGround' | 'lockRectangle' | 'lockRound' | 'loudspeaker' | 'magnifyingGlass' | 'manHeadset' | 'message' | 'messages' | 'messageClipboard' | 'messageEllipses' | 'messageGear' | 'messageLink' | 'microphone' | 'microphoneMute' | 'moveLeft' | 'moveRight' | 'notification' | 'paperAirplane' | 'paperAirplane2' | 'paperAirplaneRight' | 'paperclip' | 'paperPen' | 'paw' | 'paw2' | 'pawMagnifyingGlass' | 'pawOutlined' | 'pdfLogo' | 'pen' | 'penSquare' | 'person' | 'phone' | 'phoneButtons' | 'phoneDown' | 'phoneRing' | 'pill' | 'pillHand' | 'playingCards' | 'plus' | 'questionMark' | 'questionMarkCircle' | 'quilInk' | 'reactLogo' | 'report' | 'robot' | 'smileyFace' | 'smileyFacePlus' | 'star' | 'star2' | 'star2Outlined' | '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/Tooltip/index.d.ts

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

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

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

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

@@ -5,6 +5,5 @@ export interface HeadingProps extends ChakraHeadingProps {
     children: ReactNode;
     size?: HeadingSize;
     variant?: HeadingVariant;
-    darkMode?: boolean;
 }
 export declare const Heading: ({ children, size, variant, ...rest }: HeadingProps) => JSX.Element;