@skbkontur/react-ui 5.0.12 → 5.1.0-next.1

package/components/Spinner/Spinner.d.ts

@@ -4,30 +4,20 @@ import { CommonProps } from '../../internal/CommonWrapper';
 declare const types: readonly ["big", "mini", "normal"];
 export type SpinnerType = (typeof types)[number];
 export interface SpinnerProps extends CommonProps {
-    /**
-     * Подпись под спиннером
-     */
+    /** Задает подпись под спиннером.
+     * @default "Загрузка" */
     caption?: React.ReactNode;
-    /**
-     * Переводит спиннер в "затемнённый режим"
-     *
-     * Цвет спиннера в "затемнённом режиме" определяется переменной `spinnerDimmedColor`
-     */
+    /** Переводит спиннер в "затемнённый режим".
+     * Цвет спиннера в "затемнённом режиме" определяется переменной `spinnerDimmedColor`. */
     dimmed?: boolean;
-    /**
-     * Размер спиннера и текста
-     *
-     * @default normal
-     */
+    /** Задает размер спиннера и текста.
+     * @default normal. */
     type?: SpinnerType;
+    /** Уменьшает спиннер для вставки в инлайн элемент. При type = "big"|"normal" размер спиннера уменьшается. */
     inline?: boolean;
-    /**
-     * Толщина спиннера
-     */
+    /** Задает толщину спиннера. */
     width?: number;
-    /**
-     * Цвет спиннера
-     */
+    /** Задает цвет спиннера. Не работает с пропом dimmed. */
     color?: React.CSSProperties['color'];
 }
 export declare const SpinnerDataTids: {
@@ -35,7 +25,12 @@ export declare const SpinnerDataTids: {
 };
 type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
 /**
- * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент [Loader](https://tech.skbkontur.ru/react-ui/#/Components/Loader)
+ * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
+ *
+ * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.
+ * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.
+ *
+ * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
  */
 export declare class Spinner extends React.Component<SpinnerProps> {
     static __KONTUR_REACT_UI__: string;

package/components/Spinner/Spinner.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 import { Gapped, Spinner } from '@skbkontur/react-ui';
 
@@ -18,7 +19,7 @@ const reactNodeCaption = (
 </Gapped>;
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface SpinnerLocale {

package/components/Spinner/__docs__/Spinner.mdx

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

package/components/Sticky/Sticky/Sticky.js

@@ -18,6 +18,11 @@ var MAX_REFLOW_RETRIES = 5;
 export var StickyDataTids = {
   root: 'Sticky__root'
 };
+
+/**
+ * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.
+ * Это полезно для создания "прилипающих" элементов, которые остаются видимыми при прокрутке содержимого.
+ */
 export var Sticky = rootNode(_class = (_Sticky = /*#__PURE__*/function (_React$Component) {
   function Sticky() {
     var _this;

package/components/Sticky/Sticky/Sticky.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","shallowEqual","globalObject","LayoutEvents","isFunction","ZIndex","CommonWrapper","cx","rootNode","getDOMRect","createPropsGetter","styles","MAX_REFLOW_RETRIES","StickyDataTids","root","Sticky","_class","_Sticky","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","_globalObject$documen","document","documentElement","Error","windowHeight","innerHeight","clientHeight","_getDOMRect","top","bottom","left","width","_getDOMRect2","height","_this$props","props","getStop","side","_this$state","prevFixed","_this$state$height","prevHeight","offset","Math","floor","setState","stop","stopRect","outerHeight","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","_cx","children","_this$state2","innerStyle","createElement","_extends","rootNodeRef","setRootNode","className","priority","applyZIndex","style","wrapperRef","container","Component","__KONTUR_REACT_UI__","displayName","propTypes","oneOfType","node","func","number","oneOf","isRequired"],"sources":["Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport shallowEqual from 'shallowequal';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends Omit<CommonProps, 'children'> {\n  side: 'top' | 'bottom';\n  /**\n   * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии\n   * @default 0\n   */\n  offset?: number;\n  getStop?: () => Nullable<HTMLElement>;\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n  fixed: boolean;\n  deltaHeight: number;\n  height?: number;\n  width?: number;\n  left?: number;\n  stopped: boolean;\n  relativeTop: number;\n}\n\nexport const StickyDataTids = {\n  root: 'Sticky__root',\n} as const;\n\ntype DefaultProps = Required<Pick<StickyProps, 'offset'>>;\n\n@rootNode\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = 'Sticky';\n  public static displayName = 'Sticky';\n\n  public static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Функция, которая возвращает DOM-элемент, который нельзя пересекать.\n     */\n    getStop: PropTypes.func,\n\n    /**\n     * Отступ от границы в пикселях\n     */\n    offset: PropTypes.number,\n\n    side: PropTypes.oneOf(['top', 'bottom']).isRequired,\n  };\n\n  public static defaultProps: DefaultProps = { offset: 0 };\n\n  private getProps = createPropsGetter(Sticky.defaultProps);\n\n  public state: StickyState = {\n    fixed: false,\n    deltaHeight: 0,\n    stopped: false,\n    relativeTop: 0,\n  };\n\n  private wrapper: Nullable<HTMLElement>;\n  private inner: Nullable<HTMLElement>;\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n  private reflowCounter = 0;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.reflow();\n\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow);\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutSubscription.remove) {\n      this.layoutSubscription.remove();\n    }\n  }\n\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n        LayoutEvents.emit();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\n    let { children } = this.props;\n    const { side } = this.props;\n    const offset = this.getProps().offset;\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n    const innerStyle: React.CSSProperties = {};\n\n    if (fixed) {\n      if (stopped) {\n        innerStyle.top = relativeTop;\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n      } else {\n        innerStyle.width = width;\n        innerStyle[side] = offset;\n        innerStyle.left = left;\n      }\n    }\n\n    if (isFunction(children)) {\n      children = children(fixed);\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={StickyDataTids.root} ref={this.refWrapper} className={styles.wrapper()}>\n          <ZIndex\n            priority=\"Sticky\"\n            applyZIndex={fixed}\n            className={cx(styles.inner(), {\n              [styles.fixed()]: fixed && !stopped,\n              [styles.stopped()]: stopped,\n            })}\n            style={innerStyle}\n            wrapperRef={this.refInner}\n          >\n            <div className={styles.container()}>{children}</div>\n          </ZIndex>\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\n\n  private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\n\n  /**\n   * Пересчитать габариты и позицию залипшего элемента\n   *\n   * @public\n   */\n  public reflow = () => {\n    if (!globalObject.document?.documentElement) {\n      throw Error('There is no \"documentElement\" in document');\n    }\n\n    const windowHeight = globalObject.innerHeight || globalObject.document.documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left, width } = getDOMRect(this.wrapper);\n    const { height } = getDOMRect(this.inner);\n    const { getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\n    const offset = this.getProps().offset;\n    const fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;\n\n    this.setState({ fixed, left });\n\n    if (fixed && !prevFixed) {\n      this.setState({ width, height });\n    }\n\n    if (fixed) {\n      this.setState({ width });\n      const stop = getStop && getStop();\n      if (stop) {\n        const deltaHeight = prevHeight - height;\n        const stopRect = getDOMRect(stop);\n        const outerHeight = height + offset;\n        let stopped = false;\n        let relativeTop = 0;\n\n        if (side === 'top') {\n          stopped = stopRect.top - outerHeight < 0;\n          relativeTop = stopRect.top - prevHeight - top;\n        } else {\n          stopped = stopRect.bottom + outerHeight > windowHeight;\n          relativeTop = stopRect.bottom - top;\n        }\n\n        this.setState({ relativeTop, deltaHeight, stopped });\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PropTypes","shallowEqual","globalObject","LayoutEvents","isFunction","ZIndex","CommonWrapper","cx","rootNode","getDOMRect","createPropsGetter","styles","MAX_REFLOW_RETRIES","StickyDataTids","root","Sticky","_class","_Sticky","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","_globalObject$documen","document","documentElement","Error","windowHeight","innerHeight","clientHeight","_getDOMRect","top","bottom","left","width","_getDOMRect2","height","_this$props","props","getStop","side","_this$state","prevFixed","_this$state$height","prevHeight","offset","Math","floor","setState","stop","stopRect","outerHeight","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","_cx","children","_this$state2","innerStyle","createElement","_extends","rootNodeRef","setRootNode","className","priority","applyZIndex","style","wrapperRef","container","Component","__KONTUR_REACT_UI__","displayName","propTypes","oneOfType","node","func","number","oneOf","isRequired"],"sources":["Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport shallowEqual from 'shallowequal';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends Omit<CommonProps, 'children'> {\n  /** Задает сторону залипания. */\n  side: 'top' | 'bottom';\n\n  /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.\n   * @default 0 */\n  offset?: number;\n\n  /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */\n  getStop?: () => Nullable<HTMLElement>;\n\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n  fixed: boolean;\n  deltaHeight: number;\n  height?: number;\n  width?: number;\n  left?: number;\n  stopped: boolean;\n  relativeTop: number;\n}\n\nexport const StickyDataTids = {\n  root: 'Sticky__root',\n} as const;\n\ntype DefaultProps = Required<Pick<StickyProps, 'offset'>>;\n\n/**\n * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.\n * Это полезно для создания \"прилипающих\" элементов, которые остаются видимыми при прокрутке содержимого.\n */\n@rootNode\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = 'Sticky';\n  public static displayName = 'Sticky';\n\n  public static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Функция, которая возвращает DOM-элемент, который нельзя пересекать.\n     */\n    getStop: PropTypes.func,\n\n    /**\n     * Отступ от границы в пикселях\n     */\n    offset: PropTypes.number,\n\n    side: PropTypes.oneOf(['top', 'bottom']).isRequired,\n  };\n\n  public static defaultProps: DefaultProps = { offset: 0 };\n\n  private getProps = createPropsGetter(Sticky.defaultProps);\n\n  public state: StickyState = {\n    fixed: false,\n    deltaHeight: 0,\n    stopped: false,\n    relativeTop: 0,\n  };\n\n  private wrapper: Nullable<HTMLElement>;\n  private inner: Nullable<HTMLElement>;\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n  private reflowCounter = 0;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.reflow();\n\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow);\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutSubscription.remove) {\n      this.layoutSubscription.remove();\n    }\n  }\n\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n        LayoutEvents.emit();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\n    let { children } = this.props;\n    const { side } = this.props;\n    const offset = this.getProps().offset;\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n    const innerStyle: React.CSSProperties = {};\n\n    if (fixed) {\n      if (stopped) {\n        innerStyle.top = relativeTop;\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n      } else {\n        innerStyle.width = width;\n        innerStyle[side] = offset;\n        innerStyle.left = left;\n      }\n    }\n\n    if (isFunction(children)) {\n      children = children(fixed);\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={StickyDataTids.root} ref={this.refWrapper} className={styles.wrapper()}>\n          <ZIndex\n            priority=\"Sticky\"\n            applyZIndex={fixed}\n            className={cx(styles.inner(), {\n              [styles.fixed()]: fixed && !stopped,\n              [styles.stopped()]: stopped,\n            })}\n            style={innerStyle}\n            wrapperRef={this.refInner}\n          >\n            <div className={styles.container()}>{children}</div>\n          </ZIndex>\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\n\n  private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\n\n  /**\n   * Пересчитать габариты и позицию залипшего элемента\n   *\n   * @public\n   */\n  public reflow = () => {\n    if (!globalObject.document?.documentElement) {\n      throw Error('There is no \"documentElement\" in document');\n    }\n\n    const windowHeight = globalObject.innerHeight || globalObject.document.documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left, width } = getDOMRect(this.wrapper);\n    const { height } = getDOMRect(this.inner);\n    const { getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\n    const offset = this.getProps().offset;\n    const fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;\n\n    this.setState({ fixed, left });\n\n    if (fixed && !prevFixed) {\n      this.setState({ width, height });\n    }\n\n    if (fixed) {\n      this.setState({ width });\n      const stop = getStop && getStop();\n      if (stop) {\n        const deltaHeight = prevHeight - height;\n        const stopRect = getDOMRect(stop);\n        const outerHeight = height + offset;\n        let stopped = false;\n        let relativeTop = 0;\n\n        if (side === 'top') {\n          stopped = stopRect.top - outerHeight < 0;\n          relativeTop = stopRect.top - prevHeight - top;\n        } else {\n          stopped = stopRect.bottom + outerHeight > windowHeight;\n          relativeTop = stopRect.bottom - top;\n        }\n\n        this.setState({ relativeTop, deltaHeight, stopped });\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Sticky/Sticky.d.ts

@@ -3,13 +3,14 @@ import PropTypes from 'prop-types';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export interface StickyProps extends Omit<CommonProps, 'children'> {
+    /** Задает сторону залипания. */
     side: 'top' | 'bottom';
-    /**
-     * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии
-     * @default 0
-     */
+    /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.
+     * @default 0 */
     offset?: number;
+    /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */
     getStop?: () => Nullable<HTMLElement>;
+    /** @ignore */
     children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
 }
 export interface StickyState {
@@ -25,6 +26,10 @@ export declare const StickyDataTids: {
     readonly root: "Sticky__root";
 };
 type DefaultProps = Required<Pick<StickyProps, 'offset'>>;
+/**
+ * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.
+ * Это полезно для создания "прилипающих" элементов, которые остаются видимыми при прокрутке содержимого.
+ */
 export declare class Sticky extends React.Component<StickyProps, StickyState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;

package/components/Sticky/Sticky.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 const style = {
   padding: 10,

package/components/Sticky/__docs__/Sticky.mdx

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

package/components/Switcher/Switcher/Switcher.js

@@ -10,12 +10,19 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
+import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { styles } from "../Switcher.styles";
 import { getSwitcherTheme } from "../switcherTheme";
 import { mod } from "../helpers";
 export var SwitcherDataTids = {
   root: 'Switcher__root'
 };
+
+/**
+ * Переключатель `Switcher` — это замена RadioGroup.
+ *
+ * Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.
+ */
 export var Switcher = rootNode(_class = (_Switcher = /*#__PURE__*/function (_React$Component) {
   function Switcher() {
     var _this;
@@ -177,8 +184,6 @@ export var Switcher = rootNode(_class = (_Switcher = /*#__PURE__*/function (_Rea
     });
   };
   _proto.renderMain = function renderMain() {
-    var _cx;
-    var listClassName = cx((_cx = {}, _cx[styles.error(this.theme)] = !!this.props.error, _cx));
     var inputProps = {
       type: 'checkbox',
       onKeyDown: this.handleKey,
@@ -186,7 +191,12 @@ export var Switcher = rootNode(_class = (_Switcher = /*#__PURE__*/function (_Rea
       onBlur: this._handleBlur,
       className: styles.input()
     };
+    var isThemeGTE_5_1 = isThemeGTE(this.theme, '5.1');
+    var isTheme_5_0 = !isThemeGTE_5_1;
+    var items = /*#__PURE__*/React.createElement(Group, null, this._renderItems());
     var captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());
+    var wrapperClassName = cx(styles.wrap(), isThemeGTE_5_1 && this.props.error && styles.error5_1(this.theme));
+    var errorClassName = cx(isTheme_5_0 && this.props.error && styles.error(this.theme));
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement("div", {
@@ -195,10 +205,10 @@ export var Switcher = rootNode(_class = (_Switcher = /*#__PURE__*/function (_Rea
     }, this.props.caption ? /*#__PURE__*/React.createElement("div", {
       className: captionClassName
     }, this.props.caption) : null, /*#__PURE__*/React.createElement("div", {
-      className: styles.wrap()
-    }, /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("div", {
-      className: listClassName
-    }, /*#__PURE__*/React.createElement(Group, null, this._renderItems())))));
+      className: wrapperClassName
+    }, /*#__PURE__*/React.createElement("input", inputProps), isThemeGTE_5_1 ? items : /*#__PURE__*/React.createElement("div", {
+      className: errorClassName
+    }, items))));
   };
   return Switcher;
 }(React.Component), _Switcher.__KONTUR_REACT_UI__ = 'Switcher', _Switcher.displayName = 'Switcher', _Switcher.defaultProps = {

package/components/Switcher/Switcher/Switcher.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","getButtonCorners","Group","Button","ThemeContext","CommonWrapper","cx","rootNode","styles","getSwitcherTheme","mod","SwitcherDataTids","root","Switcher","_class","_Switcher","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","_this$_extractPropsFr","_focus","index","setState","handleKey","e","_this$_extractPropsFr2","buttonProps","disabled","preventDefault","move","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","_extends","renderDefault","renderDefaultItem","createElement","key","getLabelSizeClassName","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose","_proto","prototype","render","_this2","Consumer","Provider","renderMain","_cx","listClassName","error","inputProps","type","onKeyDown","onFocus","onBlur","className","input","captionClassName","caption","rootNodeRef","setRootNode","wrap","Component","__KONTUR_REACT_UI__","displayName","defaultProps","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"sources":["Switcher.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { getButtonCorners, Group } from '../Group';\nimport { Button, ButtonProps } from '../Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './Switcher.styles';\nimport { getSwitcherTheme } from './switcherTheme';\nimport { mod } from './helpers';\n\nexport type SwitcherItems = string | SwitcherItem;\n\nexport const SwitcherDataTids = {\n  root: 'Switcher__root',\n} as const;\n\nexport interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {\n  /**\n   * Список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`\n   */\n  items: SwitcherItems[];\n\n  value?: string;\n\n  onValueChange?: (value: string) => void;\n\n  caption?: string;\n\n  error?: boolean;\n\n  /** Размер */\n  size?: SizeProp;\n\n  disabled?: boolean;\n\n  /**\n   * Функция для отрисовки элемента. Аргументы — `label`,\n   * `value`, `buttonProps`, `renderDefault`, `ariaLabel`\n   */\n  renderItem?: (\n    label: string,\n    value: string,\n    buttonProps: ButtonProps,\n    renderDefault: () => React.ReactNode,\n    ariaLabel?: string,\n  ) => React.ReactNode;\n}\n\ntype DefaultProps = Required<Pick<SwitcherProps, 'role'>>;\n\nexport interface SwitcherState {\n  focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n  value: string;\n  label: string;\n  'aria-label'?: string;\n  buttonProps?: Partial<ButtonProps>;\n}\n\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n  public static __KONTUR_REACT_UI__ = 'Switcher';\n  public static displayName = 'Switcher';\n\n  public static defaultProps: DefaultProps = {\n    role: 'switch',\n  };\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    disabled: PropTypes.bool,\n    items: PropTypes.oneOfType([\n      PropTypes.arrayOf(PropTypes.string),\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string,\n          value: PropTypes.string,\n        }),\n      ),\n    ]).isRequired,\n    caption: PropTypes.string,\n    value: PropTypes.string,\n    onValueChange: PropTypes.func,\n    renderItem: PropTypes.func,\n  };\n\n  public state: SwitcherState = {\n    focusedIndex: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getSwitcherTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const listClassName = cx({\n      [styles.error(this.theme)]: !!this.props.error,\n    });\n\n    const inputProps = {\n      type: 'checkbox',\n      onKeyDown: this.handleKey,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      className: styles.input(),\n    };\n\n    const captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SwitcherDataTids.root} className={styles.root()}>\n          {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n          <div className={styles.wrap()}>\n            <input {...inputProps} />\n            <div className={listClassName}>\n              <Group>{this._renderItems()}</Group>\n            </div>\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private selectItem = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private _extractPropsFromItem = (item: string | SwitcherItem): SwitcherItem => {\n    return typeof item === 'object' ? item : { label: item, value: item };\n  };\n\n  private _extractValuesFromItems = (): string[] => {\n    return this.props.items.map((item) => {\n      const { value } = this._extractPropsFromItem(item);\n      return value;\n    });\n  };\n\n  private _focus = (index: number) => {\n    this.setState({ focusedIndex: index });\n  };\n\n  private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const focusedIndex = this.state.focusedIndex;\n    if (typeof focusedIndex !== 'number') {\n      return;\n    }\n\n    if (isKeyEnter(e)) {\n      if (this.props.onValueChange) {\n        const { value, buttonProps } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n        if (!buttonProps?.disabled) {\n          this.selectItem(value);\n        }\n      }\n      return;\n    }\n\n    if (isKeyArrowHorizontal(e)) {\n      e.preventDefault();\n      this.move(isKeyArrowLeft(e));\n    }\n  };\n\n  private move = (left: boolean) => {\n    const selectedIndex = this.state.focusedIndex;\n\n    if (typeof selectedIndex !== 'number') {\n      return;\n    }\n    const newFocusedIndex = this._getNextFocusedIndex(left, selectedIndex);\n    this._focus(newFocusedIndex);\n  };\n\n  private _getNextFocusedIndex = (left: boolean, focusedIndex: number): number => {\n    const { items, disabled } = this.props;\n    if (disabled) {\n      return focusedIndex;\n    }\n\n    for (let i = 1; i < items.length; i++) {\n      const index = mod(focusedIndex + (left ? -i : i), items.length);\n      const { buttonProps } = this._extractPropsFromItem(items[index]);\n      if (!buttonProps?.disabled) {\n        return index;\n      }\n    }\n    return focusedIndex;\n  };\n\n  private _handleFocus = () => {\n    const { value } = this.props;\n\n    const items = this._extractValuesFromItems();\n    const currentIndex = [...items].indexOf(value as string);\n    const index = currentIndex > -1 ? currentIndex : 0;\n\n    this.setState({ focusedIndex: index });\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedIndex: null });\n  };\n\n  private _renderItems = () => {\n    const { items, value, size, disabled, role, renderItem } = this.props;\n    return items.map((item, i) => {\n      const {\n        'aria-label': ariaLabel,\n        label,\n        value: itemValue,\n        buttonProps: customButtonProps,\n      } = this._extractPropsFromItem(item);\n\n      const isChecked = value === itemValue;\n      const commonButtonProps = {\n        'aria-checked': isChecked,\n        role,\n        checked: isChecked,\n        visuallyFocused: this.state.focusedIndex === i,\n        onClick: () => {\n          this.selectItem(itemValue);\n        },\n        disableFocus: true,\n        size,\n        disabled,\n        corners: getButtonCorners(i === 0, i === items.length - 1),\n      };\n\n      const buttonProps = {\n        ...commonButtonProps,\n        ...customButtonProps,\n      };\n\n      const renderDefault = () => this.renderDefaultItem(label, itemValue, buttonProps, ariaLabel);\n\n      return renderItem ? renderItem(label, itemValue, buttonProps, renderDefault, ariaLabel) : renderDefault();\n    });\n  };\n\n  private renderDefaultItem = (label: string, value: string, buttonProps: ButtonProps, ariaLabel?: string) => (\n    <Button aria-label={ariaLabel} key={value} {...buttonProps}>\n      {label}\n    </Button>\n  );\n\n  private getLabelSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PropTypes","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","getButtonCorners","Group","Button","ThemeContext","CommonWrapper","cx","rootNode","isThemeGTE","styles","getSwitcherTheme","mod","SwitcherDataTids","root","Switcher","_class","_Switcher","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","_this$_extractPropsFr","_focus","index","setState","handleKey","e","_this$_extractPropsFr2","buttonProps","disabled","preventDefault","move","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","_extends","renderDefault","renderDefaultItem","createElement","key","getLabelSizeClassName","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose","_proto","prototype","render","_this2","Consumer","Provider","renderMain","inputProps","type","onKeyDown","onFocus","onBlur","className","input","isThemeGTE_5_1","isTheme_5_0","captionClassName","caption","wrapperClassName","wrap","error","error5_1","errorClassName","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName","defaultProps","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"sources":["Switcher.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { getButtonCorners, Group } from '../Group';\nimport { Button, ButtonProps } from '../Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Switcher.styles';\nimport { getSwitcherTheme } from './switcherTheme';\nimport { mod } from './helpers';\n\nexport type SwitcherItems = string | SwitcherItem;\n\nexport const SwitcherDataTids = {\n  root: 'Switcher__root',\n} as const;\n\nexport interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {\n  /** Задает список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`. */\n  items: SwitcherItems[];\n\n  /** Устанавливает значение свитчера. */\n  value?: string;\n\n  /** Задает функцию, которая вызывается при изменении значения свитчера (value). */\n  onValueChange?: (value: string) => void;\n\n  /** Задает подпись около свитчера. */\n  caption?: string;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает функцию отрисовки элемента.\n   * @param `label` -\n   * @param `value` -\n   * @param `buttonProps` -\n   * @param `renderDefault` -\n   * @param `ariaLabel` -\n   */\n  renderItem?: (\n    label: string,\n    value: string,\n    buttonProps: ButtonProps,\n    renderDefault: () => React.ReactNode,\n    ariaLabel?: string,\n  ) => React.ReactNode;\n}\n\ntype DefaultProps = Required<Pick<SwitcherProps, 'role'>>;\n\nexport interface SwitcherState {\n  focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n  value: string;\n  label: string;\n  'aria-label'?: string;\n  buttonProps?: Partial<ButtonProps>;\n}\n\n/**\n * Переключатель `Switcher` — это замена RadioGroup.\n *\n * Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.\n */\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n  public static __KONTUR_REACT_UI__ = 'Switcher';\n  public static displayName = 'Switcher';\n\n  public static defaultProps: DefaultProps = {\n    role: 'switch',\n  };\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    disabled: PropTypes.bool,\n    items: PropTypes.oneOfType([\n      PropTypes.arrayOf(PropTypes.string),\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string,\n          value: PropTypes.string,\n        }),\n      ),\n    ]).isRequired,\n    caption: PropTypes.string,\n    value: PropTypes.string,\n    onValueChange: PropTypes.func,\n    renderItem: PropTypes.func,\n  };\n\n  public state: SwitcherState = {\n    focusedIndex: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getSwitcherTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const inputProps = {\n      type: 'checkbox',\n      onKeyDown: this.handleKey,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      className: styles.input(),\n    };\n    const isThemeGTE_5_1 = isThemeGTE(this.theme, '5.1');\n    const isTheme_5_0 = !isThemeGTE_5_1;\n    const items = <Group>{this._renderItems()}</Group>;\n\n    const captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());\n    const wrapperClassName = cx(styles.wrap(), isThemeGTE_5_1 && this.props.error && styles.error5_1(this.theme));\n    const errorClassName = cx(isTheme_5_0 && this.props.error && styles.error(this.theme));\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SwitcherDataTids.root} className={styles.root()}>\n          {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n          <div className={wrapperClassName}>\n            <input {...inputProps} />\n            {isThemeGTE_5_1 ? items : <div className={errorClassName}>{items}</div>}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private selectItem = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private _extractPropsFromItem = (item: string | SwitcherItem): SwitcherItem => {\n    return typeof item === 'object' ? item : { label: item, value: item };\n  };\n\n  private _extractValuesFromItems = (): string[] => {\n    return this.props.items.map((item) => {\n      const { value } = this._extractPropsFromItem(item);\n      return value;\n    });\n  };\n\n  private _focus = (index: number) => {\n    this.setState({ focusedIndex: index });\n  };\n\n  private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const focusedIndex = this.state.focusedIndex;\n    if (typeof focusedIndex !== 'number') {\n      return;\n    }\n\n    if (isKeyEnter(e)) {\n      if (this.props.onValueChange) {\n        const { value, buttonProps } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n        if (!buttonProps?.disabled) {\n          this.selectItem(value);\n        }\n      }\n      return;\n    }\n\n    if (isKeyArrowHorizontal(e)) {\n      e.preventDefault();\n      this.move(isKeyArrowLeft(e));\n    }\n  };\n\n  private move = (left: boolean) => {\n    const selectedIndex = this.state.focusedIndex;\n\n    if (typeof selectedIndex !== 'number') {\n      return;\n    }\n    const newFocusedIndex = this._getNextFocusedIndex(left, selectedIndex);\n    this._focus(newFocusedIndex);\n  };\n\n  private _getNextFocusedIndex = (left: boolean, focusedIndex: number): number => {\n    const { items, disabled } = this.props;\n    if (disabled) {\n      return focusedIndex;\n    }\n\n    for (let i = 1; i < items.length; i++) {\n      const index = mod(focusedIndex + (left ? -i : i), items.length);\n      const { buttonProps } = this._extractPropsFromItem(items[index]);\n      if (!buttonProps?.disabled) {\n        return index;\n      }\n    }\n    return focusedIndex;\n  };\n\n  private _handleFocus = () => {\n    const { value } = this.props;\n\n    const items = this._extractValuesFromItems();\n    const currentIndex = [...items].indexOf(value as string);\n    const index = currentIndex > -1 ? currentIndex : 0;\n\n    this.setState({ focusedIndex: index });\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedIndex: null });\n  };\n\n  private _renderItems = () => {\n    const { items, value, size, disabled, role, renderItem } = this.props;\n    return items.map((item, i) => {\n      const {\n        'aria-label': ariaLabel,\n        label,\n        value: itemValue,\n        buttonProps: customButtonProps,\n      } = this._extractPropsFromItem(item);\n\n      const isChecked = value === itemValue;\n      const commonButtonProps = {\n        'aria-checked': isChecked,\n        role,\n        checked: isChecked,\n        visuallyFocused: this.state.focusedIndex === i,\n        onClick: () => {\n          this.selectItem(itemValue);\n        },\n        disableFocus: true,\n        size,\n        disabled,\n        corners: getButtonCorners(i === 0, i === items.length - 1),\n      };\n\n      const buttonProps = {\n        ...commonButtonProps,\n        ...customButtonProps,\n      };\n\n      const renderDefault = () => this.renderDefaultItem(label, itemValue, buttonProps, ariaLabel);\n\n      return renderItem ? renderItem(label, itemValue, buttonProps, renderDefault, ariaLabel) : renderDefault();\n    });\n  };\n\n  private renderDefaultItem = (label: string, value: string, buttonProps: ButtonProps, ariaLabel?: string) => (\n    <Button aria-label={ariaLabel} key={value} {...buttonProps}>\n      {label}\n    </Button>\n  );\n\n  private getLabelSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Switcher/Switcher.d.ts

@@ -9,20 +9,26 @@ export declare const SwitcherDataTids: {
     readonly root: "Switcher__root";
 };
 export interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {
-    /**
-     * Список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`
-     */
+    /** Задает список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`. */
     items: SwitcherItems[];
+    /** Устанавливает значение свитчера. */
     value?: string;
+    /** Задает функцию, которая вызывается при изменении значения свитчера (value). */
     onValueChange?: (value: string) => void;
+    /** Задает подпись около свитчера. */
     caption?: string;
+    /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
-    /** Размер */
+    /** Задает размер контрола. */
     size?: SizeProp;
+    /** Делает компонент недоступным. */
     disabled?: boolean;
-    /**
-     * Функция для отрисовки элемента. Аргументы — `label`,
-     * `value`, `buttonProps`, `renderDefault`, `ariaLabel`
+    /** Задает функцию отрисовки элемента.
+     * @param `label` -
+     * @param `value` -
+     * @param `buttonProps` -
+     * @param `renderDefault` -
+     * @param `ariaLabel` -
      */
     renderItem?: (label: string, value: string, buttonProps: ButtonProps, renderDefault: () => React.ReactNode, ariaLabel?: string) => React.ReactNode;
 }
@@ -36,6 +42,11 @@ interface SwitcherItem {
     'aria-label'?: string;
     buttonProps?: Partial<ButtonProps>;
 }
+/**
+ * Переключатель `Switcher` — это замена RadioGroup.
+ *
+ * Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.
+ */
 export declare class Switcher extends React.Component<SwitcherProps, SwitcherState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;

package/components/Switcher/Switcher.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 const [value, setValue] = React.useState();
 
@@ -9,7 +10,8 @@ const [value, setValue] = React.useState();
 />;
 ```
 
-Случай, когда `items` принимает объект типа `{ label: string, value: string }`:
+### items в виде объектов
+Случай, когда `items` принимает объект типа `{ label: string, value: string }`
 
 ```jsx harmony
 const [value, setValue] = React.useState();
@@ -36,7 +38,8 @@ const items = [
 />;
 ```
 
-Вариант `items` с полем `buttonProps`, который позволяет кастомизировать кнопку:
+### Кастомизация кнопки
+Вариант `items` с полем `buttonProps`, который позволяет кастомизировать кнопку
 
 ```jsx harmony
 const [value, setValue] = React.useState();
@@ -75,6 +78,7 @@ const items = [
 />;
 ```
 
+### Кастомизация items
 Пример с методом `renderItem` для кастомизации `items`:
 
 ```jsx harmony

package/components/Switcher/Switcher.styles/Switcher.styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
@@ -27,5 +27,8 @@ export var styles = memoizeStyle({
     var insideWidth = parseInt(t.btnBorderWidth);
     var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
     return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n    "])), t.switcherBorderRadius, insideWidth, t.borderColorError, outsideWidth, t.borderColorError);
+  },
+  error5_1: function error5_1(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), t.switcherBorderRadius, t.switcherOutlineWidth, t.borderColorError);
   }
 });

package/components/Switcher/Switcher.styles/Switcher.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","wrap","_templateObject2","input","_templateObject3","caption","t","_templateObject4","switcherTextColor","captionSmall","_templateObject5","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","_templateObject6","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","_templateObject7","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","_templateObject8","switcherBorderRadius","borderColorError"],"sources":["Switcher.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      line-height: normal;\n    `;\n  },\n\n  wrap() {\n    return css`\n      display: inline-block;\n      vertical-align: middle;\n    `;\n  },\n\n  input() {\n    return css`\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.switcherTextColor};\n      vertical-align: middle;\n      display: inline-block;\n    `;\n  },\n\n  captionSmall(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapSmall};\n      font-size: ${t.switcherCaptionFontSizeSmall};\n      line-height: ${t.switcherCaptionLineHeightSmall};\n    `;\n  },\n\n  captionMedium(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapMedium};\n      font-size: ${t.switcherCaptionFontSizeMedium};\n      line-height: ${t.switcherCaptionLineHeightMedium};\n    `;\n  },\n\n  captionLarge(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapLarge};\n      font-size: ${t.switcherCaptionFontSizeLarge};\n      line-height: ${t.switcherCaptionLineHeightLarge};\n    `;\n  },\n\n  error(t: Theme) {\n    const insideWidth = parseInt(t.btnBorderWidth);\n    const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n    return css`\n      border-radius: ${t.switcherBorderRadius};\n      box-shadow:\n        inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n        0 0 0 ${outsideWidth} ${t.borderColorError};\n    `;\n  },\n});\n"],"mappings":"kPAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;;EAMZ,CAAC;;EAEDK,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCM,CAAC,CAACE,iBAAiB;;;;EAIhC,CAAC;;EAEDC,YAAY,WAAAA,aAACH,CAAQ,EAAE;IACrB,OAAOX,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACQM,CAAC,CAACK,uBAAuB;IAC5BL,CAAC,CAACM,4BAA4B;IAC5BN,CAAC,CAACO,8BAA8B;;EAEnD,CAAC;;EAEDC,aAAa,WAAAA,cAACR,CAAQ,EAAE;IACtB,OAAOX,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACQM,CAAC,CAACU,wBAAwB;IAC7BV,CAAC,CAACW,6BAA6B;IAC7BX,CAAC,CAACY,+BAA+B;;EAEpD,CAAC;;EAEDC,YAAY,WAAAA,aAACb,CAAQ,EAAE;IACrB,OAAOX,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACQM,CAAC,CAACe,uBAAuB;IAC5Bf,CAAC,CAACgB,4BAA4B;IAC5BhB,CAAC,CAACiB,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAAClB,CAAQ,EAAE;IACd,IAAMmB,WAAW,GAAGC,QAAQ,CAACpB,CAAC,CAACqB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAACpB,CAAC,CAACuB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,OAAO9B,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACSM,CAAC,CAACyB,oBAAoB;;IAEvBN,WAAW,EAAMnB,CAAC,CAAC0B,gBAAgB;IACzCJ,YAAY,EAAItB,CAAC,CAAC0B,gBAAgB;;EAEhD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","wrap","_templateObject2","input","_templateObject3","caption","t","_templateObject4","switcherTextColor","captionSmall","_templateObject5","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","_templateObject6","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","_templateObject7","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","_templateObject8","switcherBorderRadius","borderColorError","error5_1","_templateObject9"],"sources":["Switcher.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      line-height: normal;\n    `;\n  },\n\n  wrap() {\n    return css`\n      display: inline-block;\n      vertical-align: middle;\n    `;\n  },\n\n  input() {\n    return css`\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.switcherTextColor};\n      vertical-align: middle;\n      display: inline-block;\n    `;\n  },\n\n  captionSmall(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapSmall};\n      font-size: ${t.switcherCaptionFontSizeSmall};\n      line-height: ${t.switcherCaptionLineHeightSmall};\n    `;\n  },\n\n  captionMedium(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapMedium};\n      font-size: ${t.switcherCaptionFontSizeMedium};\n      line-height: ${t.switcherCaptionLineHeightMedium};\n    `;\n  },\n\n  captionLarge(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapLarge};\n      font-size: ${t.switcherCaptionFontSizeLarge};\n      line-height: ${t.switcherCaptionLineHeightLarge};\n    `;\n  },\n\n  error(t: Theme) {\n    const insideWidth = parseInt(t.btnBorderWidth);\n    const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n    return css`\n      border-radius: ${t.switcherBorderRadius};\n      box-shadow:\n        inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n        0 0 0 ${outsideWidth} ${t.borderColorError};\n    `;\n  },\n\n  error5_1(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow: 0 0 0 ${t.switcherOutlineWidth} ${t.borderColorError};\n      }\n    `;\n  },\n});\n"],"mappings":"oQAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;;EAMZ,CAAC;;EAEDK,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCM,CAAC,CAACE,iBAAiB;;;;EAIhC,CAAC;;EAEDC,YAAY,WAAAA,aAACH,CAAQ,EAAE;IACrB,OAAOX,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACQM,CAAC,CAACK,uBAAuB;IAC5BL,CAAC,CAACM,4BAA4B;IAC5BN,CAAC,CAACO,8BAA8B;;EAEnD,CAAC;;EAEDC,aAAa,WAAAA,cAACR,CAAQ,EAAE;IACtB,OAAOX,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACQM,CAAC,CAACU,wBAAwB;IAC7BV,CAAC,CAACW,6BAA6B;IAC7BX,CAAC,CAACY,+BAA+B;;EAEpD,CAAC;;EAEDC,YAAY,WAAAA,aAACb,CAAQ,EAAE;IACrB,OAAOX,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACQM,CAAC,CAACe,uBAAuB;IAC5Bf,CAAC,CAACgB,4BAA4B;IAC5BhB,CAAC,CAACiB,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAAClB,CAAQ,EAAE;IACd,IAAMmB,WAAW,GAAGC,QAAQ,CAACpB,CAAC,CAACqB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAACpB,CAAC,CAACuB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,OAAO9B,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;IACSM,CAAC,CAACyB,oBAAoB;;IAEvBN,WAAW,EAAMnB,CAAC,CAAC0B,gBAAgB;IACzCJ,YAAY,EAAItB,CAAC,CAAC0B,gBAAgB;;EAEhD,CAAC;;EAEDC,QAAQ,WAAAA,SAAC3B,CAAQ,EAAE;IACjB,OAAOX,GAAG,CAAAuC,gBAAA,KAAAA,gBAAA,GAAAlC,2BAAA;;;;;;;;;;;;IAYWM,CAAC,CAACyB,oBAAoB;IACnBzB,CAAC,CAACuB,oBAAoB,EAAIvB,CAAC,CAAC0B,gBAAgB;;;EAGtE;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Switcher/Switcher.styles.d.ts

@@ -8,4 +8,5 @@ export declare const styles: {
     captionMedium(t: Theme): string;
     captionLarge(t: Theme): string;
     error(t: Theme): string;
+    error5_1(t: Theme): string;
 };

package/components/Switcher/__docs__/Switcher.mdx

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

package/components/Tabs/Tab/Tab.js

@@ -21,7 +21,7 @@ export var TabDataTids = {
 };
 
 /**
- * Вложенный элемент компонента `<Tabs />`.
+ * Вложенный элемент компонента Tabs.
  */
 export var Tab = rootNode(_class = (_Tab = /*#__PURE__*/function (_React$Component) {
   function Tab(props) {