@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.d.ts

@@ -1,20 +1,20 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { FieldPropSize, FieldPropStatus } from '../types';
-declare type Counter = string | number | [string | number, string | number];
-declare type FieldWrapperProps = {
-    children: React.ReactNode;
-    size?: FieldPropSize;
-    label?: string;
-    labelIcon?: IconComponent;
-    labelIconRef?: React.Ref<HTMLSpanElement>;
-    labelPosition?: 'top' | 'left';
-    labelHtmlFor?: string;
-    caption?: string;
-    required?: boolean;
-    status?: FieldPropStatus;
-    side?: React.ReactNode;
-    counter?: Counter;
-};
-export declare const FieldWrapper: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldWrapperProps, "div">;
-export {};
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { FieldPropSize, FieldPropStatus } from '../types';
+declare type Counter = string | number | [string | number, string | number];
+declare type FieldWrapperProps = {
+    children: React.ReactNode;
+    size?: FieldPropSize;
+    label?: string;
+    labelIcon?: IconComponent;
+    labelIconRef?: React.Ref<HTMLSpanElement>;
+    labelPosition?: 'top' | 'left';
+    labelHtmlFor?: string;
+    caption?: string;
+    required?: boolean;
+    status?: FieldPropStatus;
+    side?: React.ReactNode;
+    counter?: Counter;
+};
+export declare const FieldWrapper: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldWrapperProps, "div">;
+export {};

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";var renderCounter=function(a){return React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a},spaseMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"},directionMap={top:"column",left:"row"};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaseMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{status:l},j),n&&renderCounter(n))))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";var renderCounter=function(a){return React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a},spaceMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"},directionMap={top:"column",left:"row"};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaceMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{status:l},j),n&&renderCounter(n))))});
 //# sourceMappingURL=FieldWrapper.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","renderCounter","counter","Array","isArray","join","renderSide","side","spaseMap","l","m","s","xs","directionMap","top","left","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex, MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldPropSize, FieldPropStatus } from '../types';\nimport { cnFieldWrapper } from './cnFieldWrapper';\n\ntype Counter = string | number | [string | number, string | number];\n\ntype FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text view=\"ghost\" size=\"xs\" lineHeight=\"m\">\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nconst spaseMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nconst directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaseMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption status={status}>{caption}</FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","renderCounter","counter","Array","isArray","join","renderSide","side","spaceMap","l","m","s","xs","directionMap","top","left","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex, MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldPropSize, FieldPropStatus } from '../types';\nimport { cnFieldWrapper } from './cnFieldWrapper';\n\ntype Counter = string | number | [string | number, string | number];\n\ntype FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text view=\"ghost\" size=\"xs\" lineHeight=\"m\">\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nconst spaceMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nconst directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaceMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption status={status}>{caption}</FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldWrapper/cnFieldWrapper.d.ts

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

package/__internal__/src/components/FieldComponents/FieldWrapper/index.d.ts

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

package/__internal__/src/components/FieldComponents/index.d.ts

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

package/__internal__/src/components/FieldComponents/renderSide.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { FieldPropSize } from '.';
-export declare const renderSide: (side: string | IconComponent | undefined, fieldSize: FieldPropSize, iconSize: IconPropSize | undefined, ref?: React.Ref<HTMLSpanElement>) => JSX.Element | undefined;
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { FieldPropSize } from '.';
+export declare const renderSide: (side: string | IconComponent | undefined, fieldSize: FieldPropSize, iconSize: IconPropSize | undefined, ref?: React.Ref<HTMLSpanElement>) => JSX.Element | undefined;

package/__internal__/src/components/FieldComponents/types.d.ts

