@skbkontur/react-ui 6.4.1 → 6.4.2-static-css.0

package/components/Radio/Radio.js

@@ -50,6 +50,7 @@ import { KeyListener } from '../../lib/events/keyListener.js';
 import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { withSize } from '../../lib/size/SizeDecorator.js';
+import { getBaselineCompensationVariant } from '../../lib/styles/baselineCompensation.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';
 import { getStyles, globalClasses } from './Radio.styles.js';
@@ -79,17 +80,17 @@ var Radio = /** @class */ (function (_super) {
             var isChecked = isCheckedByGroup || !!_this.props.checked;
             var radioProps = {
                 className: _this.cx((_a = {},
-                    _a[_this.styles.circle(_this.theme)] = true,
+                    _a[_this.styles.circle()] = true,
                     _a[_this.getCircleSizeClassName()] = true,
-                    _a[_this.styles.checked(_this.theme)] = isChecked,
+                    _a[_this.styles.checked()] = isChecked,
                     _a[_this.getCheckedSizeClassName()] = isChecked,
-                    _a[_this.styles.focus(_this.theme)] = isFocused,
-                    _a[_this.styles.error(_this.theme)] = error,
-                    _a[_this.styles.warning(_this.theme)] = warning,
-                    _a[_this.styles.disabled(_this.theme)] = disabled,
-                    _a[_this.styles.checkedDisabled(_this.theme)] = isChecked && disabled,
+                    _a[_this.styles.focus()] = isFocused,
+                    _a[_this.styles.error()] = error,
+                    _a[_this.styles.warning()] = warning,
+                    _a[_this.styles.disabled()] = disabled,
+                    _a[_this.styles.checkedDisabled()] = isChecked && disabled,
                     _a[globalClasses.circle] = true,
-                    _a)),
+                    _a), _this.getCircleBaselineCompensationClassName()),
             };
             var value;
             if (typeof _this.props.value === 'string' || typeof _this.props.value === 'number') {
@@ -103,8 +104,8 @@ var Radio = /** @class */ (function (_super) {
                 }
                 : {}));
             var labelProps = {
-                className: _this.cx(_this.styles.root(_this.theme), _this.getRootSizeClassName(), (_b = {},
-                    _b[_this.styles.rootChecked(_this.theme)] = isChecked,
+                className: _this.cx(_this.styles.root(), _this.getRootSizeClassName(), (_b = {},
+                    _b[_this.styles.rootChecked()] = isChecked,
                     _b)),
                 onMouseOver: _this.handleMouseOver,
                 onMouseEnter: _this.handleMouseEnter,
@@ -116,7 +117,7 @@ var Radio = /** @class */ (function (_super) {
                     React.createElement("input", __assign({}, inputProps))),
                 React.createElement("span", __assign({}, radioProps),
                     React.createElement("span", { className: _this.styles.placeholder() })),
-                _this.props.children && (React.createElement("div", { className: _this.styles.captionWrapper(_this.theme) },
+                _this.props.children && (React.createElement("div", { className: _this.styles.captionWrapper() },
                     _this.renderCaption(),
                     _this.props.comment && _this.renderComment()))));
         };
@@ -168,34 +169,64 @@ var Radio = /** @class */ (function (_super) {
     Radio.prototype.getRootSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.rootLarge(this.theme);
+                return this.styles.rootLarge();
             case 'medium':
-                return this.styles.rootMedium(this.theme);
+                return this.styles.rootMedium();
             case 'small':
             default:
-                return this.styles.rootSmall(this.theme);
+                return this.styles.rootSmall();
         }
     };
     Radio.prototype.getCircleSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.circleLarge(this.theme);
+                return this.styles.circleLarge();
             case 'medium':
-                return this.styles.circleMedium(this.theme);
+                return this.styles.circleMedium();
             case 'small':
             default:
-                return this.styles.circleSmall(this.theme);
+                return this.styles.circleSmall();
+        }
+    };
+    Radio.prototype.getRadioFontSize = function () {
+        switch (this.size) {
+            case 'large':
+                return this.theme.radioFontSizeLarge;
+            case 'medium':
+                return this.theme.radioFontSizeMedium;
+            case 'small':
+            default:
+                return this.theme.radioFontSizeSmall;
+        }
+    };
+    /**
+     * Ветвление компенсации базовой линии немонотонно (на 17px компенсации нет) и
+     * в `calc()` не выражается, поэтому размер шрифта читается из темы здесь, а в
+     * разметку уходит один из готовых статических классов. Класс идёт в `cx`
+     * после размерного и перебивает `margin-top` его шортката `margin`.
+     */
+    Radio.prototype.getCircleBaselineCompensationClassName = function () {
+        switch (getBaselineCompensationVariant(parseInt(this.getRadioFontSize()))) {
+            case 'lessThan16':
+                return this.styles.circleBaselineCompensationLessThan16();
+            case 'exactly16':
+                return this.styles.circleBaselineCompensationExactly16();
+            case 'exactly18':
+                return this.styles.circleBaselineCompensationExactly18();
+            case 'none':
+            default:
+                return undefined;
         }
     };
     Radio.prototype.getCheckedSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.checkedLarge(this.theme);
+                return this.styles.checkedLarge();
             case 'medium':
-                return this.styles.checkedMedium(this.theme);
+                return this.styles.checkedMedium();
             case 'small':
             default:
-                return this.styles.checkedSmall(this.theme);
+                return this.styles.checkedSmall();
         }
     };
     Radio.prototype.componentDidMount = function () {
@@ -203,7 +234,7 @@ var Radio = /** @class */ (function (_super) {
     };
     Radio.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles(this.emotion);
+        this.styles = getStyles();
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.getProps()), _this.renderMain));
@@ -227,26 +258,26 @@ var Radio = /** @class */ (function (_super) {
     Radio.prototype.renderCaption = function () {
         var _a;
         var captionClassNames = this.cx((_a = {},
-            _a[this.styles.caption(this.theme)] = true,
-            _a[this.styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled),
+            _a[this.styles.caption()] = true,
+            _a[this.styles.captionDisabled()] = !!(this.props.disabled || this.context.disabled),
             _a));
         return React.createElement("div", { className: captionClassNames }, this.props.children);
     };
     Radio.prototype.getSubcaptionSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.subcaptionLarge(this.theme);
+                return this.styles.subcaptionLarge();
             case 'medium':
-                return this.styles.subcaptionMedium(this.theme);
+                return this.styles.subcaptionMedium();
             case 'small':
             default:
-                return this.styles.subcaptionSmall(this.theme);
+                return this.styles.subcaptionSmall();
         }
     };
     Radio.prototype.renderComment = function () {
         var _a;
-        return (React.createElement("div", { className: this.cx(this.styles.subcaption(this.theme), this.getSubcaptionSizeClassName(), (_a = {},
-                _a[this.styles.subcaptionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled),
+        return (React.createElement("div", { className: this.cx(this.styles.subcaption(), this.getSubcaptionSizeClassName(), (_a = {},
+                _a[this.styles.subcaptionDisabled()] = !!(this.props.disabled || this.context.disabled),
                 _a)) }, this.props.comment));
     };
     var Radio_1;

package/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["Radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { Override } from '../../typings/utility-types.js';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext.js';\nimport { getStyles, globalClasses } from './Radio.styles.js';\n\nexport interface RadioProps<T>\n  extends\n    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        comment?: React.ReactNode;\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'>>;\n\n/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.\n *\n * Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).\n */\n@withRenderEnvironment\n@rootNode\n@withSize\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  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n  private size!: SizeProp;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private keyListener!: KeyListener;\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.rootLarge(this.theme);\n      case 'medium':\n        return this.styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.rootSmall(this.theme);\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.circleLarge(this.theme);\n      case 'medium':\n        return this.styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.checkedLarge(this.theme);\n      case 'medium':\n        return this.styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.checkedSmall(this.theme);\n    }\n  }\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\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(): void {\n    this.keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /** Программно снимает фокус с радиокнопки.\n   * @public\n   */\n  public blur(): void {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>): React.JSX.Element => {\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 isFocused = this.getProps().focused || this.state.focusedByKeyboard;\n    const isInRadioGroup = this._isInRadioGroup();\n    const isCheckedByGroup = isInRadioGroup && this.props.value === this.context.activeItem;\n    const isChecked = isCheckedByGroup || !!this.props.checked;\n\n    const radioProps = {\n      className: this.cx({\n        [this.styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [this.styles.checked(this.theme)]: isChecked,\n        [this.getCheckedSizeClassName()]: isChecked,\n        [this.styles.focus(this.theme)]: isFocused,\n        [this.styles.error(this.theme)]: error,\n        [this.styles.warning(this.theme)]: warning,\n        [this.styles.disabled(this.theme)]: disabled,\n        [this.styles.checkedDisabled(this.theme)]: isChecked && 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: this.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      ...(isInRadioGroup\n        ? {\n            checked: isCheckedByGroup,\n            name: this.context.name,\n            suppressHydrationWarning: true,\n          }\n        : {}),\n    };\n\n    const labelProps = {\n      className: this.cx(this.styles.root(this.theme), this.getRootSizeClassName(), {\n        [this.styles.rootChecked(this.theme)]: isChecked,\n      }),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\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={this.styles.placeholder()} />\n        </span>\n        {this.props.children && (\n          <div className={this.styles.captionWrapper(this.theme)}>\n            {this.renderCaption()}\n            {this.props.comment && this.renderComment()}\n          </div>\n        )}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = this.cx({\n      [this.styles.caption(this.theme)]: true,\n      [this.styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n    });\n\n    return <div className={captionClassNames}>{this.props.children}</div>;\n  }\n\n  private getSubcaptionSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.subcaptionLarge(this.theme);\n      case 'medium':\n        return this.styles.subcaptionMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.subcaptionSmall(this.theme);\n    }\n  }\n\n  private renderComment() {\n    return (\n      <div\n        className={this.cx(this.styles.subcaption(this.theme), this.getSubcaptionSizeClassName(), {\n          [this.styles.subcaptionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n        })}\n      >\n        {this.props.comment}\n      </div>\n    );\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      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isArrowPressed || this.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"]}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["Radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport { getBaselineCompensationVariant } from '../../lib/styles/baselineCompensation.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { Override } from '../../typings/utility-types.js';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext.js';\nimport { getStyles, globalClasses } from './Radio.styles.js';\n\nexport interface RadioProps<T>\n  extends\n    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        comment?: React.ReactNode;\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'>>;\n\n/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.\n *\n * Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).\n */\n@withRenderEnvironment\n@rootNode\n@withSize\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  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n  private size!: SizeProp;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private globalObject!: GlobalObject;\n  private cx!: ClassNames;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private keyListener!: KeyListener;\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.rootLarge();\n      case 'medium':\n        return this.styles.rootMedium();\n      case 'small':\n      default:\n        return this.styles.rootSmall();\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.circleLarge();\n      case 'medium':\n        return this.styles.circleMedium();\n      case 'small':\n      default:\n        return this.styles.circleSmall();\n    }\n  }\n\n  private getRadioFontSize() {\n    switch (this.size) {\n      case 'large':\n        return this.theme.radioFontSizeLarge;\n      case 'medium':\n        return this.theme.radioFontSizeMedium;\n      case 'small':\n      default:\n        return this.theme.radioFontSizeSmall;\n    }\n  }\n\n  /**\n   * Ветвление компенсации базовой линии немонотонно (на 17px компенсации нет) и\n   * в `calc()` не выражается, поэтому размер шрифта читается из темы здесь, а в\n   * разметку уходит один из готовых статических классов. Класс идёт в `cx`\n   * после размерного и перебивает `margin-top` его шортката `margin`.\n   */\n  private getCircleBaselineCompensationClassName() {\n    switch (getBaselineCompensationVariant(parseInt(this.getRadioFontSize()))) {\n      case 'lessThan16':\n        return this.styles.circleBaselineCompensationLessThan16();\n      case 'exactly16':\n        return this.styles.circleBaselineCompensationExactly16();\n      case 'exactly18':\n        return this.styles.circleBaselineCompensationExactly18();\n      case 'none':\n      default:\n        return undefined;\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.checkedLarge();\n      case 'medium':\n        return this.styles.checkedMedium();\n      case 'small':\n      default:\n        return this.styles.checkedSmall();\n    }\n  }\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles();\n\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(): void {\n    this.keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /** Программно снимает фокус с радиокнопки.\n   * @public\n   */\n  public blur(): void {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>): React.JSX.Element => {\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 isFocused = this.getProps().focused || this.state.focusedByKeyboard;\n    const isInRadioGroup = this._isInRadioGroup();\n    const isCheckedByGroup = isInRadioGroup && this.props.value === this.context.activeItem;\n    const isChecked = isCheckedByGroup || !!this.props.checked;\n\n    const radioProps = {\n      className: this.cx(\n        {\n          [this.styles.circle()]: true,\n          [this.getCircleSizeClassName()]: true,\n          [this.styles.checked()]: isChecked,\n          [this.getCheckedSizeClassName()]: isChecked,\n          [this.styles.focus()]: isFocused,\n          [this.styles.error()]: error,\n          [this.styles.warning()]: warning,\n          [this.styles.disabled()]: disabled,\n          [this.styles.checkedDisabled()]: isChecked && disabled,\n          [globalClasses.circle]: true,\n        },\n        this.getCircleBaselineCompensationClassName(),\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: this.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      ...(isInRadioGroup\n        ? {\n            checked: isCheckedByGroup,\n            name: this.context.name,\n            suppressHydrationWarning: true,\n          }\n        : {}),\n    };\n\n    const labelProps = {\n      className: this.cx(this.styles.root(), this.getRootSizeClassName(), {\n        [this.styles.rootChecked()]: isChecked,\n      }),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\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={this.styles.placeholder()} />\n        </span>\n        {this.props.children && (\n          <div className={this.styles.captionWrapper()}>\n            {this.renderCaption()}\n            {this.props.comment && this.renderComment()}\n          </div>\n        )}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = this.cx({\n      [this.styles.caption()]: true,\n      [this.styles.captionDisabled()]: !!(this.props.disabled || this.context.disabled),\n    });\n\n    return <div className={captionClassNames}>{this.props.children}</div>;\n  }\n\n  private getSubcaptionSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.subcaptionLarge();\n      case 'medium':\n        return this.styles.subcaptionMedium();\n      case 'small':\n      default:\n        return this.styles.subcaptionSmall();\n    }\n  }\n\n  private renderComment() {\n    return (\n      <div\n        className={this.cx(this.styles.subcaption(), this.getSubcaptionSizeClassName(), {\n          [this.styles.subcaptionDisabled()]: !!(this.props.disabled || this.context.disabled),\n        })}\n      >\n        {this.props.comment}\n      </div>\n    );\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      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isArrowPressed || this.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"]}

package/components/Radio/Radio.styles.d.ts

@@ -1,34 +1,37 @@
-import type { Theme } from '../../lib/theming/Theme.js';
 export declare const globalClasses: {
     circle: string;
 };
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootChecked(t: Theme): string;
-    circle(t: Theme): string;
-    circleSmall(t: Theme): string;
-    circleMedium(t: Theme): string;
-    circleLarge(t: Theme): string;
-    focus(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-    checked(t: Theme): string;
-    checkedSmall(t: Theme): string;
-    checkedMedium(t: Theme): string;
-    checkedLarge(t: Theme): string;
-    checkedDisabled(t: Theme): string;
-    input(): string;
-    disabled(t: Theme): string;
-    caption(t: Theme): string;
-    captionDisabled(t: Theme): string;
-    placeholder(): string;
-    captionWrapper(t: Theme): string;
-    subcaption(t: Theme): string;
-    subcaptionDisabled(t: Theme): string;
-    subcaptionSmall(t: Theme): string;
-    subcaptionMedium(t: Theme): string;
-    subcaptionLarge(t: Theme): string;
+/** Правила — в `Radio.css`; здесь только имена классов. */
+export declare const getStyles: (ignored?: unknown) => import("../../lib/theming/staticStyles.js").StaticStyles<{
+    root: string;
+    rootSmall: string;
+    rootMedium: string;
+    rootLarge: string;
+    rootChecked: string;
+    circle: string;
+    circleSmall: string;
+    circleMedium: string;
+    circleLarge: string;
+    circleBaselineCompensationLessThan16: string;
+    circleBaselineCompensationExactly16: string;
+    circleBaselineCompensationExactly18: string;
+    focus: string;
+    warning: string;
+    error: string;
+    checked: string;
+    checkedSmall: string;
+    checkedMedium: string;
+    checkedLarge: string;
+    checkedDisabled: string;
+    input: string;
+    disabled: string;
+    caption: string;
+    captionDisabled: string;
+    placeholder: string;
+    captionWrapper: string;
+    subcaption: string;
+    subcaptionDisabled: string;
+    subcaptionSmall: string;
+    subcaptionMedium: string;
+    subcaptionLarge: string;
 }>;

package/components/Radio/Radio.styles.js

@@ -1,100 +1,40 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
-import { afterOutlineMixin, circleSizeMixin, disabledTextColorMixin, outlineColorMixin, radioCheckedMixin, radioSizeMixin, subcaptionMixin, } from './Radio.mixins.js';
+import { prefix } from '../../lib/theming/Emotion.js';
+import { staticStyles } from '../../lib/theming/staticStyles.js';
 export var globalClasses = prefix('radio')({
     circle: 'circle',
 });
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function (t) {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "])), globalClasses.circle, t.transitionDuration, t.transitionTimingFunction, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow);
-        },
-        rootSmall: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
-        },
-        rootMedium: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
-        },
-        rootLarge: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
-        },
-        rootChecked: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "], ["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
-        },
-        circle: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "], ["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, t.radioBgColor);
-        },
-        circleSmall: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-        },
-        circleMedium: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-        },
-        circleLarge: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-        },
-        focus: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
-        },
-        warning: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
-        },
-        error: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
-        },
-        checked: function (t) {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioCheckedBulletColor);
-        },
-        checkedSmall: function (t) {
-            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
-        },
-        checkedMedium: function (t) {
-            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
-        },
-        checkedLarge: function (t) {
-            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
-        },
-        checkedDisabled: function (t) {
-            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      &::before {\n        background: ", ";\n      }\n    "], ["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
-        },
-        input: function () {
-            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "], ["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
-        },
-        disabled: function (t) {
-            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      background: ", " !important; // override root hover/active styles\n      border-color: ", " !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "], ["\n      background: ", " !important; // override root hover/active styles\n      border-color: ", " !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])), t.radioDisabledBg, t.radioDisabledBorderColor, t.radioDisabledShadow);
-        },
-        caption: function (t) {
-            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      display: ", ";\n      white-space: normal;\n      color: ", ";\n    "], ["\n      display: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioTextColor);
-        },
-        captionDisabled: function (t) {
-            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), disabledTextColorMixin(t.textColorDisabled));
-        },
-        placeholder: function () {
-            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      display: inline-block;\n    "], ["\n      display: inline-block;\n    "])));
-        },
-        captionWrapper: function (t) {
-            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n      display: inline-block;\n      padding-left: ", ";\n    "], ["\n      display: inline-block;\n      padding-left: ", ";\n    "])), t.radioCaptionGap);
-        },
-        subcaption: function (t) {
-            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n      margin-top: 2px;\n      color: ", ";\n    "], ["\n      margin-top: 2px;\n      color: ", ";\n    "])), t.radioCommentTextColor);
-        },
-        subcaptionDisabled: function (t) {
-            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), disabledTextColorMixin(t.textColorDisabled));
-        },
-        subcaptionSmall: function (t) {
-            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), subcaptionMixin(t.radioCommentFontSizeSmall, t.radioCommentLineHeightSmall));
-        },
-        subcaptionMedium: function (t) {
-            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), subcaptionMixin(t.radioCommentFontSizeMedium, t.radioCommentLineHeightMedium));
-        },
-        subcaptionLarge: function (t) {
-            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), subcaptionMixin(t.radioCommentFontSizeLarge, t.radioCommentLineHeightLarge));
-        },
-    });
+/** Правила — в `Radio.css`; здесь только имена классов. */
+export var getStyles = staticStyles({
+    root: 'react-ui-Radio-root',
+    rootSmall: 'react-ui-Radio-rootSmall',
+    rootMedium: 'react-ui-Radio-rootMedium',
+    rootLarge: 'react-ui-Radio-rootLarge',
+    rootChecked: 'react-ui-Radio-rootChecked',
+    circle: 'react-ui-Radio-circle',
+    circleSmall: 'react-ui-Radio-circleSmall',
+    circleMedium: 'react-ui-Radio-circleMedium',
+    circleLarge: 'react-ui-Radio-circleLarge',
+    circleBaselineCompensationLessThan16: 'react-ui-Radio-circleBaselineCompensationLessThan16',
+    circleBaselineCompensationExactly16: 'react-ui-Radio-circleBaselineCompensationExactly16',
+    circleBaselineCompensationExactly18: 'react-ui-Radio-circleBaselineCompensationExactly18',
+    focus: 'react-ui-Radio-focus',
+    warning: 'react-ui-Radio-warning',
+    error: 'react-ui-Radio-error',
+    checked: 'react-ui-Radio-checked',
+    checkedSmall: 'react-ui-Radio-checkedSmall',
+    checkedMedium: 'react-ui-Radio-checkedMedium',
+    checkedLarge: 'react-ui-Radio-checkedLarge',
+    checkedDisabled: 'react-ui-Radio-checkedDisabled',
+    input: 'react-ui-Radio-input',
+    disabled: 'react-ui-Radio-disabled',
+    caption: 'react-ui-Radio-caption',
+    captionDisabled: 'react-ui-Radio-captionDisabled',
+    placeholder: 'react-ui-Radio-placeholder',
+    captionWrapper: 'react-ui-Radio-captionWrapper',
+    subcaption: 'react-ui-Radio-subcaption',
+    subcaptionDisabled: 'react-ui-Radio-subcaptionDisabled',
+    subcaptionSmall: 'react-ui-Radio-subcaptionSmall',
+    subcaptionMedium: 'react-ui-Radio-subcaptionMedium',
+    subcaptionLarge: 'react-ui-Radio-subcaptionLarge',
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28;
 //# sourceMappingURL=Radio.styles.js.map

package/components/Radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["Radio.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  disabledTextColorMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n  subcaptionMixin,\n} from './Radio.mixins.js';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: ${t.radioDisabledBorderColor} !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      ${disabledTextColorMixin(t.textColorDisabled)};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  captionWrapper(t: Theme) {\n    return css`\n      display: inline-block;\n      padding-left: ${t.radioCaptionGap};\n    `;\n  },\n\n  subcaption(t: Theme) {\n    return css`\n      margin-top: 2px;\n      color: ${t.radioCommentTextColor};\n    `;\n  },\n\n  subcaptionDisabled(t: Theme) {\n    return css`\n      ${disabledTextColorMixin(t.textColorDisabled)};\n    `;\n  },\n\n  subcaptionSmall(t: Theme) {\n    return css`\n      ${subcaptionMixin(t.radioCommentFontSizeSmall, t.radioCommentLineHeightSmall)};\n    `;\n  },\n  subcaptionMedium(t: Theme) {\n    return css`\n      ${subcaptionMixin(t.radioCommentFontSizeMedium, t.radioCommentLineHeightMedium)};\n    `;\n  },\n  subcaptionLarge(t: Theme) {\n    return css`\n      ${subcaptionMixin(t.radioCommentFontSizeLarge, t.radioCommentLineHeightLarge)};\n    `;\n  },\n}));\n"]}
+{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["Radio.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,EAAE,QAAQ;CACjB,CAAC,CAAC;AAEH,2DAA2D;AAC3D,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC;IACpC,IAAI,EAAE,qBAAqB;IAC3B,SAAS,EAAE,0BAA0B;IACrC,UAAU,EAAE,2BAA2B;IACvC,SAAS,EAAE,0BAA0B;IACrC,WAAW,EAAE,4BAA4B;IACzC,MAAM,EAAE,uBAAuB;IAC/B,WAAW,EAAE,4BAA4B;IACzC,YAAY,EAAE,6BAA6B;IAC3C,WAAW,EAAE,4BAA4B;IACzC,oCAAoC,EAAE,qDAAqD;IAC3F,mCAAmC,EAAE,oDAAoD;IACzF,mCAAmC,EAAE,oDAAoD;IACzF,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,wBAAwB;IACjC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,wBAAwB;IACjC,YAAY,EAAE,6BAA6B;IAC3C,aAAa,EAAE,8BAA8B;IAC7C,YAAY,EAAE,6BAA6B;IAC3C,eAAe,EAAE,gCAAgC;IACjD,KAAK,EAAE,sBAAsB;IAC7B,QAAQ,EAAE,yBAAyB;IACnC,OAAO,EAAE,wBAAwB;IACjC,eAAe,EAAE,gCAAgC;IACjD,WAAW,EAAE,4BAA4B;IACzC,cAAc,EAAE,+BAA+B;IAC/C,UAAU,EAAE,2BAA2B;IACvC,kBAAkB,EAAE,mCAAmC;IACvD,eAAe,EAAE,gCAAgC;IACjD,gBAAgB,EAAE,iCAAiC;IACnD,eAAe,EAAE,gCAAgC;CAClD,CAAC,CAAC","sourcesContent":["import { prefix } from '../../lib/theming/Emotion.js';\nimport { staticStyles } from '../../lib/theming/staticStyles.js';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\n/** Правила — в `Radio.css`; здесь только имена классов. */\nexport const getStyles = staticStyles({\n  root: 'react-ui-Radio-root',\n  rootSmall: 'react-ui-Radio-rootSmall',\n  rootMedium: 'react-ui-Radio-rootMedium',\n  rootLarge: 'react-ui-Radio-rootLarge',\n  rootChecked: 'react-ui-Radio-rootChecked',\n  circle: 'react-ui-Radio-circle',\n  circleSmall: 'react-ui-Radio-circleSmall',\n  circleMedium: 'react-ui-Radio-circleMedium',\n  circleLarge: 'react-ui-Radio-circleLarge',\n  circleBaselineCompensationLessThan16: 'react-ui-Radio-circleBaselineCompensationLessThan16',\n  circleBaselineCompensationExactly16: 'react-ui-Radio-circleBaselineCompensationExactly16',\n  circleBaselineCompensationExactly18: 'react-ui-Radio-circleBaselineCompensationExactly18',\n  focus: 'react-ui-Radio-focus',\n  warning: 'react-ui-Radio-warning',\n  error: 'react-ui-Radio-error',\n  checked: 'react-ui-Radio-checked',\n  checkedSmall: 'react-ui-Radio-checkedSmall',\n  checkedMedium: 'react-ui-Radio-checkedMedium',\n  checkedLarge: 'react-ui-Radio-checkedLarge',\n  checkedDisabled: 'react-ui-Radio-checkedDisabled',\n  input: 'react-ui-Radio-input',\n  disabled: 'react-ui-Radio-disabled',\n  caption: 'react-ui-Radio-caption',\n  captionDisabled: 'react-ui-Radio-captionDisabled',\n  placeholder: 'react-ui-Radio-placeholder',\n  captionWrapper: 'react-ui-Radio-captionWrapper',\n  subcaption: 'react-ui-Radio-subcaption',\n  subcaptionDisabled: 'react-ui-Radio-subcaptionDisabled',\n  subcaptionSmall: 'react-ui-Radio-subcaptionSmall',\n  subcaptionMedium: 'react-ui-Radio-subcaptionMedium',\n  subcaptionLarge: 'react-ui-Radio-subcaptionLarge',\n});\n"]}

package/components/RadioGroup/RadioGroup.d.ts

@@ -59,7 +59,6 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     static displayName: string;
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
-    private emotion;
     private cx;
     private styles;
     private node;

package/components/RadioGroup/RadioGroup.js

@@ -80,7 +80,6 @@ var RadioGroup = /** @class */ (function (_super) {
                 key: _this.getKeyByItem(itemValue),
                 className: _this.cx((_a = {},
                     _a[_this.styles.item()] = true,
-                    _a[_this.styles.itemFirst()] = index === 0,
                     _a[_this.styles.itemInline()] = !!_this.props.inline,
                     _a)),
             };
@@ -113,7 +112,7 @@ var RadioGroup = /** @class */ (function (_super) {
             onMouseEnter: onMouseEnter,
             onMouseLeave: onMouseLeave,
         };
-        this.styles = getStyles(this.emotion);
+        this.styles = getStyles();
         return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props, getVisualStateDataAttributes({ disabled: disabled })),
             React.createElement(FocusTrap, { onBlur: onBlur },
                 React.createElement("span", __assign({ "data-tid": RadioGroupDataTids.root, ref: this.ref, style: style, className: this.cx((_a = {},