@televet/kibble-ui 1.3.2-beta.3tvjp7e.21 → 1.3.2-beta.3tvjp7e.23

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

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

package/build/components/DataDisplay/Tag/tag.component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TagProps as ChakraTagProps } from '@chakra-ui/react';
+import { TagSize } from './tag.types';
+export interface TagProps extends ChakraTagProps {
+    leftElement?: JSX.Element;
+    rightElement?: JSX.Element;
+    label: string;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    size?: TagSize;
+}
+export declare const Tag: ({ leftElement, rightElement, label, showCloseButton, onClose, size, ...rest }: TagProps) => JSX.Element;

package/build/components/DataDisplay/Tag/tag.config.d.ts

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

package/build/components/DataDisplay/Tag/tag.types.d.ts

@@ -0,0 +1 @@
+export declare type TagSize = 'sm' | 'md' | 'lg';

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

@@ -1,2 +1,3 @@
 export * from './Table';
+export * from './Tag';
 export * from './NotificationCounter';

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

@@ -2,6 +2,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 {
+    $isFieldInline?: boolean;
 }
 declare const WrappedSwitch: React.FC<SwitchProps & WithFormControlProps>;
 export { WrappedSwitch as Switch };

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

@@ -10,6 +10,7 @@ export interface MenuListProps extends CMenuListProps {
     menuItems?: MenuItemProps[];
     onMenuItemSelect?: ((selectedItem: MenuItemProps) => void) | ((selectedItem: MenuItemProps) => Promise<void>);
     onMenuItemSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);
+    searchPlaceholder?: string;
 }
-declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMultiSelect, isSearchable, menuItems, onMenuItemSelect, onMenuItemSelectAll, ...rest }: MenuListProps) => JSX.Element;
+declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMultiSelect, isSearchable, menuItems, onMenuItemSelect, onMenuItemSelectAll, searchPlaceholder, ...rest }: MenuListProps) => JSX.Element;
 export default MenuList;

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

@@ -6,6 +6,7 @@ export interface MenuSearchBarProps {
     onSearchCallback?: (e: ChangeEventHandler) => void;
     searchInputRef?: MutableRefObject<HTMLInputElement | null>;
     setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+    placeholder?: string;
 }
-declare const MenuSearchBar: ({ handleKeyboardNavigation, menuItems, onSearchCallback, searchInputRef, setFilteredMenuItems, }: MenuSearchBarProps) => JSX.Element;
+declare const MenuSearchBar: ({ handleKeyboardNavigation, menuItems, onSearchCallback, searchInputRef, setFilteredMenuItems, placeholder, }: MenuSearchBarProps) => JSX.Element;
 export default MenuSearchBar;

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

@@ -5,7 +5,7 @@ export declare const MenuItemConfig: {
     fontSize: string;
     px: string;
     py: string;
-    outline: string;
+    outline: number;
     transitionDuration: string;
     transitionProperty: string;
     transitionTimingFunction: string;

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

@@ -5,7 +5,7 @@ import { TextColor } from '../typography.types';
 export interface HeadingProps extends ChakraHeadingProps {
     children: ReactNode;
     size?: HeadingSize;
-    color?: TextColor;
+    colorToken?: TextColor;
     darkMode?: boolean;
 }
-export declare const Heading: ({ children, size, color, darkMode, ...rest }: HeadingProps) => JSX.Element;
+export declare const Heading: ({ children, size, color, colorToken, darkMode, ...rest }: HeadingProps) => JSX.Element;

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

@@ -6,7 +6,7 @@ export interface TextProps extends ChakraTextProps {
     children: ReactNode;
     as?: HTMLTagName;
     variant?: TextVariant;
-    color?: TextColor;
+    colorToken?: TextColor;
     darkMode?: boolean;
 }
-export declare const Text: ({ children, variant, as, color, darkMode, ...rest }: TextProps) => JSX.Element;
+export declare const Text: ({ children, variant, as, color, colorToken, darkMode, ...rest }: TextProps) => JSX.Element;

package/build/hooks/useAdaptiveColorMap.d.ts

@@ -1,2 +1,2 @@
-import { AdaptiveColorMap } from '../theme/tokens/colors';
-export declare const useAdaptiveColorMap: <T extends string | number | symbol>(map: AdaptiveColorMap<T>, token: T) => string;
+import { AdaptiveColorMap } from '../theme/tokens';
+export declare const useAdaptiveColorMap: <T extends string | number | symbol>(map: AdaptiveColorMap<T>, token: T, darkMode?: boolean | undefined) => string;