@@ -1,4 +1,4 @@
-export declare type FieldPropSize = 'm' | 'xs' | 's' | 'l';
-export declare type FieldPropForm = 'default' | 'defaultClear' | 'defaultBrick' | 'brick' | 'brickDefault' | 'brickClear' | 'brickRound' | 'round' | 'roundClear' | 'roundBrick' | 'clearRound' | 'clearDefault' | 'clearBrick' | 'clear';
-export declare type FieldPropStatus = 'alert' | 'success' | 'warning';
-export declare type FieldPropView = 'default' | 'clear';
+export declare type FieldPropSize = 'm' | 'xs' | 's' | 'l';
+export declare type FieldPropForm = 'default' | 'defaultClear' | 'defaultBrick' | 'brick' | 'brickDefault' | 'brickClear' | 'brickRound' | 'round' | 'roundClear' | 'roundBrick' | 'clearRound' | 'clearDefault' | 'clearBrick' | 'clear';
+export declare type FieldPropStatus = 'alert' | 'success' | 'warning';
+export declare type FieldPropView = 'default' | 'clear';

package/__internal__/src/components/FieldGroup/FieldGroup.d.ts

@@ -1,10 +1,10 @@
-import './FieldGroup.css';
-import React from 'react';
-import { FieldGroupPropChildren, FieldGroupPropForm, FieldGroupPropSize } from './types';
-export declare const FieldGroup: React.ForwardRefExoticComponent<{
-    children: FieldGroupPropChildren;
-    form?: FieldGroupPropForm | undefined;
-    size?: FieldGroupPropSize | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "form" | "children" | "size" | "css"> & React.RefAttributes<HTMLDivElement>>;
-export * from './types';
-export * from './getForm';
+import './FieldGroup.css';
+import React from 'react';
+import { FieldGroupPropChildren, FieldGroupPropForm, FieldGroupPropSize } from './types';
+export declare const FieldGroup: React.ForwardRefExoticComponent<{
+    children: FieldGroupPropChildren;
+    form?: FieldGroupPropForm | undefined;
+    size?: FieldGroupPropSize | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "form" | "children" | "size" | "css"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';
+export * from './getForm';

package/__internal__/src/components/FieldGroup/getForm.d.ts

@@ -1,2 +1,2 @@
-import { FieldGroupPropForm } from './types';
-export declare const getForm: (form: FieldGroupPropForm | undefined, index: number, length: number) => Exclude<FieldGroupPropForm, 'clear'>;
+import { FieldGroupPropForm } from './types';
+export declare const getForm: (form: FieldGroupPropForm | undefined, index: number, length: number) => Exclude<FieldGroupPropForm, 'clear'>;

package/__internal__/src/components/FieldGroup/index.d.ts

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

package/__internal__/src/components/FieldGroup/types.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type FieldGroupPropForm = 'default' | 'brick' | 'round' | 'brickRound' | 'roundBrick' | 'brickDefault' | 'defaultBrick' | 'defaultClear' | 'brickClear' | 'roundClear' | 'clearRound' | 'clearDefault' | 'clearBrick'
-/**
- * @deprecated use 'clear'
- */
- | 'clearClear' | 'clear';
-export declare type FieldGroupPropSize = 'm' | 'xs' | 's' | 'l';
-export declare type FieldGroupPropChildren = React.ReactElement<{
-    form?: FieldGroupPropForm;
-    size?: FieldGroupPropSize;
-    className?: string;
-}>[];
-export declare type FieldGroupProps = PropsWithHTMLAttributes<{
-    children: FieldGroupPropChildren;
-    form?: FieldGroupPropForm;
-    size?: FieldGroupPropSize;
-}, HTMLDivElement>;
+/// <reference types="react" />
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type FieldGroupPropForm = 'default' | 'brick' | 'round' | 'brickRound' | 'roundBrick' | 'brickDefault' | 'defaultBrick' | 'defaultClear' | 'brickClear' | 'roundClear' | 'clearRound' | 'clearDefault' | 'clearBrick'
+/**
+ * @deprecated use 'clear'
+ */
+ | 'clearClear' | 'clear';
+export declare type FieldGroupPropSize = 'm' | 'xs' | 's' | 'l';
+export declare type FieldGroupPropChildren = React.ReactElement<{
+    form?: FieldGroupPropForm;
+    size?: FieldGroupPropSize;
+    className?: string;
+}>[];
+export declare type FieldGroupProps = PropsWithHTMLAttributes<{
+    children: FieldGroupPropChildren;
+    form?: FieldGroupPropForm;
+    size?: FieldGroupPropSize;
+}, HTMLDivElement>;

package/__internal__/src/components/FieldLabel/FieldLabel.d.ts

@@ -1,10 +1,10 @@
-import './FieldLabel.css';
-import { IconComponent } from '@consta/icons/Icon';
-export declare type FieldLabelPropSize = 'xs' | 's' | 'm' | 'l';
-declare type FieldLabelProps = {
-    icon?: IconComponent;
-    size?: FieldLabelPropSize;
-    required?: boolean;
-};
-export declare const FieldLabel: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldLabelProps, "div">;
-export {};
+import './FieldLabel.css';
+import { IconComponent } from '@consta/icons/Icon';
+export declare type FieldLabelPropSize = 'xs' | 's' | 'm' | 'l';
+declare type FieldLabelProps = {
+    icon?: IconComponent;
+    size?: FieldLabelPropSize;
+    required?: boolean;
+};
+export declare const FieldLabel: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldLabelProps, "div">;
+export {};

package/__internal__/src/components/FieldLabel/index.d.ts

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

package/__internal__/src/components/File/File.d.ts

@@ -1,14 +1,14 @@
-import './File.css';
-import React from 'react';
-import { FileIconProps } from "../../fileIcons/FileIcon/FileIcon";
-declare type Props = {
-    extension?: string;
-    loading?: boolean;
-    loadingWithProgressSpin?: boolean;
-    loadingProgress?: number;
-    children?: never;
-};
-export declare type FileProps = Props & Omit<FileIconProps, keyof Props>;
-export declare const cnFile: import("@bem-react/classname").ClassNameFormatter;
-export declare const File: React.FC<FileProps>;
-export {};
+import './File.css';
+import React from 'react';
+import { FileIconProps } from "../../fileIcons/FileIcon/FileIcon";
+declare type Props = {
+    extension?: string;
+    loading?: boolean;
+    loadingWithProgressSpin?: boolean;
+    loadingProgress?: number;
+    children?: never;
+};
+export declare type FileProps = Props & Omit<FileIconProps, keyof Props>;
+export declare const cnFile: import("@bem-react/classname").ClassNameFormatter;
+export declare const File: React.FC<FileProps>;
+export {};

package/__internal__/src/components/File/index.d.ts

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

package/__internal__/src/components/FileField/FileField.d.ts

@@ -1,19 +1,19 @@
-import './FileField.css';
-import React from 'react';
-import { AsTags } from "../../utils/types/AsTags";
-import { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';
-declare type ComponentProps = {
-    role: string;
-    as: AsTags;
-};
-declare type RenderFn = (props: ComponentProps) => React.ReactNode;
-export declare type FileFieldProps = PropsWithJsxAttributes<{
-    id: string;
-    onChange?: (e: DragEvent | React.ChangeEvent) => void;
-    children?: RenderFn | React.ReactNode;
-    inputRef?: React.Ref<HTMLInputElement>;
-}, 'input'>;
-export declare const COMPONENT_NAME: "FileField";
-export declare const cnFileField: import("@bem-react/classname").ClassNameFormatter;
-export declare const FileField: React.FC<FileFieldProps>;
-export {};
+import './FileField.css';
+import React from 'react';
+import { AsTags } from "../../utils/types/AsTags";
+import { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';
+declare type ComponentProps = {
+    role: string;
+    as: AsTags;
+};
+declare type RenderFn = (props: ComponentProps) => React.ReactNode;
+export declare type FileFieldProps = PropsWithJsxAttributes<{
+    id: string;
+    onChange?: (e: DragEvent | React.ChangeEvent) => void;
+    children?: RenderFn | React.ReactNode;
+    inputRef?: React.Ref<HTMLInputElement>;
+}, 'input'>;
+export declare const COMPONENT_NAME: "FileField";
+export declare const cnFileField: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileField: React.FC<FileFieldProps>;
+export {};

package/__internal__/src/components/FileField/index.d.ts

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

package/__internal__/src/components/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import './Grid.css';
-import { GridProps } from './types';
-export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
-export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;
+import './Grid.css';
+import { GridProps } from './types';
+export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
+export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;

package/__internal__/src/components/Grid/GridItem/GridItem.d.ts

@@ -1,4 +1,4 @@
-import './GridItem.css';
-import { GridItemProps } from '../types';
-export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
+import './GridItem.css';
+import { GridItemProps } from '../types';
+export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;

package/__internal__/src/components/Grid/GridItem/index.d.ts

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

package/__internal__/src/components/Grid/helpers.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';
-export declare const normalizeGap: (gap: GridPropGap | undefined) => string | 0 | undefined;
-export declare const normalizeAlign: (align: GridPropXAlign | GridPropYAlign | undefined) => "start" | "center" | "end" | undefined;
-export declare const useGridBreakpoints: <T extends {}>(breakpoints: Record<string, T>, ref?: React.RefObject<HTMLElement>) => T;
+import React from 'react';
+import { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';
+export declare const normalizeGap: (gap: GridPropGap | undefined) => string | 0 | undefined;
+export declare const normalizeAlign: (align: GridPropXAlign | GridPropYAlign | undefined) => "start" | "center" | "end" | undefined;
+export declare const useGridBreakpoints: <T extends {}>(breakpoints: Record<string, T>, ref?: React.RefObject<HTMLElement>) => T;

package/__internal__/src/components/Grid/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["useBreakpoints","isEmpty","isNotNil","normalizeGap","gap","alignMap","left","top","center","right","bottom","normalizeAlign","align","calculateBreakpoints","breakpoints","activeBreakpoints","retuned","key","Object","prototype","hasOwnProperty","call","useGridBreakpoints","ref","keys","map","fromEntries","item","filter","isActive","length"],"sources":["../../../../../src/components/Grid/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { useBreakpoints } from '##/hooks/useBreakpoints';\nimport { isEmpty } from '##/utils/object';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';\n\nexport const normalizeGap = (gap: GridPropGap | undefined) => {\n  if (typeof gap === 'string') {\n    return `var(--space-${gap})`;\n  }\n\n  return gap;\n};\n\nconst alignMap = {\n  left: 'start',\n  top: 'start',\n  center: 'center',\n  right: 'end',\n  bottom: 'end',\n} as const;\n\nexport const normalizeAlign = (\n  align: GridPropXAlign | GridPropYAlign | undefined,\n) => (align ? alignMap[align] : undefined);\n\nconst calculateBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  activeBreakpoints: Record<string, boolean>,\n) => {\n  let retuned = {} as T;\n  for (const key in activeBreakpoints) {\n    if (\n      Object.prototype.hasOwnProperty.call(activeBreakpoints, key) &&\n      activeBreakpoints[key]\n    ) {\n      retuned = { ...retuned, ...breakpoints[key] };\n    } else {\n      break;\n    }\n  }\n\n  return retuned;\n};\n\nexport const useGridBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  ref?: React.RefObject<HTMLElement>,\n) => {\n  const keys = Object.keys(breakpoints);\n\n  const map = Object.fromEntries(\n    keys\n      .map((item) => {\n        return isEmpty(breakpoints[item])\n          ? undefined\n          : ([item, Number(item)] as const);\n      })\n      .filter(isNotNil),\n  );\n\n  const activeBreakpoints = useBreakpoints({\n    map,\n    ref,\n    isActive: keys.length > 1,\n  });\n\n  return calculateBreakpoints(breakpoints, activeBreakpoints);\n};\n"],"mappings":"qqBAEA,OAASA,cAAT,kCACA,OAASC,OAAT,0BACA,OAASC,QAAT,+BAIA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAkC,OACzC,QAAf,QAAOA,EADiD,uBAEpCA,CAFoC,MAKrDA,CACR,CANM,CAQP,GAAMC,SAAQ,CAAG,CACfC,IAAI,CAAE,OADS,CAEfC,GAAG,CAAE,OAFU,CAGfC,MAAM,CAAE,QAHO,CAIfC,KAAK,CAAE,KAJQ,CAKfC,MAAM,CAAE,KALO,CAAjB,CAQA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,QAExBA,EAAK,CAAGP,QAAQ,CAACO,CAAD,CAAX,OAFmB,CAAvB,CAIP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GAAIC,EAAO,CAAG,EAAd,CACA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACE,GACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAAwDE,CAAxD,GACAF,CAAiB,CAACE,CAAD,CAFnB,CAIED,CAAO,gCAAQA,CAAR,EAAoBF,CAAW,CAACG,CAAD,CAA/B,CAJT,KAME,OAIJ,MAAOD,EACR,CAjBD,CAmBA,MAAO,IAAMM,mBAAkB,CAAG,SAChCR,CADgC,CAEhCS,CAFgC,CAG7B,IACGC,EAAI,CAAGN,MAAM,CAACM,IAAP,CAAYV,CAAZ,CADV,CAGGW,CAAG,CAAGP,MAAM,CAACQ,WAAP,CACVF,CAAI,CACDC,GADH,CACO,SAACE,CAAD,CAAU,CACb,MAAO1B,QAAO,CAACa,CAAW,CAACa,CAAD,CAAZ,CAAP,QAEF,CAACA,CAAD,EAAcA,CAAd,CACN,CALH,EAMGC,MANH,CAMU1B,QANV,CADU,CAHT,CAaGa,CAAiB,CAAGf,cAAc,CAAC,CACvCyB,GAAG,CAAHA,CADuC,CAEvCF,GAAG,CAAHA,CAFuC,CAGvCM,QAAQ,CAAgB,CAAd,CAAAL,CAAI,CAACM,MAHwB,CAAD,CAbrC,CAmBH,MAAOjB,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAC5B,CAvBM"}
+{"version":3,"file":"helpers.js","names":["useBreakpoints","isEmpty","isNotNil","normalizeGap","gap","alignMap","left","top","center","right","bottom","normalizeAlign","align","calculateBreakpoints","breakpoints","activeBreakpoints","returned","key","Object","prototype","hasOwnProperty","call","useGridBreakpoints","ref","keys","map","fromEntries","item","filter","isActive","length"],"sources":["../../../../../src/components/Grid/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { useBreakpoints } from '##/hooks/useBreakpoints';\nimport { isEmpty } from '##/utils/object';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';\n\nexport const normalizeGap = (gap: GridPropGap | undefined) => {\n  if (typeof gap === 'string') {\n    return `var(--space-${gap})`;\n  }\n\n  return gap;\n};\n\nconst alignMap = {\n  left: 'start',\n  top: 'start',\n  center: 'center',\n  right: 'end',\n  bottom: 'end',\n} as const;\n\nexport const normalizeAlign = (\n  align: GridPropXAlign | GridPropYAlign | undefined,\n) => (align ? alignMap[align] : undefined);\n\nconst calculateBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  activeBreakpoints: Record<string, boolean>,\n) => {\n  let returned = {} as T;\n  for (const key in activeBreakpoints) {\n    if (\n      Object.prototype.hasOwnProperty.call(activeBreakpoints, key) &&\n      activeBreakpoints[key]\n    ) {\n      returned = { ...returned, ...breakpoints[key] };\n    } else {\n      break;\n    }\n  }\n\n  return returned;\n};\n\nexport const useGridBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  ref?: React.RefObject<HTMLElement>,\n) => {\n  const keys = Object.keys(breakpoints);\n\n  const map = Object.fromEntries(\n    keys\n      .map((item) => {\n        return isEmpty(breakpoints[item])\n          ? undefined\n          : ([item, Number(item)] as const);\n      })\n      .filter(isNotNil),\n  );\n\n  const activeBreakpoints = useBreakpoints({\n    map,\n    ref,\n    isActive: keys.length > 1,\n  });\n\n  return calculateBreakpoints(breakpoints, activeBreakpoints);\n};\n"],"mappings":"qqBAEA,OAASA,cAAT,kCACA,OAASC,OAAT,0BACA,OAASC,QAAT,+BAIA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAkC,OACzC,QAAf,QAAOA,EADiD,uBAEpCA,CAFoC,MAKrDA,CACR,CANM,CAQP,GAAMC,SAAQ,CAAG,CACfC,IAAI,CAAE,OADS,CAEfC,GAAG,CAAE,OAFU,CAGfC,MAAM,CAAE,QAHO,CAIfC,KAAK,CAAE,KAJQ,CAKfC,MAAM,CAAE,KALO,CAAjB,CAQA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,QAExBA,EAAK,CAAGP,QAAQ,CAACO,CAAD,CAAX,OAFmB,CAAvB,CAIP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GAAIC,EAAQ,CAAG,EAAf,CACA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACE,GACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAAwDE,CAAxD,GACAF,CAAiB,CAACE,CAAD,CAFnB,CAIED,CAAQ,gCAAQA,CAAR,EAAqBF,CAAW,CAACG,CAAD,CAAhC,CAJV,KAME,OAIJ,MAAOD,EACR,CAjBD,CAmBA,MAAO,IAAMM,mBAAkB,CAAG,SAChCR,CADgC,CAEhCS,CAFgC,CAG7B,IACGC,EAAI,CAAGN,MAAM,CAACM,IAAP,CAAYV,CAAZ,CADV,CAGGW,CAAG,CAAGP,MAAM,CAACQ,WAAP,CACVF,CAAI,CACDC,GADH,CACO,SAACE,CAAD,CAAU,CACb,MAAO1B,QAAO,CAACa,CAAW,CAACa,CAAD,CAAZ,CAAP,QAEF,CAACA,CAAD,EAAcA,CAAd,CACN,CALH,EAMGC,MANH,CAMU1B,QANV,CADU,CAHT,CAaGa,CAAiB,CAAGf,cAAc,CAAC,CACvCyB,GAAG,CAAHA,CADuC,CAEvCF,GAAG,CAAHA,CAFuC,CAGvCM,QAAQ,CAAgB,CAAd,CAAAL,CAAI,CAACM,MAHwB,CAAD,CAbrC,CAmBH,MAAOjB,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAC5B,CAvBM"}

package/__internal__/src/components/Grid/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Grid';
-export * from './GridItem';
-export * from './types';
+export * from './Grid';
+export * from './GridItem';
+export * from './types';

package/__internal__/src/components/Grid/types.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-export declare const gridPropXAlign: readonly ["left", "center", "right"];
-export declare type GridPropXAlign = typeof gridPropXAlign[number];
-export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
-export declare type GridPropYAlign = typeof gridPropYAlign[number];
-export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type GridPropGap = typeof gridPropGap[number];
-export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
-export declare type BreakpointSizes = typeof breakpointSizes[number];
-declare type GridBreakpoint = {
-    cols?: number;
-    gap?: GridPropGap;
-    colGap?: GridPropGap;
-    rowGap?: GridPropGap;
-    xAlign?: GridPropXAlign;
-    yAlign?: GridPropYAlign;
-};
-export declare type GridPropBreakpoints = Record<number, GridBreakpoint>;
-export declare type GridProps = GridBreakpoint & {
-    breakpoints?: GridPropBreakpoints;
-    breakpointsForRef?: React.RefObject<HTMLElement>;
-};
-declare type GridItemBreakpoint = {
-    col?: number;
-    colStart?: number;
-    row?: number;
-    rowStart?: number;
-    order?: 0 | 1 | -1;
-};
-export declare type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;
-export declare type GridItemProps = GridItemBreakpoint & {
-    breakpoints?: GridItemPropBreakpoints;
-    breakpointsForRef?: React.RefObject<HTMLElement>;
-};
-export {};
+/// <reference types="react" />
+export declare const gridPropXAlign: readonly ["left", "center", "right"];
+export declare type GridPropXAlign = typeof gridPropXAlign[number];
+export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
+export declare type GridPropYAlign = typeof gridPropYAlign[number];
+export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type GridPropGap = typeof gridPropGap[number];
+export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
+export declare type BreakpointSizes = typeof breakpointSizes[number];
+declare type GridBreakpoint = {
+    cols?: number;
+    gap?: GridPropGap;
+    colGap?: GridPropGap;
+    rowGap?: GridPropGap;
+    xAlign?: GridPropXAlign;
+    yAlign?: GridPropYAlign;
+};
+export declare type GridPropBreakpoints = Record<number, GridBreakpoint>;
+export declare type GridProps = GridBreakpoint & {
+    breakpoints?: GridPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+declare type GridItemBreakpoint = {
+    col?: number;
+    colStart?: number;
+    row?: number;
+    rowStart?: number;
+    order?: 0 | 1 | -1;
+};
+export declare type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;
+export declare type GridItemProps = GridItemBreakpoint & {
+    breakpoints?: GridItemPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+export {};

package/__internal__/src/components/GridDeprecated/GridDeprecated.d.ts

@@ -1,33 +1,33 @@
-import './Grid.css';
-export * from './GridItem/GridItem';
-export declare const gridPropXAlign: readonly ["left", "center", "right"];
-export declare type GridPropXAlign = typeof gridPropXAlign[number];
-export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
-export declare type GridPropYAlign = typeof gridPropYAlign[number];
-export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type GridPropGap = typeof gridPropGap[number] | '0';
-export declare type GridPropColGap = GridPropGap;
-export declare type GridPropRowGap = GridPropGap;
-export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
-export declare type BreakpointSizes = typeof breakpointSizes[number];
-declare type Breakpoint = {
-    cols?: number | string;
-    gap?: GridPropGap;
-    colGap?: GridPropColGap;
-    rowGap?: GridPropRowGap;
-    xAlign?: GridPropXAlign;
-    yAlign?: GridPropYAlign;
-};
-declare type BreakpointsProps = {
-    'xs'?: Breakpoint;
-    's'?: Breakpoint;
-    'm'?: Breakpoint;
-    'l'?: Breakpoint;
-    'xl'?: Breakpoint;
-    '2xl'?: Breakpoint;
-};
-export declare type GridProps = Breakpoint & {
-    breakpoints?: BreakpointsProps;
-};
-export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
-export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;
+import './Grid.css';
+export * from './GridItem/GridItem';
+export declare const gridPropXAlign: readonly ["left", "center", "right"];
+export declare type GridPropXAlign = typeof gridPropXAlign[number];
+export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
+export declare type GridPropYAlign = typeof gridPropYAlign[number];
+export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type GridPropGap = typeof gridPropGap[number] | '0';
+export declare type GridPropColGap = GridPropGap;
+export declare type GridPropRowGap = GridPropGap;
+export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
+export declare type BreakpointSizes = typeof breakpointSizes[number];
+declare type Breakpoint = {
+    cols?: number | string;
+    gap?: GridPropGap;
+    colGap?: GridPropColGap;
+    rowGap?: GridPropRowGap;
+    xAlign?: GridPropXAlign;
+    yAlign?: GridPropYAlign;
+};
+declare type BreakpointsProps = {
+    'xs'?: Breakpoint;
+    's'?: Breakpoint;
+    'm'?: Breakpoint;
+    'l'?: Breakpoint;
+    'xl'?: Breakpoint;
+    '2xl'?: Breakpoint;
+};
+export declare type GridProps = Breakpoint & {
+    breakpoints?: BreakpointsProps;
+};
+export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
+export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;

package/__internal__/src/components/GridDeprecated/GridItem/GridItem.d.ts

@@ -1,22 +1,22 @@
-import './GridItem.css';
-declare type Breakpoint = {
-    col?: number | string;
-    colStart?: number | string;
-    row?: number | string;
-    rowStart?: number | string;
-    order?: number | string;
-};
-declare type BreakpointsProps = {
-    'xs'?: Breakpoint;
-    's'?: Breakpoint;
-    'm'?: Breakpoint;
-    'l'?: Breakpoint;
-    'xl'?: Breakpoint;
-    '2xl'?: Breakpoint;
-};
-export declare type GridItemProps = Breakpoint & {
-    breakpoints?: BreakpointsProps;
-};
-export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
-export {};
+import './GridItem.css';
+declare type Breakpoint = {
+    col?: number | string;
+    colStart?: number | string;
+    row?: number | string;
+    rowStart?: number | string;
+    order?: number | string;
+};
+declare type BreakpointsProps = {
+    'xs'?: Breakpoint;
+    's'?: Breakpoint;
+    'm'?: Breakpoint;
+    'l'?: Breakpoint;
+    'xl'?: Breakpoint;
+    '2xl'?: Breakpoint;
+};
+export declare type GridItemProps = Breakpoint & {
+    breakpoints?: BreakpointsProps;
+};
+export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
+export {};

package/__internal__/src/components/GridDeprecated/index.d.ts

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