@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/components/Tabs/Tab.styles/Tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","shift","ColorFunctions","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","red","tabTextColorDefault","green","blue","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n  focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n  rootSmall(t: Theme) {\n    return tabRoot(t, 'small');\n  },\n\n  rootMedium(t: Theme) {\n    return tabRoot(t, 'medium');\n  },\n\n  rootLarge(t: Theme) {\n    return tabRoot(t, 'large');\n  },\n\n  verticalSmall(t: Theme) {\n    return tabVertical(t, 'small');\n  },\n\n  verticalMedium(t: Theme) {\n    return tabVertical(t, 'medium');\n  },\n\n  verticalLarge(t: Theme) {\n    return tabVertical(t, 'large');\n  },\n\n  focusSmall(t: Theme) {\n    return tabFocus(t, 'small');\n  },\n\n  focusMedium(t: Theme) {\n    return tabFocus(t, 'medium');\n  },\n\n  focusLarge(t: Theme) {\n    return tabFocus(t, 'large');\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: rgba(\n        ${ColorFunctions.red(t.tabTextColorDefault)},\n        ${ColorFunctions.green(t.tabTextColorDefault)},\n        ${ColorFunctions.blue(t.tabTextColorDefault)},\n        0.5\n      );\n      cursor: default;\n    `;\n  },\n\n  active() {\n    return css`\n      cursor: default;\n    `;\n  },\n});\n\nexport const horizontalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nexport const verticalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-left-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: ${t.tabBorderWidth} solid transparent;\n    box-sizing: border-box;\n    color: ${t.tabTextColorDefault};\n    cursor: pointer;\n    display: inline-block;\n    font-size: ${fontSize(t, size)};\n    line-height: ${lineHeight(t, size)};\n    margin-left: ${paddingX(t, size)};\n    margin-right: ${paddingX(t, size)};\n    padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n    padding-top: ${paddingY(t, size)};\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: none;\n    border-left: ${t.tabBorderWidth} solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n    padding-right: ${paddingX(t, size)};\n\n    &:hover {\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    .${globalClasses.focus} {\n      bottom: 0;\n      left: -${t.tabBorderWidth};\n      right: 0;\n    }\n  `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n  return css`\n    border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n    bottom: -${t.tabBorderWidth};\n    left: -${paddingX(t, size)};\n    position: absolute;\n    right: -${paddingX(t, size)};\n    top: 0;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","prefix","shift","ColorFunctions","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","getStyles","emotion","rootSmall","t","css","_templateObject","_taggedTemplateLiteralLoose","tabRoot","rootMedium","_templateObject2","rootLarge","_templateObject3","verticalSmall","_templateObject4","tabVertical","verticalMedium","_templateObject5","verticalLarge","_templateObject6","focusSmall","_templateObject7","tabFocus","focusMedium","_templateObject8","focusLarge","_templateObject9","disabled","_templateObject10","red","tabTextColorDefault","green","blue","active","_templateObject11","getHorizontalStyles","_ref","_templateObject12","tabBorderWidth","_templateObject13","primary","_templateObject14","tabColorHoverPrimary","success","_templateObject15","tabColorHoverSuccess","warning","_templateObject16","tabColorHoverWarning","error","_templateObject17","tabColorHoverError","getVerticalStyles","_ref2","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","size","_ref3","_templateObject24","transitionDuration","transitionTimingFunction","tabColorHover","_ref4","_templateObject25","_ref5","_templateObject26","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n  focus: 'focus',\n});\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  rootSmall(t: Theme) {\n    return emotion.css`\n        ${tabRoot(t, 'small', emotion)}\n      `;\n  },\n\n  rootMedium(t: Theme) {\n    return emotion.css`\n        ${tabRoot(t, 'medium', emotion)}\n      `;\n  },\n\n  rootLarge(t: Theme) {\n    return emotion.css`\n        ${tabRoot(t, 'large', emotion)}\n      `;\n  },\n\n  verticalSmall(t: Theme) {\n    return emotion.css`\n        ${tabVertical(t, 'small', emotion)}\n      `;\n  },\n\n  verticalMedium(t: Theme) {\n    return emotion.css`\n        ${tabVertical(t, 'medium', emotion)}\n      `;\n  },\n\n  verticalLarge(t: Theme) {\n    return emotion.css`\n        ${tabVertical(t, 'large', emotion)}\n      `;\n  },\n\n  focusSmall(t: Theme) {\n    return emotion.css`\n        ${tabFocus(t, 'small', emotion)}\n      `;\n  },\n\n  focusMedium(t: Theme) {\n    return emotion.css`\n        ${tabFocus(t, 'medium', emotion)}\n      `;\n  },\n\n  focusLarge(t: Theme) {\n    return emotion.css`\n        ${tabFocus(t, 'large', emotion)}\n      `;\n  },\n\n  disabled(t: Theme) {\n    return emotion.css`\n        color: rgba(\n          ${ColorFunctions.red(t.tabTextColorDefault)},\n          ${ColorFunctions.green(t.tabTextColorDefault)},\n          ${ColorFunctions.blue(t.tabTextColorDefault)},\n          0.5\n        );\n        cursor: default;\n      `;\n  },\n\n  active() {\n    return emotion.css`\n        cursor: default;\n      `;\n  },\n}));\n\nexport const getHorizontalStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n}));\n\nexport const getVerticalStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-left-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n}));\n\nfunction tabRoot(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    border-bottom: ${t.tabBorderWidth} solid transparent;\n    box-sizing: border-box;\n    color: ${t.tabTextColorDefault};\n    cursor: pointer;\n    display: inline-block;\n    font-size: ${fontSize(t, size)};\n    line-height: ${lineHeight(t, size)};\n    margin-left: ${paddingX(t, size)};\n    margin-right: ${paddingX(t, size)};\n    padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n    padding-top: ${paddingY(t, size)};\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    border-bottom: none;\n    border-left: ${t.tabBorderWidth} solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n    padding-right: ${paddingX(t, size)};\n\n    &:hover {\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    .${globalClasses.focus} {\n      bottom: 0;\n      left: -${t.tabBorderWidth};\n      right: 0;\n    }\n  `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n    bottom: -${t.tabBorderWidth};\n    left: -${paddingX(t, size)};\n    position: absolute;\n    right: -${paddingX(t, size)};\n    top: 0;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Tabs/Tab.styles.d.ts

@@ -2,7 +2,7 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     focus: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;
@@ -14,20 +14,20 @@ export declare const styles: {
     focusLarge(t: Theme): string;
     disabled(t: Theme): string;
     active(): string;
-};
-export declare const horizontalStyles: {
+}>;
+export declare const getHorizontalStyles: import("../../lib/theming/Emotion").StylesGetter<{
     active(t: Theme): string;
     disabled(): string;
     primary(t: Theme): string;
     success(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
-};
-export declare const verticalStyles: {
+}>;
+export declare const getVerticalStyles: import("../../lib/theming/Emotion").StylesGetter<{
     active(t: Theme): string;
     disabled(): string;
     primary(t: Theme): string;
     success(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
-};
+}>;

package/components/Tabs/Tabs/Tabs.js

@@ -2,16 +2,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Tabs;
 import React from 'react';
-import { globalObject } from '@skbkontur/global-object';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { getRootNode } from "../../../lib/rootNode/getRootNode";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { Indicator } from "../Indicator";
-import { styles } from "../Tabs.styles";
+import { getStyles } from "../Tabs.styles";
 import { TabsContext } from "../TabsContext";
 import { Tab } from "../Tab";
 export var TabsDataTids = {
@@ -27,7 +26,7 @@ export var TabsDataTids = {
  * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.
  * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.
  */
-export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {
+export var Tabs = withRenderEnvironment(_class = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {
   function Tabs() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -55,7 +54,7 @@ export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Compo
       var tab = tabs[newIndex];
       var tabNode = tab.getNode();
       var htmlNode = getRootNode(tabNode);
-      if (isInstanceOf(htmlNode, globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {
+      if (isInstanceOf(htmlNode, _this.globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {
         htmlNode.focus();
       }
     };
@@ -106,14 +105,15 @@ export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Compo
     var _this$getProps = this.getProps(),
       vertical = _this$getProps.vertical,
       size = _this$getProps.size;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      var _cx;
+      var _this3$cx;
       _this3.theme = theme;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
         rootNodeRef: _this3.setRootNode
       }, _this3.props), /*#__PURE__*/React.createElement("div", {
         "data-tid": TabsDataTids.root,
-        className: cx((_cx = {}, _cx[styles.rootSmall(_this3.theme)] = size === 'small', _cx[styles.rootMedium(_this3.theme)] = size === 'medium', _cx[styles.rootLarge(_this3.theme)] = size === 'large', _cx[styles.vertical()] = vertical, _cx)),
+        className: _this3.cx((_this3$cx = {}, _this3$cx[_this3.styles.rootSmall(_this3.theme)] = size === 'small', _this3$cx[_this3.styles.rootMedium(_this3.theme)] = size === 'medium', _this3$cx[_this3.styles.rootLarge(_this3.theme)] = size === 'large', _this3$cx[_this3.styles.vertical()] = vertical, _this3$cx)),
         style: {
           width: width
         },
@@ -141,4 +141,4 @@ export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Compo
 }(React.Component), _Tabs.__KONTUR_REACT_UI__ = 'Tabs', _Tabs.displayName = 'Tabs', _Tabs.defaultProps = {
   vertical: false,
   size: 'large'
-}, _Tabs.Tab = Tab, _Tabs)) || _class;
+}, _Tabs.Tab = Tab, _Tabs)) || _class) || _class;

package/components/Tabs/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","ThemeContext","CommonWrapper","cx","getRootNode","rootNode","createPropsGetter","isInstanceOf","Indicator","styles","TabsContext","Tab","TabsDataTids","root","indicatorRoot","Tabs","_class","_Tabs","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inheritsLoose","_proto","prototype","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","createElement","Consumer","theme","_cx","_extends","rootNodeRef","setRootNode","className","rootSmall","rootMedium","rootLarge","style","Provider","activeTab","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n  getNode: () => Tab<T> | null;\n  id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n  /** Задает кастомный класс подчёркиванию таба. */\n  indicatorClassName?: string;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задает текущий активный `<Tab />`. Принимает `id` таба. */\n  value: T;\n\n  /** Задает функцию, изменяющую текущий активный `<Tab />`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задает расположение элементов по вертикали.\n   * @default false */\n  vertical?: boolean;\n\n  /** Задает ширину компонента Tabs. */\n  width?: number | string;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n  root: 'Tabs__root',\n  indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' | 'size'>>;\n\n/**\n * Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.\n *\n * Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.\n *\n * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.\n * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.\n */\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'Tabs';\n  public static displayName = 'Tabs';\n\n  public static defaultProps: DefaultProps = {\n    vertical: false,\n    size: 'large',\n  };\n\n  private getProps = createPropsGetter(Tabs.defaultProps);\n\n  public static Tab = Tab;\n\n  private theme!: Theme;\n\n  private tabs: Array<TabType<T>> = [];\n\n  private tabUpdates = {\n    on: (cb: () => void) => {\n      const index = this.listeners.push(cb);\n      return () => {\n        this.listeners.splice(index, 1);\n      };\n    },\n  };\n\n  private listeners: Array<typeof emptyHandler> = [];\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n    const { vertical, size } = this.getProps();\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={TabsDataTids.root}\n                className={cx({\n                  [styles.rootSmall(this.theme)]: size === 'small',\n                  [styles.rootMedium(this.theme)]: size === 'medium',\n                  [styles.rootLarge(this.theme)]: size === 'large',\n                  [styles.vertical()]: vertical,\n                })}\n                style={{ width }}\n                aria-describedby={ariaDescribedby}\n              >\n                <TabsContext.Provider\n                  value={{\n                    vertical,\n                    activeTab: value,\n                    size,\n                    getTab: this.getTab,\n                    addTab: this.addTab,\n                    removeTab: this.removeTab,\n                    notifyUpdate: this.notifyUpdate,\n                    shiftFocus: this.shiftFocus,\n                    switchTab: this.switchTab,\n                  }}\n                >\n                  {children}\n                  <Indicator\n                    className={indicatorClassName}\n                    tabUpdates={this.tabUpdates}\n                    vertical={this.getProps().vertical}\n                  />\n                </TabsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n    const { tabs } = this;\n    const index = tabs.findIndex((x) => x.id === fromTab);\n    const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n    const tab = tabs[newIndex];\n\n    const tabNode = tab.getNode();\n    const htmlNode = getRootNode(tabNode);\n\n    if (isInstanceOf(htmlNode, globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n      htmlNode.focus();\n    }\n  };\n\n  private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n    this.listeners.forEach((cb) => cb());\n  };\n\n  private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n    const { onValueChange, value } = this.props;\n    if (id !== value && onValueChange) {\n      onValueChange(id);\n    }\n  };\n\n  private getTab: TabsContextType<T>['getTab'] = (id) => {\n    const { getNode = null } = this.tabs.find((x) => x.id === id) || {};\n    return getNode && getNode();\n  };\n\n  private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n    this.tabs = this.tabs.concat({ id, getNode });\n  };\n\n  private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n    this.tabs = this.tabs.filter((tab) => tab.id !== id);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","CommonWrapper","getRootNode","rootNode","createPropsGetter","isInstanceOf","withRenderEnvironment","Indicator","getStyles","TabsContext","Tab","TabsDataTids","root","indicatorRoot","Tabs","_class","_Tabs","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","globalObject","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inheritsLoose","_proto","prototype","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","styles","emotion","createElement","Consumer","theme","_this3$cx","_extends","rootNodeRef","setRootNode","className","cx","rootSmall","rootMedium","rootLarge","style","Provider","activeTab","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { Indicator } from './Indicator';\nimport { getStyles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n  getNode: () => Tab<T> | null;\n  id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n  /** Задает кастомный класс подчёркиванию таба. */\n  indicatorClassName?: string;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задает текущий активный `<Tab />`. Принимает `id` таба. */\n  value: T;\n\n  /** Задает функцию, изменяющую текущий активный `<Tab />`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задает расположение элементов по вертикали.\n   * @default false */\n  vertical?: boolean;\n\n  /** Задает ширину компонента Tabs. */\n  width?: number | string;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n  root: 'Tabs__root',\n  indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' | 'size'>>;\n\n/**\n * Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.\n *\n * Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.\n *\n * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.\n * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.\n */\n@withRenderEnvironment\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'Tabs';\n  public static displayName = 'Tabs';\n\n  public static defaultProps: DefaultProps = {\n    vertical: false,\n    size: 'large',\n  };\n\n  private getProps = createPropsGetter(Tabs.defaultProps);\n\n  public static Tab = Tab;\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n\n  private tabs: Array<TabType<T>> = [];\n\n  private tabUpdates = {\n    on: (cb: () => void) => {\n      const index = this.listeners.push(cb);\n      return () => {\n        this.listeners.splice(index, 1);\n      };\n    },\n  };\n\n  private listeners: Array<typeof emptyHandler> = [];\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n    const { vertical, size } = this.getProps();\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.props}>\n              <div\n                data-tid={TabsDataTids.root}\n                className={this.cx({\n                  [this.styles.rootSmall(this.theme)]: size === 'small',\n                  [this.styles.rootMedium(this.theme)]: size === 'medium',\n                  [this.styles.rootLarge(this.theme)]: size === 'large',\n                  [this.styles.vertical()]: vertical,\n                })}\n                style={{ width }}\n                aria-describedby={ariaDescribedby}\n              >\n                <TabsContext.Provider\n                  value={{\n                    vertical,\n                    activeTab: value,\n                    size,\n                    getTab: this.getTab,\n                    addTab: this.addTab,\n                    removeTab: this.removeTab,\n                    notifyUpdate: this.notifyUpdate,\n                    shiftFocus: this.shiftFocus,\n                    switchTab: this.switchTab,\n                  }}\n                >\n                  {children}\n                  <Indicator\n                    className={indicatorClassName}\n                    tabUpdates={this.tabUpdates}\n                    vertical={this.getProps().vertical}\n                  />\n                </TabsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n    const { tabs } = this;\n    const index = tabs.findIndex((x) => x.id === fromTab);\n    const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n    const tab = tabs[newIndex];\n\n    const tabNode = tab.getNode();\n    const htmlNode = getRootNode(tabNode);\n\n    if (isInstanceOf(htmlNode, this.globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n      htmlNode.focus();\n    }\n  };\n\n  private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n    this.listeners.forEach((cb) => cb());\n  };\n\n  private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n    const { onValueChange, value } = this.props;\n    if (id !== value && onValueChange) {\n      onValueChange(id);\n    }\n  };\n\n  private getTab: TabsContextType<T>['getTab'] = (id) => {\n    const { getNode = null } = this.tabs.find((x) => x.id === id) || {};\n    return getNode && getNode();\n  };\n\n  private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n    this.tabs = this.tabs.concat({ id, getNode });\n  };\n\n  private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n    this.tabs = this.tabs.filter((tab) => tab.id !== id);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Tabs/Tabs.d.ts

