@televet/kibble-ui 4.0.0-beta.58 → 4.0.0-beta.6

package/dist/types/components/Tag/index.d.ts

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

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

@@ -5,7 +5,7 @@ type TagSlotStyles = {
 };
 export declare const tagRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TagSlot, {
     size: Record<"sm" | "md" | "lg", TagSlotStyles>;
-    variant: Record<"default" | "info" | "success" | "warning" | "error", TagSlotStyles>;
+    variant: Record<"warning" | "success" | "default" | "info" | "error", TagSlotStyles>;
     closeButtonDisplay: Record<"hover" | "always" | "never", TagSlotStyles>;
 }>;
 export {};

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

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TextProps } from '../text.component';
+export declare const textArgTypes: KibbleArgTypes<TextProps>;

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

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

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

@@ -3,9 +3,10 @@ import { TextProps as CTextProps } from '@chakra-ui/react/typography';
 import { WithTruncationProps } from '../../hocs/withTruncation';
 import { TextSize } from './text.types';
 import { TypographyVariant } from '../../shared/types/typography';
-export interface TextProps extends WithTruncationProps, CTextProps {
+export interface KTextProps extends WithTruncationProps {
     size?: TextSize;
     variant?: TypographyVariant;
 }
+export type TextProps = KTextProps & CTextProps;
 declare const WrappedText: React.FC<TextProps>;
 export { WrappedText as Text };

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

@@ -1,8 +1,9 @@
 import { SystemStyleObject } from '@chakra-ui/react';
 import { TextSize } from './text.types';
 export declare const textSizeStyles: Record<TextSize, SystemStyleObject>;
+export declare const textLineHeight = "150%";
 export declare const textRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
+    variant: Record<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", SystemStyleObject>;
     size: Record<TextSize, SystemStyleObject>;
     fontWeight: Record<import('../../theme/tokens').FontWeight, SystemStyleObject>;
 }>;

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

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

package/dist/types/components/TextInput/docs/textInput.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TextInputProps } from '../textInput.component';
+export declare const textInputArgTypes: KibbleArgTypes<TextInputProps>;

package/dist/types/components/TextInput/index.d.ts

@@ -1 +1,2 @@
 export * from './textInput.component';
+export * from './textInput.records';

package/dist/types/components/Textarea/docs/textarea.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TextareaProps } from '../textarea.component';
+export declare const textareaArgTypes: KibbleArgTypes<TextareaProps>;

package/dist/types/components/TimePicker/docs/timePicker.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TimePickerProps } from '../timePicker.component';
+export declare const timePickerArgTypes: KibbleArgTypes<TimePickerProps>;

package/dist/types/components/TimeRange/docs/timeRange.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TimeRangeProps } from '../timeRange.component';
+export declare const timeRangeArgTypes: KibbleArgTypes<TimeRangeProps>;

package/dist/types/components/Tooltip/docs/tooltip.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TooltipProps } from '../tooltip.component';
+export declare const tooltipArgTypes: KibbleArgTypes<TooltipProps>;

package/dist/types/components/index.d.ts

@@ -7,35 +7,27 @@ export * from './Card';
 export * from './CharacterCounter';
 export * from './Checkbox';
 export * from './CheckboxGroup';
-export * from './ConversationCard';
-export * from './DatePicker';
-export * from './Divider';
 export * from './Heading';
 export * from './Icon';
 export * from './Link';
-export * from './Logo';
 export * from './Menu';
 export * from './Modal';
 export * from './NotificationCounter';
 export * from './Picture';
-export * from './PinInput';
 export * from './Popover';
 export * from './RadioGroup';
 export * from './RatingDots';
 export * from './Select';
 export * from './SortableList';
 export * from './Spinner';
-export * from './StyledAvatar';
 export * from './Swatch';
 export * from './Switch';
 export * from './Tabs';
 export * from './Tag';
