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

package/cjs/components/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_decorators","_RenderLayer","_utils","_identifiers","_KeyboardEventCodes","_Input","_client","_CommonWrapper","_ThemeContext","_Emotion","_rootNode","_createPropsGetter","_PasswordInput2","_PasswordInputIcon","_locale","_excluded","_dec","_class","_PasswordInput","PasswordInputDataTids","exports","root","capsLockDetector","eyeIcon","PasswordInput","locale","PasswordInputLocaleHelper","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","visible","capsLockEnabled","focus","input","blur","handleBlur","handleKeyPress","e","_this$props","props","onKeyPress","detectCapsLock","getModifierState","Codes","CapsLock","setState","handleKeydown","_this2","_this2$props","onKeyDown","isKeyCapsLock","isNonNullable","handleToggleVisibility","prevState","handleFocus","renderEye","default","createElement","className","styles","iconWrapper","cx","toggleVisibility","theme","getEyeWrapperClassname","disabled","type","eyeClosedAriaLabel","eyeOpenedAriaLabel","onClick","icon","PasswordInputIcon","size","refInput","element","hideSymbols","renderMain","rest","_objectWithoutPropertiesLoose2","inputProps","_extends2","rightIcon","RenderLayer","onFocusOutside","onClickOutside","Input","ref","_inheritsLoose2","_proto","prototype","componentDidMount","isIE11","isBrowser","globalObject","document","msCapsLockWarningOff","getDerivedStateFromProps","render","_this3","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","React","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool"],"sources":["PasswordInput.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport { Input, InputProps } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\nimport { PasswordInputLocale, PasswordInputLocaleHelper } from './locale';\n\nexport interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, InputProps {\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: boolean;\n  capsLockEnabled?: boolean | null;\n}\n\nexport const PasswordInputDataTids = {\n  root: 'PasswordInput',\n  capsLockDetector: 'PasswordInputCapsLockDetector',\n  eyeIcon: 'PasswordInputEyeIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;\n\n/**\n * Компонент для ввода пароля\n */\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public static propTypes = {\n    /**\n     * Включает CapsLock детектор\n     */\n    detectCapsLock: PropTypes.bool,\n  };\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(PasswordInput.defaultProps);\n\n  public state: PasswordInputState = {\n    visible: false,\n    capsLockEnabled: false,\n  };\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: PasswordInputLocale;\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-expect-error: IE-specific API.\n    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      globalObject.document.msCapsLockWarningOff = true;\n    }\n  }\n\n  public static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState) {\n    if (props.disabled) {\n      return { visible: false };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain(this.props)}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    this.handleBlur();\n  };\n\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const { onKeyPress, detectCapsLock } = this.props;\n\n    if (onKeyPress) {\n      onKeyPress(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n    this.setState({ capsLockEnabled });\n  };\n\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const {\n      props: { detectCapsLock, onKeyDown },\n      state: { capsLockEnabled },\n    } = this;\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    if (isKeyCapsLock(e) && isNonNullable(capsLockEnabled)) {\n      this.setState({ capsLockEnabled: !capsLockEnabled });\n    }\n  };\n\n  private handleToggleVisibility = () => {\n    this.setState((prevState) => ({ visible: !prevState.visible }), this.handleFocus);\n  };\n\n  private handleFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private getEyeWrapperClassname() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.eyeWrapperLarge(this.theme);\n      case 'medium':\n        return styles.eyeWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.eyeWrapperSmall(this.theme);\n    }\n  }\n\n  private renderEye = () => {\n    const { capsLockEnabled } = this.state;\n\n    return (\n      <span className={styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}>\n          {!this.props.disabled && (\n            <button\n              type=\"button\"\n              aria-label={this.state.visible ? this.locale.eyeClosedAriaLabel : this.locale.eyeOpenedAriaLabel}\n              onClick={this.handleToggleVisibility}\n              className={styles.icon()}\n              data-tid={PasswordInputDataTids.eyeIcon}\n            >\n              <PasswordInputIcon size={this.props.size} visible={this.state.visible} />\n            </button>\n          )}\n        </span>\n      </span>\n    );\n  };\n\n  private refInput = (element: Input) => {\n    this.input = element;\n  };\n\n  private hideSymbols = () => {\n    this.setState({ visible: false });\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n    const { detectCapsLock, ...rest } = props;\n    const inputProps = {\n      ...rest,\n      onKeyDown: this.handleKeydown,\n      onKeyPress: this.handleKeyPress,\n      rightIcon: this.renderEye(),\n    };\n\n    return (\n      <RenderLayer onFocusOutside={this.hideSymbols} onClickOutside={this.hideSymbols}>\n        <div data-tid={PasswordInputDataTids.root} className={styles.root()}>\n          <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_decorators","_RenderLayer","_utils","_identifiers","_KeyboardEventCodes","_Input","_client","_CommonWrapper","_ThemeContext","_Emotion","_rootNode","_createPropsGetter","_PasswordInput2","_PasswordInputIcon","_locale","_excluded","_dec","_class","_PasswordInput","PasswordInputDataTids","exports","root","capsLockDetector","eyeIcon","PasswordInput","locale","PasswordInputLocaleHelper","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","visible","focused","capsLockEnabled","focus","input","blur","handleKeyPress","e","_this$props","props","onKeyPress","detectCapsLock","getModifierState","Codes","CapsLock","setState","handleKeydown","_this2","_this2$props","onKeyDown","isKeyCapsLock","isNonNullable","handleToggleVisibility","prevState","focusOnInput","handleFocus","event","onFocus","handleFocusOutside","hideSymbols","renderEye","default","createElement","className","styles","iconWrapper","cx","toggleVisibility","theme","getEyeWrapperClassname","disabled","type","eyeClosedAriaLabel","eyeOpenedAriaLabel","onClick","icon","PasswordInputIcon","size","refInput","element","renderMain","rest","_objectWithoutPropertiesLoose2","inputProps","_extends2","rightIcon","RenderLayer","active","onFocusOutside","onClickOutside","Input","ref","_inheritsLoose2","_proto","prototype","componentDidMount","isIE11","isBrowser","globalObject","document","msCapsLockWarningOff","getDerivedStateFromProps","render","_this3","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","React","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool"],"sources":["PasswordInput.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport { Input, InputProps } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\nimport { PasswordInputLocale, PasswordInputLocaleHelper } from './locale';\n\nexport interface PasswordInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Omit<InputProps, 'showClearIcon'> {\n  /** Включает CapsLock детектор. */\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: boolean;\n  focused: boolean;\n  capsLockEnabled?: boolean | null;\n}\n\nexport const PasswordInputDataTids = {\n  root: 'PasswordInput',\n  capsLockDetector: 'PasswordInputCapsLockDetector',\n  eyeIcon: 'PasswordInputEyeIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;\n\n/**\n * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.\n *\n * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.\n */\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public static propTypes = {\n    /**\n     * Включает CapsLock детектор\n     */\n    detectCapsLock: PropTypes.bool,\n  };\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(PasswordInput.defaultProps);\n\n  public state: PasswordInputState = {\n    visible: false,\n    focused: false,\n    capsLockEnabled: false,\n  };\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: PasswordInputLocale;\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-expect-error: IE-specific API.\n    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      globalObject.document.msCapsLockWarningOff = true;\n    }\n  }\n\n  public static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState) {\n    if (props.disabled) {\n      return { visible: false };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const { onKeyPress, detectCapsLock } = this.props;\n\n    if (onKeyPress) {\n      onKeyPress(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n    this.setState({ capsLockEnabled });\n  };\n\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const {\n      props: { detectCapsLock, onKeyDown },\n      state: { capsLockEnabled },\n    } = this;\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    if (isKeyCapsLock(e) && isNonNullable(capsLockEnabled)) {\n      this.setState({ capsLockEnabled: !capsLockEnabled });\n    }\n  };\n\n  private handleToggleVisibility = () => {\n    this.setState((prevState) => ({ visible: !prevState.visible }), this.focusOnInput);\n  };\n\n  private focusOnInput = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleFocusOutside = () => {\n    this.hideSymbols();\n\n    if (this.state.focused) {\n      this.setState({ focused: false });\n    }\n  };\n\n  private getEyeWrapperClassname() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.eyeWrapperLarge(this.theme);\n      case 'medium':\n        return styles.eyeWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.eyeWrapperSmall(this.theme);\n    }\n  }\n\n  private renderEye = () => {\n    const { capsLockEnabled } = this.state;\n\n    return (\n      <span className={styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}>\n          {!this.props.disabled && (\n            <button\n              type=\"button\"\n              aria-label={this.state.visible ? this.locale.eyeClosedAriaLabel : this.locale.eyeOpenedAriaLabel}\n              onClick={this.handleToggleVisibility}\n              className={styles.icon()}\n              data-tid={PasswordInputDataTids.eyeIcon}\n            >\n              <PasswordInputIcon size={this.props.size} visible={this.state.visible} />\n            </button>\n          )}\n        </span>\n      </span>\n    );\n  };\n\n  private refInput = (element: Input) => {\n    this.input = element;\n  };\n\n  private hideSymbols = () => {\n    this.setState({ visible: false });\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n    const { detectCapsLock, ...rest } = props;\n    const inputProps = {\n      ...rest,\n      onKeyDown: this.handleKeydown,\n      onKeyPress: this.handleKeyPress,\n      rightIcon: this.renderEye(),\n      onFocus: this.handleFocus,\n    };\n\n    return (\n      <RenderLayer\n        active={this.state.focused}\n        onFocusOutside={this.handleFocusOutside}\n        onClickOutside={this.handleFocusOutside}\n      >\n        <div data-tid={PasswordInputDataTids.root} className={styles.root()}>\n          <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/PasswordInput/PasswordInput.md

@@ -1,14 +1,15 @@
+### Базовый пример
 ```jsx harmony
 <PasswordInput />
 ```
 
-Пример с отслеживанием нажатия CapsLock:
+### Отслеживание нажатия CapsLock
 
 ```jsx harmony
 <PasswordInput detectCapsLock />
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface PasswordInputLocale {

package/cjs/components/PasswordInput/PasswordInput.styles.js

@@ -3,7 +3,8 @@ var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templa
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "])));
+
 
 
 

package/cjs/components/PasswordInput/PasswordInput.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","toggleVisibility","t","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","iconWrapper","eyeWrapperSmall","inputIconSizeSmall","eyeWrapperMedium","inputIconSizeMedium","eyeWrapperLarge","inputIconSizeLarge","icon"],"sources":["PasswordInput.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    `;\n  },\n  toggleVisibility(t: Theme) {\n    return css`\n      color: ${t.passwordInputVisibilityIconColor};\n      cursor: pointer;\n      opacity: ${t.passwordInputVisibilityIconOpacity};\n      user-select: none;\n\n      &:hover {\n        color: ${t.passwordInputVisibilityIconHoverColor};\n        opacity: ${t.passwordInputVisibilityIconHoverOpacity};\n      }\n    `;\n  },\n  capsLockDetector() {\n    return css`\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    `;\n  },\n  iconWrapper() {\n    return css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    `;\n  },\n\n  eyeWrapperSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n    `;\n  },\n\n  eyeWrapperMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n    `;\n  },\n\n  eyeWrapperLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n    `;\n  },\n  icon() {\n    return css`\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    `;\n  },\n});\n"],"mappings":";AACA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,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;;;;;;;;;;EAUZ,CAAC;EACDC,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,WAAOJ,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACC,gCAAgC;;IAEhCD,CAAC,CAACE,kCAAkC;;;;IAIpCF,CAAC,CAACG,qCAAqC;IACrCH,CAAC,CAACI,uCAAuC;;;EAG1D,CAAC;EACDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,WAAOT,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;EAiBZ,CAAC;EACDQ,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOV,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDS,eAAe,WAAAA,gBAACP,CAAQ,EAAE;IACxB,WAAOJ,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACKE,CAAC,CAACQ,kBAAkB;;EAErC,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACT,CAAQ,EAAE;IACzB,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACKE,CAAC,CAACU,mBAAmB;;EAEtC,CAAC;;EAEDC,eAAe,WAAAA,gBAACX,CAAQ,EAAE;IACxB,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACKE,CAAC,CAACY,kBAAkB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOjB,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","toggleVisibility","t","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","iconWrapper","eyeWrapperSmall","inputIconSizeSmall","eyeWrapperMedium","inputIconSizeMedium","eyeWrapperLarge","inputIconSizeLarge","icon"],"sources":["PasswordInput.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    `;\n  },\n  toggleVisibility(t: Theme) {\n    return css`\n      color: ${t.passwordInputVisibilityIconColor};\n      cursor: pointer;\n      opacity: ${t.passwordInputVisibilityIconOpacity};\n      user-select: none;\n\n      &:hover {\n        color: ${t.passwordInputVisibilityIconHoverColor};\n        opacity: ${t.passwordInputVisibilityIconHoverOpacity};\n      }\n    `;\n  },\n  capsLockDetector() {\n    return css`\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    `;\n  },\n  iconWrapper() {\n    return css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    `;\n  },\n\n  eyeWrapperSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n    `;\n  },\n\n  eyeWrapperMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n    `;\n  },\n\n  eyeWrapperLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n    `;\n  },\n  icon() {\n    return css`\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    `;\n  },\n});\n"],"mappings":";AACA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,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;;;;;;;;;;;EAWZ,CAAC;EACDC,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,WAAOJ,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACC,gCAAgC;;IAEhCD,CAAC,CAACE,kCAAkC;;;;IAIpCF,CAAC,CAACG,qCAAqC;IACrCH,CAAC,CAACI,uCAAuC;;;EAG1D,CAAC;EACDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,WAAOT,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;EAiBZ,CAAC;EACDQ,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOV,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDS,eAAe,WAAAA,gBAACP,CAAQ,EAAE;IACxB,WAAOJ,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACKE,CAAC,CAACQ,kBAAkB;;EAErC,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACT,CAAQ,EAAE;IACzB,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACKE,CAAC,CAACU,mBAAmB;;EAEtC,CAAC;;EAEDC,eAAe,WAAAA,gBAACX,CAAQ,EAAE;IACxB,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACKE,CAAC,CAACY,kBAAkB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOjB,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+import { story, kind, test } from 'creevey';
+
+kind('PasswordInput', () => {
+  story('Plain', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'flickering screenshot': { in: ['chrome2022'], tests: ['With typed password'] },
+      },
+    });
+
+    test('Plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'Plain');
+    });
+
+    test('With typed password', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[type="password"]' }))
+        .sendKeys('Test...')
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'With typed password');
+    });
+
+    test('With visible password', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[type="password"]' }))
+        .sendKeys('Test...')
+        .click(context.webdriver.findElement({ css: '[data-tid="PasswordInputEyeIcon"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'With visible password');
+    });
+  });
+
+  story('Width', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'no themes': { in: /^(?!\b(chrome2022)\b)/ },
+      },
+    });
+  });
+});

package/cjs/components/PasswordInput/__docs__/PasswordInput.mdx

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

package/cjs/components/Radio/Radio.d.ts

@@ -4,41 +4,26 @@ import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrappe
 import { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';
 import { SizeProp } from '../../lib/types/props';
 export interface RadioProps<T> extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     *  Состояние валидации при ошибке.
-     */
+    /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
-    /**
-     * Размер
-     */
+    /** Задает размер. */
     size?: SizeProp;
-    /**
-     * Состояние фокуса.
-     */
+    /** Задает состояние фокуса. */
     focused?: boolean;
-    /**
-     * Функция, вызываемая при изменении `value`.
-     */
+    /** Задает функцию, которая вызывается при изменении value. */
     onValueChange?: (value: T) => void;
-    /**
-     * HTML-событие `onmouseenter`
-     */
+    /** Задает HTML-событие `onmouseenter`.
+     * @ignore */
     onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `mouseleave`
-     */
+    /** Задает HTML-событие `onmouseleave`.
+     * @ignore */
     onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `onmouseover`
-     */
+    /** Задает HTML-событие `onmouseover`.
+     * @ignore */
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-атрибут `value`.
-     */
+    /** Устанавливает значение. */
     value: T;
 }> {
 }
@@ -50,7 +35,7 @@ export declare const RadioDataTids: {
 };
 type DefaultProps = Required<Pick<RadioProps<any>, 'focused' | 'size'>>;
 /**
- * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.
+ * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.
  */
 export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
     static __KONTUR_REACT_UI__: string;

package/cjs/components/Radio/Radio.js

@@ -51,13 +51,6 @@ var _Radio2 = require("./Radio.styles");var _excluded = ["disabled", "warning",
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -73,7 +66,7 @@ var RadioDataTids = exports.RadioDataTids = {
 
 
 /**
- * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.
+ * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.
  */var
 
 Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (_Radio = /*#__PURE__*/function (_React$Component) {function Radio() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.

package/cjs/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_CommonWrapper","_Emotion","_keyListener","_rootNode","_fixFirefoxModifiedClickOnLabel","_client","_RadioGroupContext","_createPropsGetter","_FocusControlWrapper","_Radio2","_excluded","_class","_Radio","RadioDataTids","exports","root","Radio","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","createPropsGetter","defaultProps","context","inputEl","React","createRef","renderMain","props","_cx","_cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose2","default","radioProps","className","cx","styles","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","globalClasses","value","inputProps","_extends2","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","isIE11","isEdge","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","fixFirefoxModifiedClickOnLabel","_isInRadioGroup","_cx3","_cx4","activeItem","name","suppressHydrationWarning","createElement","FocusControlWrapper","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","globalObject","requestAnimationFrame","keyListener","isArrowPressed","isTabPressed","setState","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType","RadioGroupContext"],"sources":["Radio.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { RadioGroupContext, RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { styles, globalClasses } from './Radio.styles';\n\nexport interface RadioProps<T>\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         *  Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /**\n         * Размер\n         */\n        size?: SizeProp;\n        /**\n         * Состояние фокуса.\n         */\n        focused?: boolean;\n        /**\n         * Функция, вызываемая при изменении `value`.\n         */\n        onValueChange?: (value: T) => void;\n        /**\n         * HTML-событие `onmouseenter`\n         */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseleave`\n         */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `onmouseover`\n         */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-атрибут `value`.\n         */\n        value: T;\n      }\n    > {}\n\nexport interface RadioState {\n  focusedByKeyboard: boolean;\n}\n\nexport const RadioDataTids = {\n  root: 'Radio__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioProps<any>, 'focused' | 'size'>>;\n\n/**\n * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.\n */\n@rootNode\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n  public static __KONTUR_REACT_UI__ = 'Radio';\n  public static displayName = 'Radio';\n\n  public state = {\n    focusedByKeyboard: false,\n  };\n\n  public static defaultProps: DefaultProps = {\n    focused: false,\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.circleLarge(this.theme);\n      case 'medium':\n        return styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.checkedLarge(this.theme);\n      case 'medium':\n        return styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return styles.checkedSmall(this.theme);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>) => {\n    const {\n      disabled = this.context.disabled,\n      warning = this.context.warning,\n      error = this.context.error,\n      size,\n      focused,\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n      onValueChange,\n      ...rest\n    } = props;\n\n    const radioProps = {\n      className: cx({\n        [styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\n        [styles.error(this.theme)]: error,\n        [styles.warning(this.theme)]: warning,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.checkedDisabled(this.theme)]: this.props.checked && disabled,\n        [globalClasses.circle]: true,\n      }),\n    };\n\n    let value: string | number | undefined;\n    if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\n      value = this.props.value;\n    }\n\n    const inputProps = {\n      ...rest,\n      type: 'radio',\n      className: styles.input(),\n      disabled,\n      tabIndex: this.props.tabIndex,\n      value,\n      ref: this.inputEl,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n    };\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: this.props.checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      }),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\n    };\n\n    if (this._isInRadioGroup()) {\n      const checked = this.props.value === this.context.activeItem;\n      inputProps.checked = checked;\n      inputProps.name = this.context.name;\n      inputProps.suppressHydrationWarning = true;\n      labelProps.className = cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      });\n      radioProps.className = cx(radioProps.className, {\n        [styles.checked(this.theme)]: checked,\n        [this.getCheckedSizeClassName()]: checked,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n      });\n    }\n\n    return (\n      <label data-tid={RadioDataTids.root} {...labelProps}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} />\n        </FocusControlWrapper>\n        <span {...radioProps}>\n          <span className={styles.placeholder()} />\n        </span>\n        {this.props.children && this.renderCaption()}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = cx({\n      [styles.caption(this.theme)]: true,\n      [styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n      [styles.captionIE11()]: isIE11 || isEdge,\n    });\n\n    return <div className={captionClassNames}>{this.props.children}</div>;\n  }\n\n  private handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    this.props.onValueChange?.(this.props.value);\n\n    if (this._isInRadioGroup()) {\n      this.context.onSelect(this.props.value);\n    }\n\n    this.props.onChange?.(e);\n  };\n\n  private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseOver?.(e);\n  };\n\n  private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseEnter?.(e);\n  };\n\n  private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseLeave?.(e);\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.context.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isArrowPressed || keyListener.isTabPressed) {\n          this.setState({ focusedByKeyboard: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByKeyboard: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n}\n"],"mappings":"+dAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;;AAGA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,+BAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;;AAEA,IAAAW,oBAAA,GAAAX,OAAA;;AAEA,IAAAY,OAAA,GAAAZ,OAAA,mBAAuD,IAAAa,SAAA,2HAAAC,MAAA,EAAAC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDhD,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,IAAI,EAAE;AACR,CAAU;;;;AAIV;AACA;AACA,GAFA;;AAIaC,KAAK,GAAAF,OAAA,CAAAE,KAAA,OADjBC,kBAAQ,EAAAN,MAAA,IAAAC,MAAA,0BAAAM,gBAAA,YAAAF,MAAA,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;;;;IAKAU,KAAK,GAAG;MACbC,iBAAiB,EAAE;IACrB,CAAC,CAAAX,KAAA;;;;;;;IAOOY,QAAQ,GAAG,IAAAC,oCAAiB,EAAChB,KAAK,CAACiB,YAAY,CAAC,CAAAd,KAAA;;;IAGjDe,OAAO,GAA6Bf,KAAA,CAAKe,OAAO,CAAAf,KAAA;;IAE/CgB,OAAO,gBAAGC,cAAK,CAACC,SAAS,CAAmB,CAAC,CAAAlB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsE9CmB,UAAU,GAAG,UAACC,KAA4C,EAAK,KAAAC,GAAA,EAAAC,IAAA;MACpE,IAAAC,eAAA;;;;;;;;;;;QAWIH,KAAK,CAVPI,QAAQ,CAARA,QAAQ,GAAAD,eAAA,cAAGvB,KAAA,CAAKe,OAAO,CAACS,QAAQ,GAAAD,eAAA,CAAAE,cAAA,GAU9BL,KAAK,CATPM,OAAO,CAAPA,OAAO,GAAAD,cAAA,cAAGzB,KAAA,CAAKe,OAAO,CAACW,OAAO,GAAAD,cAAA,CAAAE,YAAA,GAS5BP,KAAK,CARPQ,KAAK,CAALA,KAAK,GAAAD,YAAA,cAAG3B,KAAA,CAAKe,OAAO,CAACa,KAAK,GAAAD,YAAA,CAC1BE,IAAI,GAOFT,KAAK,CAPPS,IAAI,CACJC,OAAO,GAMLV,KAAK,CANPU,OAAO,CACPC,WAAW,GAKTX,KAAK,CALPW,WAAW,CACXC,YAAY,GAIVZ,KAAK,CAJPY,YAAY,CACZC,YAAY,GAGVb,KAAK,CAHPa,YAAY,CACZC,aAAa,GAEXd,KAAK,CAFPc,aAAa,CACVC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EACLjB,KAAK,EAAA7B,SAAA;;MAET,IAAM+C,UAAU,GAAG;QACjBC,SAAS,EAAE,IAAAC,WAAE,GAAAnB,GAAA,OAAAA,GAAA;QACVoB,cAAM,CAACC,MAAM,CAAC1C,KAAA,CAAK2C,KAAK,CAAC,IAAG,IAAI,EAAAtB,GAAA;QAChCrB,KAAA,CAAK4C,sBAAsB,CAAC,CAAC,IAAG,IAAI,EAAAvB,GAAA;QACpCoB,cAAM,CAACI,OAAO,CAAC7C,KAAA,CAAK2C,KAAK,CAAC,IAAG3C,KAAA,CAAKoB,KAAK,CAACyB,OAAO,EAAAxB,GAAA;QAC/CrB,KAAA,CAAK8C,uBAAuB,CAAC,CAAC,IAAG9C,KAAA,CAAKoB,KAAK,CAACyB,OAAO,EAAAxB,GAAA;QACnDoB,cAAM,CAACM,KAAK,CAAC/C,KAAA,CAAK2C,KAAK,CAAC,IAAG3C,KAAA,CAAKY,QAAQ,CAAC,CAAC,CAACkB,OAAO,IAAI9B,KAAA,CAAKU,KAAK,CAACC,iBAAiB,EAAAU,GAAA;QAClFoB,cAAM,CAACb,KAAK,CAAC5B,KAAA,CAAK2C,KAAK,CAAC,IAAGf,KAAK,EAAAP,GAAA;QAChCoB,cAAM,CAACf,OAAO,CAAC1B,KAAA,CAAK2C,KAAK,CAAC,IAAGjB,OAAO,EAAAL,GAAA;QACpCoB,cAAM,CAACjB,QAAQ,CAACxB,KAAA,CAAK2C,KAAK,CAAC,IAAGnB,QAAQ,EAAAH,GAAA;QACtCoB,cAAM,CAACO,eAAe,CAAChD,KAAA,CAAK2C,KAAK,CAAC,IAAG3C,KAAA,CAAKoB,KAAK,CAACyB,OAAO,IAAIrB,QAAQ,EAAAH,GAAA;QACnE4B,qBAAa,CAACP,MAAM,IAAG,IAAI,EAAArB,GAAA;QAC7B;MACH,CAAC;;MAED,IAAI6B,KAAkC;MACtC,IAAI,OAAOlD,KAAA,CAAKoB,KAAK,CAAC8B,KAAK,KAAK,QAAQ,IAAI,OAAOlD,KAAA,CAAKoB,KAAK,CAAC8B,KAAK,KAAK,QAAQ,EAAE;QAChFA,KAAK,GAAGlD,KAAA,CAAKoB,KAAK,CAAC8B,KAAK;MAC1B;;MAEA,IAAMC,UAAU,OAAAC,SAAA,CAAAf,OAAA;MACXF,IAAI;QACPkB,IAAI,EAAE,OAAO;QACbd,SAAS,EAAEE,cAAM,CAACa,KAAK,CAAC,CAAC;QACzB9B,QAAQ,EAARA,QAAQ;QACR+B,QAAQ,EAAEvD,KAAA,CAAKoB,KAAK,CAACmC,QAAQ;QAC7BL,KAAK,EAALA,KAAK;QACLM,GAAG,EAAExD,KAAA,CAAKgB,OAAO;QACjByC,QAAQ,EAAEzD,KAAA,CAAK0D,YAAY;QAC3BC,OAAO,EAAE3D,KAAA,CAAK4D,WAAW;QACzBC,MAAM,EAAE7D,KAAA,CAAK8D,UAAU,GACxB;;;MAED,IAAMC,UAAU,GAAG;QACjBxB,SAAS,EAAE,IAAAC,WAAE,EAACC,cAAM,CAAC7C,IAAI,CAACI,KAAA,CAAK2C,KAAK,CAAC,EAAE3C,KAAA,CAAKgE,oBAAoB,CAAC,CAAC,GAAA1C,IAAA,OAAAA,IAAA;QAC/DmB,cAAM,CAACwB,WAAW,CAACjE,KAAA,CAAK2C,KAAK,CAAC,IAAG3C,KAAA,CAAKoB,KAAK,CAACyB,OAAO,EAAAvB,IAAA;QACnDmB,cAAM,CAACyB,QAAQ,CAAC,CAAC,IAAGC,cAAM,IAAIC,cAAM,EAAA9C,IAAA;QACtC,CAAC;QACFS,WAAW,EAAE/B,KAAA,CAAKqE,eAAe;QACjCrC,YAAY,EAAEhC,KAAA,CAAKsE,gBAAgB;QACnCrC,YAAY,EAAEjC,KAAA,CAAKuE,gBAAgB;QACnCC,OAAO,EAAE,IAAAC,8DAA8B,EAACzE,KAAA,CAAKgB,OAAO;MACtD,CAAC;;MAED,IAAIhB,KAAA,CAAK0E,eAAe,CAAC,CAAC,EAAE,KAAAC,IAAA,EAAAC,IAAA;QAC1B,IAAM/B,OAAO,GAAG7C,KAAA,CAAKoB,KAAK,CAAC8B,KAAK,KAAKlD,KAAA,CAAKe,OAAO,CAAC8D,UAAU;QAC5D1B,UAAU,CAACN,OAAO,GAAGA,OAAO;QAC5BM,UAAU,CAAC2B,IAAI,GAAG9E,KAAA,CAAKe,OAAO,CAAC+D,IAAI;QACnC3B,UAAU,CAAC4B,wBAAwB,GAAG,IAAI;QAC1ChB,UAAU,CAACxB,SAAS,GAAG,IAAAC,WAAE,EAACC,cAAM,CAAC7C,IAAI,CAACI,KAAA,CAAK2C,KAAK,CAAC,EAAE3C,KAAA,CAAKgE,oBAAoB,CAAC,CAAC,GAAAW,IAAA,OAAAA,IAAA;QAC3ElC,cAAM,CAACwB,WAAW,CAACjE,KAAA,CAAK2C,KAAK,CAAC,IAAGE,OAAO,EAAA8B,IAAA;QACxClC,cAAM,CAACyB,QAAQ,CAAC,CAAC,IAAGC,cAAM,IAAIC,cAAM,EAAAO,IAAA;QACtC,CAAC;QACFrC,UAAU,CAACC,SAAS,GAAG,IAAAC,WAAE,EAACF,UAAU,CAACC,SAAS,GAAAqC,IAAA,OAAAA,IAAA;QAC3CnC,cAAM,CAACI,OAAO,CAAC7C,KAAA,CAAK2C,KAAK,CAAC,IAAGE,OAAO,EAAA+B,IAAA;QACpC5E,KAAA,CAAK8C,uBAAuB,CAAC,CAAC,IAAGD,OAAO,EAAA+B,IAAA;QACxCnC,cAAM,CAACO,eAAe,CAAChD,KAAA,CAAK2C,KAAK,CAAC,IAAGE,OAAO,IAAIrB,QAAQ,EAAAoD,IAAA;QAC1D,CAAC;MACJ;;MAEA;QACEpG,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,cAAA5B,SAAA,CAAAf,OAAA,IAAO,YAAU3C,aAAa,CAACE,IAAK,IAAKmE,UAAU;QACjDvF,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,CAAC3F,oBAAA,CAAA4F,mBAAmB,IAACC,kBAAkB,EAAElF,KAAA,CAAKmF,UAAW;QACvD3G,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,UAAW7B,UAAa;QACL,CAAC;QACtB3E,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,SAAU1C,UAAU;QAClB9D,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,WAAMzC,SAAS,EAAEE,cAAM,CAAC2C,WAAW,CAAC,CAAE,EAAE;QACpC,CAAC;QACNpF,KAAA,CAAKoB,KAAK,CAACiE,QAAQ,IAAIrF,KAAA,CAAKsF,aAAa,CAAC;QACtC,CAAC;;IAEZ,CAAC,CAAAtF,KAAA;;IAEO0E,eAAe,GAAG,oBAAMa,OAAO,CAACvF,KAAA,CAAKe,OAAO,CAAC+D,IAAI,CAAC,GAAA9E,KAAA;;;;;;;;;;;;IAYlD0D,YAAY,GAA+C,UAAC8B,CAAC,EAAK;MACxExF,KAAA,CAAKoB,KAAK,CAACc,aAAa,YAAxBlC,KAAA,CAAKoB,KAAK,CAACc,aAAa,CAAGlC,KAAA,CAAKoB,KAAK,CAAC8B,KAAK,CAAC;;MAE5C,IAAIlD,KAAA,CAAK0E,eAAe,CAAC,CAAC,EAAE;QAC1B1E,KAAA,CAAKe,OAAO,CAAC0E,QAAQ,CAACzF,KAAA,CAAKoB,KAAK,CAAC8B,KAAK,CAAC;MACzC;;MAEAlD,KAAA,CAAKoB,KAAK,CAACqC,QAAQ,YAAnBzD,KAAA,CAAKoB,KAAK,CAACqC,QAAQ,CAAG+B,CAAC,CAAC;IAC1B,CAAC,CAAAxF,KAAA;;IAEOqE,eAAe,GAA8C,UAACmB,CAAC,EAAK;MAC1ExF,KAAA,CAAKoB,KAAK,CAACW,WAAW,YAAtB/B,KAAA,CAAKoB,KAAK,CAACW,WAAW,CAAGyD,CAAC,CAAC;IAC7B,CAAC,CAAAxF,KAAA;;IAEOsE,gBAAgB,GAA8C,UAACkB,CAAC,EAAK;MAC3ExF,KAAA,CAAKoB,KAAK,CAACY,YAAY,YAAvBhC,KAAA,CAAKoB,KAAK,CAACY,YAAY,CAAGwD,CAAC,CAAC;IAC9B,CAAC,CAAAxF,KAAA;;IAEOuE,gBAAgB,GAA8C,UAACiB,CAAC,EAAK;MAC3ExF,KAAA,CAAKoB,KAAK,CAACa,YAAY,YAAvBjC,KAAA,CAAKoB,KAAK,CAACa,YAAY,CAAGuD,CAAC,CAAC;IAC9B,CAAC,CAAAxF,KAAA;;IAEO4D,WAAW,GAAG,UAAC4B,CAAwB,EAAK;MAClD,IAAI,CAACxF,KAAA,CAAKe,OAAO,CAACS,QAAQ,EAAE;QAC1B;QACA;QACAkE,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;UACzC,IAAIC,wBAAW,CAACC,cAAc,IAAID,wBAAW,CAACE,YAAY,EAAE;YAC1D9F,KAAA,CAAK+F,QAAQ,CAAC,EAAEpF,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC;UAC5C;QACF,CAAC,CAAC;;QAEF,IAAIX,KAAA,CAAKoB,KAAK,CAACuC,OAAO,EAAE;UACtB3D,KAAA,CAAKoB,KAAK,CAACuC,OAAO,CAAC6B,CAAC,CAAC;QACvB;MACF;IACF,CAAC,CAAAxF,KAAA;;IAEOmF,UAAU,GAAG,oBAAMnF,KAAA,CAAK+F,QAAQ,CAAC,EAAEpF,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAAX,KAAA;;IAE9D8D,UAAU,GAAG,UAAC0B,CAAqC,EAAK;MAC9DxF,KAAA,CAAKmF,UAAU,CAAC,CAAC;MACjBnF,KAAA,CAAKoB,KAAK,CAACyC,MAAM,YAAjB7D,KAAA,CAAKoB,KAAK,CAACyC,MAAM,CAAG2B,CAAC,CAAC;IACxB,CAAC,QAAAxF,KAAA,MAAAgG,eAAA,CAAA3D,OAAA,EAAAxC,KAAA,EAAAE,gBAAA,MAAAkG,MAAA,GAAApG,KAAA,CAAAqG,SAAA,CAAAD,MAAA,CAhNOjC,oBAAoB,GAA5B,SAAAA,qBAAA,EAA+B,CAC7B,QAAQ,IAAI,CAACpD,QAAQ,CAAC,CAAC,CAACiB,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOY,cAAM,CAAC0D,SAAS,CAAC,IAAI,CAACxD,KAAK,CAAC,CACrC,KAAK,QAAQ,CACX,OAAOF,cAAM,CAAC2D,UAAU,CAAC,IAAI,CAACzD,KAAK,CAAC,CACtC,KAAK,OAAO,CACZ,QACE,OAAOF,cAAM,CAAC4D,SAAS,CAAC,IAAI,CAAC1D,KAAK,CAAC,CACvC,CACF,CAAC,CAAAsD,MAAA,CAEOrD,sBAAsB,GAA9B,SAAAA,uBAAA,EAAiC,CAC/B,QAAQ,IAAI,CAAChC,QAAQ,CAAC,CAAC,CAACiB,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOY,cAAM,CAAC6D,WAAW,CAAC,IAAI,CAAC3D,KAAK,CAAC,CACvC,KAAK,QAAQ,CACX,OAAOF,cAAM,CAAC8D,YAAY,CAAC,IAAI,CAAC5D,KAAK,CAAC,CACxC,KAAK,OAAO,CACZ,QACE,OAAOF,cAAM,CAAC+D,WAAW,CAAC,IAAI,CAAC7D,KAAK,CAAC,CACzC,CACF,CAAC,CAAAsD,MAAA,CAEOnD,uBAAuB,GAA/B,SAAAA,wBAAA,EAAkC,CAChC,QAAQ,IAAI,CAAClC,QAAQ,CAAC,CAAC,CAACiB,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOY,cAAM,CAACgE,YAAY,CAAC,IAAI,CAAC9D,KAAK,CAAC,CACxC,KAAK,QAAQ,CACX,OAAOF,cAAM,CAACiE,aAAa,CAAC,IAAI,CAAC/D,KAAK,CAAC,CACzC,KAAK,OAAO,CACZ,QACE,OAAOF,cAAM,CAACkE,YAAY,CAAC,IAAI,CAAChE,KAAK,CAAC,CAC1C,CACF,CAAC,CAAAsD,MAAA,CAEMW,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACErI,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,CAACpG,aAAA,CAAAkI,YAAY,CAACC,QAAQ,QACnB,UAACpE,KAAK,EAAK,CACVkE,MAAI,CAAClE,KAAK,GAAGA,KAAK,CAClB,oBACEnE,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,CAACnG,cAAA,CAAAmI,aAAa,MAAA5D,SAAA,CAAAf,OAAA,IAAC4E,WAAW,EAAEJ,MAAI,CAACK,WAAY,IAAKL,MAAI,CAACjG,QAAQ,CAAC,CAAC,GAC9DiG,MAAI,CAAC1F,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CAAC,CAED;AACF;AACA,KAFE,CAAA8E,MAAA,CAGOlD,KAAK,GAAZ,SAAAA,MAAA,EAAe,KAAAoE,qBAAA,CACbvB,wBAAW,CAACE,YAAY,GAAG,IAAI,CAC/B,CAAAqB,qBAAA,OAAI,CAACnG,OAAO,CAACoG,OAAO,aAApBD,qBAAA,CAAsBpE,KAAK,CAAC,CAAC,CAC/B,CAAC,CAED;AACF;AACA,KAFE,CAAAkD,MAAA,CAGOoB,IAAI,GAAX,SAAAA,KAAA,EAAc,KAAAC,sBAAA,CACZ,CAAAA,sBAAA,OAAI,CAACtG,OAAO,CAACoG,OAAO,aAApBE,sBAAA,CAAsBD,IAAI,CAAC,CAAC,CAC9B,CAAC,CAAApB,MAAA,CA2FOX,aAAa,GAArB,SAAAA,cAAA,EAAwB,KAAAiC,IAAA,CACtB,IAAMC,iBAAiB,GAAG,IAAAhF,WAAE,GAAA+E,IAAA,OAAAA,IAAA,CACzB9E,cAAM,CAACgF,OAAO,CAAC,IAAI,CAAC9E,KAAK,CAAC,IAAG,IAAI,EAAA4E,IAAA,CACjC9E,cAAM,CAACiF,eAAe,CAAC,IAAI,CAAC/E,KAAK,CAAC,IAAG,CAAC,EAAE,IAAI,CAACvB,KAAK,CAACI,QAAQ,IAAI,IAAI,CAACT,OAAO,CAACS,QAAQ,CAAC,EAAA+F,IAAA,CACrF9E,cAAM,CAACkF,WAAW,CAAC,CAAC,IAAGxD,cAAM,IAAIC,cAAM,EAAAmD,IAAA,CACzC,CAAC,CAEF,oBAAO/I,MAAA,CAAA6D,OAAA,CAAA2C,aAAA,UAAKzC,SAAS,EAAEiF,iBAAkB,IAAE,IAAI,CAACpG,KAAK,CAACiE,QAAc,CAAC,CACvE,CAAC,QAAAxF,KAAA,GAzL2BoB,cAAK,CAAC2G,SAAS,GAAAnI,MAAA,CAC7BoI,mBAAmB,GAAG,OAAO,EAAApI,MAAA,CAC7BqI,WAAW,GAAG,OAAO,EAAArI,MAAA,CAMrBqB,YAAY,GAAiB,EACzCgB,OAAO,EAAE,KAAK,EACdD,IAAI,EAAE,OAAO,CACf,CAAC,EAAApC,MAAA,CAIasI,WAAW,GAAGC,oCAAiB,EAAAvI,MAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_CommonWrapper","_Emotion","_keyListener","_rootNode","_fixFirefoxModifiedClickOnLabel","_client","_RadioGroupContext","_createPropsGetter","_FocusControlWrapper","_Radio2","_excluded","_class","_Radio","RadioDataTids","exports","root","Radio","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","createPropsGetter","defaultProps","context","inputEl","React","createRef","renderMain","props","_cx","_cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose2","default","radioProps","className","cx","styles","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","globalClasses","value","inputProps","_extends2","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","isIE11","isEdge","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","fixFirefoxModifiedClickOnLabel","_isInRadioGroup","_cx3","_cx4","activeItem","name","suppressHydrationWarning","createElement","FocusControlWrapper","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","globalObject","requestAnimationFrame","keyListener","isArrowPressed","isTabPressed","setState","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType","RadioGroupContext"],"sources":["Radio.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { RadioGroupContext, RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { styles, globalClasses } from './Radio.styles';\n\nexport interface RadioProps<T>\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\n\n        /** Задает состояние фокуса. */\n        focused?: boolean;\n\n        /** Задает функцию, которая вызывается при изменении value. */\n        onValueChange?: (value: T) => void;\n\n        /** Задает HTML-событие `onmouseenter`.\n         * @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseleave`.\n         * @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseover`.\n         * @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Устанавливает значение. */\n        value: T;\n      }\n    > {}\n\nexport interface RadioState {\n  focusedByKeyboard: boolean;\n}\n\nexport const RadioDataTids = {\n  root: 'Radio__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioProps<any>, 'focused' | 'size'>>;\n\n/**\n * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.\n */\n@rootNode\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n  public static __KONTUR_REACT_UI__ = 'Radio';\n  public static displayName = 'Radio';\n\n  public state = {\n    focusedByKeyboard: false,\n  };\n\n  public static defaultProps: DefaultProps = {\n    focused: false,\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.circleLarge(this.theme);\n      case 'medium':\n        return styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.checkedLarge(this.theme);\n      case 'medium':\n        return styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return styles.checkedSmall(this.theme);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>) => {\n    const {\n      disabled = this.context.disabled,\n      warning = this.context.warning,\n      error = this.context.error,\n      size,\n      focused,\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n      onValueChange,\n      ...rest\n    } = props;\n\n    const radioProps = {\n      className: cx({\n        [styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\n        [styles.error(this.theme)]: error,\n        [styles.warning(this.theme)]: warning,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.checkedDisabled(this.theme)]: this.props.checked && disabled,\n        [globalClasses.circle]: true,\n      }),\n    };\n\n    let value: string | number | undefined;\n    if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\n      value = this.props.value;\n    }\n\n    const inputProps = {\n      ...rest,\n      type: 'radio',\n      className: styles.input(),\n      disabled,\n      tabIndex: this.props.tabIndex,\n      value,\n      ref: this.inputEl,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n    };\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: this.props.checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      }),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\n    };\n\n    if (this._isInRadioGroup()) {\n      const checked = this.props.value === this.context.activeItem;\n      inputProps.checked = checked;\n      inputProps.name = this.context.name;\n      inputProps.suppressHydrationWarning = true;\n      labelProps.className = cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      });\n      radioProps.className = cx(radioProps.className, {\n        [styles.checked(this.theme)]: checked,\n        [this.getCheckedSizeClassName()]: checked,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n      });\n    }\n\n    return (\n      <label data-tid={RadioDataTids.root} {...labelProps}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} />\n        </FocusControlWrapper>\n        <span {...radioProps}>\n          <span className={styles.placeholder()} />\n        </span>\n        {this.props.children && this.renderCaption()}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = cx({\n      [styles.caption(this.theme)]: true,\n      [styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n      [styles.captionIE11()]: isIE11 || isEdge,\n    });\n\n    return <div className={captionClassNames}>{this.props.children}</div>;\n  }\n\n  private handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    this.props.onValueChange?.(this.props.value);\n\n    if (this._isInRadioGroup()) {\n      this.context.onSelect(this.props.value);\n    }\n\n    this.props.onChange?.(e);\n  };\n\n  private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseOver?.(e);\n  };\n\n  private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseEnter?.(e);\n  };\n\n  private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseLeave?.(e);\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.context.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isArrowPressed || keyListener.isTabPressed) {\n          this.setState({ focusedByKeyboard: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByKeyboard: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Radio/Radio.md

@@ -1,4 +1,4 @@
-Различные виды радио-кнопок.
+### Виды радио-кнопок
 
 ```jsx harmony
 import { Gapped, Radio, RadioGroup } from '@skbkontur/react-ui';
@@ -29,6 +29,7 @@ const [chosen, setChosen] = React.useState(null);
 </RadioGroup>
 ```
 
+### Состояния
 Радио-кнопки могут иметь сразу несколько состояний.
 
 ```jsx harmony
@@ -37,7 +38,7 @@ const [chosen, setChosen] = React.useState(null);
 </Radio>
 ```
 
-У Radio есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';

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

@@ -0,0 +1,28 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+kind('Radio', () => {
+  story('Highlighted', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /firefox/ },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('tabPress', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .sendKeys(Key.TAB)
+        .pause(500)
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'tabPress');
+    });
+  });
+});