@@ -41,6 +41,10 @@ export declare class Tabs<T extends string = string> extends React.Component<Tab
     static defaultProps: DefaultProps;
     private getProps;
     static Tab: typeof Tab;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private tabs;
     private tabUpdates;

package/components/Tabs/Tabs.styles/Tabs.styles.js

@@ -1,21 +1,24 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
 import { paddingX } from "../helpers";
-export var styles = memoizeStyle({
-  rootSmall: function rootSmall(t) {
-    return tabsRoot(t, 'small');
-  },
-  rootMedium: function rootMedium(t) {
-    return tabsRoot(t, 'medium');
-  },
-  rootLarge: function rootLarge(t) {
-    return tabsRoot(t, 'large');
-  },
-  vertical: function vertical() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
-  }
+export var getStyles = memoizeGetStyles(function (emotion) {
+  return {
+    rootSmall: function rootSmall(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), tabsRoot(t, 'small', emotion));
+    },
+    rootMedium: function rootMedium(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), tabsRoot(t, 'medium', emotion));
+    },
+    rootLarge: function rootLarge(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), tabsRoot(t, 'large', emotion));
+    },
+    vertical: function vertical() {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin: 0;\n      "])));
+    }
+  };
 });
-function tabsRoot(t, size) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])), paddingX(t, size));
+function tabsRoot(t, size, _ref) {
+  var css = _ref.css;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])), paddingX(t, size));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","paddingX","styles","rootSmall","t","tabsRoot","rootMedium","rootLarge","vertical","_templateObject","_taggedTemplateLiteralLoose","size","_templateObject2"],"sources":["Tabs.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const styles = memoizeStyle({\n  rootSmall(t: Theme) {\n    return tabsRoot(t, 'small');\n  },\n\n  rootMedium(t: Theme) {\n    return tabsRoot(t, 'medium');\n  },\n\n  rootLarge(t: Theme) {\n    return tabsRoot(t, 'large');\n  },\n\n  vertical() {\n    return css`\n      margin: 0;\n    `;\n  },\n});\n\nfunction tabsRoot(t: Theme, size: SizeProp) {\n  return css`\n    display: inline-block;\n    margin: 0 -${paddingX(t, size)};\n    padding: 0;\n    position: relative;\n  `;\n}\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;;AAI7D,SAASC,QAAQ,QAAQ,WAAW;;AAEpC,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDE,UAAU,WAAAA,WAACF,CAAQ,EAAE;IACnB,OAAOC,QAAQ,CAACD,CAAC,EAAE,QAAQ,CAAC;EAC9B,CAAC;;EAEDG,SAAS,WAAAA,UAACH,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ;AACF,CAAC,CAAC;;AAEF,SAASL,QAAQA,CAACD,CAAQ,EAAEO,IAAc,EAAE;EAC1C,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;EAEKT,QAAQ,CAACG,CAAC,EAAEO,IAAI,CAAC;;;;AAIlC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","paddingX","getStyles","emotion","rootSmall","t","css","_templateObject","_taggedTemplateLiteralLoose","tabsRoot","rootMedium","_templateObject2","rootLarge","_templateObject3","vertical","_templateObject4","size","_ref","_templateObject5"],"sources":["Tabs.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  rootSmall(t: Theme) {\n    return emotion.css`\n        ${tabsRoot(t, 'small', emotion)}\n      `;\n  },\n\n  rootMedium(t: Theme) {\n    return emotion.css`\n        ${tabsRoot(t, 'medium', emotion)}\n      `;\n  },\n\n  rootLarge(t: Theme) {\n    return emotion.css`\n        ${tabsRoot(t, 'large', emotion)}\n      `;\n  },\n\n  vertical() {\n    return emotion.css`\n        margin: 0;\n      `;\n  },\n}));\n\nfunction tabsRoot(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    display: inline-block;\n    margin: 0 -${paddingX(t, size)};\n    padding: 0;\n    position: relative;\n  `;\n}\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;;;AAI5D,SAASC,QAAQ,QAAQ,WAAW;;AAEpC,OAAO,IAAMC,SAAS,GAAGF,gBAAgB,CAAC,UAACG,OAAgB,UAAM;IAC/DC,SAAS,WAAAA,UAACC,CAAQ,EAAE;MAClB,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;MACZC,QAAQ,CAACJ,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAErC,CAAC;;IAEDO,UAAU,WAAAA,WAACL,CAAQ,EAAE;MACnB,OAAOF,OAAO,CAACG,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;MACZC,QAAQ,CAACJ,CAAC,EAAE,QAAQ,EAAEF,OAAO,CAAC;;IAEtC,CAAC;;IAEDS,SAAS,WAAAA,UAACP,CAAQ,EAAE;MAClB,OAAOF,OAAO,CAACG,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;MACZC,QAAQ,CAACJ,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAErC,CAAC;;IAEDW,QAAQ,WAAAA,SAAA,EAAG;MACT,OAAOX,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;;IAGpB;EACF,CAAC,EAAC,CAAC;;AAEH,SAASC,QAAQA,CAACJ,CAAQ,EAAEW,IAAc,EAAAC,IAAA,EAAoB,KAAhBX,GAAG,GAAAW,IAAA,CAAHX,GAAG;EAC/C,OAAOA,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;EAEKP,QAAQ,CAACI,CAAC,EAAEW,IAAI,CAAC;;;;AAIlC","ignoreList":[]}

package/components/Tabs/Tabs.styles.d.ts

@@ -1,7 +1,7 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;
     vertical(): string;
-};
+}>;

package/components/Textarea/Textarea/Textarea.js

@@ -5,24 +5,22 @@ var _excluded = ["width", "error", "warning", "size", "autoResize", "resize", "o
 var _class, _Textarea;
 import React from 'react';
 import throttle from 'lodash.throttle';
-import { globalObject } from '@skbkontur/global-object';
+import warning from 'warning';
 import { isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { needsPolyfillPlaceholder } from "../../../lib/needsPolyfillPlaceholder";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
-import { isIE11, isSafariWithTextareaBug } from "../../../lib/client";
+import { isSafariWithTextareaBug } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { isTestEnv } from "../../../lib/currentEnvironment";
-import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { withSize } from "../../../lib/size/SizeDecorator";
-import { ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext/ReactUIFeatureFlagsContext";
-import { getFullReactUIFlagsContext } from "../../../lib/featureFlagsContext/FeatureFlagsHelpers";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { getTextAreaHeight } from "../TextareaHelpers";
-import { styles } from "../Textarea.styles";
+import { getStyles } from "../Textarea.styles";
 import { TextareaCounter } from "../TextareaCounter";
 import { TextareaWithSafari17Workaround } from "../TextareaWithSafari17Workaround";
 export var DEFAULT_WIDTH = 250;
@@ -39,8 +37,7 @@ export var TextareaDataTids = {
  * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`.
  * Пропсы **`className` и `style` игнорируются**.
  */
-
-export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE__*/function (_React$Component) {
+export var Textarea = withRenderEnvironment(_class = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE__*/function (_React$Component) {
   function Textarea() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -66,7 +63,6 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       }
     };
     _this.selectAllId = null;
-    _this.textareaObserver = globalObject.MutationObserver ? new globalObject.MutationObserver(_this.reflowCounter) : null;
 
     /**
      * @public
@@ -74,11 +70,12 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
      * @param {number} end
      */
     _this.setSelectionRange = function (start, end) {
-      var _globalObject$documen;
+      var _this$globalObject$do;
       if (!_this.node) {
-        throw new Error('Cannot call "setSelectionRange" on unmounted Input');
+        warning(false, 'Cannot call "setSelectionRange" on unmounted Input');
+        return;
       }
-      if (((_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.activeElement) !== _this.node) {
+      if (((_this$globalObject$do = _this.globalObject.document) == null ? void 0 : _this$globalObject$do.activeElement) !== _this.node) {
         _this.focus();
       }
       _this.node.setSelectionRange(start, end);
@@ -92,18 +89,14 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
         _this.setSelectionRange(0, _this.node.value.length);
       }
     };
-    _this.delaySelectAll = function () {
-      var _globalObject$request;
-      return _this.selectAllId = (_globalObject$request = globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(_this.selectAll)) != null ? _globalObject$request : null;
-    };
     _this.cancelDelayedSelectAll = function () {
       if (_this.selectAllId) {
-        globalObject.cancelAnimationFrame == null || globalObject.cancelAnimationFrame(_this.selectAllId);
+        _this.globalObject.cancelAnimationFrame == null || _this.globalObject.cancelAnimationFrame(_this.selectAllId);
         _this.selectAllId = null;
       }
     };
     _this.renderMain = function (props) {
-      var _cx, _ref, _textareaProps$maxLen, _cx2;
+      var _this$cx, _ref, _textareaProps$maxLen, _this$cx2;
       var _props$width = props.width,
         width = _props$width === void 0 ? DEFAULT_WIDTH : _props$width,
         error = props.error,
@@ -131,7 +124,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
           width: width
         }
       };
-      var textareaClassNames = cx(_this.getTextareaSizeClassName(), (_cx = {}, _cx[styles.textarea(_this.theme)] = true, _cx[styles.hovering(_this.theme)] = !error && !warning, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.error(_this.theme)] = !!error, _cx[styles.warning(_this.theme)] = !!warning, _cx[styles.disableAnimations()] = _this.isAnimationsDisabled(), _cx));
+      var textareaClassNames = _this.cx(_this.getTextareaSizeClassName(), (_this$cx = {}, _this$cx[_this.styles.textarea(_this.theme)] = true, _this$cx[_this.styles.hovering(_this.theme)] = !error && !warning, _this$cx[_this.styles.disabled(_this.theme)] = disabled, _this$cx[_this.styles.error(_this.theme)] = !!error, _this$cx[_this.styles.warning(_this.theme)] = !!warning, _this$cx[_this.styles.disableAnimations()] = _this.isAnimationsDisabled(), _this$cx));
       var textareaStyle = {
         resize: autoResize ? 'none' : resize,
         textAlign: _this.props.align
@@ -139,7 +132,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       var placeholderPolyfill = null;
       if (_this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {
         placeholderPolyfill = /*#__PURE__*/React.createElement("span", {
-          className: styles.placeholder()
+          className: _this.styles.placeholder()
         }, placeholder);
       }
       var fakeTextarea = null;
@@ -147,7 +140,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
         var fakeProps = {
           value: _this.props.value,
           defaultValue: _this.props.defaultValue,
-          className: cx(textareaClassNames, styles.fake()),
+          className: _this.cx(textareaClassNames, _this.styles.fake()),
           readOnly: true
         };
         fakeTextarea = /*#__PURE__*/React.createElement("textarea", _extends({}, fakeProps, {
@@ -175,11 +168,11 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
         React.createElement("label", _extends({
           "data-tid": TextareaDataTids.root
         }, rootProps, {
-          className: cx(_this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.root()] = true, _cx2))
+          className: _this.cx(_this.getRootSizeClassName(), (_this$cx2 = {}, _this$cx2[_this.styles.root()] = true, _this$cx2))
         }), placeholderPolyfill, /*#__PURE__*/
         React.createElement(ResizeDetector, {
           onResize: _this.reflowCounter,
-          alignBaseline: _this.featureFlags.textareaBaselineAlign
+          alignBaseline: true
         }, /*#__PURE__*/
         React.createElement(Component, _extends({}, textareaProps, {
           className: textareaClassNames,
@@ -259,7 +252,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       if (rows === undefined || maxRows === undefined) {
         return;
       }
-      var _ref2 = getTextAreaHeight({
+      var _ref2 = getTextAreaHeight(_this.globalObject, {
           node: fakeNode,
           minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),
           maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),
@@ -299,7 +292,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       });
       if (_this.props.selectAllOnFocus) {
         // https://github.com/facebook/react/issues/7769
-        _this.node && !isIE11 ? _this.selectAll() : _this.delaySelectAll();
+        _this.node && _this.selectAll();
       }
       if (_this.props.onFocus) {
         _this.props.onFocus(event);
@@ -312,23 +305,23 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
   _proto.getRootSizeClassName = function getRootSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.rootLarge(this.theme);
+        return this.styles.rootLarge(this.theme);
       case 'medium':
-        return styles.rootMedium(this.theme);
+        return this.styles.rootMedium(this.theme);
       case 'small':
       default:
-        return styles.rootSmall(this.theme);
+        return this.styles.rootSmall(this.theme);
     }
   };
   _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.textareaLarge(this.theme);
+        return this.styles.textareaLarge(this.theme);
       case 'medium':
-        return styles.textareaMedium(this.theme);
+        return this.styles.textareaMedium(this.theme);
       case 'small':
       default:
-        return styles.textareaSmall(this.theme);
+        return this.styles.textareaSmall(this.theme);
     }
   };
   _proto.getAutoResizeThrottleWait = function getAutoResizeThrottleWait(props) {
@@ -345,9 +338,10 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
     return disableAnimations || !extraRow;
   };
   _proto.componentDidMount = function componentDidMount() {
+    this.textareaObserver = this.globalObject.MutationObserver ? new this.globalObject.MutationObserver(this.reflowCounter) : null;
     if (this.props.autoResize) {
       this.autoResize();
-      this.layoutEvents = LayoutEvents.addListener(this.autoResize);
+      this.layoutEvents = LayoutEvents.addListener(this.autoResize, this.globalObject);
     }
     if (this.node && this.props.showLengthCounter && this.textareaObserver) {
       this.textareaObserver.observe(this.node, {
@@ -378,14 +372,12 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
-      _this2.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.getProps()), _this2.renderMain);
-      });
+    this.styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
     });
   } /**
     * @public
@@ -408,4 +400,4 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
   maxRows: 15,
   extraRow: true,
   disableAnimations: isTestEnv
-}, _Textarea)) || _class) || _class;
+}, _Textarea)) || _class) || _class) || _class;