@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

package/cjs/components/Sticky/Sticky.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default","inner","fixed","stopped","container"],"sources":["Sticky.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","wrapper","css","process","env","NODE_ENV","name","toString","inner","fixed","stopped","container"],"sources":["Sticky.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,SAAAC,iCAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,wBAAOC,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,WAAAR,MAAA,uBAAAQ,IAAA,oBAAAR,MAAA,iCAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;EACDW,KAAK,WAAAA,MAAA,EAAG;IACN,wBAAON,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,kCAAAQ,IAAA,mBAAAR,MAAA,0CAAAS,QAAA,EAAAV,gCAAA;;;;EAIZ,CAAC;;EAEDY,KAAK,WAAAA,MAAA,EAAG;IACN,wBAAOP,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,yBAAAQ,IAAA,mBAAAR,MAAA,iCAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDa,OAAO,WAAAA,QAAA,EAAG;IACR,wBAAOR,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,4BAAAQ,IAAA,oBAAAR,MAAA,sCAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDc,SAAS,WAAAA,UAAA,EAAG;IACV,wBAAOT,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,+BAAAQ,IAAA,uBAAAR,MAAA,2CAAAS,QAAA,EAAAV,gCAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,98 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('Sticky', () => {
+  story('WideContainer', () => {
+    test('fixed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyContent = window.document.querySelector('[data-tid="stickyContent"]') as HTMLElement;
+        const nonStickyText = window.document.querySelector('[data-tid="nonStickyText"]') as HTMLElement;
+        const scrollXOffset = nonStickyText.getBoundingClientRect().width / 2;
+        const scrollYOffset = stickyContent.getBoundingClientRect().height / 2;
+
+        window.scrollTo(scrollXOffset, scrollYOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+  });
+
+  story('Top', () => {
+    test('top', async (context) => {
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'top');
+    });
+
+    test('fixed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyStop = window.document.querySelector('[data-tid="stickyStop"]') as HTMLElement;
+        const scrollOffset = stickyStop.getBoundingClientRect().top - window.innerHeight / 2;
+
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+
+    test('stoped', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyStop = window.document.querySelector('[data-tid="stickyStop"]') as HTMLElement;
+        stickyStop.scrollIntoView();
+      });
+      await context.webdriver.executeScript(function () {
+        const stickyContent = window.document.querySelector('[data-tid="stickyContent"]') as HTMLElement;
+        const scrollOffset = pageYOffset - stickyContent.getBoundingClientRect().height / 2;
+
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'stoped');
+    });
+  });
+
+  story('Bottom', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'flacky stopped position': {
+          in: ['firefox', 'firefox8px', 'firefoxDark'],
+          tests: 'stoped',
+        },
+      },
+    });
+
+    test('bottom', async (context) => {
+      await context.webdriver.executeScript(function () {
+        window.scrollTo(0, 9999);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'bottom');
+    });
+
+    test('fixed', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const sticky = window.document.querySelector('[data-comp-name~="Sticky"]') as HTMLElement;
+        const scrollOffset = sticky.getBoundingClientRect().top - window.innerHeight;
+
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+
+    test('stoped', async (context) => {
+      await context.webdriver.executeScript(function () {
+        const stickyStop = window.document.querySelector('[data-tid="stickyStop"]') as HTMLElement;
+        stickyStop.scrollIntoView(false);
+      });
+      await context.webdriver.executeScript(function () {
+        const stickyContent = window.document.querySelector('[data-tid="stickyContent"]') as HTMLElement;
+        const scrollOffset = pageYOffset + stickyContent.getBoundingClientRect().height / 2;
+
+        window.scrollTo(0, scrollOffset);
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'fixed');
+    });
+  });
+});

package/cjs/components/Switcher/Switcher.js

@@ -11,6 +11,7 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _Switcher2 = require("./Switcher.styles");
 var _switcherTheme = require("./switcherTheme");
