@televet/kibble-ui 1.20.5 → 1.20.21-beta.cs1

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

@@ -0,0 +1,5 @@
+import { IconName as KIconName } from '@televet/kibble-icons';
+export declare type IconName = KIconName;
+export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export declare type IconColorToken = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';
+export declare type IconColor = IconColorToken;

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

@@ -0,0 +1,2 @@
+import Icon from './icon.component';
+export default Icon;

package/build/components/MediaAndIcons/Image/index.d.ts

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

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

@@ -0,0 +1,2 @@
+import Logo from './logo.component';
+export default Logo;

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

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

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

@@ -0,0 +1,2 @@
+export declare type LogoType = 'full' | 'icon';
+export declare type LogoColor = 'teal' | 'black' | 'white';

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

@@ -0,0 +1,7 @@
+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';
+export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon };

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

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

package/build/components/Navigation/Link/components/linkIcon.component.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
+export interface LinkIconProps extends IconProps {
+    position?: 'start' | 'end';
+}
+declare const LinkIcon: (iconProps: LinkIconProps) => JSX.Element;
+export default LinkIcon;

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

@@ -0,0 +1,2 @@
+import Link from './link.component';
+export default Link;

package/build/components/Navigation/Link/link.component.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { LinkProps as CLinkProps } from '@chakra-ui/react';
+import { LinkIconProps } from './components/linkIcon.component';
+import { TextColor } from 'components/Typography/typography.types';
+import { TextSize } from 'components/Typography/Text/text.types';
+export interface LinkProps extends CLinkProps {
+    children: ReactNode;
+    iconProps?: LinkIconProps;
+    size?: TextSize;
+    colorToken?: TextColor;
+    onDark?: boolean;
+    to?: string;
+}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

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

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

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

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

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

@@ -0,0 +1,2 @@
+import MenuButton from './menuButton.component';
+export default MenuButton;

package/build/components/Overlay/Menu/components/MenuButton/menuButton.component.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';
+import { ButtonSizeType, ButtonVariantType } from 'components/Forms/Button/button.types';
+import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
+export interface MenuButtonProps extends CMenuButtonProps {
+    leftElement?: ReactNode;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+    showRightIcon?: boolean;
+    size?: ButtonSizeType;
+    text?: string;
+    variant?: ButtonVariantType;
+}
+declare const MenuButton: ({ leftElement, leftIconName, rightIconName, showRightIcon, size, text, variant, ...rest }: MenuButtonProps) => JSX.Element;
+export default MenuButton;

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

@@ -0,0 +1,2 @@
+import MenuContainer from './menuContainer.component';
+export default MenuContainer;

package/build/components/Overlay/Menu/components/MenuContainer/menuContainer.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    children?: ReactNode;
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+}
+declare const MenuContainer: ({ children, onClose, ...rest }: MenuContainerProps) => JSX.Element;
+export default MenuContainer;

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

@@ -0,0 +1,2 @@
+import MenuItem from './menuItem.component';
+export default MenuItem;

package/build/components/Overlay/Menu/components/MenuItem/menuItem.component.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, MutableRefObject, KeyboardEvent, ReactElement } from 'react';
+import { TextColor } from 'components/Typography/typography.types';
+export interface MenuItemProps {
+    canSelectAll?: boolean;
+    children?: ReactNode;
+    closeOnSelect?: boolean;
+    groupLabel?: string;
+    handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;
+    isDisabled?: boolean;
+    isMultiSelect?: boolean;
+    isSelected?: boolean;
+    itemIndex?: string;
+    label?: string | ReactElement;
+    leftElement?: ReactNode;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    onSelect?: (selectedItem: MenuItemProps) => void;
+    shouldRetainSelection?: boolean;
+    shouldTruncateText?: boolean;
+    value?: string;
+    colorToken?: TextColor;
+    isPlaceholder?: boolean;
+}
+declare const MenuItem: ({ canSelectAll, children, colorToken, groupLabel, handleKeyboardNavigation, isDisabled, isMultiSelect, isPlaceholder, closeOnSelect, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, ...rest }: MenuItemProps) => JSX.Element;
+export default MenuItem;

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

