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

package/cjs/components/Autocomplete/Autocomplete.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -8,6 +9,7 @@ const [value, setValue] = React.useState('Kappa');
 <Autocomplete source={items} value={value} onValueChange={setValue} />;
 ```
 
+### Очистка Autocomplete
 Очистить значение в `Autocomplete` можно только с помощью пустой строки.
 ```jsx harmony
 import { Autocomplete, Button, Group } from '@skbkontur/react-ui';
@@ -22,7 +24,7 @@ const [value, setValue] = React.useState('Kappa');
 </Group>
 ```
 
-У Autocomplete есть 3 стандартных размера.
+### Размер
 ```jsx harmony
 import { Autocomplete, Gapped } from '@skbkontur/react-ui';
 
@@ -39,7 +41,7 @@ const [valueLarge, setValueLarge] = React.useState('Большой');
 </Gapped>
 ```
 
-Можно выделять введеное значение при фокусе.
+### Выделение введеного значения при фокусе
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -50,7 +52,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} selectAllOnFocus />
 ```
 
-Расположение иконки слева и справа.
+### Иконка
 ```jsx harmony
 import { Autocomplete, Gapped } from '@skbkontur/react-ui';
 import { SearchLoupeIcon16Regular } from '@skbkontur/icons/SearchLoupeIcon16Regular';
@@ -66,7 +68,7 @@ const [valueRight, setValueRight] = React.useState('');
 </Gapped>
 ```
 
-Изменение ширины меню.
+### Ширина меню
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -77,7 +79,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} menuWidth={'80%'} />
 ```
 
-Расположение выпадающего окна Autocomplete.
+### Расположение выпадающего окна Autocomplete
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -88,7 +90,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} menuPos={'top'} />
 ```
 
-Отрисовка тени у выпадающего меню.
+### Тень у выпадающего меню
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 
@@ -99,7 +101,7 @@ const [value, setValue] = React.useState('');
 <Autocomplete source={items} value={value} onValueChange={setValue} hasShadow />
 ```
 
-Использование режима прозрачной рамки.
+### Режима прозрачной рамки
 ```jsx harmony
 import { Autocomplete } from '@skbkontur/react-ui';
 

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

