@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

package/cjs/components/FileUploader/__docs__/FileUploader.mdx

@@ -0,0 +1,28 @@
+import * as FileUploaderStories from './FileUploader.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={FileUploaderStories} />
+
+# FileUploader
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/file-uploader/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=284%3A11938)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/FxInput/FxInput.d.ts

@@ -6,22 +6,24 @@ import { DefaultizedProps } from '../../lib/createPropsGetter';
 import { Override } from '../../typings/utility-types';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
 export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
-    /** Авто-режим */
+    /** Устанавливает авто-режим. */
     auto?: boolean;
-    /** Тип инпута */
+    /** Задает тип инпута */
     type?: 'currency' | InputProps['type'];
-    /** onRestore */
+    /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */
     onRestore?: () => void;
-    /** onValueChange */
+    /** Задает функцию, вызывающуюся при изменении value. */
     onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Значение */
+    /** Задает значение инпута. */
     value?: React.ReactText;
-    /** ref Input'а */
+    /** Задает ref инпута. */
     refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убрать лишние нули после запятой */
+    /** Убирает лишние нули после запятой. */
     hideTrailingZeros?: boolean;
-    /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */
+    /** Задает атрибут aria-label кнопке восстановления (restore button). */
     buttonAriaLabel?: AriaAttributes['aria-label'];
