@consta/uikit 5.2.2 → 5.3.0

package/__internal__/src/hooks/useSelect/useSelect.d.ts

@@ -1,80 +1,80 @@
-import React from 'react';
-import { CountedGroup, SelectAllItem } from '../../utils/getGroups';
-declare type IndexForHighlight = number | ((oldIndex: number) => number);
-declare type Group<ITEM, GROUP> = {
-    items: ITEM[];
-    key: string | number;
-    group?: GROUP;
-};
-declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
-declare type SortGroups<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
-declare type OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {
-    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
-    e: React.SyntheticEvent;
-}) => void;
-declare type ValueProp<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
-export declare type OptionForCreate = {
-    label: string;
-    __optionForCreate: boolean;
-};
-export declare type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {
-    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
-    getGroupKey?: GetGroupKey<GROUP>;
-    sortGroups?: SortGroups<ITEM, GROUP>;
-    groups?: GROUP[];
-    items: ITEM[];
-    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
-    controlRef: React.MutableRefObject<HTMLDivElement | null>;
-    disabled?: boolean;
-    selectAll?: boolean;
-    getItemLabel: (item: ITEM) => string;
-    getItemKey: (item: ITEM) => string | number;
-    getItemDisabled?: (item: ITEM) => boolean | undefined;
-    searchFunction?: (item: ITEM, searchValue: string) => boolean;
-    onCreate?: (props: {
-        e: React.SyntheticEvent;
-        label: string;
-    }) => void;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    multiple: boolean;
-    searchValue?: string;
-    withoutClearSearch?: boolean;
-    onChange: OnChangeProp<ITEM, MULTIPLE>;
-    value: ValueProp<ITEM, MULTIPLE>;
-};
-export declare type OptionProps<ITEM> = {
-    index: number;
-    item: ITEM | OptionForCreate | SelectAllItem;
-};
-export declare type GetOptionPropsResult = {
-    onClick: (e: React.SyntheticEvent) => void;
-    onMouseEnter: (e: React.SyntheticEvent) => void;
-    active: boolean;
-    hovered: boolean;
-    key: string | number;
-};
-export declare const isOptionForCreate: <ITEM, GROUP>(params: OptionForCreate | ITEM | Group<ITEM, GROUP>) => params is OptionForCreate;
-export declare const isOptionForSelectAll: <ITEM, GROUP>(params: SelectAllItem | ITEM | Group<ITEM, GROUP>) => params is SelectAllItem;
-export declare function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(params: SelectProps<ITEM, GROUP, MULTIPLE>): {
-    isOpen: boolean;
-    isFocused: boolean;
-    highlightedIndex: number;
-    visibleItems: (OptionForCreate | CountedGroup<ITEM, GROUP>)[];
-    highlightIndex: (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => void;
-    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
-    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
-    handleToggleDropdown: () => void;
-    handleInputClick: () => void;
-    inputRef: React.RefObject<HTMLInputElement>;
-    getKeyProps: (rest?: import("../useKeysDepricated/useKeysDepricated").KeyProps | undefined) => import("../useKeysDepricated/useKeysDepricated").KeyProps;
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    searchValue: string;
-    clearValue: (e: React.SyntheticEvent) => void;
-    getHandleRemoveValue: (item: ITEM) => (e: React.SyntheticEvent) => void;
-    notFound: boolean;
-    hasItems: boolean;
-};
-export {};
+import React from 'react';
+import { CountedGroup, SelectAllItem } from '../../utils/getGroups';
+declare type IndexForHighlight = number | ((oldIndex: number) => number);
+declare type Group<ITEM, GROUP> = {
+    items: ITEM[];
+    key: string | number;
+    group?: GROUP;
+};
+declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
+declare type SortGroups<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
+declare type OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {
+    value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;
+    e: React.SyntheticEvent;
+}) => void;
+declare type ValueProp<ITEM, MULTIPLE extends boolean> = (MULTIPLE extends true ? ITEM[] : ITEM) | null | undefined;
+export declare type OptionForCreate = {
+    label: string;
+    __optionForCreate: boolean;
+};
+export declare type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {
+    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
+    getGroupKey?: GetGroupKey<GROUP>;
+    sortGroups?: SortGroups<ITEM, GROUP>;
+    groups?: GROUP[];
+    items: ITEM[];
+    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
+    controlRef: React.MutableRefObject<HTMLDivElement | null>;
+    disabled?: boolean;
+    selectAll?: boolean;
+    getItemLabel: (item: ITEM) => string;
+    getItemKey: (item: ITEM) => string | number;
+    getItemDisabled?: (item: ITEM) => boolean | undefined;
+    searchFunction?: (item: ITEM, searchValue: string) => boolean;
+    onCreate?: (props: {
+        e: React.SyntheticEvent;
+        label: string;
+    }) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    multiple: boolean;
+    searchValue?: string;
+    withoutClearSearch?: boolean;
+    onChange: OnChangeProp<ITEM, MULTIPLE>;
+    value: ValueProp<ITEM, MULTIPLE>;
+};
+export declare type OptionProps<ITEM> = {
+    index: number;
+    item: ITEM | OptionForCreate | SelectAllItem;
+};
+export declare type GetOptionPropsResult = {
+    onClick: (e: React.SyntheticEvent) => void;
+    onMouseEnter: (e: React.SyntheticEvent) => void;
+    active: boolean;
+    hovered: boolean;
+    key: string | number;
+};
+export declare const isOptionForCreate: <ITEM, GROUP>(params: OptionForCreate | ITEM | Group<ITEM, GROUP>) => params is OptionForCreate;
+export declare const isOptionForSelectAll: <ITEM, GROUP>(params: SelectAllItem | ITEM | Group<ITEM, GROUP>) => params is SelectAllItem;
+export declare function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(params: SelectProps<ITEM, GROUP, MULTIPLE>): {
+    isOpen: boolean;
+    isFocused: boolean;
+    highlightedIndex: number;
+    visibleItems: (OptionForCreate | CountedGroup<ITEM, GROUP>)[];
+    highlightIndex: (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => void;
+    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
+    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleToggleDropdown: () => void;
+    handleInputClick: () => void;
+    inputRef: React.RefObject<HTMLInputElement>;
+    getKeyProps: (rest?: import("../useKeysDepricated/useKeysDepricated").KeyProps | undefined) => import("../useKeysDepricated/useKeysDepricated").KeyProps;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    searchValue: string;
+    clearValue: (e: React.SyntheticEvent) => void;
+    getHandleRemoveValue: (item: ITEM) => (e: React.SyntheticEvent) => void;
+    notFound: boolean;
+    hasItems: boolean;
+};
+export {};

package/__internal__/src/hooks/useSortSteps/index.d.ts

@@ -1 +1 @@
-export * from './useSortSteps';
+export * from './useSortSteps';

package/__internal__/src/hooks/useSortSteps/useSortSteps.d.ts

@@ -1,7 +1,7 @@
-declare type Props = {
-    step?: string | number | number[];
-    min?: number;
-    max?: number;
-};
-export declare const useSortSteps: (props: Props) => number | number[];
-export {};
+declare type Props = {
+    step?: string | number | number[];
+    min?: number;
+    max?: number;
+};
+export declare const useSortSteps: (props: Props) => number | number[];
+export {};

package/__internal__/src/hooks/useStyleProps/getStyleProps.d.ts

@@ -1,2 +1,2 @@
-import { Value } from './types';
-export declare const getStyleProps: <StyleProps extends string | readonly string[] | string[] = string>(element: HTMLElement | SVGElement, props: StyleProps) => Value<StyleProps>;
+import { Value } from './types';
+export declare const getStyleProps: <StyleProps extends string | readonly string[] | string[] = string>(element: HTMLElement | SVGElement, props: StyleProps) => Value<StyleProps>;

package/__internal__/src/hooks/useStyleProps/helpers.d.ts

@@ -1,2 +1,2 @@
-export declare const varIsArray: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, string>;
-export declare const varIsString: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, readonly string[] | string[]>;
+export declare const varIsArray: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, string>;
+export declare const varIsString: <V extends string | readonly string[] | string[]>(v: V) => v is Exclude<V, readonly string[] | string[]>;

package/__internal__/src/hooks/useStyleProps/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useStyleProps';
-export * from './getStyleProps';
+export * from './useStyleProps';
+export * from './getStyleProps';

package/__internal__/src/hooks/useStyleProps/types.d.ts

@@ -1 +1 @@
-export declare type Value<V extends string | string[] | readonly string[]> = V extends string[] ? Record<V[number], string> : V extends readonly string[] ? Record<V[number], string> : string;
+export declare type Value<V extends string | string[] | readonly string[]> = V extends string[] ? Record<V[number], string> : V extends readonly string[] ? Record<V[number], string> : string;

package/__internal__/src/hooks/useStyleProps/useStyleProps.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { Value } from './types';
-export declare const useStyleProps: <Element_1 extends HTMLElement | SVGElement = HTMLDivElement, StyleProps extends string | readonly string[] | string[] = string>(props: StyleProps) => [import("react").RefObject<Element_1>, Value<StyleProps>];
+/// <reference types="react" />
+import { Value } from './types';
+export declare const useStyleProps: <Element_1 extends HTMLElement | SVGElement = HTMLDivElement, StyleProps extends string | readonly string[] | string[] = string>(props: StyleProps) => [import("react").RefObject<Element_1>, Value<StyleProps>];

package/__internal__/src/hooks/useThemeVars/helpers.d.ts

@@ -1,12 +1,12 @@
-export declare const defaultVars: {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-};
+export declare const defaultVars: {
+    readonly color: {
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+    };
+    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
+    readonly font: readonly ["--font-primary", "--font-mono"];
+    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
+    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
+    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
+};

package/__internal__/src/hooks/useThemeVars/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useThemeVars';
-export { defaultVars } from './helpers';
+export * from './useThemeVars';
+export { defaultVars } from './helpers';

package/__internal__/src/hooks/useThemeVars/useThemeVars.d.ts

@@ -1,58 +1,58 @@
-import { defaultVars } from './helpers';
-export declare type Vars = {
-    readonly color: {
-        readonly primary: readonly string[];
-        readonly accent: readonly string[];
-        readonly invert: readonly string[];
-    };
-    readonly control: readonly string[];
-    readonly font: readonly string[];
-    readonly size: readonly string[];
-    readonly space: readonly string[];
-    readonly shadow: readonly string[];
-};
-export declare type ThemeVars<T extends Vars = typeof defaultVars> = {
-    color: {
-        primary: {
-            [key in T['color']['primary'][number]]: string;
-        };
-        accent: {
-            [key in T['color']['accent'][number]]: string;
-        };
-        invert: {
-            [key in T['color']['invert'][number]]: string;
-        };
-    };
-    control: {
-        [key in T['control'][number]]: string;
-    };
-    font: {
-        [key in T['font'][number]]: string;
-    };
-    size: {
-        [key in T['size'][number]]: string;
-    };
-    space: {
-        [key in T['space'][number]]: string;
-    };
-    shadow: {
-        [key in T['shadow'][number]]: string;
-    };
-};
-declare type UseThemeVarsOptions<T> = {
-    vars?: T;
-    deps?: [];
-};
-export declare const useThemeVars: <T extends Vars = {
-    readonly color: {
-        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
-    };
-    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
-    readonly font: readonly ["--font-primary", "--font-mono"];
-    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
-    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
-    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
-}>(options?: UseThemeVarsOptions<T> | undefined) => ThemeVars<T>;
-export {};
+import { defaultVars } from './helpers';
+export declare type Vars = {
+    readonly color: {
+        readonly primary: readonly string[];
+        readonly accent: readonly string[];
+        readonly invert: readonly string[];
+    };
+    readonly control: readonly string[];
+    readonly font: readonly string[];
+    readonly size: readonly string[];
+    readonly space: readonly string[];
+    readonly shadow: readonly string[];
+};
+export declare type ThemeVars<T extends Vars = typeof defaultVars> = {
+    color: {
+        primary: {
+            [key in T['color']['primary'][number]]: string;
+        };
+        accent: {
+            [key in T['color']['accent'][number]]: string;
+        };
+        invert: {
+            [key in T['color']['invert'][number]]: string;
+        };
+    };
+    control: {
+        [key in T['control'][number]]: string;
+    };
+    font: {
+        [key in T['font'][number]]: string;
+    };
+    size: {
+        [key in T['size'][number]]: string;
+    };
+    space: {
+        [key in T['space'][number]]: string;
+    };
+    shadow: {
+        [key in T['shadow'][number]]: string;
+    };
+};
+declare type UseThemeVarsOptions<T> = {
+    vars?: T;
+    deps?: [];
+};
+export declare const useThemeVars: <T extends Vars = {
+    readonly color: {
+        readonly primary: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly accent: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+        readonly invert: readonly ["--color-bg-default", "--color-bg-secondary", "--color-bg-brand", "--color-bg-link", "--color-bg-border", "--color-bg-stripe", "--color-bg-ghost", "--color-bg-tone", "--color-bg-soft", "--color-bg-system", "--color-bg-normal", "--color-bg-success", "--color-bg-caution", "--color-bg-warning", "--color-bg-alert", "--color-bg-critical", "--color-typo-primary", "--color-typo-secondary", "--color-typo-ghost", "--color-typo-brand", "--color-typo-system", "--color-typo-normal", "--color-typo-success", "--color-typo-caution", "--color-typo-warning", "--color-typo-alert", "--color-typo-critical", "--color-typo-link", "--color-typo-link-minor", "--color-typo-link-hover", "--color-scroll-bg", "--color-scroll-thumb", "--color-scroll-thumb-hover", "--color-control-bg-default", "--color-control-typo-default", "--color-control-typo-placeholder", "--color-control-bg-border-default", "--color-control-bg-border-default-hover", "--color-control-bg-border-focus", "--color-control-bg-focus", "--color-control-bg-active", "--color-control-bg-primary", "--color-control-bg-primary-hover", "--color-control-typo-primary", "--color-control-typo-primary-hover", "--color-control-bg-secondary", "--color-control-bg-border-secondary", "--color-control-bg-border-secondary-hover", "--color-control-typo-secondary", "--color-control-typo-secondary-hover", "--color-control-bg-ghost", "--color-control-bg-ghost-hover", "--color-control-typo-ghost", "--color-control-typo-ghost-hover", "--color-control-bg-clear", "--color-control-bg-clear-hover", "--color-control-typo-clear", "--color-control-typo-clear-hover", "--color-control-bg-disable", "--color-control-bg-border-disable", "--color-control-typo-disable"];
+    };
+    readonly control: readonly ["--control-radius", "--control-border-width", "--control-height-l", "--control-height-m", "--control-height-s", "--control-height-xs", "--control-box-size-m", "--control-box-size-l", "--control-space-l", "--control-space-m", "--control-space-s", "--control-space-xs", "--control-text-size-l", "--control-text-size-m", "--control-text-size-s", "--control-text-size-xs"];
+    readonly font: readonly ["--font-primary", "--font-mono"];
+    readonly size: readonly ["--size-text-2xs", "--size-text-xs", "--size-text-s", "--size-text-m", "--size-text-l", "--size-text-xl", "--size-text-2xl", "--size-text-3xl", "--size-text-4xl", "--size-text-5xl", "--size-text-6xl", "--line-height-text-2xs", "--line-height-text-xs", "--line-height-text-s", "--line-height-text-m", "--line-height-text-l"];
+    readonly space: readonly ["--space-3xs", "--space-2xs", "--space-xs", "--space-s", "--space-m", "--space-l", "--space-xl", "--space-2xl", "--space-3xl", "--space-4xl", "--space-5xl", "--space-6xl"];
+    readonly shadow: readonly ["--shadow-group", "--shadow-layer", "--shadow-modal"];
+}>(options?: UseThemeVarsOptions<T> | undefined) => ThemeVars<T>;
+export {};

package/__internal__/src/hooks/useTimer/index.d.ts

@@ -1 +1 @@
-export * from './useTimer';
+export * from './useTimer';

package/__internal__/src/hooks/useTimer/useTimer.d.ts

@@ -1,20 +1,20 @@
-export declare type Timer = 'DECREMENTAL' | 'INCREMENTAL';
-export declare type Config = {
-    /** interval in ms  */
-    interval: number;
-    /**  stop timer in ms */
-    endTime: number | null;
-    /**  start timer in ms */
-    startTime: number;
-    /** timer over callback */
-    onTimeOver?: () => void;
-    timerType: Timer;
-};
-export declare type Values = {
-    isRunning: boolean;
-    pause: () => void;
-    reset: () => void;
-    start: () => void;
-    time: number;
-};
-export declare function useTimer(config?: Partial<Config>): Values;
+export declare type Timer = 'DECREMENTAL' | 'INCREMENTAL';
+export declare type Config = {
+    /** interval in ms  */
+    interval: number;
+    /**  stop timer in ms */
+    endTime: number | null;
+    /**  start timer in ms */
+    startTime: number;
+    /** timer over callback */
+    onTimeOver?: () => void;
+    timerType: Timer;
+};
+export declare type Values = {
+    isRunning: boolean;
+    pause: () => void;
+    reset: () => void;
+    start: () => void;
+    time: number;
+};
+export declare function useTimer(config?: Partial<Config>): Values;

package/__internal__/src/hooks/useVirtualScroll/hellpers.d.ts

@@ -1,8 +1,8 @@
-import { RefObject } from 'react';
-export declare const defaultItemsCalculationCount = 5;
-export declare const useScroll: (ref: RefObject<HTMLElement>, fn: () => void, isActive: boolean) => void;
-export declare const getElementHeight: (el: HTMLElement | SVGGraphicsElement | null) => number;
-export declare const getVisiblePosition: (top: number, height: number) => [number, number];
-export declare const calculateSavedSizes: (savedSizes: number[], sizes: number[]) => number[];
-export declare const useCalculateVisiblePosition: (scrollElement: HTMLElement | null, set: (value: React.SetStateAction<[number, number]>) => void) => () => void;
-export declare const calculateBounds: (savedSize: number[], size: number[], visiblePosition: [number, number], length: number) => [number, number][];
+import { RefObject } from 'react';
+export declare const defaultItemsCalculationCount = 5;
+export declare const useScroll: (ref: RefObject<HTMLElement>, fn: () => void, isActive: boolean) => void;
+export declare const getElementHeight: (el: HTMLElement | SVGGraphicsElement | null) => number;
+export declare const getVisiblePosition: (top: number, height: number) => [number, number];
+export declare const calculateSavedSizes: (savedSizes: number[], sizes: number[]) => number[];
+export declare const useCalculateVisiblePosition: (scrollElement: HTMLElement | null, set: (value: React.SetStateAction<[number, number]>) => void) => () => void;
+export declare const calculateBounds: (savedSize: number[], size: number[], visiblePosition: [number, number], length: number) => [number, number][];

package/__internal__/src/hooks/useVirtualScroll/index.d.ts

@@ -1 +1 @@
-export * from './useVirtualScroll';
+export * from './useVirtualScroll';

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-declare type UseVirtualScrollProps = {
-    length: number;
-    isActive?: boolean;
-    onScrollToBottom?: (index: number) => void;
-};
-declare type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {
-    listRefs: React.RefObject<ITEM_ELEMENT>[];
-    scrollElementRef: React.RefObject<SCROLL_ELEMENT>;
-    slice: [number, number];
-    spaceTop: number;
-};
-export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;
-export {};
+/// <reference types="react" />
+declare type UseVirtualScrollProps = {
+    length: number;
+    isActive?: boolean;
+    onScrollToBottom?: (index: number) => void;
+};
+declare type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {
+    listRefs: React.RefObject<ITEM_ELEMENT>[];
+    scrollElementRef: React.RefObject<SCROLL_ELEMENT>;
+    slice: [number, number];
+    spaceTop: number;
+};
+export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;
+export {};

package/__internal__/src/mixs/MixCard/MixCard.d.ts

@@ -1,17 +1,17 @@
-import './MixCard.css';
-declare type Size = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
-declare const formMap: readonly ["round", "square"];
-declare type FormMap = typeof formMap[number];
-declare const cardStatus: readonly ["alert", "success", "warning"];
-declare type CardStatus = typeof cardStatus[number] | string;
-declare type Props = {
-    shadow?: boolean;
-    border?: boolean;
-    verticalSpace?: Size;
-    horizontalSpace?: Size;
-    form?: FormMap;
-    status?: CardStatus;
-};
-declare type CnCard = (props: Props, classNames?: Array<string | undefined>) => string;
-export declare const cnMixCard: CnCard;
-export {};
+import './MixCard.css';
+declare type Size = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+declare const formMap: readonly ["round", "square"];
+declare type FormMap = typeof formMap[number];
+declare const cardStatus: readonly ["alert", "success", "warning"];
+declare type CardStatus = typeof cardStatus[number] | string;
+declare type Props = {
+    shadow?: boolean;
+    border?: boolean;
+    verticalSpace?: Size;
+    horizontalSpace?: Size;
+    form?: FormMap;
+    status?: CardStatus;
+};
+declare type CnCard = (props: Props, classNames?: Array<string | undefined>) => string;
+export declare const cnMixCard: CnCard;
+export {};

package/__internal__/src/mixs/MixCard/index.d.ts

@@ -1 +1 @@
-export * from './MixCard';
+export * from './MixCard';

package/__internal__/src/mixs/MixFlex/MixFlex.d.ts

@@ -1,24 +1,24 @@
-import './MixFlex.css';
-import { Space } from '../MixSpace';
-export declare const mixFlexPropAlign: readonly ["flex-start", "flex-end", "center", "baseline", "stretch"];
-export declare type MixFlexPropAlign = typeof mixFlexPropAlign[number];
-export declare const mixFlexPropJustify: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
-export declare type MixFlexPropJustify = typeof mixFlexPropJustify[number];
-export declare const mixFlexPropFlex: readonly ["flex", "inline-flex"];
-export declare type MixFlexPropFlex = typeof mixFlexPropFlex[number];
-export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
-export declare type MixFlexPropWrap = typeof mixFlexPropWrap[number];
-export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
-export declare type MixFlexPropDirection = typeof mixFlexPropDirection[number];
-declare type Props = {
-    align?: MixFlexPropAlign;
-    justify?: MixFlexPropJustify;
-    flex?: MixFlexPropFlex;
-    wrap?: MixFlexPropWrap;
-    direction?: MixFlexPropDirection;
-    gap?: Space;
-    order?: -1 | 0 | 1;
-};
-declare type CnMixFlex = (props: Props, classNames?: Array<string | undefined>) => string;
-export declare const cnMixFlex: CnMixFlex;
-export {};
+import './MixFlex.css';
+import { Space } from '../MixSpace';
+export declare const mixFlexPropAlign: readonly ["flex-start", "flex-end", "center", "baseline", "stretch"];
+export declare type MixFlexPropAlign = typeof mixFlexPropAlign[number];
+export declare const mixFlexPropJustify: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
+export declare type MixFlexPropJustify = typeof mixFlexPropJustify[number];
+export declare const mixFlexPropFlex: readonly ["flex", "inline-flex"];
+export declare type MixFlexPropFlex = typeof mixFlexPropFlex[number];
+export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
+export declare type MixFlexPropWrap = typeof mixFlexPropWrap[number];
+export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
+export declare type MixFlexPropDirection = typeof mixFlexPropDirection[number];
+declare type Props = {
+    align?: MixFlexPropAlign;
+    justify?: MixFlexPropJustify;
+    flex?: MixFlexPropFlex;
+    wrap?: MixFlexPropWrap;
+    direction?: MixFlexPropDirection;
+    gap?: Space;
+    order?: -1 | 0 | 1;
+};
+declare type CnMixFlex = (props: Props, classNames?: Array<string | undefined>) => string;
+export declare const cnMixFlex: CnMixFlex;
+export {};

package/__internal__/src/mixs/MixFlex/index.d.ts

@@ -1 +1 @@
-export * from './MixFlex';
+export * from './MixFlex';