@skbkontur/react-ui 5.5.2 → 5.6.1-85c65.0

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

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

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     wrap(): string;
     wrapCustomWidth(): string;
@@ -9,5 +9,4 @@ export declare const styles: {
     captionMedium(t: Theme): string;
     captionLarge(t: Theme): string;
     error(t: Theme): string;
-    error5_1(t: Theme): string;
-};
+}>;

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

@@ -1,82 +1,75 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    "])));
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    "])));
 
 
 
-  },
 
-  wrap: function wrap() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      vertical-align: middle;\n    "])));
+    },
 
+    wrap: function wrap() {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      vertical-align: middle;\n    "])));
 
 
-  },
 
-  wrapCustomWidth: function wrapCustomWidth() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-grow: 1;\n    "])));
+    },
 
+    wrapCustomWidth: function wrapCustomWidth() {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-grow: 1;\n    "])));
 
-  },
 
-  input: function input() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "])));
+    },
 
+    input: function input() {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "])));
 
 
 
 
-  },
 
-  caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "])),
-    t.switcherTextColor);
+    },
 
+    caption: function caption(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "])),
+      t.switcherTextColor);
 
 
-  },
 
-  captionSmall: function captionSmall(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.switcherCaptionGapSmall,
-    t.switcherCaptionFontSizeSmall,
-    t.switcherCaptionLineHeightSmall);
+    },
 
-  },
+    captionSmall: function captionSmall(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.switcherCaptionGapSmall,
+      t.switcherCaptionFontSizeSmall,
+      t.switcherCaptionLineHeightSmall);
 
-  captionMedium: function captionMedium(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.switcherCaptionGapMedium,
-    t.switcherCaptionFontSizeMedium,
-    t.switcherCaptionLineHeightMedium);
+    },
 
-  },
+    captionMedium: function captionMedium(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.switcherCaptionGapMedium,
+      t.switcherCaptionFontSizeMedium,
+      t.switcherCaptionLineHeightMedium);
 
-  captionLarge: function captionLarge(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.switcherCaptionGapLarge,
-    t.switcherCaptionFontSizeLarge,
-    t.switcherCaptionLineHeightLarge);
+    },
 
-  },
+    captionLarge: function captionLarge(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.switcherCaptionGapLarge,
+      t.switcherCaptionFontSizeLarge,
+      t.switcherCaptionLineHeightLarge);
 
-  error: function error(t) {
-    var insideWidth = parseInt(t.btnBorderWidth);
-    var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n    "])),
-    t.switcherBorderRadius,
+    },
 
-    insideWidth, t.borderColorError,
-    outsideWidth, t.borderColorError);
+    error: function error(t) {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
 
-  },
 