+    /** @ignore */
+    corners?: React.CSSProperties;
 }> {
 }
 export declare const FxInputDataTids: {
@@ -29,7 +31,13 @@ export declare const FxInputDataTids: {
 };
 type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
 type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
-/** Принимает все свойства `Input`'a */
+/**
+ * Автополе `FxInput`.
+ *
+ * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
+ *
+ * Принимает все свойства `Input`'a.
+ */
 export declare class FxInput extends React.Component<FxInputProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;

package/cjs/components/FxInput/FxInput.js

@@ -29,6 +29,16 @@ var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type",
 
 
 
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -47,7 +57,13 @@ var FxInputDataTids = exports.FxInputDataTids = {
 
 
 
-/** Принимает все свойства `Input`'a */var
+/**
+ * Автополе `FxInput`.
+ *
+ * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
+ *
+ * Принимает все свойства `Input`'a.
+ */var
 
 FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (_FxInput = /*#__PURE__*/function (_React$Component) {function FxInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
@@ -92,7 +108,9 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (_FxInput = /*#__PU
       };
 
       var button = null;
-      var inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };
+      var inputCorners = auto ? (0, _extends2.default)({},
+      rest.corners) : (0, _extends2.default)({
+        borderBottomLeftRadius: 0, borderTopLeftRadius: 0 }, rest.corners);
       var iconSizes = {
         small: parseInt(_this.theme.inputIconSizeSmall),
         medium: parseInt(_this.theme.inputIconSizeMedium),
@@ -108,6 +126,7 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (_FxInput = /*#__PU
         _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
           size: rest.size,
           onRestore: onRestore,
+          corners: rest.corners,
           disabled: rest.disabled,
           borderless: rest.borderless,
           "aria-label": props.buttonAriaLabel }

package/cjs/components/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Group","_Input","_CurrencyInput","_createPropsGetter","_CommonWrapper","_rootNode","_ThemeContext","_MathFunctionIcon","_FxInputRestoreBtn","_excluded","_class","_FxInput","FxInputDataTids","exports","root","FxInput","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","createPropsGetter","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","_objectWithoutPropertiesLoose2","default","inputProps","align","button","inputCorners","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","Input","IconFunction","createElement","MathFunctionIcon","leftIcon","FxInputRestoreBtn","disabled","borderless","buttonAriaLabel","Group","CurrencyInput","_extends2","corners","ref","onValueChange","focus","blur","element","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","string"],"sources":["FxInput.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n        /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    const inputCorners: InputProps['corners'] = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n    const iconSizes: Record<SizeProp, number> = {\n      small: parseInt(this.theme.inputIconSizeSmall),\n      medium: parseInt(this.theme.inputIconSizeMedium),\n      large: parseInt(this.theme.inputIconSizeLarge),\n    };\n    const size = this.props.size || Input.defaultProps.size;\n    const IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n          aria-label={props.buttonAriaLabel}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Group","_Input","_CurrencyInput","_createPropsGetter","_CommonWrapper","_rootNode","_ThemeContext","_MathFunctionIcon","_FxInputRestoreBtn","_excluded","_class","_FxInput","FxInputDataTids","exports","root","FxInput","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","createPropsGetter","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","_objectWithoutPropertiesLoose2","default","inputProps","align","button","inputCorners","_extends2","corners","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","Input","IconFunction","createElement","MathFunctionIcon","leftIcon","FxInputRestoreBtn","disabled","borderless","buttonAriaLabel","Group","CurrencyInput","ref","onValueChange","focus","blur","element","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","string"],"sources":["FxInput.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Устанавливает авто-режим. */\n        auto?: boolean;\n\n        /** Задает тип инпута */\n        type?: 'currency' | InputProps['type'];\n\n        /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */\n        onRestore?: () => void;\n\n        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n\n        /** Задает значение инпута. */\n        value?: React.ReactText;\n\n        /** Задает ref инпута. */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n\n        /** Убирает лишние нули после запятой. */\n        hideTrailingZeros?: boolean;\n\n        /** Задает атрибут aria-label кнопке восстановления (restore button). */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n\n        /** @ignore */\n        corners?: React.CSSProperties;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/**\n * Автополе `FxInput`.\n *\n * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.\n *\n * Принимает все свойства `Input`'a.\n */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    const inputCorners: InputProps['corners'] = auto\n      ? { ...rest.corners }\n      : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0, ...rest.corners };\n    const iconSizes: Record<SizeProp, number> = {\n      small: parseInt(this.theme.inputIconSizeSmall),\n      medium: parseInt(this.theme.inputIconSizeMedium),\n      large: parseInt(this.theme.inputIconSizeLarge),\n    };\n    const size = this.props.size || Input.defaultProps.size;\n    const IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          corners={rest.corners}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n          aria-label={props.buttonAriaLabel}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/FxInput/FxInput.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 const [auto, setAuto] = React.useState(false);
 const [value, setValue] = React.useState();
@@ -15,6 +16,7 @@ function handleRestore() {
 <FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
 ```
 
+### Очистка значения
 Очистить значение в `FxInput`'е можно с помощью пустой строки или `undefined`
 ```jsx harmony
 import { Group, Button } from '@skbkontur/react-ui';

package/cjs/components/FxInput/FxInputRestoreBtn.d.ts

@@ -1,6 +1,8 @@
 import React, { AriaAttributes } from 'react';
 import { FxInputProps } from './FxInput';
 interface FxInputRestoreBtnProps extends Pick<AriaAttributes, 'aria-label'>, Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {
+    /** @ignore */
+    corners?: React.CSSProperties;
 }
 export declare const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps>;
 export {};

package/cjs/components/FxInput/FxInputRestoreBtn.js

@@ -12,6 +12,9 @@ var _UndoIcon = require("./UndoIcon");
 
 
 
+
+
+
 var FxInputRestoreBtn = exports.FxInputRestoreBtn = function FxInputRestoreBtn(props) {
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
@@ -48,7 +51,8 @@ var FxInputRestoreBtn = exports.FxInputRestoreBtn = function FxInputRestoreBtn(p
       corners: (0, _extends2.default)({
         borderTopRightRadius: 0,
         borderBottomRightRadius: 0 },
-      buttonCorners),
+      buttonCorners,
+      props.corners),
 
       icon: iconUndo,
       "aria-label": props['aria-label'] }

package/cjs/components/FxInput/FxInputRestoreBtn.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_ThemeContext","_Button","_UndoIcon","FxInputRestoreBtn","exports","props","theme","useContext","ThemeContext","size","Input","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","buttonCorners","iconUndo","default","createElement","UndoIcon","Button","onClick","onRestore","borderless","disabled","corners","_extends2","borderTopRightRadius","borderBottomRightRadius","icon"],"sources":["FxInputRestoreBtn.tsx"],"sourcesContent":["import React, { AriaAttributes, useContext } from 'react';\n\nimport { Input } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Button } from '../Button';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { UndoIcon } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n  const theme = useContext(ThemeContext);\n\n  const size = props.size || Input.defaultProps.size;\n\n  const iconSizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n    small: {\n      borderTopLeftRadius: theme.inputBorderRadiusSmall,\n      borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n    },\n    medium: {\n      borderTopLeftRadius: theme.inputBorderRadiusMedium,\n      borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n    },\n    large: {\n      borderTopLeftRadius: theme.inputBorderRadiusLarge,\n      borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n    },\n  };\n  const buttonCorners = cornersSizes[size];\n  const iconUndo = <UndoIcon size={iconSizes[size]} />;\n\n  return (\n    <Button\n      size={props.size}\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n      }}\n      icon={iconUndo}\n      aria-label={props['aria-label']}\n    />\n  );\n};\n"],"mappings":"wVAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;;;AAGA,IAAAI,SAAA,GAAAJ,OAAA;;;;;;;AAOO,IAAMK,iBAAkE,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAArEA,iBAAkEA,CAAIE,KAAK,EAAK;EAC3F,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC,IAAMC,IAAI,GAAGJ,KAAK,CAACI,IAAI,IAAIC,YAAK,CAACC,YAAY,CAACF,IAAI;;EAElD,IAAMG,SAAmC,GAAG;IAC1CC,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACS,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACW,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACa,kBAAkB;EAC1C,CAAC;EACD,IAAMC,YAAmD,GAAG;IAC1DP,KAAK,EAAE;MACLQ,mBAAmB,EAAEf,KAAK,CAACgB,sBAAsB;MACjDC,sBAAsB,EAAEjB,KAAK,CAACgB;IAChC,CAAC;IACDN,MAAM,EAAE;MACNK,mBAAmB,EAAEf,KAAK,CAACkB,uBAAuB;MAClDD,sBAAsB,EAAEjB,KAAK,CAACkB;IAChC,CAAC;IACDN,KAAK,EAAE;MACLG,mBAAmB,EAAEf,KAAK,CAACmB,sBAAsB;MACjDF,sBAAsB,EAAEjB,KAAK,CAACmB;IAChC;EACF,CAAC;EACD,IAAMC,aAAa,GAAGN,YAAY,CAACX,IAAI,CAAC;EACxC,IAAMkB,QAAQ,gBAAG/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC3B,SAAA,CAAA4B,QAAQ,IAACrB,IAAI,EAAEG,SAAS,CAACH,IAAI,CAAE,EAAE,CAAC;;EAEpD;IACEb,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC5B,OAAA,CAAA8B,MAAM;MACLtB,IAAI,EAAEJ,KAAK,CAACI,IAAK;MACjBuB,OAAO,EAAE3B,KAAK,CAAC4B,SAAU;MACzBC,UAAU,EAAE7B,KAAK,CAAC6B,UAAW;MAC7BC,QAAQ,EAAE9B,KAAK,CAAC8B,QAAS;MACzBC,OAAO,MAAAC,SAAA,CAAAT,OAAA;QACLU,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;MACvBb,aAAa,CAChB;;MACFc,IAAI,EAAEb,QAAS;MACf,cAAYtB,KAAK,CAAC,YAAY,CAAE;IACjC,CAAC;;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_ThemeContext","_Button","_UndoIcon","FxInputRestoreBtn","exports","props","theme","useContext","ThemeContext","size","Input","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","buttonCorners","iconUndo","default","createElement","UndoIcon","Button","onClick","onRestore","borderless","disabled","corners","_extends2","borderTopRightRadius","borderBottomRightRadius","icon"],"sources":["FxInputRestoreBtn.tsx"],"sourcesContent":["import React, { AriaAttributes, useContext } from 'react';\n\nimport { Input } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Button } from '../Button';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { UndoIcon } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n  const theme = useContext(ThemeContext);\n\n  const size = props.size || Input.defaultProps.size;\n\n  const iconSizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n    small: {\n      borderTopLeftRadius: theme.inputBorderRadiusSmall,\n      borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n    },\n    medium: {\n      borderTopLeftRadius: theme.inputBorderRadiusMedium,\n      borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n    },\n    large: {\n      borderTopLeftRadius: theme.inputBorderRadiusLarge,\n      borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n    },\n  };\n  const buttonCorners = cornersSizes[size];\n  const iconUndo = <UndoIcon size={iconSizes[size]} />;\n\n  return (\n    <Button\n      size={props.size}\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n        ...props.corners,\n      }}\n      icon={iconUndo}\n      aria-label={props['aria-label']}\n    />\n  );\n};\n"],"mappings":"wVAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;;;AAGA,IAAAI,SAAA,GAAAJ,OAAA;;;;;;;;;;AAUO,IAAMK,iBAAkE,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAArEA,iBAAkEA,CAAIE,KAAK,EAAK;EAC3F,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC,IAAMC,IAAI,GAAGJ,KAAK,CAACI,IAAI,IAAIC,YAAK,CAACC,YAAY,CAACF,IAAI;;EAElD,IAAMG,SAAmC,GAAG;IAC1CC,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACS,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACW,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACa,kBAAkB;EAC1C,CAAC;EACD,IAAMC,YAAmD,GAAG;IAC1DP,KAAK,EAAE;MACLQ,mBAAmB,EAAEf,KAAK,CAACgB,sBAAsB;MACjDC,sBAAsB,EAAEjB,KAAK,CAACgB;IAChC,CAAC;IACDN,MAAM,EAAE;MACNK,mBAAmB,EAAEf,KAAK,CAACkB,uBAAuB;MAClDD,sBAAsB,EAAEjB,KAAK,CAACkB;IAChC,CAAC;IACDN,KAAK,EAAE;MACLG,mBAAmB,EAAEf,KAAK,CAACmB,sBAAsB;MACjDF,sBAAsB,EAAEjB,KAAK,CAACmB;IAChC;EACF,CAAC;EACD,IAAMC,aAAa,GAAGN,YAAY,CAACX,IAAI,CAAC;EACxC,IAAMkB,QAAQ,gBAAG/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC3B,SAAA,CAAA4B,QAAQ,IAACrB,IAAI,EAAEG,SAAS,CAACH,IAAI,CAAE,EAAE,CAAC;;EAEpD;IACEb,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC5B,OAAA,CAAA8B,MAAM;MACLtB,IAAI,EAAEJ,KAAK,CAACI,IAAK;MACjBuB,OAAO,EAAE3B,KAAK,CAAC4B,SAAU;MACzBC,UAAU,EAAE7B,KAAK,CAAC6B,UAAW;MAC7BC,QAAQ,EAAE9B,KAAK,CAAC8B,QAAS;MACzBC,OAAO,MAAAC,SAAA,CAAAT,OAAA;QACLU,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;MACvBb,aAAa;MACbrB,KAAK,CAAC+B,OAAO,CAChB;;MACFI,IAAI,EAAEb,QAAS;MACf,cAAYtB,KAAK,CAAC,YAAY,CAAE;IACjC,CAAC;;AAEN,CAAC","ignoreList":[]}

