@televet/kibble-ui 1.0.17 → 1.1.0-beta.1

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

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

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/Button/button.types.d.ts

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-export declare type IconName = 'account' | 'add' | 'addAutomation' | 'addReaction' | 'announcement' | 'appointment' | 'attachFile' | 'attention' | 'automation' | 'automations' | 'back' | 'bird' | 'boarding' | 'bookmark' | 'bookmarked' | 'caduceus' | 'call' | 'camera' | 'cameraOff' | 'cat' | 'chat' | 'chatLinks' | 'checkmark' | 'checkmarkCircle' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clock' | 'close' | 'closeCircle' | 'collapse' | 'colorPicker' | 'compose' | 'conversations' | 'conversationsOutlined' | 'cow' | 'delete' | 'devTools' | 'dialPad' | 'dog' | 'download' | 'dragDrop' | 'draggable' | 'duplicate' | 'edit' | 'editCalendar' | 'editForm' | 'editText' | 'emoji' | 'endCall' | 'envelope' | 'envelopeOutlined' | 'expand' | 'filter' | 'filterOutlined' | 'flipCamera' | 'forms' | 'formsOutlined' | 'forward' | 'grooming' | 'help' | 'helpdesk' | 'hidden' | 'home' | 'horse' | 'information' | 'invoicing' | 'like' | 'link' | 'list' | 'locationMap' | 'locationMarker' | 'massTextAlerts' | 'medicalRecords' | 'menu' | 'message' | 'messageTemplates' | 'microphone' | 'microphoneMuted' | 'mobileDevice' | 'more' | 'moreHorizontal' | 'next' | 'note' | 'notification' | 'pay' | 'pdf' | 'prescribe' | 'prescription' | 'pets' | 'previous' | 'processing' | 'questionMark' | 'refresh' | 'reminder' | 'reminders' | 'renew' | 'reporting' | 'schedule' | 'search' | 'searchPets' | 'secure' | 'send' | 'sendEmail' | 'sendMobile' | 'sendPayment' | 'settings' | 'star' | 'talkToStaff' | 'teamChat' | 'toggleLeft' | 'toggleRight' | 'vet' | 'videoCall' | 'view' | 'virtualConsult' | 'visible' | 'warning' | 'wildcard';
+export declare type IconName = 'account' | 'add' | 'addAutomation' | 'addReaction' | 'announcement' | 'appointment' | 'attachFile' | 'attention' | 'automation' | 'automations' | 'back' | 'bird' | 'boarding' | 'bookmark' | 'bookmarked' | 'caduceus' | 'call' | 'camera' | 'cameraOff' | 'cat' | 'chat' | 'chatLinks' | 'checkmark' | 'checkmarkCircle' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clock' | 'close' | 'closeCircle' | 'collapse' | 'colorPicker' | 'compose' | 'conversationClinicians' | 'conversationParents' | 'conversations' | 'conversationsOutlined' | 'cow' | 'delete' | 'devTools' | 'dialPad' | 'dog' | 'download' | 'dragDrop' | 'draggable' | 'duplicate' | 'edit' | 'editCalendar' | 'editForm' | 'editText' | 'emoji' | 'endCall' | 'envelope' | 'envelopeOutlined' | 'expand' | 'filter' | 'filterOutlined' | 'flipCamera' | 'forms' | 'formsOutlined' | 'forward' | 'grooming' | 'help' | 'helpdesk' | 'hidden' | 'home' | 'horse' | 'information' | 'invoicing' | 'like' | 'link' | 'list' | 'locationMap' | 'locationMarker' | 'massTextAlerts' | 'medicalRecords' | 'menu' | 'message' | 'messageTemplates' | 'microphone' | 'microphoneMuted' | 'mobileDevice' | 'more' | 'moreHorizontal' | 'next' | 'note' | 'notification' | 'pay' | 'pdf' | 'prescribe' | 'prescription' | 'pets' | 'previous' | 'processing' | 'questionMark' | 'refresh' | 'reminder' | 'reminders' | 'renew' | 'reporting' | 'schedule' | 'search' | 'searchPets' | 'secure' | 'send' | 'sendEmail' | 'sendMobile' | 'sendPayment' | 'settings' | 'star' | 'talkToStaff' | 'teamChat' | 'toggleLeft' | 'toggleRight' | 'vet' | 'videoCall' | 'view' | 'virtualConsult' | 'visible' | 'warning' | 'wildcard';
 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

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

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { Placement, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
+export interface TooltipProps extends ChakraTooltipProps {
+    children: ReactNode;
+    label: string;
+    placement: Placement;
+}
+export declare const Tooltip: ({ children, label, placement, isOpen, defaultIsOpen, ...rest }: TooltipProps) => JSX.Element;

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/index.d.ts

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

package/build/components/Typography/Text/index.d.ts

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

package/build/components/index.d.ts

@@ -1,5 +1,7 @@
+export * from './Button';
 export * from './Drawer';
 export * from './Icon';
 export * from './Logo';
 export * from './Typography';
+export * from './Tooltip';
 export * from './Textarea';