-  error5_1: function error5_1(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
 
 
 
@@ -86,11 +79,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
+      t.switcherBorderRadius,
+      t.switcherOutlineWidth, t.borderColorError);
 
 
-    t.switcherBorderRadius,
-    t.switcherOutlineWidth, t.borderColorError);
-
-
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","wrap","wrapCustomWidth","input","caption","t","switcherTextColor","captionSmall","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","switcherBorderRadius","borderColorError","error5_1"],"sources":["Switcher.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    `;\n  },\n\n  wrap() {\n    return css`\n      display: inline-block;\n      vertical-align: middle;\n    `;\n  },\n\n  wrapCustomWidth() {\n    return css`\n      flex-grow: 1;\n    `;\n  },\n\n  input() {\n    return css`\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.switcherTextColor};\n      vertical-align: middle;\n      display: inline-block;\n    `;\n  },\n\n  captionSmall(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapSmall};\n      font-size: ${t.switcherCaptionFontSizeSmall};\n      line-height: ${t.switcherCaptionLineHeightSmall};\n    `;\n  },\n\n  captionMedium(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapMedium};\n      font-size: ${t.switcherCaptionFontSizeMedium};\n      line-height: ${t.switcherCaptionLineHeightMedium};\n    `;\n  },\n\n  captionLarge(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapLarge};\n      font-size: ${t.switcherCaptionFontSizeLarge};\n      line-height: ${t.switcherCaptionLineHeightLarge};\n    `;\n  },\n\n  error(t: Theme) {\n    const insideWidth = parseInt(t.btnBorderWidth);\n    const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n    return css`\n      border-radius: ${t.switcherBorderRadius};\n      box-shadow:\n        inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n        0 0 0 ${outsideWidth} ${t.borderColorError};\n    `;\n  },\n\n  error5_1(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow: 0 0 0 ${t.switcherOutlineWidth} ${t.borderColorError};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOJ,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOL,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDI,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,WAAOP,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACCK,CAAC,CAACC,iBAAiB;;;;EAIhC,CAAC;;EAEDC,YAAY,WAAAA,aAACF,CAAQ,EAAE;IACrB,WAAOP,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACQK,CAAC,CAACG,uBAAuB;IAC5BH,CAAC,CAACI,4BAA4B;IAC5BJ,CAAC,CAACK,8BAA8B;;EAEnD,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,WAAOP,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACQK,CAAC,CAACO,wBAAwB;IAC7BP,CAAC,CAACQ,6BAA6B;IAC7BR,CAAC,CAACS,+BAA+B;;EAEpD,CAAC;;EAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAOP,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACQK,CAAC,CAACW,uBAAuB;IAC5BX,CAAC,CAACY,4BAA4B;IAC5BZ,CAAC,CAACa,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAACd,CAAQ,EAAE;IACd,IAAMe,WAAW,GAAGC,QAAQ,CAAChB,CAAC,CAACiB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAAChB,CAAC,CAACmB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,WAAOtB,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACSK,CAAC,CAACoB,oBAAoB;;IAEvBL,WAAW,EAAMf,CAAC,CAACqB,gBAAgB;IACzCH,YAAY,EAAIlB,CAAC,CAACqB,gBAAgB;;EAEhD,CAAC;;EAEDC,QAAQ,WAAAA,SAACtB,CAAQ,EAAE;IACjB,WAAOP,YAAG,EAAAL,iBAAA,KAAAA,iBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;;;;;;;IAYWK,CAAC,CAACoB,oBAAoB;IACnBpB,CAAC,CAACmB,oBAAoB,EAAInB,CAAC,CAACqB,gBAAgB;;;EAGtE;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","wrap","wrapCustomWidth","input","caption","t","switcherTextColor","captionSmall","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","switcherBorderRadius","switcherOutlineWidth","borderColorError"],"sources":["Switcher.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';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    `;\n  },\n\n  wrap() {\n    return css`\n      display: inline-block;\n      vertical-align: middle;\n    `;\n  },\n\n  wrapCustomWidth() {\n    return css`\n      flex-grow: 1;\n    `;\n  },\n\n  input() {\n    return css`\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.switcherTextColor};\n      vertical-align: middle;\n      display: inline-block;\n    `;\n  },\n\n  captionSmall(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapSmall};\n      font-size: ${t.switcherCaptionFontSizeSmall};\n      line-height: ${t.switcherCaptionLineHeightSmall};\n    `;\n  },\n\n  captionMedium(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapMedium};\n      font-size: ${t.switcherCaptionFontSizeMedium};\n      line-height: ${t.switcherCaptionLineHeightMedium};\n    `;\n  },\n\n  captionLarge(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapLarge};\n      font-size: ${t.switcherCaptionFontSizeLarge};\n      line-height: ${t.switcherCaptionLineHeightLarge};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow: 0 0 0 ${t.switcherOutlineWidth} ${t.borderColorError};\n      }\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAb,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;IAKZ,CAAC;;IAEDC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOJ,GAAG,CAAAZ,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDE,eAAe,WAAAA,gBAAA,EAAG;MAChB,OAAOL,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDG,KAAK,WAAAA,MAAA,EAAG;MACN,OAAON,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;;;IAMZ,CAAC;;IAEDI,OAAO,WAAAA,QAACC,CAAQ,EAAE;MAChB,OAAOR,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACCK,CAAC,CAACC,iBAAiB;;;;IAIhC,CAAC;;IAEDC,YAAY,WAAAA,aAACF,CAAQ,EAAE;MACrB,OAAOR,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACQK,CAAC,CAACG,uBAAuB;MAC5BH,CAAC,CAACI,4BAA4B;MAC5BJ,CAAC,CAACK,8BAA8B;;IAEnD,CAAC;;IAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;MACtB,OAAOR,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACQK,CAAC,CAACO,wBAAwB;MAC7BP,CAAC,CAACQ,6BAA6B;MAC7BR,CAAC,CAACS,+BAA+B;;IAEpD,CAAC;;IAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;MACrB,OAAOR,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACQK,CAAC,CAACW,uBAAuB;MAC5BX,CAAC,CAACY,4BAA4B;MAC5BZ,CAAC,CAACa,8BAA8B;;IAEnD,CAAC;;IAEDC,KAAK,WAAAA,MAACd,CAAQ,EAAE;MACd,OAAOR,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;;MAYWK,CAAC,CAACe,oBAAoB;MACnBf,CAAC,CAACgB,oBAAoB,EAAIhB,CAAC,CAACiB,gBAAgB;;;IAGtE;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["mod","exports","n"],"sources":["helpers.ts"],"sourcesContent":["export const mod = (n: number, mod: number) => ((n % mod) + mod) % mod;\n"],"mappings":"4DAAO,IAAMA,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAG,SAAAA,IAACE,CAAS,EAAEF,IAAW,UAAK,CAAEE,CAAC,GAAGF,IAAG,GAAIA,IAAG,IAAIA,IAAG","ignoreList":[]}
+{"version":3,"names":["mod","exports","n"],"sources":["helpers.ts"],"sourcesContent":["export const mod = (n: number, mod: number): number => ((n % mod) + mod) % mod;\n"],"mappings":"4DAAO,IAAMA,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAG,SAAAA,IAACE,CAAS,EAAEF,IAAW,UAAa,CAAEE,CAAC,GAAGF,IAAG,GAAIA,IAAG,IAAIA,IAAG","ignoreList":[]}

package/cjs/components/Tabs/Indicator.d.ts

@@ -15,6 +15,10 @@ export declare class Indicator extends React.Component<IndicatorProps, Indicator
     static contextType: React.Context<TabsContextType<any>>;
     context: TabsContextType;
     state: IndicatorState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private eventListener;
     private removeTabUpdatesListener;

package/cjs/components/Tabs/Indicator.js

@@ -1,16 +1,17 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.Indicator = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-var _globalObject = require("@skbkontur/global-object");
+
+
 
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _getDOMRect = require("../../lib/dom/getDOMRect");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Indicator2 = require("./Indicator.styles");
 
@@ -31,7 +32,8 @@ var _Tabs = require("./Tabs");var _class, _Indicator;var
 
 
 
-Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /*#__PURE__*/function (_React$Component) {function Indicator() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+Indicator = exports.Indicator = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Indicator = /*#__PURE__*/function (_React$Component) {function Indicator() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
     context = _this.context;_this.
 
@@ -41,6 +43,10 @@ Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /
 
 
 
+
+
+
+
     eventListener =
 
     null;_this.
@@ -105,6 +111,8 @@ Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /
 
 
 
+
+
 
 
 
@@ -118,12 +126,12 @@ Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /
       if (stylesUpdated) {
         _this.setState({ styles: nodeStyles });
       }
-    }, 100);return _this;}(0, _inheritsLoose2.default)(Indicator, _React$Component);var _proto = Indicator.prototype;_proto.componentDidMount = function componentDidMount() {this.eventListener = LayoutEvents.addListener(this.reflow);this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);this.reflow();};_proto.componentWillUnmount = function componentWillUnmount() {this.reflow.cancel();if (this.eventListener) {this.eventListener.remove();}if (this.removeTabUpdatesListener) {this.removeTabUpdatesListener();}};_proto.componentDidUpdate = function componentDidUpdate() {this.reflow();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$context2 = this.context,getTab = _this$context2.getTab,activeTab = _this$context2.activeTab;var node = getTab(activeTab);var indicators = node && node.getIndicators && node.getIndicators() || { error: false, warning: false, success: false, primary: false, disabled: false };return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Tabs.TabsDataTids.indicatorRoot, className: (0, _Emotion.cx)(_Indicator2.styles.root(this.theme), indicators.primary && _Indicator2.styles.primary(this.theme), indicators.success && _Indicator2.styles.success(this.theme), indicators.warning && _Indicator2.styles.warning(this.theme), indicators.error && _Indicator2.styles.error(this.theme), this.props.className), style: this.state.styles, ref: this.setRootNode });};_proto.
+    }, 100);return _this;}(0, _inheritsLoose2.default)(Indicator, _React$Component);var _proto = Indicator.prototype;_proto.componentDidMount = function componentDidMount() {this.eventListener = LayoutEvents.addListener(this.reflow, this.globalObject);this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);this.reflow();};_proto.componentWillUnmount = function componentWillUnmount() {this.reflow.cancel();if (this.eventListener) {this.eventListener.remove();}if (this.removeTabUpdatesListener) {this.removeTabUpdatesListener();}};_proto.componentDidUpdate = function componentDidUpdate() {this.reflow();};_proto.render = function render() {var _this2 = this;this.styles = (0, _Indicator2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$context2 = this.context,getTab = _this$context2.getTab,activeTab = _this$context2.activeTab;var node = getTab(activeTab);var indicators = node && node.getIndicators && node.getIndicators() || { error: false, warning: false, success: false, primary: false, disabled: false };return /*#__PURE__*/_react.default.createElement("div", { "data-tid": _Tabs.TabsDataTids.indicatorRoot, className: this.cx(this.styles.root(this.theme), indicators.primary && this.styles.primary(this.theme), indicators.success && this.styles.success(this.theme), indicators.warning && this.styles.warning(this.theme), indicators.error && this.styles.error(this.theme), this.props.className), style: this.state.styles, ref: this.setRootNode });};_proto.
 
   getStyles = function getStyles(node) {
     var htmlNode = (0, _rootNode.getRootNode)(node);
 
-    if ((0, _isInstanceOf.isInstanceOf)(htmlNode, _globalObject.globalObject.HTMLElement)) {
+    if ((0, _isInstanceOf.isInstanceOf)(htmlNode, this.globalObject.HTMLElement)) {
       var rect = (0, _getDOMRect.getDOMRect)(htmlNode);
       if (this.props.vertical) {
         return {
@@ -143,4 +151,4 @@ Indicator = exports.Indicator = (0, _rootNode.rootNode)(_class = (_Indicator = /
     }
 
     return {};
-  };return Indicator;}(_react.default.Component), _Indicator.contextType = _TabsContext.TabsContext, _Indicator)) || _class;
+  };return Indicator;}(_react.default.Component), _Indicator.contextType = _TabsContext.TabsContext, _Indicator)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_globalObject","_isInstanceOf","LayoutEvents","_interopRequireWildcard","_ThemeContext","_Emotion","_rootNode","_getDOMRect","_Indicator2","_TabsContext","_Tabs","_class","_Indicator","Indicator","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","styles","eventListener","removeTabUpdatesListener","reflow","throttle","_this$context","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","_inheritsLoose2","default","_proto","prototype","componentDidMount","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$context2","indicators","getIndicators","error","warning","success","primary","disabled","TabsDataTids","indicatorRoot","className","cx","root","style","ref","setRootNode","htmlNode","getRootNode","isInstanceOf","globalObject","HTMLElement","rect","getDOMRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","React","Component","contextType","TabsContext"],"sources":["Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { styles } from './Indicator.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport type { TabIndicators } from './Tab';\nimport { TabsDataTids } from './Tabs';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\n@rootNode\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    return (\n      <div\n        data-tid={TabsDataTids.indicatorRoot}\n        className={cx(\n          styles.root(this.theme),\n          indicators.primary && styles.primary(this.theme),\n          indicators.success && styles.success(this.theme),\n          indicators.warning && styles.warning(this.theme),\n          indicators.error && styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n        ref={this.setRootNode}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    const htmlNode = getRootNode(node);\n\n    if (isInstanceOf(htmlNode, globalObject.HTMLElement)) {\n      const rect = getDOMRect(htmlNode);\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: htmlNode.offsetLeft,\n          top: htmlNode.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: htmlNode.offsetLeft,\n        top: htmlNode.offsetHeight + htmlNode.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_isInstanceOf","LayoutEvents","_interopRequireWildcard","_ThemeContext","_rootNode","_getDOMRect","_renderEnvironment","_Indicator2","_TabsContext","_Tabs","_class","_Indicator","Indicator","exports","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","styles","eventListener","removeTabUpdatesListener","reflow","throttle","_this$context","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","_inheritsLoose2","default","_proto","prototype","componentDidMount","addListener","globalObject","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","render","_this2","emotion","createElement","ThemeContext","Consumer","theme","renderMain","_this$context2","indicators","getIndicators","error","warning","success","primary","disabled","TabsDataTids","indicatorRoot","className","cx","root","style","ref","setRootNode","htmlNode","getRootNode","isInstanceOf","HTMLElement","rect","getDOMRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","React","Component","contextType","TabsContext"],"sources":["Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Indicator.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport type { TabIndicators } from './Tab';\nimport { TabsDataTids } from './Tabs';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\n@withRenderEnvironment\n@rootNode\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\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 eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow, this.globalObject);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\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 this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    return (\n      <div\n        data-tid={TabsDataTids.indicatorRoot}\n        className={this.cx(\n          this.styles.root(this.theme),\n          indicators.primary && this.styles.primary(this.theme),\n          indicators.success && this.styles.success(this.theme),\n          indicators.warning && this.styles.warning(this.theme),\n          indicators.error && this.styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n        ref={this.setRootNode}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    const htmlNode = getRootNode(node);\n\n    if (isInstanceOf(htmlNode, this.globalObject.HTMLElement)) {\n      const rect = getDOMRect(htmlNode);\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: htmlNode.offsetLeft,\n          top: htmlNode.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: htmlNode.offsetLeft,\n        top: htmlNode.offsetHeight + htmlNode.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     primary(t: Theme): string;
     success(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
-};
+}>;

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"sources":["Indicator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ${t.tabIndicatorBorderRadius};\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACI,aAAa;IACnBJ,CAAC,CAACK,cAAc;;;IAGTL,CAAC,CAACM,wBAAwB;;EAE/C,CAAC;;EAEDC,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACQ,eAAe;;EAEnC,CAAC;;EAEDC,OAAO,WAAAA,QAACT,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACU,eAAe;;EAEnC,CAAC;;EAEDC,OAAO,WAAAA,QAACX,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACY,eAAe;;EAEnC,CAAC;;EAEDC,KAAK,WAAAA,MAACb,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACc,aAAa;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"sources":["Indicator.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';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ${t.tabIndicatorBorderRadius};\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;MACMF,CAAC,CAACG,aAAa;MACnBH,CAAC,CAACI,cAAc;;;MAGTJ,CAAC,CAACK,wBAAwB;;IAE/C,CAAC;;IAEDC,OAAO,WAAAA,QAACN,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACMF,CAAC,CAACO,eAAe;;IAEnC,CAAC;;IAEDC,OAAO,WAAAA,QAACR,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACMF,CAAC,CAACS,eAAe;;IAEnC,CAAC;;IAEDC,OAAO,WAAAA,QAACV,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACMF,CAAC,CAACW,eAAe;;IAEnC,CAAC;;IAEDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;MACd,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACMF,CAAC,CAACa,aAAa;;IAEjC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -52,23 +52,24 @@ export declare class Tab<T extends string = string> extends React.Component<TabP
     static defaultProps: DefaultProps;
     private getProps;
     state: TabState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
+    private horizontalStyles;
+    private verticalStyles;
     private theme;
     private tabComponent;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private keyListener;
     constructor(props: TabProps<T>);
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
-    getIndicators(): {
-        error: boolean;
-        warning: boolean;
-        success: boolean;
-        primary: boolean;
-        disabled: boolean;
-    };
-    getUnderlyingNode: () => Nullable<React.ReactElement<Tab<T>, string | React.JSXElementConstructor<any>>>;
+    getIndicators(): TabIndicators;
+    getUnderlyingNode(): Nullable<React.ReactElement<Tab<T>>>;
     private renderMain;
     private getId;
     private refTabComponent;