package/cjs/components/Radio/__docs__/Radio.mdx

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

package/cjs/components/RadioGroup/RadioGroup.d.ts

@@ -2,71 +2,46 @@ import React, { AriaAttributes } from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { Prevent } from './Prevent';
 export interface RadioGroupProps<T = string | number> extends CommonProps {
-    /**
-     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-     * или значений из параметра `items`
-     */
+    /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */
     defaultValue?: T;
-    /**
-     * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-     * Если не указано, то компонент будет работать, как неконтролируемый
-     */
+    /** Задает значение радиогруппы. Должно быть одним из значений радиокнопок.
+     * Если не указано, то компонент будет работать, как неконтролируемый. */
     value?: T;
-    /**
-     * Может быть использовано, если не передан параметр `children`
-     *
-     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-     * — значение которое будет использовано вторым параметром в `renderItem`.
-     * Если тип `items: Array<Value>`, то он будет приведен к типу
-     * `Array<[Value, Value]>`
-     */
+    /** Задает массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
+     * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
+     * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
+     * Может быть использовано, если не передан параметр `children`. */
     items?: T[] | Array<[T, React.ReactNode]>;
-    /**
-     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-     * случайное имя
-     */
+    /** Устанавливает аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется случайное имя. */
     name?: string;
-    /**
-     * Метод получения уникального ключа по элементу
-     * @param item
-     */
+    /** Получает уникальный ключ по элементу
+     * @param item - элемент, по которуму нужно получить ключ. */
     toKey?: (item: T) => string | number;
-    /**
-     * Дизейблит все радиокнопки
-     */
+    /** Делает все радиокнопки недоступными. */
     disabled?: boolean;
-    /**
-     * Переводит все радиокнопки в состояние валидации: предупреждение.
-     */
+    /** Переводит все радиокнопки в состояние валидации "предупреждение". */
     warning?: boolean;
-    /**
-     * Переводит все радиокнопки в состояние валидации: ошибка.
-     */
+    /** Переводит все радиокнопки в состояние валидации "ошибка". */
     error?: boolean;
-    /**
-     * Выравнивает элементы в строку. Не работает с `children`
-     */
+    /** Выравнивает элементы items в строку. Не работает с children. */
     inline?: boolean;
-    /**
-     * Ширина радиогруппы. Не работает с `children`
-     */
+    /** Задает ширину радиогруппы. Не работает с `children`. */
     width?: React.CSSProperties['width'];
-    /**
-     * Метод отрисовки контента радиокнопки. Не работает с `children`.
-     *
-     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-     */
+    /** Задает функцию, которая отображает контент радиокнопки. Не работает с `children`.
+     * @param {Value} itemValue - значение радиокнопки.
+     * @param {Data} data - значение для отрисовки радиокнопки. */
     renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
+    /** @ignore */
     'aria-describedby'?: AriaAttributes['aria-describedby'];
-    /** Вызывается при изменении `value` */
+    /** Задает функцию, которая вызывается при изменении значения радиогруппы (value). */
     onValueChange?: (value: T) => void;
+    /** Задает функцию, которая вызывается при потере радиогруппой фокуса. */
     onBlur?: (event: FocusEvent) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
     onMouseLeave?: () => any;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
     onMouseOver?: () => any;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
     onMouseEnter?: () => any;
 }
 export interface RadioGroupState<T> {
@@ -77,20 +52,18 @@ export declare const RadioGroupDataTids: {
 };
 type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
 /**
+ * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
  *
- * `children` может содержать любую разметку с компонентами Radio,
- * если не передан параметр `items`.
- * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
- * как и параметр `value` самой радиогруппы.
+ * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
+ * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
  *
- * Значения активного элемента сравниваются по строгому равенству `===`
+ * Значения активного элемента сравниваются по строгому равенству `===`.
  */
 export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
-    private theme;
     private node;
     private name;
     private getProps;
@@ -98,7 +71,6 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     constructor(props: RadioGroupProps<T>);
     private getRadioGroupContextValue;
     render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
     /**
      * @public
      */