-export * from './TagBlock';
 export * from './Text';
 export * from './TextInput';
 export * from './Textarea';
 export * from './TimePicker';
 export * from './TimeRange';
-export * from './Timestamp';
-export * from './Toast';
 export * from './Tooltip';
+export * from './DatePicker';

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

@@ -6,7 +6,6 @@ export interface WithFormControlProps {
     disabled?: boolean;
     errorText?: string;
     formControlStyle?: SystemStyleObject;
-    fullWidth?: boolean;
     helperText?: string;
     inlineField?: boolean;
     invalid?: boolean;
@@ -17,7 +16,7 @@ export interface WithFormControlProps {
     onContrast?: boolean;
     readOnly?: boolean;
     required?: boolean;
-    showOptionalElement?: boolean;
+    showRequiredElement?: boolean;
     size?: FormControlSize;
     useInvalidIcon?: boolean;
     useInvalidText?: boolean;

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

@@ -1,4 +1,2 @@
-export * from './useBreakpoint';
 export * from './useColorMode';
 export * from './useColorModeValue';
-export * from './useDeviceType';

package/dist/types/index.d.ts

@@ -1,5 +1,3 @@
 export * from './components';
-export * from './hocs';
 export * from './hooks';
-export * from './shared';
 export * from './theme';

package/dist/types/patterns/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { MenuProps } from '../../../../components/Menu';
+export interface ConversationCardOverlayProps {
+    isOpenInOverlay?: boolean;
+    onOpenInOverlay: () => void;
+}
+export interface ConversationCardPinProps {
+    isPinned?: boolean;
+    onTogglePin: (isPinned: boolean) => void;
+}
+export interface ConversationCardButtonsProps {
+    overlayProps?: ConversationCardOverlayProps;
+    pinProps?: ConversationCardPinProps;
+    headerMenuProps?: MenuProps;
+}
+interface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {
+    isHovering: boolean;
+    setIsHovering: (isHovering: boolean) => void;
+}
+export declare const ConversationCardButtons: ({ overlayProps, pinProps, headerMenuProps, isHovering, setIsHovering, }: ConversationCardButtonsComponentProps) => React.JSX.Element;
+export {};

package/dist/types/patterns/ConversationCard/components/ConversationCardContent/conversationCardContent.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TextProps } from '../../../../components/Text/text.component';
+export interface ConversationCardContentProps {
+    content?: React.ReactNode;
+    contentProps?: Omit<TextProps, "children">;
+    contentMenu?: React.ReactNode;
+}
+export declare const ConversationCardContent: ({ contentMenu, content, contentProps, }: ConversationCardContentProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IconProps } from '../../../../components/Icon/icon.component';
+import { TextProps } from '../../../../components/Text/text.component';
+export interface ConversationCardFooterProps {
+    iconProps?: IconProps;
+    content: React.ReactNode;
+    contentProps?: Omit<TextProps, "children">;
+}
+export declare const ConversationCardFooter: ({ iconProps, content, contentProps, }: ConversationCardFooterProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/components/ConversationCardTags/conversationCardTags.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TagProps } from '../../../../components/Tag/tag.component';
+export type ConversationCardTag = TagProps & {
+    tooltipContent?: string;
+};
+export interface ConversationCardTagsProps {
+    tags: ConversationCardTag[];
+}
+export declare const ConversationCardTags: ({ tags, }: ConversationCardTagsProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/conversationCard.component.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { MenuProps } from '../../components/Menu/menu.component';
+import { ConversationCardHeaderProps } from './components/ConversationCardHeader/conversationCardHeader.component';
+import { ConversationCardOverlayProps, ConversationCardPinProps } from './components/ConversationCardButtons/conversationCardButtons.component';
+import { ConversationCardTag } from './components/ConversationCardTags/conversationCardTags.component';
+import { ConversationCardFooterProps } from './components/ConversationCardFooter/conversationCardFooter.component';
+import { ConversationCardContentProps } from './components/ConversationCardContent/conversationCardContent.component';
+import { ConversationCardAvatarGroupProps } from './components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component';
+export interface ConversationCardProps extends ConversationCardContentProps {
+    allowHoverActions?: boolean;
+    avatarGroupProps?: ConversationCardAvatarGroupProps;
+    footerProps?: ConversationCardFooterProps;
+    headerMenuProps?: MenuProps;
+    headerProps: ConversationCardHeaderProps;
+    active?: boolean;
+    onClick?: () => void;
+    overlayProps?: ConversationCardOverlayProps;
+    pinProps?: ConversationCardPinProps;
+    shouldPreservePosition?: boolean;
+    showNotificationIndicator?: boolean;
+    tags?: ConversationCardTag[];
+}
+export declare const ConversationCard: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, active, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/docs/conversationCard.argTypes.d.ts

@@ -0,0 +1,12 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { ConversationCardAvatarGroupProps } from '../components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component';
+import { ConversationCardOverlayProps, ConversationCardPinProps } from '../components/ConversationCardButtons/conversationCardButtons.component';
+import { ConversationCardFooterProps } from '../components/ConversationCardFooter/conversationCardFooter.component';
+import { ConversationCardTagsProps } from '../components/ConversationCardTags/conversationCardTags.component';
+import { ConversationCardProps } from '../conversationCard.component';
+export declare const tagsArgTypes: KibbleArgTypes<ConversationCardTagsProps>;
+export declare const conversationCardArgTypes: KibbleArgTypes<ConversationCardProps>;
+export declare const overlayArgTypes: KibbleArgTypes<ConversationCardOverlayProps>;
+export declare const pinArgTypes: KibbleArgTypes<ConversationCardPinProps>;
+export declare const avatarGroupArgTypes: KibbleArgTypes<ConversationCardAvatarGroupProps>;
+export declare const footerArgTypes: KibbleArgTypes<ConversationCardFooterProps>;

package/dist/types/patterns/ConversationCard/docs/conversationCard.storiesData.d.ts

@@ -0,0 +1,22 @@
+import { MenuProps } from '../../../components/Menu';
+import { ConversationCardAvatarGroupProps } from '../components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component';
+import { ConversationCardOverlayProps, ConversationCardPinProps } from '../components/ConversationCardButtons/conversationCardButtons.component';
+import { ConversationCardProps } from '../conversationCard.component';
+export declare const baseConversationCardData: ConversationCardProps;
+export declare const avatarGroupData: ConversationCardAvatarGroupProps;
+export declare const conversationCardOverlayData: ConversationCardOverlayProps;
+export declare const conversationCardPinData: ConversationCardPinProps;
+export declare const conversationCardHeaderMenuData: MenuProps;
+export declare const statuses: {
+    groupLabel: string;
+    label: string;
+    value: string;
+    color: string;
+}[];
+export declare const initialStatusSelection: {
+    groupLabel: string;
+    label: string;
+    value: string;
+    color: string;
+};
+export declare const conversationCardContentMenuData: MenuProps;

package/dist/types/patterns/StyledAvatar/docs/styledAvatar.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { StyledAvatarProps } from '../styledAvatar.component';
+export declare const styledAvatarArgTypes: KibbleArgTypes<StyledAvatarProps>;

package/dist/types/patterns/StyledAvatar/styledAvatar.component.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { AvatarProps } from '../../components/Avatar/avatar.component';
+import { StyledAvatarType } from './styledAvatar.types';
+export interface StyledAvatarProps extends AvatarProps {
+    type?: StyledAvatarType;
+}
+export declare const StyledAvatar: ({ type, ...rest }: StyledAvatarProps) => React.JSX.Element;

package/dist/types/patterns/TagBlock/docs/tagBlock.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TagBlockProps } from '../tagBlock.component';
+export declare const tagBlockArgTypes: KibbleArgTypes<TagBlockProps>;

package/dist/types/patterns/TagBlock/tagBlock.component.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { MenuProps } from '../../components/Menu/menu.component';
+import { TagBlockTag } from './tagBlock.types';
+interface BaseTagBlockProps {
+    displayTagsInGroups?: boolean;
+    errorText?: string;
+    hasError?: boolean;
+    loading?: boolean;
+    menuProps?: MenuProps;
+    onClearAll?: () => void;
+    onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;
+    tags: TagBlockTag[];
+    title?: string;
+}
+interface DefaultTagBlockProps extends BaseTagBlockProps {
+    canBeDeleted?: false;
+    onDelete?: never;
+}
+interface DeletableTagBlockProps extends BaseTagBlockProps {
+    canBeDeleted: true;
+    onDelete: () => void;
+}
+export type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;
+export declare const TagBlock: ({ title, menuProps, tags, canBeDeleted, onClearAll, onRemoveTag, onDelete, hasError, errorText, displayTagsInGroups, loading, }: TagBlockProps) => React.JSX.Element;
+export {};

package/dist/types/patterns/Timestamp/docs/timestamp.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TimestampProps } from '../timestamp.component';
+export declare const timestampArgTypes: KibbleArgTypes<TimestampProps>;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TextProps } from '../../components/Text/text.component';
+export interface TimestampProps {
+    date: Date;
+    timeFormat?: string;
+    dateFormat?: string;
+    shouldTodayDisplayTimeOnly?: boolean;
+    tooltipLabel?: string;
+    textProps?: Omit<TextProps, "children">;
+}
+export declare const Timestamp: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => React.JSX.Element;