@@ -150,7 +151,6 @@ Switcher = exports.Switcher = (0, _rootNode.rootNode)(_class = (_Switcher = /*#_
 
 
 
-
 
 
     selectItem = function (value) {
@@ -288,4 +288,4 @@ Switcher = exports.Switcher = (0, _rootNode.rootNode)(_class = (_Switcher = /*#_
         default:
           return _Switcher2.styles.captionSmall(_this.theme);
       }
-    };return _this;}(0, _inheritsLoose2.default)(Switcher, _React$Component);var _proto = Switcher.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _switcherTheme.getSwitcherTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _cx;var listClassName = (0, _Emotion.cx)((_cx = {}, _cx[_Switcher2.styles.error(this.theme)] = !!this.props.error, _cx));var inputProps = { type: 'checkbox', onKeyDown: this.handleKey, onFocus: this._handleFocus, onBlur: this._handleBlur, className: _Switcher2.styles.input() };var captionClassName = (0, _Emotion.cx)(_Switcher2.styles.caption(this.theme), this.getLabelSizeClassName());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SwitcherDataTids.root, className: _Switcher2.styles.root() }, this.props.caption ? /*#__PURE__*/_react.default.createElement("div", { className: captionClassName }, this.props.caption) : null, /*#__PURE__*/_react.default.createElement("div", { className: _Switcher2.styles.wrap() }, /*#__PURE__*/_react.default.createElement("input", inputProps), /*#__PURE__*/_react.default.createElement("div", { className: listClassName }, /*#__PURE__*/_react.default.createElement(_Group.Group, null, this._renderItems())))));};return Switcher;}(_react.default.Component), _Switcher.__KONTUR_REACT_UI__ = 'Switcher', _Switcher.displayName = 'Switcher', _Switcher.defaultProps = { role: 'switch' }, _Switcher.propTypes = { error: _propTypes.default.bool, disabled: _propTypes.default.bool, items: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.shape({ label: _propTypes.default.string, value: _propTypes.default.string }))]).isRequired, caption: _propTypes.default.string, value: _propTypes.default.string, onValueChange: _propTypes.default.func, renderItem: _propTypes.default.func }, _Switcher)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(Switcher, _React$Component);var _proto = Switcher.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _switcherTheme.getSwitcherTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var inputProps = { type: 'checkbox', onKeyDown: this.handleKey, onFocus: this._handleFocus, onBlur: this._handleBlur, className: _Switcher2.styles.input() };var isThemeGTE_5_1 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.1');var isTheme_5_0 = !isThemeGTE_5_1;var items = /*#__PURE__*/_react.default.createElement(_Group.Group, null, this._renderItems());var captionClassName = (0, _Emotion.cx)(_Switcher2.styles.caption(this.theme), this.getLabelSizeClassName());var wrapperClassName = (0, _Emotion.cx)(_Switcher2.styles.wrap(), isThemeGTE_5_1 && this.props.error && _Switcher2.styles.error5_1(this.theme));var errorClassName = (0, _Emotion.cx)(isTheme_5_0 && this.props.error && _Switcher2.styles.error(this.theme));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SwitcherDataTids.root, className: _Switcher2.styles.root() }, this.props.caption ? /*#__PURE__*/_react.default.createElement("div", { className: captionClassName }, this.props.caption) : null, /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement("input", inputProps), isThemeGTE_5_1 ? items : /*#__PURE__*/_react.default.createElement("div", { className: errorClassName }, items))));};return Switcher;}(_react.default.Component), _Switcher.__KONTUR_REACT_UI__ = 'Switcher', _Switcher.displayName = 'Switcher', _Switcher.defaultProps = { role: 'switch' }, _Switcher.propTypes = { error: _propTypes.default.bool, disabled: _propTypes.default.bool, items: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.shape({ label: _propTypes.default.string, value: _propTypes.default.string }))]).isRequired, caption: _propTypes.default.string, value: _propTypes.default.string, onValueChange: _propTypes.default.func, renderItem: _propTypes.default.func }, _Switcher)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_identifiers","_Group","_Button","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_Switcher2","_switcherTheme","_helpers","_class","_Switcher","SwitcherDataTids","exports","root","Switcher","rootNode","_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","isKeyEnter","_this$_extractPropsFr2","buttonProps","disabled","isKeyArrowHorizontal","preventDefault","move","isKeyArrowLeft","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","mod","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","getButtonCorners","_extends2","default","renderDefault","renderDefaultItem","createElement","Button","key","getLabelSizeClassName","styles","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","getSwitcherTheme","Provider","renderMain","_cx","listClassName","cx","error","inputProps","type","onKeyDown","onFocus","onBlur","className","input","captionClassName","caption","CommonWrapper","rootNodeRef","setRootNode","wrap","Group","React","Component","__KONTUR_REACT_UI__","displayName","defaultProps","propTypes","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  /** Задает список строк или список элементов типа `{ 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 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","_interopRequireDefault","require","_propTypes","_identifiers","_Group","_Button","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeHelpers","_Switcher2","_switcherTheme","_helpers","_class","_Switcher","SwitcherDataTids","exports","root","Switcher","rootNode","_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","isKeyEnter","_this$_extractPropsFr2","buttonProps","disabled","isKeyArrowHorizontal","preventDefault","move","isKeyArrowLeft","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","mod","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","getButtonCorners","_extends2","default","renderDefault","renderDefaultItem","createElement","Button","key","getLabelSizeClassName","styles","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","getSwitcherTheme","Provider","renderMain","inputProps","type","onKeyDown","onFocus","onBlur","className","input","isThemeGTE_5_1","isThemeGTE","isTheme_5_0","Group","captionClassName","cx","caption","wrapperClassName","wrap","error","error5_1","errorClassName","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName","defaultProps","propTypes","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":"yWAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;;AAEA,IAAAK,aAAA,GAAAL,OAAA;;AAEA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;;AAEA,IAAAS,aAAA,GAAAT,OAAA;;AAEA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA,cAAgC,IAAAa,MAAA,EAAAC,SAAA;;;;AAIzB,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,IAAI,EAAE;AACR,CAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDV;AACA;AACA;AACA;AACA,GAJA;;AAMaC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,OADpBC,kBAAQ,EAAAN,MAAA,IAAAC,SAAA,0BAAAM,gBAAA,YAAAF,SAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;IA2BAU,KAAK,GAAkB;MAC5BC,YAAY,EAAE;IAChB,CAAC,CAAAX,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6COY,UAAU,GAAG,UAACC,KAAa,EAAK;MACtC,IAAIb,KAAA,CAAKc,KAAK,CAACC,aAAa,EAAE;QAC5Bf,KAAA,CAAKc,KAAK,CAACC,aAAa,CAACF,KAAK,CAAC;MACjC;IACF,CAAC,CAAAb,KAAA;;IAEOgB,qBAAqB,GAAG,UAACC,IAA2B,EAAmB;MAC7E,OAAO,OAAOA,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,EAAEC,KAAK,EAAED,IAAI,EAAEJ,KAAK,EAAEI,IAAI,CAAC,CAAC;IACvE,CAAC,CAAAjB,KAAA;;IAEOmB,uBAAuB,GAAG,YAAgB;MAChD,OAAOnB,KAAA,CAAKc,KAAK,CAACM,KAAK,CAACC,GAAG,CAAC,UAACJ,IAAI,EAAK;QACpC,IAAAK,qBAAA,GAAkBtB,KAAA,CAAKgB,qBAAqB,CAACC,IAAI,CAAC,CAA1CJ,KAAK,GAAAS,qBAAA,CAALT,KAAK;QACb,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ,CAAC,CAAAb,KAAA;;IAEOuB,MAAM,GAAG,UAACC,KAAa,EAAK;MAClCxB,KAAA,CAAKyB,QAAQ,CAAC,EAAEd,YAAY,EAAEa,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,CAAAxB,KAAA;;IAEO0B,SAAS,GAAG,UAACC,CAAwC,EAAK;MAChE,IAAMhB,YAAY,GAAGX,KAAA,CAAKU,KAAK,CAACC,YAAY;MAC5C,IAAI,OAAOA,YAAY,KAAK,QAAQ,EAAE;QACpC;MACF;;MAEA,IAAI,IAAAiB,uBAAU,EAACD,CAAC,CAAC,EAAE;QACjB,IAAI3B,KAAA,CAAKc,KAAK,CAACC,aAAa,EAAE;UAC5B,IAAAc,sBAAA,GAA+B7B,KAAA,CAAKgB,qBAAqB,CAAChB,KAAA,CAAKc,KAAK,CAACM,KAAK,CAACT,YAAY,CAAC,CAAC,CAAjFE,KAAK,GAAAgB,sBAAA,CAALhB,KAAK,CAAEiB,WAAW,GAAAD,sBAAA,CAAXC,WAAW;UAC1B,IAAI,EAACA,WAAW,YAAXA,WAAW,CAAEC,QAAQ,GAAE;YAC1B/B,KAAA,CAAKY,UAAU,CAACC,KAAK,CAAC;UACxB;QACF;QACA;MACF;;MAEA,IAAI,IAAAmB,iCAAoB,EAACL,CAAC,CAAC,EAAE;QAC3BA,CAAC,CAACM,cAAc,CAAC,CAAC;QAClBjC,KAAA,CAAKkC,IAAI,CAAC,IAAAC,2BAAc,EAACR,CAAC,CAAC,CAAC;MAC9B;IACF,CAAC,CAAA3B,KAAA;;IAEOkC,IAAI,GAAG,UAACE,IAAa,EAAK;MAChC,IAAMC,aAAa,GAAGrC,KAAA,CAAKU,KAAK,CAACC,YAAY;;MAE7C,IAAI,OAAO0B,aAAa,KAAK,QAAQ,EAAE;QACrC;MACF;MACA,IAAMC,eAAe,GAAGtC,KAAA,CAAKuC,oBAAoB,CAACH,IAAI,EAAEC,aAAa,CAAC;MACtErC,KAAA,CAAKuB,MAAM,CAACe,eAAe,CAAC;IAC9B,CAAC,CAAAtC,KAAA;;IAEOuC,oBAAoB,GAAG,UAACH,IAAa,EAAEzB,YAAoB,EAAa;MAC9E,IAAA6B,WAAA,GAA4BxC,KAAA,CAAKc,KAAK,CAA9BM,KAAK,GAAAoB,WAAA,CAALpB,KAAK,CAAEW,QAAQ,GAAAS,WAAA,CAART,QAAQ;MACvB,IAAIA,QAAQ,EAAE;QACZ,OAAOpB,YAAY;MACrB;;MAEA,KAAK,IAAI8B,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGrB,KAAK,CAACjB,MAAM,EAAEsC,CAAC,EAAE,EAAE;QACrC,IAAMjB,KAAK,GAAG,IAAAkB,YAAG,EAAC/B,YAAY,IAAIyB,IAAI,GAAG,CAACK,CAAC,GAAGA,CAAC,CAAC,EAAErB,KAAK,CAACjB,MAAM,CAAC;QAC/D,IAAAwC,sBAAA,GAAwB3C,KAAA,CAAKgB,qBAAqB,CAACI,KAAK,CAACI,KAAK,CAAC,CAAC,CAAxDM,WAAW,GAAAa,sBAAA,CAAXb,WAAW;QACnB,IAAI,EAACA,WAAW,YAAXA,WAAW,CAAEC,QAAQ,GAAE;UAC1B,OAAOP,KAAK;QACd;MACF;MACA,OAAOb,YAAY;IACrB,CAAC,CAAAX,KAAA;;IAEO4C,YAAY,GAAG,YAAM;MAC3B,IAAQ/B,KAAK,GAAKb,KAAA,CAAKc,KAAK,CAApBD,KAAK;;MAEb,IAAMO,KAAK,GAAGpB,KAAA,CAAKmB,uBAAuB,CAAC,CAAC;MAC5C,IAAM0B,YAAY,GAAG,GAAApC,MAAA,CAAIW,KAAK,EAAE0B,OAAO,CAACjC,KAAe,CAAC;MACxD,IAAMW,KAAK,GAAGqB,YAAY,GAAG,CAAC,CAAC,GAAGA,YAAY,GAAG,CAAC;;MAElD7C,KAAA,CAAKyB,QAAQ,CAAC,EAAEd,YAAY,EAAEa,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,CAAAxB,KAAA;;IAEO+C,WAAW,GAAG,YAAM;MAC1B/C,KAAA,CAAKyB,QAAQ,CAAC,EAAEd,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC,CAAAX,KAAA;;IAEOgD,YAAY,GAAG,YAAM;MAC3B,IAAAC,YAAA,GAA2DjD,KAAA,CAAKc,KAAK,CAA7DM,KAAK,GAAA6B,YAAA,CAAL7B,KAAK,CAAEP,KAAK,GAAAoC,YAAA,CAALpC,KAAK,CAAEqC,IAAI,GAAAD,YAAA,CAAJC,IAAI,CAAEnB,QAAQ,GAAAkB,YAAA,CAARlB,QAAQ,CAAEoB,IAAI,GAAAF,YAAA,CAAJE,IAAI,CAAEC,UAAU,GAAAH,YAAA,CAAVG,UAAU;MACtD,OAAOhC,KAAK,CAACC,GAAG,CAAC,UAACJ,IAAI,EAAEwB,CAAC,EAAK;QAC5B,IAAAY,sBAAA;;;;;UAKIrD,KAAA,CAAKgB,qBAAqB,CAACC,IAAI,CAAC,CAJpBqC,SAAS,GAAAD,sBAAA,CAAvB,YAAY,EACZnC,KAAK,GAAAmC,sBAAA,CAALnC,KAAK,CACEqC,SAAS,GAAAF,sBAAA,CAAhBxC,KAAK,CACQ2C,iBAAiB,GAAAH,sBAAA,CAA9BvB,WAAW;;QAGb,IAAM2B,SAAS,GAAG5C,KAAK,KAAK0C,SAAS;QACrC,IAAMG,iBAAiB,GAAG;UACxB,cAAc,EAAED,SAAS;UACzBN,IAAI,EAAJA,IAAI;UACJQ,OAAO,EAAEF,SAAS;UAClBG,eAAe,EAAE5D,KAAA,CAAKU,KAAK,CAACC,YAAY,KAAK8B,CAAC;UAC9CoB,OAAO,EAAE,SAAAA,QAAA,EAAM;YACb7D,KAAA,CAAKY,UAAU,CAAC2C,SAAS,CAAC;UAC5B,CAAC;UACDO,YAAY,EAAE,IAAI;UAClBZ,IAAI,EAAJA,IAAI;UACJnB,QAAQ,EAARA,QAAQ;UACRgC,OAAO,EAAE,IAAAC,uBAAgB,EAACvB,CAAC,KAAK,CAAC,EAAEA,CAAC,KAAKrB,KAAK,CAACjB,MAAM,GAAG,CAAC;QAC3D,CAAC;;QAED,IAAM2B,WAAW,OAAAmC,SAAA,CAAAC,OAAA;QACZR,iBAAiB;QACjBF,iBAAiB,CACrB;;;QAED,IAAMW,aAAa,GAAG,SAAhBA,aAAaA,CAAA,UAASnE,KAAA,CAAKoE,iBAAiB,CAAClD,KAAK,EAAEqC,SAAS,EAAEzB,WAAW,EAAEwB,SAAS,CAAC;;QAE5F,OAAOF,UAAU,GAAGA,UAAU,CAAClC,KAAK,EAAEqC,SAAS,EAAEzB,WAAW,EAAEqC,aAAa,EAAEb,SAAS,CAAC,GAAGa,aAAa,CAAC,CAAC;MAC3G,CAAC,CAAC;IACJ,CAAC,CAAAnE,KAAA;;IAEOoE,iBAAiB,GAAG,UAAClD,KAAa,EAAEL,KAAa,EAAEiB,WAAwB,EAAEwB,SAAkB;QACrG7E,MAAA,CAAAyF,OAAA,CAAAG,aAAA,CAACtF,OAAA,CAAAuF,MAAM,MAAAL,SAAA,CAAAC,OAAA,IAAC,cAAYZ,SAAU,EAACiB,GAAG,EAAE1D,KAAM,IAAKiB,WAAW;QACvDZ;QACK,CAAC,GACV,CAAAlB,KAAA;;;IAEOwE,qBAAqB,GAAG,YAAc;MAC5C,QAAQxE,KAAA,CAAKc,KAAK,CAACoC,IAAI;QACrB,KAAK,OAAO;UACV,OAAOuB,iBAAM,CAACC,YAAY,CAAC1E,KAAA,CAAK2E,KAAK,CAAC;QACxC,KAAK,QAAQ;UACX,OAAOF,iBAAM,CAACG,aAAa,CAAC5E,KAAA,CAAK2E,KAAK,CAAC;QACzC,KAAK,OAAO;QACZ;UACE,OAAOF,iBAAM,CAACI,YAAY,CAAC7E,KAAA,CAAK2E,KAAK,CAAC;MAC1C;IACF,CAAC,QAAA3E,KAAA,MAAA8E,eAAA,CAAAZ,OAAA,EAAArE,QAAA,EAAAE,gBAAA,MAAAgF,MAAA,GAAAlF,QAAA,CAAAmF,SAAA,CAAAD,MAAA,CA/KME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEzG,MAAA,CAAAyF,OAAA,CAAAG,aAAA,CAACrF,aAAA,CAAAmG,YAAY,CAACC,QAAQ,QACnB,UAACT,KAAK,EAAK,CACVO,MAAI,CAACP,KAAK,GAAG,IAAAU,+BAAgB,EAACV,KAAK,CAAC,CACpC,oBAAOlG,MAAA,CAAAyF,OAAA,CAAAG,aAAA,CAACrF,aAAA,CAAAmG,YAAY,CAACG,QAAQ,IAACzE,KAAK,EAAEqE,MAAI,CAACP,KAAM,IAAEO,MAAI,CAACK,UAAU,CAAC,CAAyB,CAAC,CAC9F,CACqB,CAAC,CAE5B,CAAC,CAAAR,MAAA,CAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAMC,UAAU,GAAG,EACjBC,IAAI,EAAE,UAAU,EAChBC,SAAS,EAAE,IAAI,CAAChE,SAAS,EACzBiE,OAAO,EAAE,IAAI,CAAC/C,YAAY,EAC1BgD,MAAM,EAAE,IAAI,CAAC7C,WAAW,EACxB8C,SAAS,EAAEpB,iBAAM,CAACqB,KAAK,CAAC,CAAC,CAC3B,CAAC,CACD,IAAMC,cAAc,GAAG,IAAAC,wBAAU,EAAC,IAAI,CAACrB,KAAK,EAAE,KAAK,CAAC,CACpD,IAAMsB,WAAW,GAAG,CAACF,cAAc,CACnC,IAAM3E,KAAK,gBAAG3C,MAAA,CAAAyF,OAAA,CAAAG,aAAA,CAACvF,MAAA,CAAAoH,KAAK,QAAE,IAAI,CAAClD,YAAY,CAAC,CAAS,CAAC,CAElD,IAAMmD,gBAAgB,GAAG,IAAAC,WAAE,EAAC3B,iBAAM,CAAC4B,OAAO,CAAC,IAAI,CAAC1B,KAAK,CAAC,EAAE,IAAI,CAACH,qBAAqB,CAAC,CAAC,CAAC,CACrF,IAAM8B,gBAAgB,GAAG,IAAAF,WAAE,EAAC3B,iBAAM,CAAC8B,IAAI,CAAC,CAAC,EAAER,cAAc,IAAI,IAAI,CAACjF,KAAK,CAAC0F,KAAK,IAAI/B,iBAAM,CAACgC,QAAQ,CAAC,IAAI,CAAC9B,KAAK,CAAC,CAAC,CAC7G,IAAM+B,cAAc,GAAG,IAAAN,WAAE,EAACH,WAAW,IAAI,IAAI,CAACnF,KAAK,CAAC0F,KAAK,IAAI/B,iBAAM,CAAC+B,KAAK,CAAC,IAAI,CAAC7B,KAAK,CAAC,CAAC,CAEtF,oBACElG,MAAA,CAAAyF,OAAA,CAAAG,aAAA,CAACpF,cAAA,CAAA0H,aAAa,MAAA1C,SAAA,CAAAC,OAAA,IAAC0C,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAC/F,KAAK,gBAC1DrC,MAAA,CAAAyF,OAAA,CAAAG,aAAA,UAAK,YAAU3E,gBAAgB,CAACE,IAAK,EAACiG,SAAS,EAAEpB,iBAAM,CAAC7E,IAAI,CAAC,CAAE,IAC5D,IAAI,CAACkB,KAAK,CAACuF,OAAO,gBAAG5H,MAAA,CAAAyF,OAAA,CAAAG,aAAA,UAAKwB,SAAS,EAAEM,gBAAiB,IAAE,IAAI,CAACrF,KAAK,CAACuF,OAAa,CAAC,GAAG,IAAI,eACzF5H,MAAA,CAAAyF,OAAA,CAAAG,aAAA,UAAKwB,SAAS,EAAES,gBAAiB,iBAC/B7H,MAAA,CAAAyF,OAAA,CAAAG,aAAA,UAAWmB,UAAa,CAAC,EACxBO,cAAc,GAAG3E,KAAK,gBAAG3C,MAAA,CAAAyF,OAAA,CAAAG,aAAA,UAAKwB,SAAS,EAAEa,cAAe,IAAEtF,KAAW,CACnE,CACF,CACQ,CAAC,CAEpB,CAAC,QAAAvB,QAAA,GAvE2BiH,cAAK,CAACC,SAAS,GAAAtH,SAAA,CAC7BuH,mBAAmB,GAAG,UAAU,EAAAvH,SAAA,CAChCwH,WAAW,GAAG,UAAU,EAAAxH,SAAA,CAExByH,YAAY,GAAiB,EACzC/D,IAAI,EAAE,QAAQ,CAChB,CAAC,EAAA1D,SAAA,CAEa0H,SAAS,GAAG,EACxBX,KAAK,EAAEY,kBAAS,CAACC,IAAI,EACrBtF,QAAQ,EAAEqF,kBAAS,CAACC,IAAI,EACxBjG,KAAK,EAAEgG,kBAAS,CAACE,SAAS,CAAC,CACzBF,kBAAS,CAACG,OAAO,CAACH,kBAAS,CAACI,MAAM,CAAC,EACnCJ,kBAAS,CAACG,OAAO,CACfH,kBAAS,CAACK,KAAK,CAAC,EACdvG,KAAK,EAAEkG,kBAAS,CAACI,MAAM,EACvB3G,KAAK,EAAEuG,kBAAS,CAACI,MAAM,CACzB,CAAC,CACH,CAAC,CACF,CAAC,CAACE,UAAU,EACbrB,OAAO,EAAEe,kBAAS,CAACI,MAAM,EACzB3G,KAAK,EAAEuG,kBAAS,CAACI,MAAM,EACvBzG,aAAa,EAAEqG,kBAAS,CAACO,IAAI,EAC7BvE,UAAU,EAAEgE,kBAAS,CAACO,IAAI,CAC5B,CAAC,EAAAlI,SAAA,MAAAD,MAAA","ignoreList":[]}

