@skbkontur/react-ui 5.0.6 → 5.0.8

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.8](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.7...@skbkontur/react-ui@5.0.8) (2025-01-17)
+
+
+### Bug Fixes
+
+* show mobile view on all mobile devices ([#3583](https://github.com/skbkontur/retail-ui/issues/3583)) ([9e64e9e](https://github.com/skbkontur/retail-ui/commit/9e64e9ef1e2ef122f123520703a3935841ea70ec))
+
+
+
+
+
+## [5.0.7](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.6...@skbkontur/react-ui@5.0.7) (2025-01-16)
+
+
+### Bug Fixes
+
+* **Input:** crash on focus after page translation ([#3572](https://github.com/skbkontur/retail-ui/issues/3572)) ([0093e57](https://github.com/skbkontur/retail-ui/commit/0093e57a0c0ad63d385068d418801fc7a4e18007))
+* **Link:** issue with same colors for different uses ([#3585](https://github.com/skbkontur/retail-ui/issues/3585)) ([2413253](https://github.com/skbkontur/retail-ui/commit/2413253fdf4ae21985f341c8bad5069741ea3e11))
+
+
+
+
+
 ## [5.0.6](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.5...@skbkontur/react-ui@5.0.6) (2024-12-23)
 
 

package/cjs/components/Link/Link.js

@@ -179,7 +179,30 @@ Link = exports.Link = (0, _rootNode.rootNode)(_class = (_Link = /*#__PURE__*/fun
       _react.default.createElement(_LinkIcon.LinkIcon, { hasBothIcons: !!icon && !!rightIcon, icon: rightIcon, loading: loading, position: "right" });
 
       var nonInteractive = disabled || loading;
-
+      var getUseStyles = function getUseStyles() {
+        switch (use) {
+          case 'default':
+            return _Link2.styles.default(_this.theme);
+          case 'danger':
+            return _Link2.styles.danger(_this.theme);
+          case 'success':
+            return _Link2.styles.success(_this.theme);
+          case 'grayed':
+            return _Link2.styles.grayed(_this.theme);
+        }
+      };
+      var getUseLineFocusStyles = function getUseLineFocusStyles() {
+        switch (use) {
+          case 'default':
+            return _Link2.styles.lineFocus(_this.theme);
+          case 'danger':
+            return _Link2.styles.lineFocusDanger(_this.theme);
+          case 'success':
+            return _Link2.styles.lineFocusSuccess(_this.theme);
+          case 'grayed':
+            return _Link2.styles.lineFocusGrayed(_this.theme);
+        }
+      };
       var rootProps = (0, _extends2.default)({},
       rest, {
         className: (0, _Emotion.cx)((_cx = {}, _cx[
@@ -187,19 +210,13 @@ Link = exports.Link = (0, _rootNode.rootNode)(_class = (_Link = /*#__PURE__*/fun
         (0, _Mixins.resetButton)()] = Root === 'button', _cx[
         _Link2.styles.focus(_this.theme)] = isFocused, _cx[
         _Link2.styles.disabled(_this.theme)] = disabled || loading, _cx[
-        _Link2.styles.useDefault(_this.theme)] = use === 'default', _cx[
-        _Link2.styles.useSuccess(_this.theme)] = use === 'success', _cx[
-        _Link2.styles.useDanger(_this.theme)] = use === 'danger', _cx[
-        _Link2.styles.useGrayed(_this.theme)] = use === 'grayed', _cx[
+        getUseStyles()] = true, _cx[
         _Link2.styles.useGrayedFocus(_this.theme)] = use === 'grayed' && focused, _cx[
         _Link2.styles.button(_this.theme)] = !!_button, _cx[
         _Link2.styles.buttonOpened(_this.theme)] = !!_buttonOpened, _cx[
         _Link2.styles.warning(_this.theme)] = warning, _cx[
         _Link2.styles.error(_this.theme)] = error, _cx[
-        _Link2.styles.lineFocus(_this.theme)] = isFocused && use === 'default', _cx[
-        _Link2.styles.lineFocusSuccess(_this.theme)] = isFocused && use === 'success', _cx[
-        _Link2.styles.lineFocusDanger(_this.theme)] = isFocused && use === 'danger', _cx[
-        _Link2.styles.lineFocusGrayed(_this.theme)] = isFocused && use === 'grayed', _cx)
+        getUseLineFocusStyles()] = isFocused, _cx)
         ),
         onClick: _this.handleClick,
         onFocus: _this.handleFocus,

package/cjs/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Mixins","_keyListener","_ThemeContext","_utils","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_ThemeFactory","_getVisualStateDataAttributes","_Link2","_LinkIcon","_excluded","_class","_Link","LINK_DEFAULT_COMPONENT","LinkDataTids","exports","root","Link","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","isExternalLink","undefined","renderMain","_cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose2","default","arrow","createElement","className","styles","isFocused","leftIconElement","LinkIcon","position","rightIconElement","hasBothIcons","rootProps","_extends2","cx","resetButton","focus","useDefault","useSuccess","useDanger","useGrayed","useGrayedFocus","button","buttonOpened","lineFocus","lineFocusSuccess","lineFocusDanger","lineFocusGrayed","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","getVisualStateDataAttributes","children","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","event","_this$props2","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { resetButton } from '../../lib/styles/Mixins';\nimport { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkInnerProps extends CommonProps {\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет ссылке иконку слева.\n   */\n  icon?: React.ReactElement;\n  /**\n   * Добавляет ссылке иконку справа.\n   */\n  rightIcon?: React.ReactElement;\n  /**\n   * Тема ссылки.\n   */\n  use?: 'default' | 'success' | 'danger' | 'grayed';\n  /**\n   * @ignore\n   */\n  _button?: boolean;\n  /**\n   * @ignore\n   */\n  _buttonOpened?: boolean;\n  /**\n   * HTML-атрибут `tabindex`.\n   */\n  tabIndex?: number;\n  /**\n   * Переводит ссылку в состояние загрузки.\n   */\n  loading?: boolean;\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n  /**\n   * @ignore\n   */\n  focused?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\n>;\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    component: LINK_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = () => {\n    if (isAnchorProps(this.props)) {\n      const { rel, href } = this.props;\n      if (!rel && href) {\n        return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n      }\n      return rel;\n    }\n\n    return undefined;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      component: Root,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      theme,\n      ...rest\n    } = props;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n\n    const rootProps = {\n      ...rest,\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [resetButton()]: Root === 'button',\n        [styles.focus(this.theme)]: isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [styles.useDefault(this.theme)]: use === 'default',\n        [styles.useSuccess(this.theme)]: use === 'success',\n        [styles.useDanger(this.theme)]: use === 'danger',\n        [styles.useGrayed(this.theme)]: use === 'grayed',\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [styles.lineFocus(this.theme)]: isFocused && use === 'default',\n        [styles.lineFocusSuccess(this.theme)]: isFocused && use === 'success',\n        [styles.lineFocusDanger(this.theme)]: isFocused && use === 'danger',\n        [styles.lineFocusGrayed(this.theme)]: isFocused && use === 'grayed',\n      }),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel(),\n    };\n\n    return (\n      <Root data-tid={LinkDataTids.root} {...rootProps} {...getVisualStateDataAttributes({ disabled })}>\n        {leftIconElement}\n        {this.props.children}\n        {rightIconElement}\n        {arrow}\n      </Root>\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n  return props.component === 'a';\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Mixins","_keyListener","_ThemeContext","_utils","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_ThemeFactory","_getVisualStateDataAttributes","_Link2","_LinkIcon","_excluded","_class","_Link","LINK_DEFAULT_COMPONENT","LinkDataTids","exports","root","Link","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","isExternalLink","undefined","renderMain","_cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose2","default","arrow","createElement","className","styles","isFocused","leftIconElement","LinkIcon","position","rightIconElement","hasBothIcons","getUseStyles","danger","success","grayed","getUseLineFocusStyles","lineFocus","lineFocusDanger","lineFocusSuccess","lineFocusGrayed","rootProps","_extends2","cx","resetButton","focus","useGrayedFocus","button","buttonOpened","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","getVisualStateDataAttributes","children","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","event","_this$props2","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { resetButton } from '../../lib/styles/Mixins';\nimport { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkInnerProps extends CommonProps {\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет ссылке иконку слева.\n   */\n  icon?: React.ReactElement;\n  /**\n   * Добавляет ссылке иконку справа.\n   */\n  rightIcon?: React.ReactElement;\n  /**\n   * Тема ссылки.\n   */\n  use?: 'default' | 'success' | 'danger' | 'grayed';\n  /**\n   * @ignore\n   */\n  _button?: boolean;\n  /**\n   * @ignore\n   */\n  _buttonOpened?: boolean;\n  /**\n   * HTML-атрибут `tabindex`.\n   */\n  tabIndex?: number;\n  /**\n   * Переводит ссылку в состояние загрузки.\n   */\n  loading?: boolean;\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n  /**\n   * @ignore\n   */\n  focused?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\n>;\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    component: LINK_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = () => {\n    if (isAnchorProps(this.props)) {\n      const { rel, href } = this.props;\n      if (!rel && href) {\n        return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n      }\n      return rel;\n    }\n\n    return undefined;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      component: Root,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      theme,\n      ...rest\n    } = props;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n    const getUseStyles = () => {\n      switch (use) {\n        case 'default':\n          return styles.default(this.theme);\n        case 'danger':\n          return styles.danger(this.theme);\n        case 'success':\n          return styles.success(this.theme);\n        case 'grayed':\n          return styles.grayed(this.theme);\n      }\n    };\n    const getUseLineFocusStyles = () => {\n      switch (use) {\n        case 'default':\n          return styles.lineFocus(this.theme);\n        case 'danger':\n          return styles.lineFocusDanger(this.theme);\n        case 'success':\n          return styles.lineFocusSuccess(this.theme);\n        case 'grayed':\n          return styles.lineFocusGrayed(this.theme);\n      }\n    };\n    const rootProps = {\n      ...rest,\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [resetButton()]: Root === 'button',\n        [styles.focus(this.theme)]: isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [getUseStyles()]: true,\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [getUseLineFocusStyles()]: isFocused,\n      }),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel(),\n    };\n\n    return (\n      <Root data-tid={LinkDataTids.root} {...rootProps} {...getVisualStateDataAttributes({ disabled })}>\n        {leftIconElement}\n        {this.props.children}\n        {rightIconElement}\n        {arrow}\n      </Root>\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n  return props.component === 'a';\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,10 +8,10 @@ export declare const styles: {
     button(t: Theme): string;
     buttonOpened(t: Theme): string;
     arrow(): string;
-    useDefault(t: Theme): string;
-    useSuccess(t: Theme): string;
-    useDanger(t: Theme): string;
-    useGrayed(t: Theme): string;
+    default(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    grayed(t: Theme): string;
     useGrayedFocus(t: Theme): string;
     focus(t: Theme): string;
     disabled(t: Theme): string;

package/cjs/components/Link/Link.styles.js

@@ -50,7 +50,6 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
   },
-
   lineFocus: function lineFocus(t) {
     return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.linkHoverColor);
@@ -102,25 +101,25 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  useDefault: function useDefault(t) {
+  default: function _default(t) {
     return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor));
 
   },
 
-  useSuccess: function useSuccess(t) {
+  success: function success(t) {
     return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
 
   },
 
-  useDanger: function useDanger(t) {
+  danger: function danger(t) {
     return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
 
   },
 
-  useGrayed: function useGrayed(t) {
+  grayed: function grayed(t) {
     return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
 

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Link","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","line","keyframes","_taggedTemplateLiteralLoose2","default","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","css","styles","exports","memoizeStyle","root","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useDefault","linkUseColorsMixin","linkColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerActiveColor","useGrayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","linkHoverTextDecoration","linkFocusOutline","disabled","linkDisabledMixin","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","warning","btnWarningSecondary","error","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Link","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","line","keyframes","_taggedTemplateLiteralLoose2","default","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","css","styles","exports","memoizeStyle","root","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","_default","linkUseColorsMixin","linkColor","linkActiveColor","success","linkSuccessColor","linkSuccessActiveColor","danger","linkDangerColor","linkDangerActiveColor","grayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","linkHoverTextDecoration","linkFocusOutline","disabled","linkDisabledMixin","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","warning","btnWarningSecondary","error","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  grayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,KAAA,GAAAD,OAAA,kBAAsE,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAEtE,IAAMC,IAAI,OAAGC,kBAAS,EAAAvB,eAAA,KAAAA,eAAA,OAAAwB,4BAAA,CAAAC,OAAA,qHAOrB;;;;;;;;;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAaC,CAAQ,EAAE;EACtC,IAAMC,KAAK,GAAGC,UAAU,CAACF,CAAC,CAACG,wBAAwB,CAAC,GAAG,CAAC;EACxD,WAAOC,YAAG,EAAA9B,gBAAA,KAAAA,gBAAA,OAAAuB,4BAAA,CAAAC,OAAA;EACKH,IAAI;;EAEEM,KAAK;;;AAG5B,CAAC;;AAEM,IAAMI,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACR,CAAQ,EAAE;IACb,WAAOI,YAAG,EAAA7B,gBAAA,KAAAA,gBAAA,OAAAsB,4BAAA,CAAAC,OAAA;;;;;IAKWE,CAAC,CAACS,kBAAkB;IACdT,CAAC,CAACU,uBAAuB;IACzBV,CAAC,CAACW,uBAAuB;IACrBX,CAAC,CAACY,2BAA2B;IACtBZ,CAAC,CAACa,kBAAkB,EAAIb,CAAC,CAACc,wBAAwB;IAClDd,CAAC,CAACe,uBAAuB;IAClCf,CAAC,CAACe,uBAAuB;;;IAGvBf,CAAC,CAACgB,4BAA4B;;;IAGnBhB,CAAC,CAACe,uBAAuB;IAC7DhB,WAAW,CAACC,CAAC,CAAC;;IAEWA,CAAC,CAACgB,4BAA4B;;;;;EAK/D,CAAC;EACDC,SAAS,WAAAA,UAACjB,CAAQ,EAAE;IAClB,WAAOI,YAAG,EAAA5B,gBAAA,KAAAA,gBAAA,OAAAqB,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACkB,cAAc;;EAE7B,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACnB,CAAQ,EAAE;IACzB,WAAOI,YAAG,EAAA3B,gBAAA,KAAAA,gBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACoB,qBAAqB;;EAEpC,CAAC;;EAEDC,eAAe,WAAAA,gBAACrB,CAAQ,EAAE;IACxB,WAAOI,YAAG,EAAA1B,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACsB,oBAAoB;;EAEnC,CAAC;;EAEDC,eAAe,WAAAA,gBAACvB,CAAQ,EAAE;IACxB,WAAOI,YAAG,EAAAzB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACwB,oBAAoB;;EAEnC,CAAC;;EAEDC,MAAM,WAAAA,OAACzB,CAAQ,EAAE;IACf,WAAOI,YAAG,EAAAxB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;IAEOE,CAAC,CAAC0B,oBAAoB;IACrB1B,CAAC,CAAC2B,kBAAkB;IACnB3B,CAAC,CAAC2B,kBAAkB;;EAEzC,CAAC;;EAEDC,YAAY,WAAAA,aAAC5B,CAAQ,EAAE;IACrB,WAAOI,YAAG,EAAAvB,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACME,CAAC,CAAC6B,kBAAkB;;EAEtC,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAO1B,YAAG,EAAAtB,iBAAA,KAAAA,iBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;;;;;EASZ,CAAC;;EAEDA,OAAO,WAAAiC,SAAC/B,CAAQ,EAAE;IAChB,WAAOI,YAAG,EAAArB,iBAAA,KAAAA,iBAAA,OAAAc,4BAAA,CAAAC,OAAA;IACN,IAAAkC,wBAAkB,EAAChC,CAAC,CAACiC,SAAS,EAAEjC,CAAC,CAACkB,cAAc,EAAElB,CAAC,CAACkC,eAAe,CAAC;;EAE1E,CAAC;;EAEDC,OAAO,WAAAA,QAACnC,CAAQ,EAAE;IAChB,WAAOI,YAAG,EAAApB,iBAAA,KAAAA,iBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACN,IAAAkC,wBAAkB,EAAChC,CAAC,CAACoC,gBAAgB,EAAEpC,CAAC,CAACoB,qBAAqB,EAAEpB,CAAC,CAACqC,sBAAsB,CAAC;;EAE/F,CAAC;;EAEDC,MAAM,WAAAA,OAACtC,CAAQ,EAAE;IACf,WAAOI,YAAG,EAAAnB,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACN,IAAAkC,wBAAkB,EAAChC,CAAC,CAACuC,eAAe,EAAEvC,CAAC,CAACsB,oBAAoB,EAAEtB,CAAC,CAACwC,qBAAqB,CAAC;;EAE5F,CAAC;;EAEDC,MAAM,WAAAA,OAACzC,CAAQ,EAAE;IACf,WAAOI,YAAG,EAAAlB,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACN,IAAAkC,wBAAkB,EAAChC,CAAC,CAAC0C,eAAe,EAAE1C,CAAC,CAACwB,oBAAoB,EAAExB,CAAC,CAAC2C,qBAAqB,CAAC;;EAE5F,CAAC;;EAEDC,cAAc,WAAAA,eAAC5C,CAAQ,EAAE;IACvB,WAAOI,YAAG,EAAAjB,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAAC6C,iBAAiB;;EAEhC,CAAC;;EAEDC,KAAK,WAAAA,MAAC9C,CAAQ,EAAE;IACd,WAAOI,YAAG,EAAAhB,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACWE,CAAC,CAAC+C,uBAAuB;IACjC/C,CAAC,CAACgD,gBAAgB;;EAEjC,CAAC;;EAEDC,QAAQ,WAAAA,SAACjD,CAAQ,EAAE;IACjB,WAAOI,YAAG,EAAAf,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACN,IAAAoD,uBAAiB,EAAC,CAAC;;IAEZlD,CAAC,CAAC6C,iBAAiB;;;IAGjB7C,CAAC,CAAC6C,iBAAiB;;;EAGlC,CAAC;;EAEDM,IAAI,WAAAA,KAAA,EAAG;IACL,WAAO/C,YAAG,EAAAd,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDsD,QAAQ,WAAAA,SAACpD,CAAQ,EAAE;IACjB,WAAOI,YAAG,EAAAb,iBAAA,KAAAA,iBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACQE,CAAC,CAACqD,mBAAmB;;EAEzC,CAAC;;EAEDC,SAAS,WAAAA,UAACtD,CAAQ,EAAE;IAClB,WAAOI,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAK,4BAAA,CAAAC,OAAA;IACOE,CAAC,CAACuD,kBAAkB;;EAEvC,CAAC;;EAEDC,OAAO,WAAAA,QAACxD,CAAQ,EAAE;IAChB,WAAOI,YAAG,EAAAX,iBAAA,KAAAA,iBAAA,OAAAI,4BAAA,CAAAC,OAAA;IACYE,CAAC,CAACyD,mBAAmB;IACjBzD,CAAC,CAACyD,mBAAmB;;EAEjD,CAAC;;EAEDC,KAAK,WAAAA,MAAC1D,CAAQ,EAAE;IACd,WAAOI,YAAG,EAAAV,iBAAA,KAAAA,iBAAA,OAAAG,4BAAA,CAAAC,OAAA;IACYE,CAAC,CAAC2D,iBAAiB;IACf3D,CAAC,CAAC2D,iBAAiB;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js

@@ -237,4 +237,4 @@ InternalMaskedInput = exports.InternalMaskedInput = /*#__PURE__*/function (_Reac
       }
     };_this.state = { value: _this.getValue(_props), originValue: _this.getValue(_props), emptyValue: '', focused: false };return _this;}(0, _inheritsLoose2.default)(InternalMaskedInput, _React$PureComponent);var _proto = InternalMaskedInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.reactInputMask) {// FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
       this.reactInputMask.forceUpdate();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.value !== prevProps.value) {this.setState({ value: this.props.value ? this.props.value.toString() : '' });}};_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$props = this.props,maskChar = _this$props.maskChar,alwaysShowMask = _this$props.alwaysShowMask,hasLeftIcon = _this$props.hasLeftIcon,hasRightIcon = _this$props.hasRightIcon,maxLength = _this$props.maxLength,onValueChange = _this$props.onValueChange,onUnexpectedInput = _this$props.onUnexpectedInput,defaultValue = _this$props.defaultValue,style = _this$props.style,inputProps = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);var _this$state = this.state,emptyValue = _this$state.emptyValue,value = _this$state.value,originValue = _this$state.originValue;var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/_react.default.createElement("span", { style: { color: 'transparent' } }, emptyValue.slice(0, originValue.length));var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && _InternalMaskedInput2.styles.inputMaskLeft();var rightHelper = emptyValue.slice(originValue.length).split('').map(function (_char, i) {return _char === '_' ? /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i }) : _char;});return /*#__PURE__*/_react.default.createElement("span", { "data-tid": MaskedInputDataTids.root, className: _InternalMaskedInput2.styles.container(), "x-ms-format-detection": "none" }, /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, inputProps, { maskChar: null // @ts-expect-error InternalMaskedInput will be deleted in 5.0
-        , beforeMaskedValueChange: this.preprocess, alwaysShowMask: false, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, value: value, inputRef: this.refInput, ref: this.refMaskedInput, style: (0, _extends2.default)({}, style) })), this.isMaskVisible() && /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_InternalMaskedInput2.styles.inputMask(this.theme), leftClass) }, leftHelper, rightHelper));};return InternalMaskedInput;}(_react.default.PureComponent);InternalMaskedInput.__KONTUR_REACT_UI__ = 'InternalMaskedInput';InternalMaskedInput.displayName = 'InternalMaskedInput';InternalMaskedInput.defaultProps = { maskChar: '_' };
+        , beforeMaskedValueChange: this.preprocess, alwaysShowMask: false, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, value: value, inputRef: this.refInput, ref: this.refMaskedInput, style: (0, _extends2.default)({}, style) })), this.isMaskVisible() && /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_InternalMaskedInput2.styles.inputMask(this.theme), leftClass), translate: "no" }, leftHelper, rightHelper));};return InternalMaskedInput;}(_react.default.PureComponent);InternalMaskedInput.__KONTUR_REACT_UI__ = 'InternalMaskedInput';InternalMaskedInput.displayName = 'InternalMaskedInput';InternalMaskedInput.defaultProps = { maskChar: '_' };

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactInputMask","_utils","_ThemeContext","_MaskCharLowLine","_Emotion","_createPropsGetter","_InternalMaskedInput2","_excluded","MaskedInputDataTids","exports","root","InternalMaskedInput","_React$PureComponent","props","_this","call","getProps","createPropsGetter","defaultProps","input","reactInputMask","getValue","isNonNullable","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","_inheritsLoose2","default","_proto","prototype","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","_objectWithoutPropertiesLoose2","_this$state","leftHelper","textAlign","color","slice","leftClass","styles","inputMaskLeft","rightHelper","map","_char","i","MaskCharLowLine","key","className","container","_extends2","beforeMaskedValueChange","inputRef","ref","cx","inputMask","React","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["InternalMaskedInput.tsx"],"sourcesContent":["import React from 'react';\nimport ReactInputMask, { InputState } from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\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 {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)}>\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactInputMask","_utils","_ThemeContext","_MaskCharLowLine","_Emotion","_createPropsGetter","_InternalMaskedInput2","_excluded","MaskedInputDataTids","exports","root","InternalMaskedInput","_React$PureComponent","props","_this","call","getProps","createPropsGetter","defaultProps","input","reactInputMask","getValue","isNonNullable","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","_inheritsLoose2","default","_proto","prototype","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","_objectWithoutPropertiesLoose2","_this$state","leftHelper","textAlign","color","slice","leftClass","styles","inputMaskLeft","rightHelper","map","_char","i","MaskCharLowLine","key","className","container","_extends2","beforeMaskedValueChange","inputRef","ref","cx","inputMask","translate","React","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["InternalMaskedInput.tsx"],"sourcesContent":["import React from 'react';\nimport ReactInputMask, { InputState } from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\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 {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)} translate=\"no\">\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/themes/BasicLightTheme.js