package/dist/types/patterns/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ConversationCard';
+export * from './StyledAvatar';
+export * from './TagBlock';
+export * from './Timestamp';

package/dist/types/shared/records/typography.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 import { TypographyVariant } from '../types/typography';
-import { FontWeight } from '../../theme/tokens/typography';
+import { FontWeight } from '../../theme/tokens';
 export declare const typographyVariantStyles: Record<TypographyVariant, SystemStyleObject>;
 export declare const fontWeightStyles: Record<FontWeight, SystemStyleObject>;

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

@@ -1,2 +1 @@
-export { KibbleThemeProvider } from './providers/theme.provider';
-export { system } from './theme.config';
+export * from './providers/theme.provider';

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { ChakraProviderProps } from '@chakra-ui/react';
-import { SystemContext } from '@chakra-ui/react/styled-system';
+import { ChakraProviderProps, SystemContext } from '@chakra-ui/react/styled-system';
 import { ColorModeProviderProps } from './colorMode.provider';
 interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, "value">, Omit<ColorModeProviderProps, "children"> {
     customTheme?: SystemContext;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SemanticProperty } from '../semanticTokens.types';
+interface SemanticTokensProps {
+    property: SemanticProperty;
+}
+export declare const SemanticTokens: ({ property, }: SemanticTokensProps) => React.JSX.Element;
+export {};

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