package/cjs/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/cjs/components/Switcher/Switcher.styles.js

@@ -1,22 +1,22 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
 
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "as11ew", styles: "line-height:normal" } : { name: "7wbbrx-root", styles: "line-height:normal;label:root;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   wrap: function wrap() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      vertical-align: middle;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1saok50", styles: "display:inline-block;vertical-align:middle" } : { name: "nsbrx7-wrap", styles: "display:inline-block;vertical-align:middle;label:wrap;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   },
 
   input: function input() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "sjtl3q", styles: "height:0;opacity:0;position:absolute;width:0" } : { name: "4nqin7-input", styles: "height:0;opacity:0;position:absolute;width:0;label:input;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -25,45 +25,64 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "])),
-    t.switcherTextColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.switcherTextColor, ";vertical-align:middle;display:inline-block;" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"));
 
 
 
   },
 
   captionSmall: function captionSmall(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.switcherCaptionGapSmall,
-    t.switcherCaptionFontSizeSmall,
-    t.switcherCaptionLineHeightSmall);
+    return /*#__PURE__*/(0, _Emotion.css)("margin-right:",
+    t.switcherCaptionGapSmall, ";font-size:",
+    t.switcherCaptionFontSizeSmall, ";line-height:",
+    t.switcherCaptionLineHeightSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionSmall;"));
 
   },
 
   captionMedium: function captionMedium(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.switcherCaptionGapMedium,
-    t.switcherCaptionFontSizeMedium,
-    t.switcherCaptionLineHeightMedium);
+    return /*#__PURE__*/(0, _Emotion.css)("margin-right:",
+    t.switcherCaptionGapMedium, ";font-size:",
+    t.switcherCaptionFontSizeMedium, ";line-height:",
+    t.switcherCaptionLineHeightMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionMedium;"));
 
   },
 
   captionLarge: function captionLarge(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.switcherCaptionGapLarge,
-    t.switcherCaptionFontSizeLarge,
-    t.switcherCaptionLineHeightLarge);
+    return /*#__PURE__*/(0, _Emotion.css)("margin-right:",
+    t.switcherCaptionGapLarge, ";font-size:",
+    t.switcherCaptionFontSizeLarge, ";line-height:",
+    t.switcherCaptionLineHeightLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionLarge;"));
 
   },
 
   error: function error(t) {
     var insideWidth = parseInt(t.btnBorderWidth);
     var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n    "])),
-    t.switcherBorderRadius,
+    return /*#__PURE__*/(0, _Emotion.css)("border-radius:",
+    t.switcherBorderRadius, ";box-shadow:inset 0 0 0 ",
+
+    insideWidth, "px ", t.borderColorError, ",0 0 0 ",
+    outsideWidth, " ", t.borderColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
+
+  },
+
+  error5_1: function error5_1(t) {
+    return /*#__PURE__*/(0, _Emotion.css)("position:relative;&:before{content:'';position:absolute;pointer-events:none;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border-radius:",
+
+
+
+
+
+
+
+
+
+
+
+    t.switcherBorderRadius, ";box-shadow:0 0 0 ",
+    t.switcherOutlineWidth, " ", t.borderColorError, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:error5_1;"));
 
-    insideWidth, t.borderColorError,
-    outsideWidth, t.borderColorError);
 
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","wrap","input","caption","t","switcherTextColor","captionSmall","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOH,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOJ,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDG,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCI,CAAC,CAACC,iBAAiB;;;;EAIhC,CAAC;;EAEDC,YAAY,WAAAA,aAACF,CAAQ,EAAE;IACrB,WAAON,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACQI,CAAC,CAACG,uBAAuB;IAC5BH,CAAC,CAACI,4BAA4B;IAC5BJ,CAAC,CAACK,8BAA8B;;EAEnD,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACQI,CAAC,CAACO,wBAAwB;IAC7BP,CAAC,CAACQ,6BAA6B;IAC7BR,CAAC,CAACS,+BAA+B;;EAEpD,CAAC;;EAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAON,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACQI,CAAC,CAACW,uBAAuB;IAC5BX,CAAC,CAACY,4BAA4B;IAC5BZ,CAAC,CAACa,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAACd,CAAQ,EAAE;IACd,IAAMe,WAAW,GAAGC,QAAQ,CAAChB,CAAC,CAACiB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAAChB,CAAC,CAACmB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,WAAOrB,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACSI,CAAC,CAACoB,oBAAoB;;IAEvBL,WAAW,EAAMf,CAAC,CAACqB,gBAAgB;IACzCH,YAAY,EAAIlB,CAAC,CAACqB,gBAAgB;;EAEhD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","root","css","process","env","NODE_ENV","name","toString","wrap","input","caption","t","switcherTextColor","captionSmall","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","switcherBorderRadius","borderColorError","error5_1"],"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":"+DAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,SAAAC,iCAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,wBAAOC,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,6BAAAQ,IAAA,iBAAAR,MAAA,oCAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDW,IAAI,WAAAA,KAAA,EAAG;IACL,wBAAON,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,qDAAAQ,IAAA,iBAAAR,MAAA,4DAAAS,QAAA,EAAAV,gCAAA;;;;EAIZ,CAAC;;EAEDY,KAAK,WAAAA,MAAA,EAAG;IACN,wBAAOP,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,uDAAAQ,IAAA,kBAAAR,MAAA,+DAAAS,QAAA,EAAAV,gCAAA;;;;;;EAMZ,CAAC;;EAEDa,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,wBAAOT,YAAG;IACCS,CAAC,CAACC,iBAAiB,oDAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;;EAIhC,CAAC;;EAEDQ,YAAY,WAAAA,aAACF,CAAQ,EAAE;IACrB,wBAAOT,YAAG;IACQS,CAAC,CAACG,uBAAuB;IAC5BH,CAAC,CAACI,4BAA4B;IAC5BJ,CAAC,CAACK,8BAA8B,SAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnD,CAAC;;EAEDY,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,wBAAOT,YAAG;IACQS,CAAC,CAACO,wBAAwB;IAC7BP,CAAC,CAACQ,6BAA6B;IAC7BR,CAAC,CAACS,+BAA+B,SAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEpD,CAAC;;EAEDgB,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,wBAAOT,YAAG;IACQS,CAAC,CAACW,uBAAuB;IAC5BX,CAAC,CAACY,4BAA4B;IAC5BZ,CAAC,CAACa,8BAA8B,SAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnD,CAAC;;EAEDoB,KAAK,WAAAA,MAACd,CAAQ,EAAE;IACd,IAAMe,WAAW,GAAGC,QAAQ,CAAChB,CAAC,CAACiB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAAChB,CAAC,CAACmB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,wBAAOxB,YAAG;IACSS,CAAC,CAACoB,oBAAoB;;IAEvBL,WAAW,SAAMf,CAAC,CAACqB,gBAAgB;IACzCH,YAAY,OAAIlB,CAAC,CAACqB,gBAAgB,SAAA7B,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEhD,CAAC;;EAED4B,QAAQ,WAAAA,SAACtB,CAAQ,EAAE;IACjB,wBAAOT,YAAG;;;;;;;;;;;;IAYWS,CAAC,CAACoB,oBAAoB;IACnBpB,CAAC,CAACmB,oBAAoB,OAAInB,CAAC,CAACqB,gBAAgB,UAAA7B,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;EAGtE;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+import { story, kind, test } from 'creevey';
+
+kind('Switcher', () => {
+  story('Horizontal', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="Button"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+  story('WithCustomRenderItems', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'chrome only': { in: /^(?!\bchrome2022\b)/ } },
+    });
+  });
+});