@@ -2480,7 +2480,7 @@ BasicLightThemeInternal = exports.BasicLightThemeInternal = /*#__PURE__*/functio
 
     //#endregion
   }]);}();_BasicLightThemeInternal = BasicLightThemeInternal; //#region Common variables
-BasicLightThemeInternal.labGrotesqueBaselineCompensation = '1';BasicLightThemeInternal.brand = '#2291ff';BasicLightThemeInternal.white = '#fff';BasicLightThemeInternal.grayXLight = '#ebebeb';BasicLightThemeInternal.gray = '#858585';BasicLightThemeInternal.grayDark = '#333';BasicLightThemeInternal.black = '#000';BasicLightThemeInternal.blueXxLight = '#cdedff';BasicLightThemeInternal.blueLight = '#1f87ef';BasicLightThemeInternal.blue = '#1874cf';BasicLightThemeInternal.greenXxLight = '#C7F9CC';BasicLightThemeInternal.green = '#1C8A3F';BasicLightThemeInternal.greenDark = '#197F39';BasicLightThemeInternal.red = '#FE4C4C';BasicLightThemeInternal.redXxLight = '#FFEBEB';BasicLightThemeInternal.redDark = '#CC2626';BasicLightThemeInternal.yellowXxLight = '#ffeec2';BasicLightThemeInternal.yellow = '#fcb73e';BasicLightThemeInternal.yellowDark = '#ef8b17';BasicLightThemeInternal.bgDefault = '#fff';BasicLightThemeInternal.bgDisabled = '#F0F0F0';BasicLightThemeInternal.warningMain = '#fcb73e';BasicLightThemeInternal.warningSecondary = '#fff0bc';BasicLightThemeInternal.warningText = '#d97e00';BasicLightThemeInternal.borderColorFocusLight = '#cdedff';BasicLightThemeInternal.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';BasicLightThemeInternal.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';BasicLightThemeInternal.placeholderColor = '#adadad';BasicLightThemeInternal.outlineColorFocus = '#fff';BasicLightThemeInternal.placeholderColorLight = '#cdcdcd';BasicLightThemeInternal.blinkColor = 'rgba(0, 136, 255, 0.2)';BasicLightThemeInternal.controlBorderWidth = '1px';BasicLightThemeInternal.controlOutlineWidth = '2px';BasicLightThemeInternal.controlLineHeightSmall = '20px';BasicLightThemeInternal.controlLineHeightMedium = '22px';BasicLightThemeInternal.controlLineHeightLarge = '24px';BasicLightThemeInternal.controlPaddingYSmall = '5px';BasicLightThemeInternal.controlPaddingYMedium = '8px';BasicLightThemeInternal.controlPaddingYLarge = '11px';BasicLightThemeInternal.textColorDefault = '#222222';BasicLightThemeInternal.textColorInvert = '#fff';BasicLightThemeInternal.textColorDisabled = '#adadad';BasicLightThemeInternal.textColorDisabledContrast = '#858585';BasicLightThemeInternal.fontSizeSmall = '14px';BasicLightThemeInternal.fontSizeMedium = '16px';BasicLightThemeInternal.fontSizeLarge = '18px';BasicLightThemeInternal.fontSizeMobile = '18px';BasicLightThemeInternal.lineHeightMobile = '24px';BasicLightThemeInternal.specificityLevel = '0';BasicLightThemeInternal.fixedPanelShadow = 'none';BasicLightThemeInternal.bgActive = '#141414';BasicLightThemeInternal.bgChecked = '#3D3D3D';BasicLightThemeInternal.borderColorFocus = '#3D3D3D';BasicLightThemeInternal.controlHeightSmall = '32px';BasicLightThemeInternal.controlHeightMedium = '40px';BasicLightThemeInternal.controlHeightLarge = '48px';BasicLightThemeInternal.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';BasicLightThemeInternal.transitionDuration = '100ms';BasicLightThemeInternal.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
+BasicLightThemeInternal.labGrotesqueBaselineCompensation = '1';BasicLightThemeInternal.brand = '#2291ff';BasicLightThemeInternal.white = '#fff';BasicLightThemeInternal.grayXLight = '#ebebeb';BasicLightThemeInternal.gray = '#858585';BasicLightThemeInternal.grayDark = '#333';BasicLightThemeInternal.black = '#000';BasicLightThemeInternal.blueXxLight = '#cdedff';BasicLightThemeInternal.blueLight = '#1f87ef';BasicLightThemeInternal.blue = '#1874cf';BasicLightThemeInternal.greenXxLight = '#C7F9CC';BasicLightThemeInternal.green = '#1C8A3F';BasicLightThemeInternal.greenDark = '#197F39';BasicLightThemeInternal.red = '#FE4C4C';BasicLightThemeInternal.redXxLight = '#FFEBEB';BasicLightThemeInternal.redDark = '#CC2626';BasicLightThemeInternal.yellowXxLight = '#ffeec2';BasicLightThemeInternal.yellow = '#fcb73e';BasicLightThemeInternal.yellowDark = '#ef8b17';BasicLightThemeInternal.bgDefault = '#fff';BasicLightThemeInternal.bgDisabled = '#F0F0F0';BasicLightThemeInternal.warningMain = '#fcb73e';BasicLightThemeInternal.warningSecondary = '#fff0bc';BasicLightThemeInternal.warningText = '#d97e00';BasicLightThemeInternal.borderColorFocusLight = '#cdedff';BasicLightThemeInternal.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';BasicLightThemeInternal.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';BasicLightThemeInternal.placeholderColor = '#adadad';BasicLightThemeInternal.outlineColorFocus = '#fff';BasicLightThemeInternal.placeholderColorLight = '#cdcdcd';BasicLightThemeInternal.blinkColor = 'rgba(0, 136, 255, 0.2)';BasicLightThemeInternal.controlBorderWidth = '1px';BasicLightThemeInternal.controlOutlineWidth = '2px';BasicLightThemeInternal.controlLineHeightSmall = '20px';BasicLightThemeInternal.controlLineHeightMedium = '22px';BasicLightThemeInternal.controlLineHeightLarge = '24px';BasicLightThemeInternal.controlPaddingYSmall = '5px';BasicLightThemeInternal.controlPaddingYMedium = '8px';BasicLightThemeInternal.controlPaddingYLarge = '11px';BasicLightThemeInternal.textColorDefault = '#222222';BasicLightThemeInternal.textColorInvert = '#fff';BasicLightThemeInternal.textColorDisabled = '#adadad';BasicLightThemeInternal.textColorDisabledContrast = '#858585';BasicLightThemeInternal.fontSizeSmall = '14px';BasicLightThemeInternal.fontSizeMedium = '16px';BasicLightThemeInternal.fontSizeLarge = '18px';BasicLightThemeInternal.fontSizeMobile = '18px';BasicLightThemeInternal.lineHeightMobile = '24px';BasicLightThemeInternal.specificityLevel = '0';BasicLightThemeInternal.fixedPanelShadow = 'none';BasicLightThemeInternal.bgActive = '#141414';BasicLightThemeInternal.bgChecked = '#3D3D3D';BasicLightThemeInternal.borderColorFocus = '#3D3D3D';BasicLightThemeInternal.controlHeightSmall = '32px';BasicLightThemeInternal.controlHeightMedium = '40px';BasicLightThemeInternal.controlHeightLarge = '48px';BasicLightThemeInternal.mobileMediaQuery = '(max-width: 576px) and (pointer: coarse)';BasicLightThemeInternal.transitionDuration = '100ms';BasicLightThemeInternal.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
 //#region Link
 BasicLightThemeInternal.linkColor = '#222222';BasicLightThemeInternal.linkTextDecoration = 'underline';BasicLightThemeInternal.linkActiveColor = '#141414';BasicLightThemeInternal.linkHoverTextDecoration = 'none';BasicLightThemeInternal.linkSuccessActiveColor = '#167333';BasicLightThemeInternal.linkDangerHoverColor = '#BB1919';BasicLightThemeInternal.linkDangerActiveColor = '#AB0D0D';BasicLightThemeInternal.linkIconMarginRight = '4px';BasicLightThemeInternal.linkIconMarginLeft = '4px';BasicLightThemeInternal.linkGrayedColor = '#858585';BasicLightThemeInternal.linkGrayedHoverColor = '#292929';BasicLightThemeInternal.linkGrayedActiveColor = '#141414';BasicLightThemeInternal.linkButtonLineHeight = '34px';BasicLightThemeInternal.linkButtonPaddingX = '10px';BasicLightThemeInternal.linkTextDecorationStyle = 'solid';BasicLightThemeInternal.linkTextDecorationThickness = '1px';BasicLightThemeInternal.linkTextUnderlineOffset = '4px';BasicLightThemeInternal.linkTextUnderlineOpacity = '0.5';BasicLightThemeInternal.linkTextDecorationColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicLightThemeInternal.linkTextUnderlineOpacity) * 100 + "%, transparent)";BasicLightThemeInternal.linkLineBorderBottomStyle = 'solid';BasicLightThemeInternal.linkLineBorderBottomWidth = '1px';BasicLightThemeInternal.linkLineBorderBottomOpacity = '0.5';BasicLightThemeInternal.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicLightThemeInternal.linkLineBorderBottomOpacity) * 100 + "%, transparent)";BasicLightThemeInternal.linkFocusOutlineColor = '#3D3D3D';BasicLightThemeInternal.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';BasicLightThemeInternal.tokenMarginYSmall = '2px';BasicLightThemeInternal.tokenMarginXSmall = '1px';BasicLightThemeInternal.tokenMarginYMedium = '2px';BasicLightThemeInternal.tokenMarginXMedium = '2px';BasicLightThemeInternal.tokenMarginYLarge = '2px';BasicLightThemeInternal.tokenMarginXLarge = '3px';BasicLightThemeInternal.tokenPaddingYSmall = '1px';BasicLightThemeInternal.tokenPaddingXSmall = '3px';BasicLightThemeInternal.tokenPaddingYMedium = '2px';BasicLightThemeInternal.tokenPaddingXMedium = '5px';BasicLightThemeInternal.tokenPaddingYLarge = '3px';BasicLightThemeInternal.tokenPaddingXLarge = '7px';BasicLightThemeInternal.tokenMarginBeforeIcon = '4px';BasicLightThemeInternal.tokenRemoveIconSize = '16px';BasicLightThemeInternal.tokenRemoveIconPaddingY = '0px';BasicLightThemeInternal.tokenRemoveIconPaddingX = '0px';BasicLightThemeInternal.tokenRemoveIconGap = '4px';BasicLightThemeInternal.tokenRemoveIconBoxSizing = 'content-box';BasicLightThemeInternal.tokenBorderRadius = '2px';BasicLightThemeInternal.tokenBorderWidth = '1px';BasicLightThemeInternal.tokenBorderColorDisabled = 'transparent';BasicLightThemeInternal.tokenOutlineWidth = '1px';BasicLightThemeInternal.tokenShadowDisabled = '';BasicLightThemeInternal.tokenBg = 'rgba(0, 0, 0, 0.1)';BasicLightThemeInternal.tokenColor = '#222222';BasicLightThemeInternal.tokenBorderColor = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.tokenBgHover = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.tokenColorHover = '#222222';BasicLightThemeInternal.tokenBorderColorHover = 'rgba(0, 0, 0, 0.16)';BasicLightThemeInternal.tokenBgActive = '#3D3D3D';BasicLightThemeInternal.tokenColorActive = '#FFFFFF';BasicLightThemeInternal.tokenBorderColorActive = 'transparent';BasicLightThemeInternal.tokenInputBorderRadius = '2px';BasicLightThemeInternal.tokenInputMenuPopupBg = 'transparent';BasicLightThemeInternal.tokenInputPaddingYSmall = '1px';BasicLightThemeInternal.tokenInputPaddingXSmall = '2px';BasicLightThemeInternal.tokenInputPaddingYMedium = '3px';BasicLightThemeInternal.tokenInputPaddingXMedium = '3px';BasicLightThemeInternal.tokenInputPaddingYLarge = '5px';BasicLightThemeInternal.tokenInputPaddingXLarge = '4px';BasicLightThemeInternal.tokenInputPopupOffset = '2px';BasicLightThemeInternal.tokenInputPopupMarginSmall = '7px';BasicLightThemeInternal.tokenInputPopupMarginMedium = '10px';BasicLightThemeInternal.tokenInputPopupMarginLarge = '13px'; //#endregion TokenInput
 //#region Loader