@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

package/components/Autocomplete/getAutocompleteTheme/getAutocompleteTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeFactory","getAutocompleteTheme","theme","create","menuOffsetY","autocompleteMenuOffsetY"],"sources":["getAutocompleteTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getAutocompleteTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      menuOffsetY: theme.autocompleteMenuOffsetY,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAY,EAAY;EAC3D,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,WAAW,EAAEF,KAAK,CAACG;IACrB,CAAC;IACDH;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/Autocomplete/getAutocompleteTheme/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Autocomplete/getAutocompleteTheme.js",
+  "module": "getAutocompleteTheme",
+  "types": "../getAutocompleteTheme.d.ts",
+  "sideEffects": false
+}

package/components/Autocomplete/getAutocompleteTheme.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getAutocompleteTheme: (theme: Theme) => Theme;

package/components/Autocomplete/index/index.js

@@ -0,0 +1 @@
+export * from "../Autocomplete";

package/components/Autocomplete/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './Autocomplete';\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}

package/components/Autocomplete/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Autocomplete/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Autocomplete/index.d.ts

@@ -1 +1 @@
-export { default, AutocompleteProps, AutocomplpeteState } from './Autocomplete';
+export * from './Autocomplete';

package/components/Autocomplete/locale/index/index.js

@@ -0,0 +1,8 @@
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
+export var AutocompleteLocaleHelper = new LocaleHelper({
+  ru_RU: ru_RU,
+  en_GB: en_GB
+});

package/components/Autocomplete/locale/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","AutocompleteLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { AutocompleteLocale } from './types';\n\nexport * from './types';\n\nexport const AutocompleteLocaleHelper = new LocaleHelper<AutocompleteLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,wBAAwB,GAAG,IAAIJ,YAAY,CAAqB;EAC3EG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Autocomplete/locale/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/Autocomplete/locale/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Autocomplete/locale/index.d.ts

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { AutocompleteLocale } from './types';
+export * from './types';
+export declare const AutocompleteLocaleHelper: LocaleHelper<AutocompleteLocale>;

package/components/Autocomplete/locale/locales/en/en.js

@@ -0,0 +1,5 @@
+export var componentsLocales = {
+  enterValue: 'Start typing',
+  notFound: 'Nothing was found',
+  updateValue: 'Start typing or changing the value'
+};

package/components/Autocomplete/locale/locales/en/en.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","enterValue","notFound","updateValue"],"sources":["en.ts"],"sourcesContent":["import type { AutocompleteLocale } from '../types';\n\nexport const componentsLocales: AutocompleteLocale = {\n  enterValue: 'Start typing',\n  notFound: 'Nothing was found',\n  updateValue: 'Start typing or changing the value',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;EACnDC,UAAU,EAAE,cAAc;EAC1BC,QAAQ,EAAE,mBAAmB;EAC7BC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/components/Autocomplete/locale/locales/en/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/components/Autocomplete/locale/locales/en.js",
+  "module": "en",
+  "types": "../en.d.ts",
+  "sideEffects": false
+}

package/components/Autocomplete/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

package/components/Autocomplete/locale/locales/ru/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../../cjs/components/Autocomplete/locale/locales/ru.js",
+  "module": "ru",
+  "types": "../ru.d.ts",
+  "sideEffects": false
+}

package/components/Autocomplete/locale/locales/ru/ru.js

@@ -0,0 +1,5 @@
+export var componentsLocales = {
+  enterValue: 'Начните вводить значение',
+  notFound: 'Ничего не найдено',
+  updateValue: 'Начните вводить или изменять значение'
+};

package/components/Autocomplete/locale/locales/ru/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentsLocales","enterValue","notFound","updateValue"],"sources":["ru.ts"],"sourcesContent":["import type { AutocompleteLocale } from '../types';\n\nexport const componentsLocales: AutocompleteLocale = {\n  enterValue: 'Начните вводить значение',\n  notFound: 'Ничего не найдено',\n  updateValue: 'Начните вводить или изменять значение',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;EACnDC,UAAU,EAAE,0BAA0B;EACtCC,QAAQ,EAAE,mBAAmB;EAC7BC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/components/Autocomplete/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

package/components/Autocomplete/locale/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Autocomplete/locale/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Autocomplete/locale/types/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/Autocomplete/locale/types.js",
+  "module": "types",
+  "types": "../types.d.ts",
+  "sideEffects": false
+}