@@ -0,0 +1,239 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+const commonTests = () => {
+  test('focus and type text', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElement = context.webdriver.findElement({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElement).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+const mobileHintsTests = () => {
+  test('noInputValue', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'noInputValue');
+  });
+
+  test('nothingWasFound', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .sendKeys('abc')
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'nothingWasFound');
+  });
+
+  test('updateValue', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .sendKeys('one')
+      .perform();
+    await delay(200);
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-comp-name~="MenuItem"]' }))
+      .click(context.webdriver.findElement({ css: 'input' }))
+      .perform();
+    await delay(200);
+    await context.matchImage(await context.webdriver.takeScreenshot(), 'updateValue');
+  });
+};
+
+const sizeTests = () => {
+  test('focus and type text small', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[0]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+
+  test('focus and type text medium', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[1]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+
+  test('focus and type text large', async (context) => {
+    const screenshotElement = context.webdriver.findElement({
+      css: '#test-element',
+    });
+    const autocompleteElements = await context.webdriver.findElements({
+      css: '[data-comp-name~="Autocomplete"]',
+    });
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[2]).sendKeys('o').perform();
+    await delay(1000);
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+const menuPosTests = () => {
+  test('focus and type text menu top', async (context) => {
+    const screenshotElement = context.webdriver.findElement({ css: '#test-element' });
+    const autocompleteElements = await context.webdriver.findElements({ css: '[data-comp-name~="Autocomplete"]' });
+
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[0]).sendKeys('o').perform();
+    await delay(1000);
+
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+  test('focus and type text menu bottom', async (context) => {
+    const screenshotElement = context.webdriver.findElement({ css: '#test-element' });
+    const autocompleteElements = await context.webdriver.findElements({ css: '[data-comp-name~="Autocomplete"]' });
+
+    await context.webdriver.actions({ bridge: true }).click(autocompleteElements[1]).sendKeys('o').perform();
+    await delay(1000);
+
+    await context.matchImage(await screenshotElement.takeScreenshot());
+  });
+};
+
+kind('Autocomplete', () => {
+  story('Simple', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('focused', async (context) => {
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(autocompleteElement).perform();
+      await delay(1000);
+      await context.matchImage(await autocompleteElement.takeScreenshot());
+    });
+
+    commonTests();
+  });
+
+  story('WithRenderItem', () => {
+    commonTests();
+  });
+
+  story('WithBigRenderItemWidth', () => {
+    commonTests();
+  });
+
+  story('WithFixedMenuSize', () => {
+    commonTests();
+  });
+
+  story('WithPercentageWidth', () => {
+    commonTests();
+  });
+
+  story('WithFixedWidth', () => {
+    commonTests();
+  });
+
+  story('WithZeroWidth', () => {
+    commonTests();
+  });
+
+  story('MobileHints', () => {
+    mobileHintsTests();
+  });
+
+  story('MobileHintsEN', () => {
+    mobileHintsTests();
+  });
+
+  story('MobileWithTitle', () => {
+    test('opened', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .perform();
+      await delay(200);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'opened');
+    });
+  });
+
+  story('WithManualPosition', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ },
+        flaky: {
+          in: ['firefox2022'],
+          tests: ['opened top with portal', 'opened bottom with portal'],
+        },
+      },
+    });
+
+    test('opened top with portal', async (context) => {
+      const screenshotElement = context.webdriver.findElement({
+        css: '#test-element',
+      });
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver.actions({ bridge: true }).click(autocompleteElement).sendKeys('o').perform();
+      await delay(1000);
+      await context.matchImage(await screenshotElement.takeScreenshot());
+    });
+
+    test('opened bottom with portal', async (context) => {
+      const screenshotElement = context.webdriver.findElement({
+        css: '#test-element',
+      });
+      const autocompleteElement = context.webdriver.findElement({
+        css: '[data-comp-name~="Autocomplete"]',
+      });
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-tid~="pos"]' }))
+        .click(autocompleteElement)
+        .sendKeys('o')
+        .perform();
+      await delay(1000);
+      await context.matchImage(await screenshotElement.takeScreenshot());
+    });
+  });
+
+  story('Size', () => {
+    sizeTests();
+  });
+
+  story('WithDisabledPortal', () => {
+    commonTests();
+    menuPosTests();
+  });
+
+  story('MenuPos', () => {
+    menuPosTests();
+  });
+});

package/cjs/components/Autocomplete/__docs__/Autocomplete.mdx

@@ -0,0 +1,26 @@
+import * as AutocompleteStories from './Autocomplete.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+import { Autocomplete } from '../Autocomplete';
+import { Button, Group, Gapped } from '@skbkontur/react-ui';
+
+<Meta of={AutocompleteStories} />
+
+# Autocomplete
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/Button/Button.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ButtonLinkAllowedValues } from '../../typings/button-link';
+import { ButtonLinkAllowedValues } from '../../lib/types/button-link';
 import { ThemeIn } from '../../lib/theming/Theme';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { SizeProp } from '../../lib/types/props';