package/cjs/components/Tabs/Indicator.styles.js

@@ -1,38 +1,38 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      height: ", ";\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ", ";\n    "])),
-    t.tabColorFocus,
-    t.tabBorderWidth,
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.tabColorFocus, ";height:",
+    t.tabBorderWidth, ";position:absolute;transition:all 0.2s ease-out;border-radius:",
 
 
-    t.tabIndicatorBorderRadius);
+    t.tabIndicatorBorderRadius, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
 
   },
 
   primary: function primary(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.tabColorPrimary);
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.tabColorPrimary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:primary;"));
 
   },
 
   success: function success(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.tabColorSuccess);
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.tabColorSuccess, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"));
 
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.tabColorWarning);
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.tabColorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.tabColorError);
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.tabColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
 
   }
 });

package/cjs/components/Tabs/Indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"sources":["Indicator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ${t.tabIndicatorBorderRadius};\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACI,aAAa;IACnBJ,CAAC,CAACK,cAAc;;;IAGTL,CAAC,CAACM,wBAAwB;;EAE/C,CAAC;;EAEDC,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACQ,eAAe;;EAEnC,CAAC;;EAEDC,OAAO,WAAAA,QAACT,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACU,eAAe;;EAEnC,CAAC;;EAEDC,OAAO,WAAAA,QAACX,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACY,eAAe;;EAEnC,CAAC;;EAEDC,KAAK,WAAAA,MAACb,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACc,aAAa;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","styles","exports","memoizeStyle","root","t","css","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","process","env","NODE_ENV","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"sources":["Indicator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ${t.tabIndicatorBorderRadius};\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGO,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,wBAAOC,YAAG;IACMD,CAAC,CAACE,aAAa;IACnBF,CAAC,CAACG,cAAc;;;IAGTH,CAAC,CAACI,wBAAwB,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE/C,CAAC;;EAEDC,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,wBAAOC,YAAG;IACMD,CAAC,CAACS,eAAe,SAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnC,CAAC;;EAEDG,OAAO,WAAAA,QAACV,CAAQ,EAAE;IAChB,wBAAOC,YAAG;IACMD,CAAC,CAACW,eAAe,SAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnC,CAAC;;EAEDK,OAAO,WAAAA,QAACZ,CAAQ,EAAE;IAChB,wBAAOC,YAAG;IACMD,CAAC,CAACa,eAAe,SAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEnC,CAAC;;EAEDO,KAAK,WAAAA,MAACd,CAAQ,EAAE;IACd,wBAAOC,YAAG;IACMD,CAAC,CAACe,aAAa,SAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}