@@ -0,0 +1,2 @@
+import MenuList from './menuList.component';
+export default MenuList;

package/build/components/Overlay/Menu/components/MenuList/menuList.component.d.ts

@@ -0,0 +1,18 @@
+import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {
+    canSelectAll?: boolean;
+    canSelectGroups?: boolean;
+    isGrouped?: boolean;
+    isMultiSelect?: boolean;
+    isSearchable?: boolean;
+    menuItems?: MenuItemProps[];
+    onSelect?: ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void) | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);
+    onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);
+    searchPlaceholder?: string;
+    shouldRetainSelection?: boolean;
+    isMatchWidthSet?: boolean;
+    shouldTruncateText?: boolean;
+}
+declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
+export default MenuList;

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

@@ -0,0 +1,2 @@
+import MenuOptionGroup from './menuOptionGroup.component';
+export default MenuOptionGroup;

package/build/components/Overlay/Menu/components/MenuOptionGroup/menuOptionGroup.component.d.ts

@@ -0,0 +1,3 @@
+import { MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';
+declare const MenuOptionGroup: ({ children, ...rest }: CMenuOptionGroupProps) => JSX.Element;
+export default MenuOptionGroup;

package/build/components/Overlay/Menu/components/MenuSearchBar/menuSearchBar.component.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEventHandler, Dispatch, SetStateAction, KeyboardEvent, MutableRefObject } from 'react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuSearchBarProps {
+    handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;
+    menuItems: MenuItemProps[];
+    onSearchCallback?: (e: ChangeEventHandler) => void;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+    placeholder?: string;
+}
+declare const MenuSearchBar: ({ handleKeyboardNavigation, menuItems, onSearchCallback, searchInputRef, setFilteredMenuItems, placeholder, }: MenuSearchBarProps) => JSX.Element;
+export default MenuSearchBar;

package/build/components/Overlay/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.d.ts

@@ -0,0 +1,11 @@
+export interface MenuSelectAllButtonsProps {
+    groupName?: string;
+    handleToggleAllItems: ({ groupName, clear }: {
+        groupName?: string;
+        clear?: boolean;
+    }) => void;
+    hasSelectedItems: boolean;
+    isGrouped: boolean;
+}
+declare const MenuSelectAllButtons: ({ groupName, handleToggleAllItems, hasSelectedItems, isGrouped, }: MenuSelectAllButtonsProps) => JSX.Element;
+export default MenuSelectAllButtons;

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

@@ -0,0 +1,2 @@
+import MenuProvider from './menu.context';
+export default MenuProvider;

package/build/components/Overlay/Menu/context/menu.context.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode, Dispatch, SetStateAction, MutableRefObject } from 'react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface IMenuContext {
+    allMenuItems?: MenuItemProps[];
+    filteredMenuItems?: MenuItemProps[];
+    focusedItemIndex: number;
+    groups: (string | undefined)[] | null;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    handleOnClose: () => void;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+    setFocusedItemIndex: Dispatch<SetStateAction<number>>;
+    setGroups: Dispatch<SetStateAction<(string | undefined)[] | null>>;
+}
+export declare const MenuContext: React.Context<IMenuContext>;
+export declare const useMenuContext: () => IMenuContext;
+export interface MenuProviderProps {
+    menuItems?: MenuItemProps[];
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+    isMultiSelect?: boolean;
+    children?: ReactNode;
+}
+declare const MenuProvider: ({ menuItems, onClose, children }: MenuProviderProps) => JSX.Element;
+export default MenuProvider;

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

@@ -0,0 +1,3 @@
+import Menu from './menu.component';
+export default Menu;
+export { MenuItemOption, MenuDivider, MenuGroup } from '@chakra-ui/react';

package/build/components/Overlay/Menu/menu.component.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+import { MenuContainerProps } from 'components/Overlay/Menu/components/MenuContainer/menuContainer.component';
+import { MenuButtonProps } from 'components/Overlay/Menu/components/MenuButton/menuButton.component';
+import { MenuListProps } from 'components/Overlay/Menu/components/MenuList/menuList.component';
+export interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    buttonProps?: MenuButtonProps;
+    CustomTriggerElement?: FunctionComponent;
+    listProps?: MenuListProps;
+    containerProps?: MenuContainerProps;
+    children?: ReactNode;
+}
+declare const Menu: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
+export default Menu;