-import { PolymorphicPropsWithoutRef } from '../../typings/polymorphic-component';
+import { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
 export type ButtonType = 'button' | 'submit' | 'reset';
 export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
 export interface ButtonInnerProps extends CommonProps {
@@ -11,99 +11,57 @@ export interface ButtonInnerProps extends CommonProps {
     _noPadding?: boolean;
     /** @ignore */
     _noRightPadding?: boolean;
-    /**
-     * Применяет к кнопке стили псевдокласса `:active`.
-     */
+    /** Применяет к кнопке стили псевдокласса `:active`. */
     active?: boolean;
-    /**
-     * CSS-свойство `text-align`.
-     */
+    /** Задаёт выравнивание тексту в кнопке. */
     align?: React.CSSProperties['textAlign'];
-    /**
-     * Превращает обычную кнопку в кнопку со стрелкой.
-     */
+    /** Превращает обычную кнопку в кнопку со стрелкой. */
     arrow?: boolean | 'left';
-    /**
-     * Даёт кнопке фокус после окончания загрузки страницы.
-     */
+    /** Устанавливает фокус на контроле после окончания загрузки страницы.*/
     autoFocus?: boolean;
-    /**
-     * Убирает обводку у кнопки.
-     */
+    /** Убирает обводку у кнопки. */
     borderless?: boolean;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     checked?: boolean;
+    /** @ignore */
     children?: React.ReactNode;
     /** @ignore */
     corners?: React.CSSProperties;
-    /**
-     * Отключенное состояние кнопки.
-     */
+    /** Делает компонент недоступным. */
     disabled?: boolean;
     /** @ignore */
     disableFocus?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
+    /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
-    /**
-     * Иконка слева от текста кнопки.
-     */
+    /** Добавляет иконку слева от текста кнопки. */
     icon?: React.ReactElement;
-    /**
-     * Иконка справа от текста кнопки.
-     */
+    /** Добавляет иконку справа от текста кнопки. */
     rightIcon?: React.ReactElement;
-    /**
-     * Переводит кнопку в состояние загрузки.
-     */
+    /** Переводит кнопку в состояние загрузки. */
     loading?: boolean;
-    /**
-     * Сужает кнопку.
-     */
+    /** Сужает кнопку. */
     narrow?: boolean;
-    /**
-     * Задаёт размер кнопки.
-     *
-     * **Допустимые значения**: `"small"`, `"medium"`, `"large"`.
-     */
+    /** Задаёт размер кнопки. */
     size?: SizeProp;
-    /**
-     * HTML-атрибут `type`.
-     */
+    /** Задаёт HTML-атрибут `type`. */
     type?: ButtonType;
-    /**
-     * HTML-атрибут `title`.
-     */
+    /** Задаёт HTML-атрибут `title`. */
     title?: string;
-    /**
-     * Стиль кнопки.
-     *
-     * **Допустимые значения**: `"default"`, `"primary"`, `"success"`, `"danger"`, `"pay"`, `"link"`, `"text"`, `"backless"`.
-     *
+    /** Задаёт стиль кнопки.
      * **Вариант `link` устарел.**
      * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
      */
     use?: ButtonUse;
     /** @ignore */
     visuallyFocused?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
-    /**
-     * CSS-свойство `width`.
-     */
+    /** Задаёт ширину кнопки. */
     width?: number | string;
-    /**
-     * Обычный объект с переменными темы.
-     * Он будет объединён с темой из контекста.
-     */
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
     theme?: ThemeIn;
 }
-export declare const BUTTON_DEFAULT_COMPONENT: ButtonLinkAllowedValues;
+export declare const BUTTON_DEFAULT_COMPONENT = "button";
 export type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<ButtonInnerProps, C>;
 export interface ButtonState {
     focusedByTab: boolean;
@@ -148,5 +106,4 @@ export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DE
     private handleBlur;
     private _ref;
 }
-export declare const isButton: (child: React.ReactNode) => child is React.ReactElement<ButtonProps<"button">, string | React.JSXElementConstructor<any>>;
 export {};

package/cjs/components/Button/Button.js

@@ -1,6 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.isButton = exports.ButtonDataTids = exports.Button = exports.BUTTON_DEFAULT_COMPONENT = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ButtonDataTids = exports.Button = exports.BUTTON_DEFAULT_COMPONENT = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
-var _warning = _interopRequireDefault(require("warning"));
 
 
 var _utils = require("../../lib/utils");
@@ -85,48 +84,6 @@ var _LoadingButtonIcon = require("./LoadingButtonIcon");var _class, _Button;var
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -291,7 +248,6 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       var isFocused = _this.state.focusedByTab || visuallyFocused;
       var isLink = use === 'link';
 
-      // eslint-disable-next-line react-hooks/rules-of-hooks
       var _useButtonArrow = (0, _ButtonArrow.useButtonArrow)((0, _extends2.default)({},
         _this.props, { isFocused: Boolean(isFocused) }),
         _this.theme
@@ -303,7 +259,6 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       _Button2.styles.root(_this.theme),
       _Button2.styles[use](_this.theme),
       sizeClass,
-      _Button2.styles.disableTextSelect(),
       narrow && _Button2.styles.narrow(),
       _noPadding && _Button2.styles.noPadding(),
       _noRightPadding && _Button2.styles.noRightPadding(),
@@ -356,7 +311,6 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
       if ((!isFocused || isLink) && !trueDisabled) {var _cx2;
         outlineNode = /*#__PURE__*/
         _react.default.createElement("div", {
-          style: { zIndex: isLink ? -1 : undefined },
           className: (0, _Emotion.cx)(_Button2.styles.outline(), (_cx2 = {}, _cx2[
           _Button2.styles.outlineWarning(_this.theme)] = warning, _cx2[
           _Button2.styles.outlineError(_this.theme)] = error, _cx2[
@@ -520,11 +474,15 @@ Button = exports.Button = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE_
 
     _ref = function (node) {
       _this.node = node;
-    };return _this;}(0, _inheritsLoose2.default)(Button, _React$Component);var _proto = Button.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_keyListener.keyListener.isTabPressed = true;this.focus();}(0, _warning.default)(this.props.use !== 'link', "[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.");};Button.getDerivedStateFromProps = function getDerivedStateFromProps(props) {if (props.loading || props.disabled) {return { focusedByTab: false };}return null;} /**
+    };return _this;}(0, _inheritsLoose2.default)(Button, _React$Component);var _proto = Button.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_keyListener.keyListener.isTabPressed = true;this.focus();} // warning(
+    //   this.props.use !== 'link',
+    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,
+    // );
+  };Button.getDerivedStateFromProps = function getDerivedStateFromProps(props) {if (props.loading || props.disabled) {return { focusedByTab: false };}return null;} /**
    * @public
    */;_proto.focus = function focus() {var _this$node;(_this$node = this.node) == null || _this$node.focus();} /**
    * @public
    */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null || _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});};_proto.getTabIndex = function getTabIndex(_ref2) {var disableFocus = _ref2.disableFocus,disabled = _ref2.disabled,_ref2$tabIndex = _ref2.tabIndex,tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;if (disableFocus || disabled) {return -1;}return tabIndex;};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.getProps().size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _cx6, _cx7, _cx8;switch (this.getProps().size) {case 'large':return (0, _Emotion.cx)(_Button2.styles.sizeLarge(this.theme), (_cx6 = {}, _cx6[_Button2.styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx6[_Button2.styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx6[_Button2.styles.sizeLargeWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx6));case 'medium':return (0, _Emotion.cx)(_Button2.styles.sizeMedium(this.theme), (_cx7 = {}, _cx7[_Button2.styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx7[_Button2.styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx7[_Button2.styles.sizeMediumWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx7));case 'small':default:return (0, _Emotion.cx)(_Button2.styles.sizeSmall(this.theme), (_cx8 = {}, _cx8[_Button2.styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx8[_Button2.styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx8[_Button2.styles.sizeSmallWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx8));}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {switch (this.getProps().size) {case 'large':return _Button2.styles.wrapLarge(this.theme);case 'medium':return _Button2.styles.wrapMedium(this.theme);case 'small':default:return _Button2.styles.wrapSmall(this.theme);}};return Button;}(_react.default.Component), _Button.__KONTUR_REACT_UI__ = 'Button', _Button.displayName = 'Button', _Button.__BUTTON__ = true, _Button.defaultProps = { use: 'default', size: 'small', // By default the type attribute is 'submit'. IE8 will fire a click event
   // on this button if somewhere on the page user presses Enter while some
   // input is focused. So we set type to 'button' by default.
-  type: 'button', component: BUTTON_DEFAULT_COMPONENT }, _Button)) || _class;var isButton = exports.isButton = (0, _utils.isReactUIComponent)('Button');
+  type: 'button', component: BUTTON_DEFAULT_COMPONENT }, _Button)) || _class;