npm - @consta/uikit - Versions diffs - 5.9.2 → 5.10.0 - Mend

@consta/uikit 5.9.2 → 5.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (973) hide show

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -1,21 +1,21 @@
-import { RefObject } from 'react';
-export declare type UseVirtualScrollProps = {
-    length: number;
-    isActive?: boolean;
-    onScrollToBottom?: (index: number) => void;
-};
-export declare type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {
-    listRefs: React.RefObject<ITEM_ELEMENT>[];
-    scrollElementRef: React.RefObject<SCROLL_ELEMENT>;
-    slice: [number, number];
-    spaceTop: number;
-};
-export declare type Bounds = [[number, number], [number, number]];
-export declare const defaultItemsCalculationCount = 5;
-export declare const arraysIsEq: (arr1: number[], arr2: number[]) => boolean;
-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, elementMaxSize: 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, elementsSizes: number[]) => () => void;
-export declare const calculateBounds: (savedSizes: number[], sizes: number[], visiblePosition: [number, number], length: number) => Bounds;
+import { RefObject } from 'react';
+export declare type UseVirtualScrollProps = {
+    length: number;
+    isActive?: boolean;
+    onScrollToBottom?: (index: number) => void;
+};
+export declare type UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT> = {
+    listRefs: React.RefObject<ITEM_ELEMENT>[];
+    scrollElementRef: React.RefObject<SCROLL_ELEMENT>;
+    slice: [number, number];
+    spaceTop: number;
+};
+export declare type Bounds = [[number, number], [number, number]];
+export declare const defaultItemsCalculationCount = 5;
+export declare const arraysIsEq: (arr1: number[], arr2: number[]) => boolean;
+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, elementMaxSize: 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, elementsSizes: number[]) => () => void;
+export declare const calculateBounds: (savedSizes: number[], sizes: number[], visiblePosition: [number, number], length: number) => Bounds;

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

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

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

@@ -1,2 +1,2 @@
-import { UseVirtualScrollProps, UseVirtualScrollReturn } from './hellpers';
-export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;
+import { UseVirtualScrollProps, UseVirtualScrollReturn } from './hellpers';
+export declare const useVirtualScroll: <ITEM_ELEMENT extends HTMLElement = HTMLDivElement, SCROLL_ELEMENT extends HTMLElement = HTMLDivElement>({ length, onScrollToBottom, isActive, }: UseVirtualScrollProps) => UseVirtualScrollReturn<ITEM_ELEMENT, SCROLL_ELEMENT>;

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

package/__internal__/src/mixs/MixFocus/MixFocus.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import './MixFocus.css';
-export declare const cnMixFocus: import("@bem-react/classname").ClassNameFormatter;
+import './MixFocus.css';
+export declare const cnMixFocus: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/mixs/MixFocus/index.d.ts CHANGED Viewed

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

package/__internal__/src/mixs/MixHitSlop/MixHitSlop.css ADDED Viewed

@@ -0,0 +1 @@

+ .MixHitSlop{--mix-hit-slop-inset:var(--mix-hit-slop-top,0) var(--mix-hit-slop-right,0) var(--mix-hit-slop-bottom,0) var(--mix-hit-slop-left,0);--mix-hit-slop-inset-negative:calc(var(--mix-hit-slop-top, 0)*-1) calc(var(--mix-hit-slop-right, 0)*-1) calc(var(--mix-hit-slop-bottom, 0)*-1) calc(var(--mix-hit-slop-left, 0)*-1)}.MixHitSlop_mode_after,.MixHitSlop_mode_before{position:relative}.MixHitSlop_mode_after:after,.MixHitSlop_mode_before:before{content:"";inset:var(--mix-hit-slop-inset-negative);position:absolute}.MixHitSlop_mode_reverseMargin{margin:var(--mix-hit-slop-inset-negative);padding:var(--mix-hit-slop-inset)}

package/__internal__/src/mixs/MixHitSlop/MixHitSlop.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import './MixHitSlop.css';
+declare type CnMixHitSlop = (props: {
+    mode: 'before' | 'after' | 'reverseMargin';
+}) => string;
+export declare const cnMixHitSlop: CnMixHitSlop;
+export {};

package/__internal__/src/mixs/MixHitSlop/MixHitSlop.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"./MixHitSlop.css";import{cn}from"../../utils/bem";export var cnMixHitSlop=cn("MixHitSlop");
2	+ //# sourceMappingURL=MixHitSlop.js.map