package/build/components/Overlay/Menu/menu.storiesData.d.ts

@@ -0,0 +1,4 @@
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+import { MenuProps } from 'components/Overlay/Menu/menu.component';
+export declare const basicMenuData: MenuItemProps[];
+export declare const defaultParams: Partial<MenuProps>;

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

@@ -0,0 +1,2 @@
+import ModalBody from './modalBody.component';
+export default ModalBody;

package/build/components/Overlay/Modal/components/ModalBody/modalBody.component.d.ts

@@ -0,0 +1,3 @@
+import { ModalBodyProps } from '@chakra-ui/react';
+declare const ModalBody: ({ children, ...rest }: ModalBodyProps) => JSX.Element;
+export default ModalBody;

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

@@ -0,0 +1,2 @@
+import ModalCloseButton from './modalCloseButton.component';
+export default ModalCloseButton;

package/build/components/Overlay/Modal/components/ModalCloseButton/modalCloseButton.component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from 'components/Forms/Button/button.component';
+declare const ModalCloseButton: ({ right, top, size, ...rest }: ButtonProps) => JSX.Element;
+export default ModalCloseButton;

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

@@ -0,0 +1,2 @@
+import ModalFooter from './modalFooter.component';
+export default ModalFooter;

package/build/components/Overlay/Modal/components/ModalFooter/modalFooter.component.d.ts