package/components/Autocomplete/locale/types/types.js

@@ -0,0 +1 @@
+export {};

package/components/Autocomplete/locale/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface AutocompleteLocale {\n  enterValue: string;\n  notFound: string;\n  updateValue: string;\n}\n"],"mappings":"","ignoreList":[]}

package/components/Autocomplete/locale/types.d.ts

@@ -0,0 +1,5 @@
+export interface AutocompleteLocale {
+    enterValue: string;
+    notFound: string;
+    updateValue: string;
+}

package/components/Autocomplete/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Autocomplete/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Button/ArrowLeftIcon/ArrowLeftIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ArrowALeftIcon16Light } from "../../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light";
+import { ArrowALeftIcon20Light } from "../../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light";
+import { ArrowALeftIcon24Regular } from "../../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular";
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+export var ArrowLeftIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(ArrowALeftIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(ArrowALeftIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(ArrowALeftIcon24Regular, null);
+  }
+}, 'ArrowLeftIcon');

package/components/Button/ArrowLeftIcon/ArrowLeftIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ArrowALeftIcon16Light","ArrowALeftIcon20Light","ArrowALeftIcon24Regular","iconSizer","ArrowLeftIcon","small","createElement","medium","large"],"sources":["ArrowLeftIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowALeftIcon16Light } from '../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light';\nimport { ArrowALeftIcon20Light } from '../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light';\nimport { ArrowALeftIcon24Regular } from '../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ArrowLeftIcon = iconSizer(\n  {\n    small: () => <ArrowALeftIcon16Light />,\n    medium: () => <ArrowALeftIcon20Light />,\n    large: () => <ArrowALeftIcon24Regular />,\n  },\n  'ArrowLeftIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,qBAAqB,QAAQ,+DAA+D;AACrG,SAASC,qBAAqB,QAAQ,+DAA+D;AACrG,SAASC,uBAAuB,QAAQ,iEAAiE;AACzG,SAASC,SAAS,QAAQ,oCAAoC;;AAE9D,OAAO,IAAMC,aAAa,GAAGD,SAAS;EACpC;IACEE,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACN,qBAAqB,MAAE,CAAC;IACtCO,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACL,qBAAqB,MAAE,CAAC;IACvCO,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACJ,uBAAuB,MAAE,CAAC;EAC1C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/Button/ArrowLeftIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/ArrowLeftIcon.js",
+  "module": "ArrowLeftIcon",
+  "types": "../ArrowLeftIcon.d.ts",
+  "sideEffects": false
+}

package/components/Button/ArrowLeftIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/Button/ArrowRightIcon/ArrowRightIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ArrowARightIcon16Light } from "../../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light";
+import { ArrowARightIcon20Light } from "../../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light";
+import { ArrowARightIcon24Regular } from "../../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular";
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+export var ArrowRightIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(ArrowARightIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(ArrowARightIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(ArrowARightIcon24Regular, null);
+  }
+}, 'ArrowRightIcon');