package/__internal__/src/mixs/MixHitSlop/MixHitSlop.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MixHitSlop.js","names":["cn","cnMixHitSlop"],"sources":["../../../../../src/mixs/MixHitSlop/MixHitSlop.tsx"],"sourcesContent":["import './MixHitSlop.css';\n\nimport { cn } from '##/utils/bem';\n\ntype CnMixHitSlop = (props: {\n mode: 'before' | 'after' | 'reverseMargin';\n}) => string;\n\nexport const cnMixHitSlop = cn('MixHitSlop') as CnMixHitSlop;\n"],"mappings":"AAAA,yBAEA,OAASA,EAAT,uBAMA,MAAO,IAAMC,aAAY,CAAGD,EAAE,CAAC,YAAD,CAAvB"}

package/__internal__/src/mixs/MixHitSlop/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './MixHitSlop';

package/__internal__/src/mixs/MixHitSlop/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export*from"./MixHitSlop";
2	+ //# sourceMappingURL=index.js.map

package/__internal__/src/mixs/MixHitSlop/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/mixs/MixHitSlop/index.ts"],"sourcesContent":["export * from './MixHitSlop';\n"],"mappings":"AAAA"}

package/__internal__/src/mixs/MixPopoverAnimate/MixPopoverAnimate.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
-import './MixPopoverAnimate.css';
-import { Direction } from '../../components/Popover/Popover';
-export declare type Animate = 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted' | 'enter' | 'enterActive' | 'enterDone' | 'exit' | 'exitActive' | 'exitDone';
-declare type Mods = {
-    animate?: Animate;
-    direction?: Direction;
-};
-declare type CnMixPopoverAnimate = (mods?: Mods | null, mix?: Array<string | undefined>) => string;
-export declare const cnMixPopoverAnimate: CnMixPopoverAnimate;
-export declare const cnMixPopoverAnimateForCssTransition: import("../../utils/cnForCssTransition").CSSTransitionClassNames;
-export declare const animateTimeout = 200;
-export {};
+import './MixPopoverAnimate.css';
+import { Direction } from '../../components/Popover/Popover';
+export declare type Animate = 'entered' | 'entering' | 'exiting' | 'exited' | 'unmounted' | 'enter' | 'enterActive' | 'enterDone' | 'exit' | 'exitActive' | 'exitDone';
+declare type Mods = {
+    animate?: Animate;
+    direction?: Direction;
+};
+declare type CnMixPopoverAnimate = (mods?: Mods | null, mix?: Array<string | undefined>) => string;
+export declare const cnMixPopoverAnimate: CnMixPopoverAnimate;
+export declare const cnMixPopoverAnimateForCssTransition: import("../../utils/cnForCssTransition").CSSTransitionClassNames;
+export declare const animateTimeout = 200;
+export {};

package/__internal__/src/mixs/MixPopoverAnimate/index.d.ts CHANGED Viewed

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

package/__internal__/src/mixs/MixPopoverArrow/MixPopoverArrow.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import './MixPopoverArrow.css';
-import { Direction } from '../../components/Popover/Popover';
-declare type Props = {
-    direction?: Direction;
-};
-declare type CnMixPopoverArrow = (elemNameOrBlockMods?: Props | string | null, elemModsOrBlockMix?: Props | Array<string | undefined> | null, elemMix?: Array<string | undefined>) => string;
-export declare const cnMixPopoverArrow: CnMixPopoverArrow;
-export {};
+import './MixPopoverArrow.css';
+import { Direction } from '../../components/Popover/Popover';
+declare type Props = {
+    direction?: Direction;
+};
+declare type CnMixPopoverArrow = (elemNameOrBlockMods?: Props | string | null, elemModsOrBlockMix?: Props | Array<string | undefined> | null, elemMix?: Array<string | undefined>) => string;
+export declare const cnMixPopoverArrow: CnMixPopoverArrow;
+export {};

package/__internal__/src/mixs/MixPopoverArrow/index.d.ts CHANGED Viewed

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

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.css CHANGED Viewed

	@@ -1 +1 @@