package/cjs/components/FxInput/__creevey__/FxInput.creevey.mts

@@ -0,0 +1,21 @@
+import { story, kind, test } from 'creevey';
+
+kind('FxInput', () => {
+  story('WithWidthStory', () => {
+    test('inside auto container', async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-tid="container"]' });
+      await context.matchImage(await element.takeScreenshot(), 'inside auto container');
+    });
+
+    test('inside fixed container', async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-tid="container"]' });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#toggle-width' }))
+        .perform();
+      await context.matchImage(await element.takeScreenshot(), 'inside fixed container');
+    });
+  });
+});

package/cjs/components/FxInput/__docs__/FxInput.mdx

@@ -0,0 +1,28 @@
+import * as FxInputStories from './FxInput.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={FxInputStories} />
+
+# FxInput
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/input/#11)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/Gapped/Gapped.d.ts

@@ -2,26 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export interface GappedProps extends CommonProps {
-    /**
-     * Расстояние между элементами в пикселях
-     * @default 8
-     */
+    /** Задает расстояние между элементами в пикселях. */
     gap?: number;
-    /**
-     * Вертикальное выравнивание
-     * @default "baseline"
-     */
+    /** Задает вертикальное выравнивание. */
     verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
-    /**
-     * Расположение элементов по вертикали
-     * @default false
-     */
+    /** Располагает элементы по вертикали. */
     vertical?: boolean;
-    /**
-     * Перенос элементов на новую строку при горизонтальном расположении
-     * @default false
-     */
+    /** Переносит элементы на новую строку при горизонтальном расположении. */
     wrap?: boolean;
+    /** @ignore */
     children: React.ReactNode;
 }
 export declare const GappedDataTids: {
@@ -30,7 +19,7 @@ export declare const GappedDataTids: {
 };
 type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;
 /**
- * Контейнер, расстояние между элементами в котором равно `gap`.
+ * Контейнер `Gapped` устанавливает расстояние равное `gap` между элементами.
  */
 export declare class Gapped extends React.Component<GappedProps> {
     static __KONTUR_REACT_UI__: string;

package/cjs/components/Gapped/Gapped.js

@@ -18,13 +18,6 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _Gap
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -38,7 +31,7 @@ var GappedDataTids = exports.GappedDataTids = {
 
 
 /**
- * Контейнер, расстояние между элементами в котором равно `gap`.
+ * Контейнер `Gapped` устанавливает расстояние равное `gap` между элементами.
  */var
 
 Gapped = exports.Gapped = (0, _rootNode.rootNode)(_class = (_Gapped = /*#__PURE__*/function (_React$Component) {function Gapped() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.

package/cjs/components/Gapped/Gapped.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_utils","_CommonWrapper","_rootNode","_createPropsGetter","_class","_Gapped","GappedDataTids","exports","vertical","horizontal","Gapped","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","_inheritsLoose2","default","_proto","prototype","render","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","renderVertical","renderHorizontal","getGapValue","propsGap","gap","isNonNullable","subsequentItemStyle","paddingTop","children","React","Children","toArray","filter","filterChildren","map","child","index","style","undefined","key","_this$props","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","number","bool","oneOf"],"sources":["Gapped.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap?: boolean;\n  children: React.ReactNode;\n}\n\nexport const GappedDataTids = {\n  vertical: 'Gapped__vertical',\n  horizontal: 'Gapped__horizontal',\n} as const;\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n  public static displayName = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  private getProps = createPropsGetter(Gapped.defaultProps);\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n      </CommonWrapper>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (isNonNullable(propsGap)) {\n      return propsGap;\n    }\n\n    return 8;\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div data-tid={GappedDataTids.vertical}>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign } = this.props;\n    const wrap = this.getProps().wrap;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div data-tid={GappedDataTids.horizontal} style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"],"mappings":"qWAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA,gCAAgE,IAAAM,MAAA,EAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BzD,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,QAAQ,EAAE,kBAAkB;EAC5BC,UAAU,EAAE;AACd,CAAU;;;;AAIV;AACA;AACA,GAFA;;AAIaC,MAAM,GAAAH,OAAA,CAAAG,MAAA,OADlBC,kBAAQ,EAAAP,MAAA,IAAAC,OAAA,0BAAAO,gBAAA,YAAAF,OAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BCU,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,MAAM,CAACe,YAAY,CAAC,QAAAZ,KAAA,MAAAa,eAAA,CAAAC,OAAA,EAAAjB,MAAA,EAAAE,gBAAA,MAAAgB,MAAA,GAAAlB,MAAA,CAAAmB,SAAA,CAAAD,MAAA;;EAElDE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd;MACElC,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAC9B,cAAA,CAAA+B,aAAa,MAAAC,SAAA,CAAAN,OAAA,IAACO,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACC,KAAK;MACzD,IAAI,CAACb,QAAQ,CAAC,CAAC,CAACf,QAAQ,GAAG,IAAI,CAAC6B,cAAc,CAAC,CAAC,GAAG,IAAI,CAACC,gBAAgB,CAAC;MAC7D,CAAC;;EAEpB,CAAC,CAAAV,MAAA;;EAEOW,WAAW,GAAnB,SAAAA,YAAA,EAAsB;IACpB;IACA,IAAaC,QAAQ,GAAK,IAAI,CAACJ,KAAK,CAA5BK,GAAG;IACX,IAAI,IAAAC,oBAAa,EAACF,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ;IACjB;;IAEA,OAAO,CAAC;EACV,CAAC,CAAAZ,MAAA;;EAEOS,cAAc,GAAtB,SAAAA,eAAA,EAAyB;IACvB,IAAMM,mBAAwC,GAAG;MAC/CC,UAAU,EAAE,IAAI,CAACL,WAAW,CAAC;IAC/B,CAAC;IACD,IAAMM,QAAQ,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAAC,IAAI,CAACZ,KAAK,CAACS,QAAQ,CAAC;IACzDI,MAAM,CAAC,IAAI,CAACC,cAAc,CAAC;IAC3BC,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;MACrB,IAAMC,KAAK,GAAGD,KAAK,KAAK,CAAC,GAAGE,SAAS,GAAGZ,mBAAmB;MAC3D;QACE/C,MAAA,CAAA+B,OAAA,CAAAI,aAAA,UAAKuB,KAAK,EAAEA,KAAM,EAACE,GAAG,EAAEH,KAAM;QAC3BD;QACE,CAAC;;IAEV,CAAC,CAAC;;IAEJ,oBAAOxD,MAAA,CAAA+B,OAAA,CAAAI,aAAA,UAAK,YAAUzB,cAAc,CAACE,QAAS,IAAEqC,QAAc,CAAC;EACjE,CAAC,CAAAjB,MAAA;;EAEOU,gBAAgB,GAAxB,SAAAA,iBAAA,EAA2B;IACzB,IAAAmB,WAAA,GAAoC,IAAI,CAACrB,KAAK,CAAtCS,QAAQ,GAAAY,WAAA,CAARZ,QAAQ,CAAEa,aAAa,GAAAD,WAAA,CAAbC,aAAa;IAC/B,IAAMC,IAAI,GAAG,IAAI,CAACpC,QAAQ,CAAC,CAAC,CAACoC,IAAI;IACjC,IAAMlB,GAAG,GAAG,IAAI,CAACF,WAAW,CAAC,CAAC;IAC9B,IAAMqB,SAA8B,OAAA3B,SAAA,CAAAN,OAAA;MAClCkC,OAAO,EAAE,cAAc;MACvBH,aAAa,EAAbA,aAAa;IACTC,IAAI,GAAG,EAAEG,UAAU,EAAErB,GAAG,EAAEsB,SAAS,EAAEtB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CACpD;;IACD,IAAMuB,SAA8B,GAAGL,IAAI,GAAG,EAAEf,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACpE,IAAMqB,SAA8B,GAAGN,IAAI,GAAG,EAAEI,SAAS,EAAE,CAACtB,GAAG,GAAG,CAAC,EAAEqB,UAAU,EAAE,CAACrB,GAAG,CAAC,CAAC,GAAG,EAAEyB,UAAU,EAAE,QAAQ,CAAC,CAAC;;IAElH;MACEtE,MAAA,CAAA+B,OAAA,CAAAI,aAAA,UAAK,YAAUzB,cAAc,CAACG,UAAW,EAAC6C,KAAK,EAAEU,SAAU;MACzDpE,MAAA,CAAA+B,OAAA,CAAAI,aAAA,UAAKuB,KAAK,EAAEW,SAAU;MACnBnB,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACH,QAAQ,CAAC;MAC9BI,MAAM,CAAC,IAAI,CAACC,cAAc,CAAC;MAC3BC,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;QACrB,IAAMS,UAAU,GAAGT,KAAK,KAAK,CAAC,GAAGE,SAAS,GAAGd,GAAG;QAChD;UACE7C,MAAA,CAAA+B,OAAA,CAAAI,aAAA,WAAMyB,GAAG,EAAEH,KAAM,EAACC,KAAK,MAAArB,SAAA,CAAAN,OAAA,IAAImC,UAAU,EAAVA,UAAU,IAAKF,SAAS,CAAG;UACnDR;UACG,CAAC;;MAEX,CAAC;MACA;MACF,CAAC;;EAEV,CAAC,CAAAxB,MAAA;;EAEOsB,cAAc,GAAtB,SAAAA,eAAuBE,KAAsB,EAAW;IACtD,OAAOe,OAAO,CAACf,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ;EACpD,CAAC,QAAA1C,MAAA,GAnGyBoC,cAAK,CAACsB,SAAS,GAAA/D,OAAA,CAC3BgE,mBAAmB,GAAG,QAAQ,EAAAhE,OAAA,CAC9BiE,WAAW,GAAG,QAAQ,EAAAjE,OAAA,CAEtBkE,SAAS,GAAG,EACxB;AACJ;AACA,KACI9B,GAAG,EAAE+B,kBAAS,CAACC,MAAM,EAErB;AACJ;AACA,KACIjE,QAAQ,EAAEgE,kBAAS,CAACE,IAAI,EAExB;AACJ;AACA,KACIhB,aAAa,EAAEc,kBAAS,CAACG,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CACzE,CAAC,EAAAtE,OAAA,CAIaoB,YAAY,GAAiB,EACzCkC,IAAI,EAAE,KAAK,EACXnD,QAAQ,EAAE,KAAK,EACfkD,aAAa,EAAE,UAAU,CAC3B,CAAC,EAAArD,OAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_utils","_CommonWrapper","_rootNode","_createPropsGetter","_class","_Gapped","GappedDataTids","exports","vertical","horizontal","Gapped","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","_inheritsLoose2","default","_proto","prototype","render","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","renderVertical","renderHorizontal","getGapValue","propsGap","gap","isNonNullable","subsequentItemStyle","paddingTop","children","React","Children","toArray","filter","filterChildren","map","child","index","style","undefined","key","_this$props","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","number","bool","oneOf"],"sources":["Gapped.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n  /** Задает расстояние между элементами в пикселях. */\n  gap?: number;\n\n  /** Задает вертикальное выравнивание. */\n  verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';\n\n  /** Располагает элементы по вертикали. */\n  vertical?: boolean;\n\n  /** Переносит элементы на новую строку при горизонтальном расположении. */\n  wrap?: boolean;\n\n  /** @ignore */\n  children: React.ReactNode;\n}\n\nexport const GappedDataTids = {\n  vertical: 'Gapped__vertical',\n  horizontal: 'Gapped__horizontal',\n} as const;\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;\n\n/**\n * Контейнер `Gapped` устанавливает расстояние равное `gap` между элементами.\n */\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n  public static displayName = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  private getProps = createPropsGetter(Gapped.defaultProps);\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n      </CommonWrapper>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (isNonNullable(propsGap)) {\n      return propsGap;\n    }\n\n    return 8;\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div data-tid={GappedDataTids.vertical}>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign } = this.props;\n    const wrap = this.getProps().wrap;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div data-tid={GappedDataTids.horizontal} style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Gapped/Gapped.md

@@ -1,4 +1,4 @@
-Вывод элементов с горизонтальным расположением
+### Вывод элементов с горизонтальным расположением
 
 ```jsx harmony
 import { Button } from '@skbkontur/react-ui';
@@ -9,7 +9,7 @@ import { Button } from '@skbkontur/react-ui';
 </Gapped>;
 ```
 
-Вертикальное расположение
+### Вертикальное расположение
 
 ```jsx harmony
 import { Checkbox } from '@skbkontur/react-ui';
@@ -21,6 +21,7 @@ import { Checkbox } from '@skbkontur/react-ui';
 </Gapped>;
 ```
 
+### Wrap
 По умолчанию `Gapped` выстраивает элементы в одну строчку, но с помощью свойства `wrap` можно включить перенос элементов на новую строку.
 При этом между строчками будет отступ равный значению свойста `gap`
 В таком случае из-за особенности верстки `Gapped` может перекрывать элементы расположенные сверху-слева.

package/cjs/components/Gapped/__docs__/Gapped.mdx

@@ -0,0 +1,24 @@
+import * as GappedStories from './Gapped.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={GappedStories} />
+
+# Gapped
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/GlobalLoader/GlobalLoader.d.ts

@@ -1,46 +1,24 @@
 import React from 'react';
 export interface GlobalLoaderProps {
-    /**
-     * Время(ms) до появления лоадера
-     */
+    /** Устанавливает задержку в миллисекундах до появления лоадера. */
     delayBeforeShow?: number;
-    /**
-     * Время(ms) до исчезновения лоадера
-     */
+    /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */
     delayBeforeHide?: number;
-    /**
-     * Ожидаемое время(ms) ответа сервера
-     */
+    /** Устанавливает ожидаемое время(ms) ответа сервера. */
     expectedResponseTime?: number;
-    /**
-     * Анимация лоадера в виде спиннера
-     */
+    /** Определяет, нужно ли показывать анимацию лоадера в виде спиннера. */
     rejected?: boolean;
-    /**
-     * Показывать лоадер
-     */
+    /** Определяет, показывать ли лоадер. */
     active?: boolean;
-    /**
-     * Не показывать анимацию
-     */
+    /** Отключает анимацию. */
     disableAnimations?: boolean;
-    /**
-     * Коллбек, вызывающийся после появления лоадера
-     */
+    /** Задает коллбек, вызывающийся после появления лоадера. */
     onStart?(): void;
-    /**
-     * Коллбек, вызывающийся после исчезновения лоадера
-     */
+    /** Задает коллбек, вызывающийся после исчезновения лоадера. */
     onDone?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.
-     * Или после установки пропа `rejected = true`
-     */
+    /** Задает коллбек, вызывающийся после вызова GlobalLoader.reject(). Или после установки пропа rejected = true. */
     onReject?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.
-     * Или после установки пропа `rejected = false`
-     */
+    /** Задает коллбек, вызывающийся после вызова GlobalLoader.accept() или установки пропа rejected = false. */
     onAccept?(): void;
 }
 export interface GlobalLoaderState {
@@ -57,6 +35,18 @@ export declare const GlobalLoaderDataTids: {
     readonly root: "GlobalLoader";
 };
 type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
+/**
+ * Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.
+ * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.
+ *
+ * `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента "убивает" предыдущий экземпляр, и начинает перехватывать статические методы.
+ *
+ * Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
+ *
+ * `GlobalLoader` работает в двух режимах:
+ * * как прогресс-бар, примерно показывает ход получения данных от сервера.
+ * * как спиннер, когда есть проблемы с соединением.
+ */
 export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
@@ -68,6 +58,7 @@ export declare class GlobalLoader extends React.Component<GlobalLoaderProps, Glo
     static defaultProps: DefaultProps;
     constructor(props: GlobalLoaderProps);
     componentDidMount(): void;
+    componentWillUnmount(): void;
     componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
     render(): false | React.JSX.Element;
     /**

package/cjs/components/GlobalLoader/GlobalLoader.js

@@ -36,19 +36,6 @@ var _GlobalLoaderView = require("./GlobalLoaderView");var _class, _GlobalLoader;
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -74,7 +61,20 @@ var GlobalLoaderDataTids = exports.GlobalLoaderDataTids = {
 
 
 
-var currentGlobalLoader;var
+var currentGlobalLoader;
+
+/**
+ * Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.
+ * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.
+ *
+ * `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента "убивает" предыдущий экземпляр, и начинает перехватывать статические методы.
+ *
+ * Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
+ *
+ * `GlobalLoader` работает в двух режимах:
+ * * как прогресс-бар, примерно показывает ход получения данных от сервера.
+ * * как спиннер, когда есть проблемы с соединением.
+ */var
 
 GlobalLoader = exports.GlobalLoader = (0, _rootNode.rootNode)(_class = (_GlobalLoader = /*#__PURE__*/function (_React$Component) {
 
@@ -214,6 +214,10 @@ GlobalLoader = exports.GlobalLoader = (0, _rootNode.rootNode)(_class = (_GlobalL
 
 
 
+
+
+
+
 
 
 
@@ -271,9 +275,9 @@ GlobalLoader = exports.GlobalLoader = (0, _rootNode.rootNode)(_class = (_GlobalL
         dead: true
       });
     };_this.state = { started: false, visible: false, done: false, rejected: false, accept: false, dead: false, successAnimationInProgress: false, expectedResponseTime: _this.getProps().expectedResponseTime };return _this;}(0, _inheritsLoose2.default)(GlobalLoader, _React$Component);var _proto = GlobalLoader.prototype;_proto.componentDidMount = function componentDidMount() {var _currentGlobalLoader;(_currentGlobalLoader = currentGlobalLoader) == null || _currentGlobalLoader.kill(); // eslint-disable-next-line @typescript-eslint/no-this-alias
-    currentGlobalLoader = this;var _this$getProps = this.getProps(),active = _this$getProps.active,rejected = _this$getProps.rejected;if (active) {this.setActive();}if (rejected) {this.setReject(true);}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps2 = this.getProps(),expectedResponseTime = _this$getProps2.expectedResponseTime,rejected = _this$getProps2.rejected,active = _this$getProps2.active;if (expectedResponseTime !== prevProps.expectedResponseTime) {this.setState({ expectedResponseTime: expectedResponseTime });}if (rejected !== prevProps.rejected) {this.setReject(rejected);}if (active !== prevProps.active) {if (active) {this.setActive();} else {this.setDone();}}};_proto.render = function render() {var status = 'standard';if (this.state.done) {status = 'success';} else if (this.state.rejected) {status = 'error';} else if (this.state.accept) {status = 'accept';}var _this$getProps3 = this.getProps(),delayBeforeHide = _this$getProps3.delayBeforeHide,disableAnimations = _this$getProps3.disableAnimations;return !this.state.dead && this.state.visible && /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_GlobalLoaderView.GlobalLoaderView, { expectedResponseTime: this.state.expectedResponseTime, delayBeforeHide: delayBeforeHide, status: status, "data-tid": GlobalLoaderDataTids.root, disableAnimations: disableAnimations }));} /**
+    currentGlobalLoader = this;var _this$getProps = this.getProps(),active = _this$getProps.active,rejected = _this$getProps.rejected;if (active) {this.setActive();}if (rejected) {this.setReject(true);}};_proto.componentWillUnmount = function componentWillUnmount() {currentGlobalLoader = null;};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps2 = this.getProps(),expectedResponseTime = _this$getProps2.expectedResponseTime,rejected = _this$getProps2.rejected,active = _this$getProps2.active;if (expectedResponseTime !== prevProps.expectedResponseTime) {this.setState({ expectedResponseTime: expectedResponseTime });}if (rejected !== prevProps.rejected) {this.setReject(rejected);}if (active !== prevProps.active) {if (active) {this.setActive();} else {this.setDone();}}};_proto.render = function render() {var status = 'standard';if (this.state.done) {status = 'success';} else if (this.state.rejected) {status = 'error';} else if (this.state.accept) {status = 'accept';}var _this$getProps3 = this.getProps(),delayBeforeHide = _this$getProps3.delayBeforeHide,disableAnimations = _this$getProps3.disableAnimations;return !this.state.dead && this.state.visible && /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_GlobalLoaderView.GlobalLoaderView, { expectedResponseTime: this.state.expectedResponseTime, delayBeforeHide: delayBeforeHide, status: status, "data-tid": GlobalLoaderDataTids.root, disableAnimations: disableAnimations }));} /**
    * Запускает анимацию лоадера <br />
    * Равносильно установке пропа `active = true`
    *
    * @public
-   */;_proto.updateExpectedResponseTime = function updateExpectedResponseTime(expectedResponseTime) {this.setState({ expectedResponseTime: expectedResponseTime });};return GlobalLoader;}(_react.default.Component), _GlobalLoader.__KONTUR_REACT_UI__ = 'GlobalLoader', _GlobalLoader.displayName = 'GlobalLoader', _GlobalLoader.defaultProps = { expectedResponseTime: 1000, delayBeforeShow: 1000, delayBeforeHide: 1000, rejected: false, active: false, disableAnimations: _currentEnvironment.isTestEnv }, _GlobalLoader.start = function (expectedResponseTime) {currentGlobalLoader.setActive();if (typeof expectedResponseTime === 'number') {currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);}}, _GlobalLoader.done = function () {currentGlobalLoader.setDone();}, _GlobalLoader.reject = function () {currentGlobalLoader.setReject(true);}, _GlobalLoader.accept = function () {currentGlobalLoader.setReject(false);}, _GlobalLoader)) || _class;
+   */;_proto.updateExpectedResponseTime = function updateExpectedResponseTime(expectedResponseTime) {this.setState({ expectedResponseTime: expectedResponseTime });};return GlobalLoader;}(_react.default.Component), _GlobalLoader.__KONTUR_REACT_UI__ = 'GlobalLoader', _GlobalLoader.displayName = 'GlobalLoader', _GlobalLoader.defaultProps = { expectedResponseTime: 1000, delayBeforeShow: 1000, delayBeforeHide: 1000, rejected: false, active: false, disableAnimations: _currentEnvironment.isTestEnv }, _GlobalLoader.start = function (expectedResponseTime) {var _currentGlobalLoader2;(_currentGlobalLoader2 = currentGlobalLoader) == null || _currentGlobalLoader2.setActive();if (typeof expectedResponseTime === 'number') {var _currentGlobalLoader3;(_currentGlobalLoader3 = currentGlobalLoader) == null || _currentGlobalLoader3.updateExpectedResponseTime(expectedResponseTime);}}, _GlobalLoader.done = function () {var _currentGlobalLoader4;(_currentGlobalLoader4 = currentGlobalLoader) == null || _currentGlobalLoader4.setDone();}, _GlobalLoader.reject = function () {var _currentGlobalLoader5;(_currentGlobalLoader5 = currentGlobalLoader) == null || _currentGlobalLoader5.setReject(true);}, _GlobalLoader.accept = function () {var _currentGlobalLoader6;(_currentGlobalLoader6 = currentGlobalLoader) == null || _currentGlobalLoader6.setReject(false);}, _GlobalLoader)) || _class;