@@ -178,10 +178,6 @@ export declare const semanticColorTokens: {
             };
             hover: any;
         };
-        logo: {
-            DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        };
         placeholder: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;

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

@@ -29,10 +29,6 @@ export declare const semanticTextColorTokens: {
         };
         hover: any;
     };
-    logo: {
-        DEFAULT: any;
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-    };
     placeholder: {
         DEFAULT: any;
         contrast: import('./semanticTokens.types').SemanticTokenDefinition;
@@ -372,10 +368,6 @@ export declare const semanticColorTokenRecord: {
             };
             hover: any;
         };
-        logo: {
-            DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        };
         placeholder: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;

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

@@ -1,2 +1 @@
-export declare const themeConfig: import('@chakra-ui/react').SystemConfig;
 export declare const system: import('@chakra-ui/react').SystemContext;

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

@@ -1,7 +1,13 @@
 export declare const blurTokens: {
+    none: {
+        value: string;
+    };
     sm: {
         value: string;
     };
+    base: {
+        value: string;
+    };
     md: {
         value: string;
     };
@@ -17,10 +23,4 @@ export declare const blurTokens: {
     "3xl": {
         value: string;
     };
-    none: {
-        value: string;
-    };
-    base: {
-        value: string;
-    };
 };

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

@@ -1 +1,2 @@
+export * from './blurs.records';
 export * from './blurs.types';

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

@@ -2,26 +2,29 @@ export declare const borderTokens: {
     none: {
         value: string;
     };
-    "1px": {
+    "4px": {
         value: string;
     };
-    "2px": {
+    "8px": {
         value: string;
     };
-    "4px": {
+    "1px": {
         value: string;
     };
-    "8px": {
+    "2px": {
         value: string;
     };
 };
 export declare const radiiTokens: {
-    xs: {
+    none: {
         value: string;
     };
     sm: {
         value: string;
     };
+    base: {
+        value: string;
+    };
     md: {
         value: string;
     };
@@ -37,10 +40,7 @@ export declare const radiiTokens: {
     "3xl": {
         value: string;
     };
-    none: {
-        value: string;
-    };
-    base: {
+    xs: {
         value: string;
     };
     full: {

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface BordersProps {
+    property: "border" | "radii";
+}
+export declare const Borders: ({ property }: BordersProps) => React.JSX.Element;

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

@@ -1 +1,2 @@
+export * from './borders.records';
 export * from './borders.types';

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ShadowType } from '../shadows.types';
+export interface ShadowsProps {
+    type: ShadowType;
+}
+export declare const Shadows: ({ type }: ShadowsProps) => React.JSX.Element;

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

@@ -1 +1,2 @@
+export * from './shadows.records';
 export * from './shadows.types';

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

@@ -1,10 +1,13 @@
 export declare const shadowTokens: {
-    xs: {
+    none: {
         value: string;
     };
     sm: {
         value: string;
     };
+    base: {
+        value: string;
+    };
     md: {
         value: string;
     };
@@ -17,16 +20,7 @@ export declare const shadowTokens: {
     "2xl": {
         value: string;
     };
-    none: {
-        value: string;
-    };
-    base: {
-        value: string;
-    };
-    outline: {
-        value: string;
-    };
-    active: {
+    xs: {
         value: string;
     };
     xsR: {
@@ -50,12 +44,18 @@ export declare const shadowTokens: {
     "2xlR": {
         value: string;
     };
+    outline: {
+        value: string;
+    };
     hover: {
         value: string;
     };
     "hover.contrast": {
         value: string;
     };
+    active: {
+        value: string;
+    };
     "active.contrast": {
         value: string;
     };

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

@@ -1 +1,2 @@
+export * from './sizes.records';
 export * from './sizes.types';

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

@@ -13,9 +13,6 @@ export declare const sizeTokens: {
             value: string;
         };
     };
-    xs: {
-        value: string;
-    };
     sm: {
         value: string;
     };
@@ -34,34 +31,37 @@ export declare const sizeTokens: {
     "3xl": {
         value: string;
     };
-    "4xl": {
+    xs: {
         value: string;
     };
-    "5xl": {
+    full: {
         value: string;
     };
-    "6xl": {
+    max: {
         value: string;
     };
-    "7xl": {
+    min: {
         value: string;
     };
-    "8xl": {
+    "3xs": {
         value: string;
     };
     "2xs": {
         value: string;
     };
-    max: {
+    "4xl": {
         value: string;
     };
-    "3xs": {
+    "5xl": {
         value: string;
     };
-    min: {
+    "6xl": {
         value: string;
     };
-    full: {
+    "7xl": {
+        value: string;
+    };
+    "8xl": {
         value: string;
     };
 };

package/dist/types/theme/tokens/spacing/index.d.ts

@@ -1 +1,2 @@
+export * from './spacing.records';
 export * from './spacing.types';