package/components/Button/ArrowRightIcon/ArrowRightIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ArrowARightIcon16Light","ArrowARightIcon20Light","ArrowARightIcon24Regular","iconSizer","ArrowRightIcon","small","createElement","medium","large"],"sources":["ArrowRightIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light';\nimport { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light';\nimport { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ArrowRightIcon = iconSizer(\n  {\n    small: () => <ArrowARightIcon16Light />,\n    medium: () => <ArrowARightIcon20Light />,\n    large: () => <ArrowARightIcon24Regular />,\n  },\n  'ArrowRightIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,sBAAsB,QAAQ,iEAAiE;AACxG,SAASC,sBAAsB,QAAQ,iEAAiE;AACxG,SAASC,wBAAwB,QAAQ,mEAAmE;AAC5G,SAASC,SAAS,QAAQ,oCAAoC;;AAE9D,OAAO,IAAMC,cAAc,GAAGD,SAAS;EACrC;IACEE,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACN,sBAAsB,MAAE,CAAC;IACvCO,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACL,sBAAsB,MAAE,CAAC;IACxCO,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACJ,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/Button/ArrowRightIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/ArrowRightIcon.js",
+  "module": "ArrowRightIcon",
+  "types": "../ArrowRightIcon.d.ts",
+  "sideEffects": false
+}

package/components/Button/ArrowRightIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/Button/Button/Button.js

@@ -0,0 +1,303 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _class, _Button;
+var _excluded = ["children"],
+  _excluded2 = ["corners", "active", "disabled", "borderless", "checked", "error", "warning", "loading", "narrow", "arrow", "icon", "rightIcon", "_noPadding", "_noRightPadding", "visuallyFocused", "align", "disableFocus", "width", "tabIndex", "component", "use", "size", "theme"];
+import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
+import { isKonturIcon } from "../../../lib/utils";
+import { isIE11, isEdge, isSafari } from "../../../lib/client";
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { Link } from "../../Link";
+import { styles, activeStyles, globalClasses } from "../Button.styles";
+import { ButtonIcon, getButtonIconSizes } from "../ButtonIcon";
+import { useButtonArrow } from "../ButtonArrow";
+import { getInnerLinkTheme } from "../getInnerLinkTheme";
+import { LoadingButtonIcon } from "../LoadingButtonIcon";
+export var BUTTON_DEFAULT_COMPONENT = 'button';
+export var ButtonDataTids = {
+  rootElement: 'Button__rootElement',
+  root: 'Button__root',
+  spinner: 'Button__spinner'
+};
+var SpanComponent = function SpanComponent(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("span", rest, children);
+};
+export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$Component) {
+  function Button() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Button.defaultProps);
+    _this.state = {
+      focusedByTab: false
+    };
+    _this.node = null;
+    _this.renderMain = function (props) {
+      var _cx, _cx4, _cx5;
+      var corners = props.corners,
+        active = props.active,
+        disabled = props.disabled,
+        borderless = props.borderless,
+        checked = props.checked,
+        error = props.error,
+        warning = props.warning,
+        loading = props.loading,
+        narrow = props.narrow,
+        arrow = props.arrow,
+        icon = props.icon,
+        rightIcon = props.rightIcon,
+        _noPadding = props._noPadding,
+        _noRightPadding = props._noRightPadding,
+        visuallyFocused = props.visuallyFocused,
+        align = props.align,
+        disableFocus = props.disableFocus,
+        width = props.width,
+        tabIndex = props.tabIndex,
+        _component = props.component,
+        useProp = props.use,
+        sizeProp = props.size,
+        theme = props.theme,
+        rest = _objectWithoutPropertiesLoose(props, _excluded2);
+      var _this$getProps = _this.getProps(),
+        use = _this$getProps.use,
+        size = _this$getProps.size,
+        component = _this$getProps.component,
+        children = _this$getProps.children;
+      var sizeClass = _this.getSizeClassName();
+      var isFocused = _this.state.focusedByTab || visuallyFocused;
+      var isLink = use === 'link';
+      var _useButtonArrow = useButtonArrow(_extends({}, _this.props, {
+          isFocused: Boolean(isFocused)
+        }), _this.theme),
+        rootClassNameWithArrow = _useButtonArrow[0],
+        arrowNode = _useButtonArrow[1];
+      var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);
+      var trueDisabled = disabled || loading;
+      var rootClassName = cx.apply(void 0, [styles.root(_this.theme), styles[use](_this.theme), sizeClass, narrow && styles.narrow(), _noPadding && styles.noPadding(), _noRightPadding && styles.noRightPadding(), rootClassNameWithArrow].concat(trueDisabled ? [styles.disabled(_this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(_this.theme), checked && styles.checkedDisabled(_this.theme), borderless && styles.borderless(), use === 'backless' && styles.backlessDisabled(_this.theme), use === 'text' && styles.textDisabled(), globalClasses.disabled] : [active && !checked && activeStyles[use](_this.theme), isFocused && styles.focus(_this.theme), checked && styles.checked(_this.theme), checked && isFocused && styles.checkedFocused(_this.theme), borderless && !checked && !isFocused && styles.borderless()]));
+      var rootProps = _extends({}, rest, {
+        className: rootClassName,
+        style: _extends({
+          textAlign: align
+        }, corners),
+        disabled: trueDisabled,
+        onFocus: _this.handleFocus,
+        onBlur: _this.handleBlur,
+        tabIndex: _this.getTabIndex({
+          disableFocus: disableFocus,
+          disabled: trueDisabled,
+          tabIndex: tabIndex
+        })
+      });
+      var wrapProps = {
+        className: cx(globalClasses.root, (_cx = {}, _cx[styles.wrap(_this.theme)] = true, _cx[_this.getSizeWrapClassName()] = true, _cx)),
+        style: {
+          width: width
+        }
+      };
+      var innerShadowNode = null;
+      var outlineNode = null;
+      if ((!isFocused || isLink) && !trueDisabled) {
+        var _cx2;
+        outlineNode = /*#__PURE__*/
+        React.createElement("div", {
+          className: cx(styles.outline(), (_cx2 = {}, _cx2[styles.outlineWarning(_this.theme)] = warning, _cx2[styles.outlineError(_this.theme)] = error, _cx2[styles.outlineLink()] = isLink, _cx2[styles.outlineLinkWarning(_this.theme)] = isLink && warning, _cx2[styles.outlineLinkError(_this.theme)] = isLink && error, _cx2))
+        });
+      }
+      var iconProps = {
+        use: use,
+        size: _this.getProps().size,
+        hasChildren: !!children,
+        loading: loading || false
+      };
+      var leftIconNode = icon && /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
+        position: "left",
+        icon: icon
+      }));
+      var rightIconNode = rightIcon && /*#__PURE__*/
+      React.createElement(ButtonIcon, _extends({}, iconProps, {
+        hasBothIcons: !!icon && !!rightIcon,
+        position: "right",
+        icon: rightIcon
+      }));
+
+      // Force disable all props and features, that cannot be use with Link
+      if (isLink) {
+        var _cx3;
+        rootProps.className = cx((_cx3 = {}, _cx3[styles.root(_this.theme)] = true, _cx3[sizeClass] = true, _cx3[styles.link(_this.theme)] = true, _cx3[styles.linkLineHeight()] = !isSafari, _cx3[styles.linkLineHeightSafariFallback()] = isSafari, _cx3[styles.linkFocus(_this.theme)] = isFocused, _cx3[styles.linkDisabled(_this.theme)] = trueDisabled, _cx3));
+        Object.assign(wrapProps, {
+          className: cx(styles.wrap(_this.theme), styles.wrapLink()),
+          style: {
+            width: wrapProps.style.width
+          }
+        });
+        rootProps.style.textAlign = undefined;
+      }
+      var hasLoadingNode = loading && !icon && !rightIcon;
+      var loadingNode = hasLoadingNode && /*#__PURE__*/React.createElement(LoadingButtonIcon, {
+        size: size
+      });
+      var captionNode = /*#__PURE__*/
+      React.createElement("div", {
+        className: cx(styles.caption(), globalClasses.caption, (_cx4 = {}, _cx4[styles.captionLink()] = isLink, _cx4[styles.captionDisabled()] = !checked && disabled, _cx4))
+      }, loadingNode, leftIconNode, /*#__PURE__*/
+      React.createElement("span", {
+        className: cx(globalClasses.text, (_cx5 = {}, _cx5[styles.visibilityHidden()] = hasLoadingNode, _cx5))
+      }, children), rightIconNode);
+      if (isLink && !loading) {
+        captionNode = /*#__PURE__*/
+        React.createElement(ThemeContext.Provider, {
+          value: getInnerLinkTheme(_this.theme)
+        }, /*#__PURE__*/
+
+        React.createElement(Link, {
+          focused: isFocused,
+          disabled: disabled,
+          icon: _this.renderIcon2022(icon),
+          rightIcon: _this.renderIcon2022(rightIcon),
+          tabIndex: -1,
+          component: SpanComponent
+        }, children));
+      }
+      var Root = component;
+      return /*#__PURE__*/(
+        React.createElement("span", _extends({}, wrapProps, {
+          "data-tid": ButtonDataTids.root
+        }), /*#__PURE__*/
+        React.createElement(Root, _extends({
+          "data-tid": ButtonDataTids.rootElement,
+          ref: _this._ref
+        }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode))
+      );
+    };
+    _this.handleFocus = function (e) {
+      if (!_this.props.disabled && !_this.props.disableFocus) {
+        // focus event fires before keyDown eventlistener
+        // so we should check tabPressed in async way
+        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+          if (keyListener.isTabPressed) {
+            _this.setState({
+              focusedByTab: true
+            });
+          }
+        });
+        _this.props.onFocus == null || _this.props.onFocus(e);
+      }
+    };
+    _this.handleBlur = function (e) {
+      _this.setState({
+        focusedByTab: false
+      });
+      if (!_this.props.disabled && !_this.props.disableFocus) {
+        _this.props.onBlur == null || _this.props.onBlur(e);
+      }
+    };
+    _this._ref = function (node) {
+      _this.node = node;
+    };
+    return _this;
+  }
+  _inheritsLoose(Button, _React$Component);
+  var _proto = Button.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.autoFocus) {
+      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.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        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 && isKonturIcon(icon)) {
+      var _icon$props$size;
+      var sizes = getButtonIconSizes(this.theme);
+      return /*#__PURE__*/React.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 cx(styles.sizeLarge(this.theme), (_cx6 = {}, _cx6[styles.sizeLargeIE11(this.theme)] = isIE11 || isEdge, _cx6[styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx6[styles.sizeLargeWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx6));
+      case 'medium':
+        return cx(styles.sizeMedium(this.theme), (_cx7 = {}, _cx7[styles.sizeMediumIE11(this.theme)] = isIE11 || isEdge, _cx7[styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx7[styles.sizeMediumWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx7));
+      case 'small':
+      default:
+        return cx(styles.sizeSmall(this.theme), (_cx8 = {}, _cx8[styles.sizeSmallIE11(this.theme)] = isIE11 || isEdge, _cx8[styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx8[styles.sizeSmallWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx8));
+    }
+  };
+  _proto.getSizeWrapClassName = function getSizeWrapClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.wrapLarge(this.theme);
+      case 'medium':
+        return styles.wrapMedium(this.theme);
+      case 'small':
+      default:
+        return styles.wrapSmall(this.theme);
+    }
+  };
+  return Button;
+}(React.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;

package/components/Button/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","globalObject","isKonturIcon","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","Link","styles","activeStyles","globalClasses","ButtonIcon","getButtonIconSizes","useButtonArrow","getInnerLinkTheme","LoadingButtonIcon","BUTTON_DEFAULT_COMPONENT","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","Button","_class","_Button","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","node","renderMain","props","_cx","_cx4","_cx5","corners","active","disabled","borderless","checked","error","warning","loading","narrow","arrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","disableFocus","width","tabIndex","_component","component","useProp","use","sizeProp","size","theme","_excluded2","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","_extends","Boolean","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","trueDisabled","rootClassName","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","outlineNode","_cx2","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","position","rightIconNode","hasBothIcons","_cx3","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","Provider","value","focused","renderIcon2022","Root","ref","e","requestAnimationFrame","isTabPressed","setState","_inheritsLoose","_proto","prototype","componentDidMount","autoFocus","getDerivedStateFromProps","_this$node","blur","_this$node2","render","_this2","Consumer","create","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","_icon$props$size","sizes","cloneElement","_cx6","_cx7","_cx8","sizeLarge","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type"],"sources":["Button.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { isKonturIcon } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Link } from '../Link';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport type { ButtonIconProps } from './ButtonIcon';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /** Применяет к кнопке стили псевдокласса `:active`. */\n  active?: boolean;\n\n  /** Задаёт выравнивание тексту в кнопке. */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Превращает обычную кнопку в кнопку со стрелкой. */\n  arrow?: boolean | 'left';\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы.*/\n  autoFocus?: boolean;\n\n  /** Убирает обводку у кнопки. */\n  borderless?: boolean;\n\n  /** @ignore */\n  checked?: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку. */\n  narrow?: boolean;\n\n  /** Задаёт размер кнопки. */\n  size?: SizeProp;\n\n  /** Задаёт HTML-атрибут `type`. */\n  type?: ButtonType;\n\n  /** Задаёт HTML-атрибут `title`. */\n  title?: string;\n\n  /** Задаёт стиль кнопки.\n   * **Вариант `link` устарел.**\n   * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задаёт ширину кнопки. */\n  width?: number | string;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n  PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n  ButtonProps<C>,\n  ButtonState\n> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    size: 'small',\n    // By default the type attribute is 'submit'. IE8 will fire a click event\n    // on this button if somewhere on the page user presses Enter while some\n    // input is focused. So we set type to 'button' by default.\n    type: 'button',\n    component: BUTTON_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n    // warning(\n    //   this.props.use !== 'link',\n    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,\n    // );\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\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.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex({\n    disableFocus,\n    disabled,\n    tabIndex = 0,\n  }: Pick<ButtonProps, 'disableFocus' | 'disabled' | 'tabIndex'>) {\n    if (disableFocus || disabled) {\n      return -1;\n    }\n\n    return tabIndex;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      arrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      size: sizeProp,\n      theme,\n      ...rest\n    } = props;\n    const { use, size, component, children } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n\n    const [rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused) },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n    const trueDisabled = disabled || loading;\n    const rootClassName = cx(\n      styles.root(this.theme),\n      styles[use](this.theme),\n      sizeClass,\n      narrow && styles.narrow(),\n      _noPadding && styles.noPadding(),\n      _noRightPadding && styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(trueDisabled\n        ? [\n            styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n            checked && styles.checkedDisabled(this.theme),\n            borderless && styles.borderless(),\n            use === 'backless' && styles.backlessDisabled(this.theme),\n            use === 'text' && styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && activeStyles[use](this.theme),\n            isFocused && styles.focus(this.theme),\n            checked && styles.checked(this.theme),\n            checked && isFocused && styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && styles.borderless(),\n          ]),\n    );\n\n    const rootProps = {\n      ...rest,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      disabled: trueDisabled,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ disableFocus, disabled: trueDisabled, tabIndex }),\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const innerShadowNode = null;\n\n    let outlineNode = null;\n    if ((!isFocused || isLink) && !trueDisabled) {\n      outlineNode = (\n        <div\n          className={cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.getProps().size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari,\n        [styles.linkLineHeightSafariFallback()]: isSafari,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: trueDisabled,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={size} />;\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <Link<typeof SpanComponent>\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              tabIndex={-1}\n              component={SpanComponent}\n            >\n              {children}\n            </Link>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    const Root: React.ElementType = component;\n\n    return (\n      <span {...wrapProps} data-tid={ButtonDataTids.root}>\n        <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps}>\n          {innerShadowNode}\n          {outlineNode}\n          {arrowNode}\n          {captionNode}\n        </Root>\n      </span>\n    );\n  };\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx(styles.sizeLarge(this.theme), {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n      case 'medium':\n        return cx(styles.sizeMedium(this.theme), {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n      case 'small':\n      default:\n        return cx(styles.sizeSmall(this.theme), {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: !!this.props.icon && !this.props.children,\n        });\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\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      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLElement | null) => {\n    this.node = node;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Button/Button/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/Button.js",
+  "module": "Button",
+  "types": "../Button.d.ts",
+  "sideEffects": false
+}