@televet/kibble-ui 4.0.0-beta.86 → 4.0.0-beta.88

package/dist/types/components/Link/components/LinkIcon/linkIcon.component.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { IconProps } from '../../../Icon';
-export interface LinkIconProps extends Pick<IconProps, "name"> {
-    position?: "start" | "end";
+export interface LinkIconProps extends Pick<IconProps, 'name'> {
+    position?: 'start' | 'end';
 }
-type InternalLinkIconProps = Pick<IconProps, "name" | "variant" | "size">;
+type InternalLinkIconProps = Pick<IconProps, 'name' | 'variant' | 'size'>;
 export declare const LinkIcon: ({ variant, ...rest }: InternalLinkIconProps) => React.JSX.Element;
 export {};

package/dist/types/components/Logo/generated/FullLogo.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 interface SVGRProps {
     color?: string;
     height?: string;

package/dist/types/components/Logo/generated/IconLogo.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 interface SVGRProps {
     color?: string;
     height?: string;

package/dist/types/components/Logo/logo.component.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { BoxProps } from '@chakra-ui/react/box';
 import { LogoType, LogoVariant } from './logo.types';
-export interface LogoProps extends Omit<BoxProps, "color"> {
+export interface LogoProps extends Omit<BoxProps, 'color'> {
     onClick?: () => void;
     onContrast?: boolean;
     type?: LogoType;

package/dist/types/components/Menu/components/MenuButton/menuButton.components.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '../../../Button/button.component';
 import { TextProps } from '../../../Text/text.component';
 import { default as React } from 'react';
-export interface MenuButtonProps extends Omit<ButtonProps, "children"> {
+export interface MenuButtonProps extends Omit<ButtonProps, 'children'> {
     hideCaret?: boolean;
     text?: string;
     textProps?: TextProps;

package/dist/types/components/Menu/components/MenuItem/menuItem.component.d.ts

@@ -13,16 +13,16 @@ interface BaseMenuItemProps {
     value: string;
     variant?: TypographyVariant;
 }
-interface DefaultMenuItemProps extends Omit<CMenu.ItemProps, "onSelect"> {
-    type?: "default";
+interface DefaultMenuItemProps extends Omit<CMenu.ItemProps, 'onSelect'> {
+    type?: 'default';
     selected?: boolean;
 }
-interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, "onSelect"> {
-    type: "checkbox";
+interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, 'onSelect'> {
+    type: 'checkbox';
     checked: boolean;
 }
 interface SubmenuMenuItemProps {
-    type: "submenu";
+    type: 'submenu';
     valueText?: string;
     listProps?: MenuListProps;
 }

package/dist/types/components/Menu/components/MenuToggleButtons/menuToggleButtons.d.ts

@@ -1,7 +1,7 @@
 interface MenuToggleButtonsProps {
     hasSelectedItems?: boolean;
     groupName?: string;
-    onToggle: ({ groupName, clear, }: {
+    onToggle: ({ groupName, clear }: {
         clear: boolean;
         groupName?: string;
     }) => void;

package/dist/types/components/Menu/menu.component.d.ts

@@ -4,7 +4,7 @@ import { MenuButtonProps } from './components/MenuButton/menuButton.components';
 import { MenuItemProps } from './components/MenuItem/menuItem.component';
 export type MenuListOnSelect = ((selectedItem: string | undefined, allSelectedItems?: string[]) => void) | ((selectedItem: string | undefined, allSelectedItems?: string[]) => Promise<void>);
 export type MenuListOnSelectAll = ((selectedItems: string[]) => void) | ((selectedItems: string[]) => Promise<void>);
-export interface MenuListProps extends Omit<CMenu.ContentProps, "onSelect"> {
+export interface MenuListProps extends Omit<CMenu.ContentProps, 'onSelect'> {
     canSelectAll?: boolean;
     canSelectGroups?: boolean;
     emptyStateText?: string;
@@ -17,7 +17,7 @@ export interface MenuListProps extends Omit<CMenu.ContentProps, "onSelect"> {
     searchPlaceholder?: string;
     shouldTruncateText?: boolean;
 }
-export interface MenuProps extends Omit<CMenu.RootProps, "children" | "onSelect"> {
+export interface MenuProps extends Omit<CMenu.RootProps, 'children' | 'onSelect'> {
     buttonProps?: MenuButtonProps;
     listProps?: MenuListProps;
     portalled?: boolean;

package/dist/types/components/PinInput/pinInput.component.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
 import { PinInput as CPinInput } from '@chakra-ui/react/pin-input';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
-export interface PinInputProps extends WithFormControlProps, Omit<CPinInput.RootProps, "size"> {
+export interface PinInputProps extends WithFormControlProps, Omit<CPinInput.RootProps, 'size'> {
     count?: number;
     inputRef?: React.RefObject<HTMLInputElement | null>;
     onContrast?: boolean;
     rootRef?: React.RefObject<HTMLDivElement | null>;
-    size?: "sm" | "md" | "lg";
+    size?: 'sm' | 'md' | 'lg';
 }
 declare const WrappedPinInput: React.FC<PinInputProps>;
 export { WrappedPinInput as PinInput };

package/dist/types/components/Popover/popover.component.d.ts

@@ -19,10 +19,10 @@ export interface KPopoverProps {
     variant?: PopoverVariant;
 }
 interface ClickPopoverProps extends CPopover.RootProps {
-    trigger?: "click";
+    trigger?: 'click';
 }
 interface HoverPopoverProps extends HoverCard.RootProps {
-    trigger?: "hover";
+    trigger?: 'hover';
 }
 export type PopoverProps = KPopoverProps & (ClickPopoverProps | HoverPopoverProps);
 export declare const Popover: ({ allowEscape, anchor, children, contentProps, footerProps, headerProps, disabled, portalled, placement, positioning, size, trigger, variant, ...rest }: PopoverProps) => React.ReactNode;

package/dist/types/components/Popover/popover.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer" | "trigger";
+type PopoverSlot = 'root' | 'content' | 'arrow' | 'arrowTip' | 'body' | 'header' | 'footer' | 'trigger';
 type PopoverSlotStyles = {
     [key in PopoverSlot]?: SystemStyleObject;
 };

package/dist/types/components/RadioGroup/radioGroup.component.d.ts

@@ -5,17 +5,17 @@ import { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';
 import { ConditionalValue } from '@chakra-ui/react/styled-system';
 import { FlexDirection } from '../../shared/types/alignment';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
-export interface KRadioGroupProps extends WithFormControlProps, Omit<CRadioGroup.RootProps, "onValueChange" | "onChange"> {
+export interface KRadioGroupProps extends WithFormControlProps, Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {
     direction?: ConditionalValue<FlexDirection>;
     onChange?: (value: string | null) => void;
     size?: FormControlSize;
 }
 interface ButtonRadioGroupProps extends KRadioGroupProps {
-    radioType?: "buttons";
-    radios: Omit<RadioProps, "withCard">[];
+    radioType?: 'buttons';
+    radios: Omit<RadioProps, 'withCard'>[];
 }
 interface DefaultRadioGroupProps extends KRadioGroupProps {
-    radioType?: "default";
+    radioType?: 'default';
     radios: RadioProps[];
 }
 export type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;

package/dist/types/components/RadioGroup/radioGroup.recipe.d.ts

@@ -1,6 +1,6 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 import { FormVariant } from '../../hocs/withFormControl/withFormControl.types';
-type RadioSlot = "root" | "item" | "itemHiddenInput" | "itemControl" | "itemText";
+type RadioSlot = 'root' | 'item' | 'itemHiddenInput' | 'itemControl' | 'itemText';
 type RadioSlotStyles = {
     [key in RadioSlot]?: SystemStyleObject;
 };

package/dist/types/components/RatingDots/components/RatingDot/ratingDot.component.d.ts

@@ -6,4 +6,4 @@ export interface RatingDotProps {
     number: number;
     onClick?: (value: number) => void;
 }
-export declare const RatingDot: ({ active, disabled, invalid, number, onClick, }: RatingDotProps) => React.JSX.Element;
+export declare const RatingDot: ({ active, disabled, invalid, number, onClick }: RatingDotProps) => React.JSX.Element;

package/dist/types/components/RatingDots/components/RatingDot/ratingDot.recipe.d.ts

@@ -13,7 +13,7 @@ export declare const ratingDotRecipe: import('@chakra-ui/react').RecipeDefinitio
             cursor: "pointer";
             h: "60px";
             w: "60px";
-            "&[data-disabled][data-active]": {
+            '&[data-disabled][data-active]': {
                 bgColor: "background.secondary";
                 color: "text.contrast";
             };

package/dist/types/components/Select/select.component.d.ts

@@ -3,7 +3,7 @@ import { Select as CSelect } from '@chakra-ui/react/select';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
 import { SelectOption } from './select.types';
-export interface SelectProps extends WithFormControlProps, Omit<CSelect.RootProps, "collection" | "multiple"> {
+export interface SelectProps extends WithFormControlProps, Omit<CSelect.RootProps, 'collection' | 'multiple'> {
     clearable?: boolean;
     emptyPlaceholder?: string;
     loading?: boolean;

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.component.d.ts

@@ -7,7 +7,7 @@ export interface SortableListItemProps {
 }
 interface InternalSortableListItemProps extends SortableListItemProps {
     hideHandle?: boolean;
-    itemProps?: Omit<List.ItemProps, "id" | "content">;
+    itemProps?: Omit<List.ItemProps, 'id' | 'content'>;
 }
 export declare const SortableListItem: ({ content, hideHandle, id, itemProps, }: InternalSortableListItemProps) => React.JSX.Element;
 export {};

package/dist/types/components/SortableList/sortableList.component.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { List } from '@chakra-ui/react/list';
 import { SortableListItemProps } from './components/SortableListItem/sortableListItem.component';
-export interface SortableListProps extends Omit<List.RootProps, "onChange"> {
+export interface SortableListProps extends Omit<List.RootProps, 'onChange'> {
     hideHandle?: boolean;
     items: SortableListItemProps[];
-    itemsProps?: Omit<List.ItemProps, "id" | "content">;
+    itemsProps?: Omit<List.ItemProps, 'id' | 'content'>;
     onChange(items: SortableListItemProps[]): void;
 }
 export declare const SortableList: ({ hideHandle, items, itemsProps, onChange, ...rest }: SortableListProps) => React.JSX.Element;

package/dist/types/components/Spinner/spinner.component.d.ts

@@ -7,7 +7,7 @@ export interface SpinnerProps {
     backdropColor?: SemanticBackgroundColorToken;
     fullScreen?: boolean;
     label?: string;
-    labelProps?: Omit<TextProps, "chilren">;
+    labelProps?: Omit<TextProps, 'chilren'>;
     showLabel?: boolean;
     size?: SpinnerSize;
     variant?: TypographyVariant;

package/dist/types/components/Swatch/swatch.component.d.ts

@@ -4,5 +4,5 @@ import { SwatchSize } from './swatch.types';
 export interface BaseSwatchProps {
     size?: SwatchSize;
 }
-export type SwatchProps = BaseSwatchProps & Omit<BoxProps, "children">;
+export type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;
 export declare const Swatch: ({ size, color, backgroundColor, bgColor, borderColor, ...rest }: SwatchProps) => React.JSX.Element;

package/dist/types/components/Switch/switch.component.d.ts

@@ -2,7 +2,7 @@ import { default as React, ForwardedRef } from 'react';
 import { Switch as CSwitch } from '@chakra-ui/react/switch';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
-export interface SwitchProps extends WithFormControlProps, Omit<CSwitch.RootProps, "label" | "onChange"> {
+export interface SwitchProps extends WithFormControlProps, Omit<CSwitch.RootProps, 'label' | 'onChange'> {
     indeterminate?: boolean;
     rootRef?: ForwardedRef<HTMLLabelElement>;
     size?: FormControlSize;

package/dist/types/components/Switch/switch.recipe.d.ts

@@ -1,10 +1,10 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 import { FormVariant } from '../../hocs/withFormControl/withFormControl.types';
-type SwitchSlot = "root" | "control" | "indicator" | "thumb" | "label";
+type SwitchSlot = 'root' | 'control' | 'indicator' | 'thumb' | 'label';
 type SwitchSlotStyles = {
     [key in SwitchSlot]?: SystemStyleObject;
 };
-type SwitchVariant = FormVariant | "indeterminate" | "indeterminateOnContrast";
+type SwitchVariant = FormVariant | 'indeterminate' | 'indeterminateOnContrast';
 export declare const switchRecipe: import('@chakra-ui/react').SlotRecipeDefinition<SwitchSlot, {
     size: Record<"sm" | "md" | "lg", SwitchSlotStyles>;
     variant: Record<SwitchVariant, SwitchSlotStyles>;

package/dist/types/components/Tabs/components/Tab/tab.component.d.ts

@@ -7,7 +7,7 @@ export interface TabProps extends Tabs.TriggerProps {
     iconName?: IconName;
     iconPosition?: TabIconPosition;
     label: string;
-    notificationCounterProps?: Omit<NotificationCounterProps, "size">;
+    notificationCounterProps?: Omit<NotificationCounterProps, 'size'>;
     showNotificationCounter?: boolean;
     size?: TabSize;
 }

package/dist/types/components/Tabs/tabs.component.d.ts

@@ -3,7 +3,7 @@ import { Tabs as CTabs } from '@chakra-ui/react/tabs';
 import { TabSize } from './components/Tab/tab.types';
 import { TabProps } from './components/Tab/tab.component';
 import { Alignment } from '../../shared/types/alignment';
-export interface TabsProps extends Omit<CTabs.RootProps, "onChange" | "variant"> {
+export interface TabsProps extends Omit<CTabs.RootProps, 'onChange' | 'variant'> {
     align?: Alignment;
     onChange?: (value: string) => void;
     size?: TabSize;

package/dist/types/components/Tabs/tabs.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type TabSlot = "root" | "list" | "trigger" | "content";
+type TabSlot = 'root' | 'list' | 'trigger' | 'content';
 type TabSlotStyles = {
     [key in TabSlot]?: SystemStyleObject;
 };

package/dist/types/components/Tag/tag.component.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { Tag as CTag } from '@chakra-ui/react/tag';
 import { CloseButtonDisplay, TagSize } from './tag.types';
 import { Status } from '../../shared/types/status';
-export interface BaseTagProps extends Omit<CTag.RootProps, "children"> {
+export interface BaseTagProps extends Omit<CTag.RootProps, 'children'> {
     leftElement?: React.ReactNode;
     rightElement?: React.ReactNode;
     label: string;
@@ -12,11 +12,11 @@ export interface BaseTagProps extends Omit<CTag.RootProps, "children"> {
     variant?: Status;
 }
 interface ClosableTagProps extends BaseTagProps {
-    closeButtonDisplay: "always" | "hover";
+    closeButtonDisplay: 'always' | 'hover';
     onClose: React.MouseEventHandler<HTMLButtonElement>;
 }
 interface NonClosableTagProps extends BaseTagProps {
-    closeButtonDisplay?: "never";
+    closeButtonDisplay?: 'never';
     onClose?: never;
 }
 export type TagProps = ClosableTagProps | NonClosableTagProps;

package/dist/types/components/Tag/tag.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type TagSlot = "root" | "label" | "closeTrigger";
+type TagSlot = 'root' | 'label' | 'closeTrigger';
 type TagSlotStyles = {
     [key in TagSlot]?: SystemStyleObject;
 };

package/dist/types/components/Text/text.types.d.ts

@@ -1,2 +1,2 @@
 import { FontSize } from '../../theme/tokens/typography';
-export type TextSize = Exclude<FontSize, "7xl" | "8xl" | "9xl">;
+export type TextSize = Exclude<FontSize, '7xl' | '8xl' | '9xl'>;

package/dist/types/components/TimePicker/components/TimeList/timeList.component.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 interface ScrollContainerProps {
     options: string[];
-    optionType: "hour" | "minute" | "meridiem";
+    optionType: 'hour' | 'minute' | 'meridiem';
     selectedValue?: string;
     onClick: (value: string) => void;
     open: boolean;

package/dist/types/components/TimePicker/components/TimeOption/timeOption.component.d.ts

@@ -5,5 +5,5 @@ interface TimeOptionProps {
     selected: boolean;
     value: string;
 }
-export declare const TimeOption: ({ value, innerRef, onClick, selected, }: TimeOptionProps) => React.JSX.Element;
+export declare const TimeOption: ({ value, innerRef, onClick, selected }: TimeOptionProps) => React.JSX.Element;
 export {};

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -3,7 +3,7 @@ import { TextInputProps } from '../TextInput/textInput.component';
 import { Placement } from '../../shared/types/placement';
 export interface TimePickerProps {
     initialTime?: Date;
-    inputProps?: Omit<TextInputProps, "onChange" | "value" | "isClearable" | "onClear">;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
     minuteInterval?: number;
     onTimeChange?: (time: Date) => void;
     placement?: Placement;

package/dist/types/components/Timestamp/timestamp.component.d.ts

@@ -6,6 +6,6 @@ export interface TimestampProps {
     dateFormat?: string;
     shouldTodayDisplayTimeOnly?: boolean;
     tooltipLabel?: string;
-    textProps?: Omit<TextProps, "children">;
+    textProps?: Omit<TextProps, 'children'>;
 }
 export declare const Timestamp: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => React.JSX.Element;

package/dist/types/components/Toast/components/ToastAction/toastAction.component.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { ButtonProps } from '../../../Button/button.component';
 import { Status } from '../../../../shared/types/status';
-export interface ToastActionProps extends Omit<ButtonProps, "children"> {
+export interface ToastActionProps extends Omit<ButtonProps, 'children'> {
     buttonText: string;
-    buttonPosition?: "topRight" | "bottomLeft";
+    buttonPosition?: 'topRight' | 'bottomLeft';
 }
 interface InternalToastActionProps extends ToastActionProps {
     status: Status;

package/dist/types/components/Toast/components/Toaster/toaster.types.d.ts

@@ -5,7 +5,7 @@ export interface ToasterConfig {
     overlap?: boolean | undefined;
     duration?: number | undefined;
     gap?: number | undefined;
-    offsets?: string | Record<"left" | "right" | "bottom" | "top", string> | undefined;
+    offsets?: string | Record<'left' | 'right' | 'bottom' | 'top', string> | undefined;
     hotkey?: string[] | undefined;
     removeDelay?: number | undefined;
     pauseOnPageIdle?: boolean | undefined;

package/dist/types/components/Toast/toast.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type ToastSlot = "root" | "indicator" | "title" | "description" | "closeTrigger" | "actionTrigger";
+type ToastSlot = 'root' | 'indicator' | 'title' | 'description' | 'closeTrigger' | 'actionTrigger';
 type ToastSlotStyles = {
     [key in ToastSlot]?: SystemStyleObject;
 };

package/dist/types/components/Toast/toast.types.d.ts

@@ -1,5 +1,5 @@
 import { ToastProps } from './toast.component';
-type ToastStatus = "visible" | "dismissing" | "unmounted";
+type ToastStatus = 'visible' | 'dismissing' | 'unmounted';
 interface ToastStatusChangeDetails {
     status: ToastStatus;
     src?: string | undefined;
@@ -13,7 +13,7 @@ export interface ToastOptions extends ToastProps {
 export interface ToastInstance {
     create: (options: ToastOptions) => string;
     dismiss: (id?: string) => void;
-    update: (id: string, options: Omit<ToastOptions, "id">) => string;
+    update: (id: string, options: Omit<ToastOptions, 'id'>) => string;
     visible: (id: string) => boolean;
 }
 export {};

package/dist/types/components/Tooltip/tooltip.component.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { HoverCard } from '@chakra-ui/react/hover-card';
 import { Placement } from '../../shared/types/placement';
-export interface TooltipProps extends Omit<HoverCard.RootProps, "children"> {
+export interface TooltipProps extends Omit<HoverCard.RootProps, 'children'> {
     children?: React.ReactNode;
     disabled?: boolean;
     label: string;

package/dist/types/hocs/withDarkMode/index.d.ts

@@ -1,2 +1 @@
-import { default as React } from 'react';
-export declare const withDarkMode: (children: React.ReactNode) => React.JSX.Element;
+export * from './withDarkMode';

package/dist/types/hocs/withDarkMode/withDarkMode.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withDarkMode: (children: React.ReactNode) => React.JSX.Element;

package/dist/types/hocs/withFormControl/withFormControl.types.d.ts

@@ -2,4 +2,4 @@ export declare const formControlLabelPositions: readonly ["start", "end"];
 export type FormControlLabelPosition = (typeof formControlLabelPositions)[number];
 export declare const formControlSizes: readonly ["sm", "md", "lg"];
 export type FormControlSize = (typeof formControlSizes)[number];
-export type FormVariant = "default" | "onContrast";
+export type FormVariant = 'default' | 'onContrast';

package/dist/types/hocs/withLightMode/index.d.ts

@@ -1,2 +1 @@
-import { default as React } from 'react';
-export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;
+export * from './withLightMode';

package/dist/types/hocs/withLightMode/withLightMode.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;

package/dist/types/hocs/withTruncation.d.ts

@@ -3,7 +3,7 @@ import { TooltipProps } from '../components/Tooltip';
 export interface WithTruncationProps {
     truncated?: boolean;
     noOfLines?: number;
-    tooltipProps?: Omit<TooltipProps, "disabled">;
+    tooltipProps?: Omit<TooltipProps, 'disabled'>;
     children?: ReactNode | string;
 }
 export declare const withTruncation: <P extends WithTruncationProps>(Component: React.ComponentType<P>) => React.FC<P>;

package/dist/types/hooks/useDeviceType/index.d.ts

@@ -1,3 +1,3 @@
-type DeviceType = "mobile" | "desktop" | "tablet";
+type DeviceType = 'mobile' | 'desktop' | 'tablet';
 export declare const useDeviceType: () => DeviceType;
 export {};

package/dist/types/shared/types/theme.d.ts

@@ -1 +1 @@
-export type ColorMode = "light" | "dark";
+export type ColorMode = 'light' | 'dark';

package/dist/types/shared/utils/sizes.d.ts

@@ -5,5 +5,5 @@ interface GetNextIconSizeProps {
     larger: boolean;
     delta: number;
 }
-export declare const getNextIconSize: ({ currentSize, larger, delta, }: GetNextIconSizeProps) => IconSize;
+export declare const getNextIconSize: ({ currentSize, larger, delta }: GetNextIconSizeProps) => IconSize;
 export {};

package/dist/types/theme/providers/theme.provider.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { ChakraProviderProps } from '@chakra-ui/react';
 import { SystemContext } from '@chakra-ui/react/styled-system';
 import { ColorModeProviderProps } from './colorMode.provider';
-interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, "value">, Omit<ColorModeProviderProps, "children"> {
+interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, 'value'>, Omit<ColorModeProviderProps, 'children'> {
     customTheme?: SystemContext;
 }
 export declare const KibbleThemeProvider: ({ customTheme, children, ...rest }: KibbleThemeProviderProps) => React.JSX.Element;

package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts

@@ -139,7 +139,7 @@ export declare const semanticColorTokens: {
             contrast: any;
         };
         subtle: any;
-        "subtle.contrast": import('./semanticTokens.types').SemanticTokenDefinition;
+        'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
         success: any;
         warning: any;
     };

package/dist/types/theme/semanticTokens/semanticTokens.records.d.ts

@@ -74,7 +74,7 @@ export declare const semanticBorderColorTokens: {
         contrast: any;
     };
     subtle: any;
-    "subtle.contrast": import('./semanticTokens.types').SemanticTokenDefinition;
+    'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
     success: any;
     warning: any;
 };
@@ -333,7 +333,7 @@ export declare const semanticColorTokenRecord: {
             contrast: any;
         };
         subtle: any;
-        "subtle.contrast": import('./semanticTokens.types').SemanticTokenDefinition;
+        'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
         success: any;
         warning: any;
     };

package/dist/types/theme/semanticTokens/semanticTokens.types.d.ts

@@ -1,5 +1,5 @@
-export type SemanticProperty = "text" | "background" | "border" | "divider";
-export type SemanticColorScheme = "primary" | "secondary" | "danger" | "warning" | "success" | "neutral" | "primaryAlpha" | "secondaryAlpha" | "dangerAlpha" | "neutralAlpha" | "ai";
+export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';
+export type SemanticColorScheme = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'neutral' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'neutralAlpha' | 'ai';
 export type SemanticTokenDefinition = {
     value: {
         _light: string | number;

package/dist/types/theme/semanticTokens/utils/getSemanticColorToken.d.ts

@@ -1,6 +1,6 @@
 import { SemanticProperty } from '../semanticTokens.types';
 import { FlatSemanticTokenRecord } from './flattenSemanticTokenRecord';
-export type KibbleThemeMode = "light" | "dark";
-export declare const getSemanticColorTokenRecord: ({ property, }: {
+export type KibbleThemeMode = 'light' | 'dark';
+export declare const getSemanticColorTokenRecord: ({ property }: {
     property: SemanticProperty;
 }) => FlatSemanticTokenRecord;

package/dist/types/theme/tokens/blurs/blurs.types.d.ts

@@ -1 +1 @@
-export type Blur = "none" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl";
+export type Blur = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';

package/dist/types/theme/tokens/borders/borders.types.d.ts

@@ -1,2 +1,2 @@
-export type Border = "none" | "1px" | "2px" | "4px" | "8px";
-export type Radius = "none" | "xs" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+export type Border = 'none' | '1px' | '2px' | '4px' | '8px';
+export type Radius = 'none' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';

package/dist/types/theme/tokens/colors/colors.types.d.ts

@@ -1,2 +1,2 @@
-export type ColorValue = "50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
-export type CoreColor = "primary" | "secondary" | "tertiary" | "neutral" | "danger" | "warning" | "success" | "primaryAlpha" | "secondaryAlpha" | "dangerAlpha" | "primaryAlphaInverse" | "secondaryAlphaInverse" | "blackAlpha" | "whiteAlpha" | "dangerAlphaInverse";
+export type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type CoreColor = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'danger' | 'warning' | 'success' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'primaryAlphaInverse' | 'secondaryAlphaInverse' | 'blackAlpha' | 'whiteAlpha' | 'dangerAlphaInverse';

package/dist/types/theme/tokens/shadows/shadows.types.d.ts

@@ -1,2 +1,2 @@
-export type Shadow = "xs" | "xsR" | "sm" | "smR" | "base" | "baseR" | "md" | "mdR" | "lg" | "lgR" | "xl" | "xlR" | "2xl" | "2xlR" | "outline" | "hover" | "hover.contrast" | "active" | "active.contrast" | "inner" | "none" | "dark-lg";
-export type ShadowType = "base" | "reverse" | "misc";
+export type Shadow = 'xs' | 'xsR' | 'sm' | 'smR' | 'base' | 'baseR' | 'md' | 'mdR' | 'lg' | 'lgR' | 'xl' | 'xlR' | '2xl' | '2xlR' | 'outline' | 'hover' | 'hover.contrast' | 'active' | 'active.contrast' | 'inner' | 'none' | 'dark-lg';
+export type ShadowType = 'base' | 'reverse' | 'misc';

package/dist/types/theme/tokens/sizes/sizes.types.d.ts

@@ -1,2 +1,2 @@
-export type BreakpointSize = "sm" | "md" | "lg" | "xl";
-export type Size = "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl";
+export type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl';
+export type Size = 'max' | 'min' | 'full' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';