1	- .MixScrollBar_size_xs{--scrollbar-size:var(--space-~~3xs~~)}.MixScrollBar_size_s{--scrollbar-size:var(--space-~~2xs~~)}.MixScrollBar_size_m{--scrollbar-size:var(--space-xs)}.MixScrollBar_invisible~~::-~~webkit-scrollbar{display:none}~~.MixScrollBar~~::-webkit-scrollbar{~~height~~:var(--scrollbar-~~size~~);width:var(--scrollbar-size)}.MixScrollBar::-webkit-scrollbar-corner,.MixScrollBar::-webkit-scrollbar-track{background-~~color~~:var(--~~color~~-~~scroll~~-bg)}.MixScrollBar::-webkit-scrollbar-thumb{~~background~~-~~color~~:~~var(--color~~-~~scroll~~-thumb~~);border~~-~~radius:~~var(--~~space~~-~~2xs~~)}.MixScrollBar::-webkit-scrollbar-thumb:~~hover~~{background-~~color~~:var(--color-~~scroll~~-~~thumb~~-~~hover~~)}
1	+ .MixScrollBar{--scrollbar-resizer-transparent-color:transparent;--scrollbar-resizer-color:var(--color-control-typo-placeholder);--scrollbar-resizer-gap:7;--scrollbar-thumb-color:var(--color-scroll-thumb);--scrollbar-thumb-background:var(--scrollbar-thumb-color) 0%,var(--scrollbar-thumb-color) var(--webkit-scrollbar-size),var(--scrollbar-resizer-transparent-color) var(--webkit-scrollbar-size),var(--scrollbar-resizer-transparent-color) 100%}.MixScrollBar_size_xs{--webkit-scrollbar-size:var(--space-2xs);--native-scrollbar-size:none}.MixScrollBar_size_s{--webkit-scrollbar-size:var(--space-xs);--native-scrollbar-size:thin}.MixScrollBar_size_m{--webkit-scrollbar-size:var(--space-s);--native-scrollbar-size:auto}.MixScrollBar_trackSize_native{--webkit-scrollbar-width:auto}.MixScrollBar_trackSize_auto{--webkit-scrollbar-width:var(--webkit-scrollbar-size)}.MixScrollBar_invisible{--native-scrollbar-size:none;--webkit-scrollbar-display:none}@supports (scrollbar-color:auto) and (not selector(::-webkit-scrollbar)){.MixScrollBar{scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:var(--native-scrollbar-size)}}@supports selector(::-webkit-scrollbar){.MixScrollBar::-webkit-scrollbar,.MixScrollBar::-webkit-scrollbar-corner,.MixScrollBar::-webkit-scrollbar-track{background:transparent;border:none}.MixScrollBar::-webkit-scrollbar{display:var(--webkit-scrollbar-display,auto);height:var(--webkit-scrollbar-width);width:var(--webkit-scrollbar-width)}.MixScrollBar::-webkit-scrollbar-thumb{border-radius:0}.MixScrollBar::-webkit-scrollbar-thumb:vertical{background:linear-gradient(-90deg,var(--scrollbar-thumb-background))}.MixScrollBar::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(0deg,var(--scrollbar-thumb-background))}.MixScrollBar::-webkit-resizer{background-image:linear-gradient(-45deg,var(--scrollbar-resizer-transparent-color) 0,var(--scrollbar-resizer-transparent-color) calc(1%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(1%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(2%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(2%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(3%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(3%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(4%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(4%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(5%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(5%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-color) calc(6%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) calc(6%var(--scrollbar-resizer-gap)),var(--scrollbar-resizer-transparent-color) 100%);background-repeat:no-repeat;background-size:calc(100% - 2px) calc(100% - 2px)}}

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
-import './MixScrollBar.css';
-export declare const mixScrollBarPropSize: readonly ["m", "xs", "s"];
-export declare type MixScrollBarPropSize = typeof mixScrollBarPropSize[number];
-export declare const mixScrollBarPropSizeDefault: MixScrollBarPropSize;
-declare type MixScrollBarProps = {
-    size?: MixScrollBarPropSize;
-    invisible?: boolean;
-};
-declare type CnMixScrollBar = (props?: MixScrollBarProps) => string;
-export declare const cnMixScrollBar: CnMixScrollBar;
-export {};
+import './MixScrollBar.css';
+export declare const mixScrollBarPropSize: readonly ["m", "xs", "s"];
+export declare type MixScrollBarPropSize = typeof mixScrollBarPropSize[number];
+export declare const mixScrollBarPropSizeDefault: MixScrollBarPropSize;
+export declare const mixScrollBarPropTrackSize: readonly ["auto", "native"];
+export declare type MixScrollBarPropTrackSize = typeof mixScrollBarPropTrackSize[number];
+export declare const mixScrollBarPropTrackSizeDefault: MixScrollBarPropTrackSize;
+declare type MixScrollBarProps = {
+    size?: MixScrollBarPropSize;
+    invisible?: boolean;
+    trackSize?: MixScrollBarPropTrackSize;
+};
+declare type CnMixScrollBar = (props?: MixScrollBarProps) => string;
+export declare const cnMixScrollBar: CnMixScrollBar;
+export {};

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"./MixScrollBar.css";import{cn}from"../../utils/bem";var cnScrollBar=cn("MixScrollBar");export var mixScrollBarPropSize=["m","xs","s"];export var mixScrollBarPropSizeDefault=mixScrollBarPropSize[0];export var cnMixScrollBar=function(a){var b=null!==a&&void 0!==a?a:{},c=b.size,d=void 0===c?mixScrollBarPropSizeDefault:c,e=b.invisible;return cnScrollBar({size:d,invisible:e})};
+import"./MixScrollBar.css";import{cn}from"../../utils/bem";var cnScrollBar=cn("MixScrollBar");export var mixScrollBarPropSize=["m","xs","s"];export var mixScrollBarPropSizeDefault=mixScrollBarPropSize[0];export var mixScrollBarPropTrackSize=["auto","native"];export var mixScrollBarPropTrackSizeDefault=mixScrollBarPropTrackSize[0];export var cnMixScrollBar=function(a){var b=null!==a&&void 0!==a?a:{},c=b.size,d=void 0===c?mixScrollBarPropSizeDefault:c,e=b.invisible,f=b.trackSize,g=void 0===f?mixScrollBarPropTrackSizeDefault:f;return cnScrollBar({size:d,invisible:e,trackSize:g})};
 //# sourceMappingURL=MixScrollBar.js.map

package/__internal__/src/mixs/MixScrollBar/MixScrollBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MixScrollBar.js","names":["cn","cnScrollBar","mixScrollBarPropSize","mixScrollBarPropSizeDefault","cnMixScrollBar","props","size","invisible"],"sources":["../../../../../src/mixs/MixScrollBar/MixScrollBar.ts"],"sourcesContent":["import './MixScrollBar.css';\n\nimport { cn } from '##/utils/bem';\n\nconst cnScrollBar = cn('MixScrollBar');\n\nexport const mixScrollBarPropSize = ['m', 'xs', 's'] as const;\nexport type MixScrollBarPropSize = typeof mixScrollBarPropSize[number];\nexport const mixScrollBarPropSizeDefault: MixScrollBarPropSize =\n mixScrollBarPropSize[0];\n\ntype MixScrollBarProps = {\n size?: MixScrollBarPropSize;\n invisible?: boolean;\n};\n\ntype CnMixScrollBar = (props?: MixScrollBarProps) => string;\n\nexport const cnMixScrollBar: CnMixScrollBar = (props) => {\n const { size = mixScrollBarPropSizeDefault, invisible } = props ?? {};\n return cnScrollBar({ size, invisible });\n};\n"],"mappings":"AAAA,2BAEA,OAASA,EAAT,uBAEA,GAAMC,YAAW,CAAGD,EAAE,CAAC,cAAD,CAAtB,CAEA,MAAO,IAAME,qBAAoB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,~~CAUP~~,MAAO,IAAME,eAA8B,CAAG,SAACC,CAAD,CAAW,CACvD,~~aAA0DA~~,~~CAA1D~~,~~WAA0DA~~,~~CAA1D~~,~~CAA0DA~~,~~CAA1D~~,~~CAAmE~~,~~EAAnE~~,~~KAAQC~~,~~IAAR~~,~~CAAQA~~,~~CAAR~~,~~YAAeH~~,~~2BAAf~~,~~GAA4CI~~,~~CAA5C~~,~~GAA4CA~~,~~SAA5C~~,~~CACA~~,~~MAAON~~,YAAW,CAAC,~~CAAEK~~,IAAI,CAAJA,CAAF,CAAQC,SAAS,CAATA,CAAR,CAAD,CACnB,~~CAHM~~"}
1	+ {"version":3,"file":"MixScrollBar.js","names":["cn","cnScrollBar","mixScrollBarPropSize","mixScrollBarPropSizeDefault","mixScrollBarPropTrackSize","mixScrollBarPropTrackSizeDefault","cnMixScrollBar","props","size","invisible","trackSize"],"sources":["../../../../../src/mixs/MixScrollBar/MixScrollBar.ts"],"sourcesContent":["import './MixScrollBar.css';\n\nimport { cn } from '##/utils/bem';\n\nconst cnScrollBar = cn('MixScrollBar');\n\nexport const mixScrollBarPropSize = ['m', 'xs', 's'] as const;\nexport type MixScrollBarPropSize = typeof mixScrollBarPropSize[number];\nexport const mixScrollBarPropSizeDefault: MixScrollBarPropSize =\n mixScrollBarPropSize[0];\n\nexport const mixScrollBarPropTrackSize = ['auto', 'native'] as const;\nexport type MixScrollBarPropTrackSize =\n typeof mixScrollBarPropTrackSize[number];\nexport const mixScrollBarPropTrackSizeDefault: MixScrollBarPropTrackSize =\n mixScrollBarPropTrackSize[0];\n\ntype MixScrollBarProps = {\n size?: MixScrollBarPropSize;\n invisible?: boolean;\n trackSize?: MixScrollBarPropTrackSize;\n};\n\ntype CnMixScrollBar = (props?: MixScrollBarProps) => string;\n\nexport const cnMixScrollBar: CnMixScrollBar = (props) => {\n const {\n size = mixScrollBarPropSizeDefault,\n invisible,\n trackSize = mixScrollBarPropTrackSizeDefault,\n } = props ?? {};\n return cnScrollBar({ size, invisible, trackSize });\n};\n"],"mappings":"AAAA,2BAEA,OAASA,EAAT,uBAEA,GAAMC,YAAW,CAAGD,EAAE,CAAC,cAAD,CAAtB,CAEA,MAAO,IAAME,qBAAoB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,0BAAyB,CAAG,CAAC,MAAD,CAAS,QAAT,CAAlC,CAGP,MAAO,IAAMC,iCAA2D,CACtED,yBAAyB,CAAC,CAAD,CADpB,CAWP,MAAO,IAAME,eAA8B,CAAG,SAACC,CAAD,CAAW,CACvD,aAIIA,CAJJ,WAIIA,CAJJ,CAIIA,CAJJ,CAIa,EAJb,KACEC,IADF,CACEA,CADF,YACSL,2BADT,GAEEM,CAFF,GAEEA,SAFF,KAGEC,SAHF,CAGEA,CAHF,YAGcL,gCAHd,GAKA,MAAOJ,YAAW,CAAC,CAAEO,IAAI,CAAJA,CAAF,CAAQC,SAAS,CAATA,CAAR,CAAmBC,SAAS,CAATA,CAAnB,CAAD,CACnB,CAPM"}

package/__internal__/src/mixs/MixScrollBar/index.d.ts CHANGED Viewed

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

package/__internal__/src/mixs/MixSpace/MixSpace.d.ts CHANGED Viewed

@@ -1,21 +1,5 @@
-import './MixSpace.css';
-export declare type Space = 0 | 'auto' | 'm' | '3xs' | '2xs' | 'xs' | 's' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
-export declare type MixSpaceProps = {
-    p?: Space;
-    m?: Space;
-    pV?: Space;
-    pH?: Space;
-    mV?: Space;
-    mH?: Space;
-    mT?: Space;
-    mL?: Space;
-    mR?: Space;
-    mB?: Space;
-    pT?: Space;
-    pL?: Space;
-    pR?: Space;
-    pB?: Space;
-};
-declare type CnMixSpace = (props: MixSpaceProps) => string;
-export declare const cnMixSpace: CnMixSpace;
-export {};
+import './MixSpace.css';
+import { MixSpaceProps } from './types';
+declare type CnMixSpace = (props: MixSpaceProps) => string;
+export declare const cnMixSpace: CnMixSpace;
+export {};

package/__internal__/src/mixs/MixSpace/MixSpace.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MixSpace.js","names":["cn","cnSpace","cnMixSpace","p","m","pV","pH","mV","mH","mT","mL","mR","mB","pT","pL","pR","pB"],"sources":["../../../../../src/mixs/MixSpace/MixSpace.tsx"],"sourcesContent":["import './MixSpace.css';\n\nimport { cn } from '##/utils/bem';\n\~~nexport~~ ~~type~~ ~~Space~~ ~~=\n \|~~ ~~0\n \|~~ '~~auto~~'~~\n \| 'm'\n \| '3xs'\n \| '2xs'\n \| 'xs'\n \| 's'\n \| 'l'\n \| 'xl'\n \| '2xl'\n \| '3xl'\n \| '4xl'\n \| '5xl'\n \| '6xl'~~;\n\nexport type MixSpaceProps = {\n p?: Space;\n m?: Space;\n pV?: Space;\n pH?: Space;\n mV?: Space;\n mH?: Space;\n mT?: Space;\n mL?: Space;\n mR?: Space;\n mB?: Space;\n pT?: Space;\n pL?: Space;\n pR?: Space;\n pB?: Space;\n};\n\ntype CnMixSpace = (props: MixSpaceProps) => string;\n\nconst cnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = ({\n p,\n m,\n pV,\n pH,\n mV,\n mH,\n mT,\n mL,\n mR,\n mB,\n pT,\n pL,\n pR,\n pB,\n}) =>\n cnSpace({\n pT: pT \|\| pV \|\| p,\n pL: pL \|\| pH \|\| p,\n pR: pR \|\| pH \|\| p,\n pB: pB \|\| pV \|\| p,\n mT: mT \|\| mV \|\| m,\n mL: mL \|\| mH \|\| m,\n mR: mR \|\| mH \|\| m,\n mB: mB \|\| mV \|\| m,\n });\n"],"mappings":"AAAA,uBAEA,OAASA,EAAT,~~uBAqCA~~,GAAMC,QAAO,CAAGD,EAAE,CAAC,UAAD,CAAlB,CAEA,MAAO,IAAME,WAAsB,CAAG,eACpCC,EADoC,GACpCA,CADoC,CAEpCC,CAFoC,GAEpCA,CAFoC,CAGpCC,CAHoC,GAGpCA,EAHoC,CAIpCC,CAJoC,GAIpCA,EAJoC,CAKpCC,CALoC,GAKpCA,EALoC,CAMpCC,CANoC,GAMpCA,EANoC,CAOpCC,CAPoC,GAOpCA,EAPoC,CAQpCC,CARoC,GAQpCA,EARoC,CASpCC,CAToC,GASpCA,EAToC,CAUpCC,CAVoC,GAUpCA,EAVoC,CAWpCC,CAXoC,GAWpCA,EAXoC,CAYpCC,CAZoC,GAYpCA,EAZoC,CAapCC,CAboC,GAapCA,EAboC,CAcpCC,CAdoC,GAcpCA,EAdoC,OAgBpCf,QAAO,CAAC,CACNY,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYF,CADV,CAENW,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYH,CAFV,CAGNY,EAAE,CAAEA,CAAE,EAAIT,CAAN,EAAYH,CAHV,CAINa,EAAE,CAAEA,CAAE,EAAIX,CAAN,EAAYF,CAJV,CAKNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYH,CALV,CAMNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYJ,CANV,CAONO,EAAE,CAAEA,CAAE,EAAIH,CAAN,EAAYJ,CAPV,CAQNQ,EAAE,CAAEA,CAAE,EAAIL,CAAN,EAAYH,CARV,CAAD,CAhB6B,CAA/B"}
1	+ {"version":3,"file":"MixSpace.js","names":["cn","cnSpace","cnMixSpace","p","m","pV","pH","mV","mH","mT","mL","mR","mB","pT","pL","pR","pB"],"sources":["../../../../../src/mixs/MixSpace/MixSpace.tsx"],"sourcesContent":["import './MixSpace.css';\n\nimport { cn } from '##/utils/bem';\n\nimport { MixSpaceProps } from './types';\n\ntype CnMixSpace = (props: MixSpaceProps) => string;\n\nconst cnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = ({\n p,\n m,\n pV,\n pH,\n mV,\n mH,\n mT,\n mL,\n mR,\n mB,\n pT,\n pL,\n pR,\n pB,\n}) =>\n cnSpace({\n pT: pT \|\| pV \|\| p,\n pL: pL \|\| pH \|\| p,\n pR: pR \|\| pH \|\| p,\n pB: pB \|\| pV \|\| p,\n mT: mT \|\| mV \|\| m,\n mL: mL \|\| mH \|\| m,\n mR: mR \|\| mH \|\| m,\n mB: mB \|\| mV \|\| m,\n });\n"],"mappings":"AAAA,uBAEA,OAASA,EAAT,uBAMA,GAAMC,QAAO,CAAGD,EAAE,CAAC,UAAD,CAAlB,CAEA,MAAO,IAAME,WAAsB,CAAG,eACpCC,EADoC,GACpCA,CADoC,CAEpCC,CAFoC,GAEpCA,CAFoC,CAGpCC,CAHoC,GAGpCA,EAHoC,CAIpCC,CAJoC,GAIpCA,EAJoC,CAKpCC,CALoC,GAKpCA,EALoC,CAMpCC,CANoC,GAMpCA,EANoC,CAOpCC,CAPoC,GAOpCA,EAPoC,CAQpCC,CARoC,GAQpCA,EARoC,CASpCC,CAToC,GASpCA,EAToC,CAUpCC,CAVoC,GAUpCA,EAVoC,CAWpCC,CAXoC,GAWpCA,EAXoC,CAYpCC,CAZoC,GAYpCA,EAZoC,CAapCC,CAboC,GAapCA,EAboC,CAcpCC,CAdoC,GAcpCA,EAdoC,OAgBpCf,QAAO,CAAC,CACNY,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYF,CADV,CAENW,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYH,CAFV,CAGNY,EAAE,CAAEA,CAAE,EAAIT,CAAN,EAAYH,CAHV,CAINa,EAAE,CAAEA,CAAE,EAAIX,CAAN,EAAYF,CAJV,CAKNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYH,CALV,CAMNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYJ,CANV,CAONO,EAAE,CAAEA,CAAE,EAAIH,CAAN,EAAYJ,CAPV,CAQNQ,EAAE,CAAEA,CAAE,EAAIL,CAAN,EAAYH,CARV,CAAD,CAhB6B,CAA/B"}

package/__internal__/src/mixs/MixSpace/index.d.ts CHANGED Viewed

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

package/__internal__/src/mixs/MixSpace/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export*from"./MixSpace";
+export*from"./MixSpace";export*from"./types";
 //# sourceMappingURL=index.js.map

package/__internal__/src/mixs/MixSpace/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/mixs/MixSpace/index.ts"],"sourcesContent":["export * from './MixSpace';\n"],"mappings":"AAAA"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/mixs/MixSpace/index.ts"],"sourcesContent":["export * from './MixSpace';\nexport * from './types';\n"],"mappings":"AAAA,wBACA"}

package/__internal__/src/mixs/MixSpace/types.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+export declare type Space = 0 | 'auto' | 'm' | '3xs' | '2xs' | 'xs' | 's' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export declare type MixSpaceProps = {
+    p?: Space;
+    m?: Space;
+    pV?: Space;
+    pH?: Space;
+    mV?: Space;
+    mH?: Space;
+    mT?: Space;
+    mL?: Space;
+    mR?: Space;
+    mB?: Space;
+    pT?: Space;
+    pL?: Space;
+    pR?: Space;
+    pB?: Space;
+};

package/__internal__/src/mixs/MixSpace/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export{};
2	+ //# sourceMappingURL=types.js.map

package/__internal__/src/mixs/MixSpace/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../src/mixs/MixSpace/types.ts"],"sourcesContent":["export type Space =\n | 0\n | 'auto'\n | 'm'\n | '3xs'\n | '2xs'\n | 'xs'\n | 's'\n | 'l'\n | 'xl'\n | '2xl'\n | '3xl'\n | '4xl'\n | '5xl'\n | '6xl';\n\nexport type MixSpaceProps = {\n p?: Space;\n m?: Space;\n pV?: Space;\n pH?: Space;\n mV?: Space;\n mH?: Space;\n mT?: Space;\n mL?: Space;\n mR?: Space;\n mB?: Space;\n pT?: Space;\n pL?: Space;\n pR?: Space;\n pB?: Space;\n};\n"],"mappings":""}

package/__internal__/src/mixs/MixVisuallyHidden/MixVisuallyHidden.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import './MixVisuallyHidden.css';
-export declare const cnMixVisuallyHidden: import("@bem-react/classname").ClassNameFormatter;
+import './MixVisuallyHidden.css';
+export declare const cnMixVisuallyHidden: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/mixs/MixVisuallyHidden/index.d.ts CHANGED Viewed

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