@@ -0,0 +1,5 @@
+import { ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';
+export interface ModalFooterProps extends CModalFooterProps {
+}
+declare const ModalFooter: ({ children, ...rest }: ModalFooterProps) => JSX.Element;
+export default ModalFooter;

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

@@ -0,0 +1,2 @@
+import ModalFooterButtons from './modalFooterButtons.component';
+export default ModalFooterButtons;

package/build/components/Overlay/Modal/components/ModalFooterButtons/modalFooterButtons.component.d.ts

@@ -0,0 +1,14 @@
+import { ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';
+export interface ModalFooterButtonProps extends CModalFooterProps {
+    mixpanelName?: string;
+    submitText?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    isDisabled?: boolean;
+    isDestructive?: boolean;
+    onSubmit?: () => void;
+    allowCancel?: boolean;
+    onCancel?: () => void;
+}
+declare const ModalFooterButtons: ({ submitText, isLoading, loadingText, isDisabled, isDestructive, mixpanelName, children, onSubmit, allowCancel, onCancel, ...rest }: ModalFooterButtonProps) => JSX.Element;
+export default ModalFooterButtons;

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

@@ -0,0 +1,2 @@
+import ModalHeader from './modalHeader.component';
+export default ModalHeader;

package/build/components/Overlay/Modal/components/ModalHeader/modalHeader.component.d.ts

@@ -0,0 +1,7 @@
+import { ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';
+import { HeadingSize } from 'components/Typography/Heading/heading.types';
+export interface ModalHeaderProps extends CModalHeaderProps {
+    size?: HeadingSize;
+}
+declare const ModalHeader: ({ size, children, ...rest }: ModalHeaderProps) => JSX.Element;
+export default ModalHeader;

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

@@ -0,0 +1,2 @@
+import Modal from './modal.component';
+export default Modal;

package/build/components/Overlay/Modal/modal.component.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { ModalProps as CModalProps } from '@chakra-ui/react';
+import { FocusableElement } from '@chakra-ui/utils';
+import { ModalSize } from './modal.types';
+declare type ResponsiveBreakpoints = 'base' | 'md';
+export interface ModalProps extends CModalProps {
+    children: ReactNode;
+    isCentered?: boolean;
+    responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;
+    allowEscape?: boolean;
+    useFullScreenMobile?: boolean;
+    darkMode?: boolean;
+    initialFocusRef?: React.RefObject<FocusableElement>;
+    scrollBehavior?: 'inside' | 'outside';
+    size?: string;
+}
+declare const Modal: ({ children, isOpen, onClose, isCentered, responsiveModalSizes, allowEscape, useFullScreenMobile, initialFocusRef, scrollBehavior, darkMode, size, ...rest }: ModalProps) => JSX.Element;
+export default Modal;

package/build/components/Overlay/Modal/modal.types.d.ts

@@ -0,0 +1 @@
+export declare type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';

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

@@ -0,0 +1,2 @@
+import PopoverBody from './popoverBody.component';
+export default PopoverBody;

package/build/components/Overlay/Popover/components/PopoverBody/popoverBody.component.d.ts

@@ -0,0 +1,3 @@
+import { PopoverBodyProps } from '@chakra-ui/react';
+declare const PopoverBody: ({ children, ...rest }: PopoverBodyProps) => JSX.Element;
+export default PopoverBody;

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

@@ -0,0 +1,2 @@
+import PopoverCloseButton from './popoverCloseButton.component';
+export default PopoverCloseButton;

package/build/components/Overlay/Popover/components/PopoverCloseButton/popoverCloseButton.component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from 'components/Forms/Button/button.component';
+declare const PopoverCloseButton: ({ size, ...rest }: ButtonProps) => JSX.Element;
+export default PopoverCloseButton;

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

@@ -0,0 +1,2 @@
+import PopoverFooter from './popoverFooter.component';
+export default PopoverFooter;

package/build/components/Overlay/Popover/components/PopoverFooter/popoverFooter.component.d.ts

@@ -0,0 +1,5 @@
+import { PopoverFooterProps as ChakraPopoverFooterProps } from '@chakra-ui/react';
+export interface PopoverFooterProps extends ChakraPopoverFooterProps {
+}
+declare const PopoverFooter: ({ children, ...rest }: PopoverFooterProps) => JSX.Element;
+export default PopoverFooter;

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

@@ -0,0 +1,2 @@
+import PopoverFooterButtons from './popoverFooterButtons.component';
+export default PopoverFooterButtons;

package/build/components/Overlay/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.d.ts

@@ -0,0 +1,12 @@
+import { PopoverFooterProps as ChakraPopoverFooterProps } from '@chakra-ui/react';
+export interface PopoverFooterButtonProps extends ChakraPopoverFooterProps {
+    submitText?: string;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isDestructive?: boolean;
+    onSubmit?: () => void;
+    allowCancel?: boolean;
+    onCancel?: () => void;
+}
+declare const PopoverFooterButtons: ({ submitText, isLoading, isDisabled, isDestructive, children, onSubmit, allowCancel, onCancel, ...rest }: PopoverFooterButtonProps) => JSX.Element;
+export default PopoverFooterButtons;

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

@@ -0,0 +1,2 @@
+import PopoverHeader from './popoverHeader.component';
+export default PopoverHeader;

package/build/components/Overlay/Popover/components/PopoverHeader/popoverHeader.component.d.ts

@@ -0,0 +1,9 @@
+import { PopoverHeaderProps as ChakraPopoverHeaderProps } from '@chakra-ui/react';
+import { HeadingSize } from 'components/Typography/Heading/heading.types';
+import { TextColor } from 'components/Typography/typography.types';
+export interface PopoverHeaderProps extends ChakraPopoverHeaderProps {
+    size?: HeadingSize;
+    colorToken?: TextColor;
+}
+declare const PopoverHeader: ({ size, color, colorToken, children, ...rest }: PopoverHeaderProps) => JSX.Element;
+export default PopoverHeader;

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

@@ -0,0 +1,3 @@
+import Popover from './popover.component';
+export default Popover;
+export { usePopoverContext } from '@chakra-ui/react';

package/build/components/Overlay/Popover/popover.component.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { PopoverProps as ChakraPopoverProps, PopoverContentProps } from '@chakra-ui/react';
+import { PopoverSize } from './popover.types';
+import { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';
+import * as CSS from 'csstype';
+export interface PopoverProps extends ChakraPopoverProps {
+    children: ReactNode;
+    popoverTrigger: ReactNode;
+    darkMode?: boolean;
+    allowEscape?: boolean;
+    size?: PopoverSize;
+    shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;
+    contentProps?: PopoverContentProps;
+}
+declare const Popover: ({ children, popoverTrigger, darkMode, allowEscape, size, shadow, contentProps, ...rest }: PopoverProps) => JSX.Element;
+export default Popover;

package/build/components/Overlay/Popover/popover.types.d.ts

@@ -0,0 +1,6 @@
+export declare type PopoverSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface SizeConfig {
+    width: number;
+}
+export declare type PopoverSizeConfig = Record<PopoverSize, SizeConfig>;
+export {};

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

@@ -0,0 +1,2 @@
+import Tooltip from './tooltip.component';
+export default Tooltip;

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from './Drawer';
+export * from './Tooltip';
+export * from './Menu';
+export * from './Modal';
+export * from './Popover';

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { HeadingProps as ChakraHeadingProps } from '@chakra-ui/react';
+import { HeadingSize } from './heading.types';
+import { TextColor } from '../typography.types';
+export interface HeadingProps extends ChakraHeadingProps {
+    children: ReactNode;
+    size?: HeadingSize;
+    colorToken?: TextColor;
+    darkMode?: boolean;
+}
+declare const Heading: ({ children, size, color, colorToken, darkMode, ...rest }: HeadingProps) => JSX.Element;
+export default Heading;

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

@@ -0,0 +1,6 @@
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+export declare type HeadingStyleConfig = {
+    variants: Record<HeadingVariant, ComponentStyleConfig>;
+};
+export declare type HeadingVariant = 'large' | 'small';
+export declare type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';

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

@@ -0,0 +1,2 @@
+import Heading from './heading.component';
+export default Heading;

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

@@ -0,0 +1,2 @@
+import Text from './text.component';
+export default Text;

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { TextProps as ChakraTextProps } from '@chakra-ui/react';
+import { HTMLTagName, TextVariant } from './text.types';
+import { TextColor } from '../typography.types';
+import { TruncatedTextProps } from '../TruncatedText/truncatedText.component';
+export interface TextProps extends ChakraTextProps {
+    children: ReactNode;
+    as?: HTMLTagName;
+    variant?: TextVariant;
+    colorToken?: TextColor;
+    darkMode?: boolean;
+    truncate?: boolean;
+    truncateProps?: TruncatedTextProps;
+}
+declare const Text: ({ children, variant, as, color, colorToken, darkMode, truncate, truncateProps, size, fontSize, ...rest }: TextProps) => JSX.Element;
+export default Text;

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

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

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

@@ -0,0 +1,3 @@
+export declare type TextVariant = 'regular' | 'semibold';
+export declare type HTMLTagName = 'p' | 'span' | 'div' | 'i' | 'u' | 's' | 'kbd' | 'sub' | 'sup';
+export declare type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';

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

@@ -0,0 +1,2 @@
+import TruncatedText from './truncatedText.component';
+export default TruncatedText;

package/build/components/Typography/TruncatedText/truncatedText.component.d.ts

@@ -0,0 +1,11 @@
+import { PlacementWithLogical, TextProps as ChakraTextProps } from '@chakra-ui/react';
+import { TypographyProps as ChakraTypographyProps } from '@chakra-ui/system';
+export interface TruncatedTextProps extends ChakraTextProps, ChakraTypographyProps {
+    children?: string;
+    noOfLines?: number;
+    textContent?: string;
+    placement?: PlacementWithLogical;
+    titleCaseTooltipLabel?: boolean;
+}
+declare const TruncatedText: ({ children, noOfLines, textContent, placement, titleCaseTooltipLabel, ...rest }: TruncatedTextProps) => JSX.Element;
+export default TruncatedText;

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

@@ -0,0 +1,3 @@
+export * from './Heading';
+export * from './Text';
+export * from './TruncatedText';

package/build/components/Typography/typography.types.d.ts

@@ -0,0 +1 @@
+export declare type TextColor = 'default' | 'headline' | 'subtle' | 'link' | 'placeholder' | 'success' | 'warning' | 'error';