@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/internal/BGRuler/BGRuler.js

@@ -1,128 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { getDOMRect } from "../../lib/dom/getDOMRect";
-import { createPropsGetter } from "../../lib/createPropsGetter";
-
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-export var BGRuler = /*#__PURE__*/function (_React$Component) {
-  function BGRuler() {
-    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(BGRuler.defaultProps);
-    _this.iframe = null;
-    _this.componentDidMount = function () {
-      if (_this.iframe && _this.iframe.contentWindow) {
-        _this.iframe.contentWindow.addEventListener('resize', _this.update, true);
-      }
-      _this.update();
-    };
-    _this.componentWillUnmount = function () {
-      if (_this.iframe && _this.iframe.contentWindow) {
-        _this.iframe.contentWindow.removeEventListener('resize', _this.update, true);
-      }
-    };
-    _this.update = function () {
-      _this.forceUpdate();
-    };
-    _this.iframeRef = function (ref) {
-      _this.iframe = ref;
-    };
-    return _this;
-  }
-  _inheritsLoose(BGRuler, _React$Component);
-  var _proto = BGRuler.prototype;
-  _proto.render = function render() {
-    var _this$props = this.props,
-      width = _this$props.width,
-      bottom = _this$props.bottom;
-    var _this$getProps = this.getProps(),
-      height = _this$getProps.height,
-      top = _this$getProps.top,
-      left = _this$getProps.left,
-      right = _this$getProps.right,
-      color = _this$getProps.color;
-    var wrapper = {
-      position: 'absolute',
-      width: width,
-      height: height,
-      top: top,
-      bottom: bottom,
-      left: left,
-      right: right,
-      overflow: 'hidden'
-    };
-    var iframe = {
-      position: 'absolute',
-      width: '100%',
-      height: '100%',
-      border: 0,
-      visibility: 'hidden'
-    };
-    var marks = {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      backgroundSize: '100px 20px',
-      backgroundRepeat: 'repeat-x'
-    };
-    var highMarks = _extends({}, marks, {
-      height: '100%',
-      backgroundImage: "linear-gradient(90deg, " + color + " 0, " + color + " 1px, transparent 1px)"
-    });
-    var middleMarks = _extends({}, marks, {
-      height: '75%',
-      backgroundImage: "linear-gradient(90deg, transparent 0, transparent 49px, " + color + " 49px, " + color + " 50px, transparent 50px)"
-    });
-    var shortMarks = _extends({}, marks, {
-      height: '40%',
-      backgroundImage: "\n        linear-gradient(90deg, transparent 0, transparent 9px, " + color + " 9px, " + color + " 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, " + color + " 19px, " + color + " 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, " + color + " 29px, " + color + " 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, " + color + " 39px, " + color + " 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, " + color + " 59px, " + color + " 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, " + color + " 69px, " + color + " 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, " + color + " 79px, " + color + " 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, " + color + " 89px, " + color + " 90px, transparent 90px)\n      "
-    });
-    var rulerWidth = getDOMRect(this.iframe).width;
-    var labels = Array(Math.ceil(rulerWidth / 100) + 1).fill(null).map(function (value, index) {
-      var label = {
-        position: 'absolute',
-        fontFamily: 'Arial',
-        fontSize: 10,
-        lineHeight: 1,
-        color: color,
-        bottom: -1,
-        left: index * 100 + 5
-      };
-      return /*#__PURE__*/React.createElement("span", {
-        key: index,
-        style: label
-      }, index * 100);
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      style: wrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      style: highMarks
-    }), /*#__PURE__*/React.createElement("div", {
-      style: middleMarks
-    }), /*#__PURE__*/React.createElement("div", {
-      style: shortMarks
-    }), labels, /*#__PURE__*/React.createElement("iframe", {
-      title: "BGRuler",
-      style: iframe,
-      ref: this.iframeRef
-    }));
-  };
-  return BGRuler;
-}(React.Component);
-BGRuler.defaultProps = {
-  height: 20,
-  top: 0,
-  left: 0,
-  right: 0,
-  color: '#333'
-};

package/internal/BGRuler/BGRuler.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","getDOMRect","createPropsGetter","BGRuler","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","_inheritsLoose","_proto","prototype","render","_this$props","props","width","bottom","_this$getProps","height","top","left","right","color","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","_extends","backgroundImage","middleMarks","shortMarks","rulerWidth","labels","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","createElement","key","style","title","Component"],"sources":["BGRuler.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nexport interface BGRulerProps {\n  width?: string | number;\n  height?: string | number;\n  top?: string | number;\n  bottom?: string | number;\n  right?: string | number;\n  left?: string | number;\n  color?: string;\n}\n\ntype DefaultProps = Required<Pick<BGRulerProps, 'height' | 'top' | 'left' | 'right' | 'color'>>;\n\n/**\n * Компонент рисует пиксельную линейку на заднем фоне.\n * Помогает контролировать размеры элементов при скриншотном тестировании.\n *\n * @see FxInput/__stories__/FxInput.stories.tsx\n */\nexport class BGRuler extends React.Component<BGRulerProps> {\n  public static defaultProps: DefaultProps = {\n    height: 20,\n    top: 0,\n    left: 0,\n    right: 0,\n    color: '#333',\n  };\n\n  private getProps = createPropsGetter(BGRuler.defaultProps);\n\n  private iframe: HTMLIFrameElement | null = null;\n\n  public componentDidMount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\n    }\n    this.update();\n  };\n\n  public componentWillUnmount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\n    }\n  };\n\n  public update = () => {\n    this.forceUpdate();\n  };\n\n  public render() {\n    const { width, bottom } = this.props;\n    const { height, top, left, right, color } = this.getProps();\n    const wrapper: React.CSSProperties = {\n      position: 'absolute',\n      width,\n      height,\n      top,\n      bottom,\n      left,\n      right,\n      overflow: 'hidden',\n    };\n    const iframe: React.CSSProperties = {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      border: 0,\n      visibility: 'hidden',\n    };\n    const marks: React.CSSProperties = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      backgroundSize: '100px 20px',\n      backgroundRepeat: 'repeat-x',\n    };\n    const highMarks: React.CSSProperties = {\n      ...marks,\n      height: '100%',\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\n    };\n    const middleMarks: React.CSSProperties = {\n      ...marks,\n      height: '75%',\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\n    };\n    const shortMarks: React.CSSProperties = {\n      ...marks,\n      height: '40%',\n      backgroundImage: `\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\n      `,\n    };\n    const rulerWidth = getDOMRect(this.iframe).width;\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\n      .fill(null)\n      .map((value, index) => {\n        const label: React.CSSProperties = {\n          position: 'absolute',\n          fontFamily: 'Arial',\n          fontSize: 10,\n          lineHeight: 1,\n          color,\n          bottom: -1,\n          left: index * 100 + 5,\n        };\n        return (\n          <span key={index} style={label}>\n            {index * 100}\n          </span>\n        );\n      });\n    return (\n      <div style={wrapper}>\n        <div style={highMarks} />\n        <div style={middleMarks} />\n        <div style={shortMarks} />\n        {labels}\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\n      </div>\n    );\n  }\n\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\n    this.iframe = ref;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/BGRuler/package.json

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

package/internal/BGRuler.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-export interface BGRulerProps {
-    width?: string | number;
-    height?: string | number;
-    top?: string | number;
-    bottom?: string | number;
-    right?: string | number;
-    left?: string | number;
-    color?: string;
-}
-type DefaultProps = Required<Pick<BGRulerProps, 'height' | 'top' | 'left' | 'right' | 'color'>>;
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-export declare class BGRuler extends React.Component<BGRulerProps> {
-    static defaultProps: DefaultProps;
-    private getProps;
-    private iframe;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): React.JSX.Element;
-    private iframeRef;
-}
-export {};

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js

@@ -1,77 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["size", "style", "data-tid"];
-import React from 'react';
-import { globalObject } from '@skbkontur/global-object';
-import { cx } from "../../../lib/theming/Emotion";
-import { keyListener } from "../../../lib/events/keyListener";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { CommonWrapper } from "../../CommonWrapper";
-import { styles } from "../ClearCrossIcon.styles";
-import { CrossIcon } from "../CrossIcon";
-export var ClearCrossIcon = function ClearCrossIcon(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    style = _ref.style,
-    dataTid = _ref['data-tid'],
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var theme = React.useContext(ThemeContext);
-  var getSizeClassNames = function getSizeClassNames(size) {
-    switch (size) {
-      case 'large':
-        return {
-          button: styles.clearCrossLarge(theme),
-          span: styles.relativeWidthLarge(theme)
-        };
-      case 'medium':
-        return {
-          button: styles.clearCrossMedium(theme),
-          span: styles.relativeWidthMedium(theme)
-        };
-      case 'small':
-      default:
-        return {
-          button: styles.clearCrossSmall(theme),
-          span: styles.relativeWidthSmall(theme)
-        };
-    }
-  };
-  var _React$useState = React.useState(false),
-    focusedByTab = _React$useState[0],
-    setFocusedByTab = _React$useState[1];
-  var handleFocus = function handleFocus() {
-    // focus event fires before keyDown eventlistener so we should check tabPressed in async way
-    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-      if (keyListener.isTabPressed) {
-        setFocusedByTab(true);
-      }
-    });
-  };
-  var handleBlur = function handleBlur() {
-    return setFocusedByTab(false);
-  };
-  return /*#__PURE__*/(
-    React.createElement(CommonWrapper, rest, /*#__PURE__*/
-    React.createElement("span", {
-      className: getSizeClassNames(size).span
-    }, /*#__PURE__*/
-    React.createElement("button", _extends({
-      "data-tid": dataTid,
-      type: "button",
-      tabIndex: -1,
-      className: cx(styles.root(theme),
-      // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4
-      focusedByTab && styles.focus(theme), getSizeClassNames(size).button),
-      style: style,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }, rest), /*#__PURE__*/
-
-    React.createElement(CrossIcon, {
-      size: size,
-      focusable: true
-    }))))
-  );
-};
-ClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';
-ClearCrossIcon.displayName = 'ClearCrossIcon';

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","CommonWrapper","styles","CrossIcon","ClearCrossIcon","_ref","_ref$size","size","style","dataTid","rest","_objectWithoutPropertiesLoose","_excluded","theme","useContext","getSizeClassNames","button","clearCrossLarge","span","relativeWidthLarge","clearCrossMedium","relativeWidthMedium","clearCrossSmall","relativeWidthSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","createElement","className","_extends","type","tabIndex","root","focus","onFocus","onBlur","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { TokenSize } from '../../components/Token';\n\nimport { styles } from './ClearCrossIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n  'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n  size = 'small',\n  style,\n  'data-tid': dataTid,\n  ...rest\n}) => {\n  const theme = React.useContext(ThemeContext);\n  const getSizeClassNames = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n      case 'medium':\n        return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n      case 'small':\n      default:\n        return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n    }\n  };\n\n  const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  return (\n    <CommonWrapper {...rest}>\n      <span className={getSizeClassNames(size).span}>\n        <button\n          data-tid={dataTid}\n          type=\"button\"\n          tabIndex={-1}\n          className={cx(\n            styles.root(theme),\n            // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n            focusedByTab && styles.focus(theme),\n            getSizeClassNames(size).button,\n          )}\n          style={style}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          <CrossIcon size={size} focusable />\n        </button>\n      </span>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":"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","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon/package.json

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

package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js

@@ -1,30 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-import { resetButton } from "../../../lib/styles/Mixins";
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "])), resetButton(), t.clearCrossIconColor, t.transitionDuration, t.transitionTimingFunction, t.clearCrossIconHoverColor, t.clearCrossIconAlign, t.inputBorderWidth, t.inputBorderWidth);
-  },
-  focus: function focus(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.clearCrossIconHoverColor);
-  },
-  clearCrossSmall: function clearCrossSmall(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthSmall, t.clearCrossIconHeightSmall, t.clearCrossIconBorderRadiusSmall);
-  },
-  clearCrossMedium: function clearCrossMedium(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthMedium, t.clearCrossIconHeightMedium, t.clearCrossIconBorderRadiusMedium);
-  },
-  clearCrossLarge: function clearCrossLarge(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthLarge, t.clearCrossIconHeightLarge, t.clearCrossIconBorderRadiusLarge);
-  },
-  relativeWidthSmall: function relativeWidthSmall(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeSmall);
-  },
-  relativeWidthMedium: function relativeWidthMedium(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeMedium);
-  },
-  relativeWidthLarge: function relativeWidthLarge(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeLarge);
-  }
-});

package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","clearCrossIconAlign","inputBorderWidth","focus","_templateObject2","clearCrossSmall","_templateObject3","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","_templateObject4","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","_templateObject5","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconBorderRadiusLarge","relativeWidthSmall","_templateObject6","inputIconSizeSmall","relativeWidthMedium","_templateObject7","inputIconSizeMedium","relativeWidthLarge","_templateObject8","inputIconSizeLarge"],"sources":["ClearCrossIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()}\n      color: ${t.clearCrossIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        color: ${t.clearCrossIconHoverColor};\n      }\n      display: flex;\n      justify-content: ${t.clearCrossIconAlign};\n      align-items: center;\n      position: absolute;\n      right: -${t.inputBorderWidth};\n      top: -${t.inputBorderWidth};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.clearCrossIconHoverColor};\n    `;\n  },\n\n  clearCrossSmall(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthSmall};\n      height: ${t.clearCrossIconHeightSmall};\n      border-radius: ${t.clearCrossIconBorderRadiusSmall};\n    `;\n  },\n  clearCrossMedium(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthMedium};\n      height: ${t.clearCrossIconHeightMedium};\n      border-radius: ${t.clearCrossIconBorderRadiusMedium};\n    `;\n  },\n  clearCrossLarge(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthLarge};\n      height: ${t.clearCrossIconHeightLarge};\n      border-radius: ${t.clearCrossIconBorderRadiusLarge};\n    `;\n  },\n  relativeWidthSmall(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputIconSizeSmall};\n    `;\n  },\n  relativeWidthMedium(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputIconSizeMedium};\n    `;\n  },\n  relativeWidthLarge(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputIconSizeLarge};\n    `;\n  },\n});\n"],"mappings":"kPAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACNL,WAAW,CAAC,CAAC;IACNG,CAAC,CAACG,mBAAmB;;IAEVH,CAAC,CAACI,kBAAkB,EAAIJ,CAAC,CAACK,wBAAwB;;IAE3DL,CAAC,CAACM,wBAAwB;;;IAGlBN,CAAC,CAACO,mBAAmB;;;IAG9BP,CAAC,CAACQ,gBAAgB;IACpBR,CAAC,CAACQ,gBAAgB;;EAE9B,CAAC;;EAEDC,KAAK,WAAAA,MAACT,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACCF,CAAC,CAACM,wBAAwB;;EAEvC,CAAC;;EAEDK,eAAe,WAAAA,gBAACX,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCF,CAAC,CAACa,wBAAwB;IACzBb,CAAC,CAACc,yBAAyB;IACpBd,CAAC,CAACe,+BAA+B;;EAEtD,CAAC;EACDC,gBAAgB,WAAAA,iBAAChB,CAAQ,EAAE;IACzB,OAAOL,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACCF,CAAC,CAACkB,yBAAyB;IAC1BlB,CAAC,CAACmB,0BAA0B;IACrBnB,CAAC,CAACoB,gCAAgC;;EAEvD,CAAC;EACDC,eAAe,WAAAA,gBAACrB,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACCF,CAAC,CAACuB,wBAAwB;IACzBvB,CAAC,CAACwB,yBAAyB;IACpBxB,CAAC,CAACyB,+BAA+B;;EAEtD,CAAC;EACDC,kBAAkB,WAAAA,mBAAC1B,CAAQ,EAAE;IAC3B,OAAOL,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;;IAECF,CAAC,CAAC4B,kBAAkB;;EAEjC,CAAC;EACDC,mBAAmB,WAAAA,oBAAC7B,CAAQ,EAAE;IAC5B,OAAOL,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;;IAECF,CAAC,CAAC+B,mBAAmB;;EAElC,CAAC;EACDC,kBAAkB,WAAAA,mBAAChC,CAAQ,EAAE;IAC3B,OAAOL,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA/B,2BAAA;;IAECF,CAAC,CAACkC,kBAAkB;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon.styles/package.json

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

package/internal/ClearCrossIcon/CrossIcon/CrossIcon.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { iconSizer } from "../../icons2022/iconSizer";
-import { XIcon16Light } from "../../icons2022/XIcon/XIcon16Light";
-import { XIcon20Light } from "../../icons2022/XIcon/XIcon20Light";
-import { XIcon24Regular } from "../../icons2022/XIcon/XIcon24Regular";
-export var CrossIcon = iconSizer({
-  small: function small() {
-    return /*#__PURE__*/React.createElement(XIcon16Light, {
-      align: "none"
-    });
-  },
-  medium: function medium() {
-    return /*#__PURE__*/React.createElement(XIcon20Light, {
-      align: "none"
-    });
-  },
-  large: function large() {
-    return /*#__PURE__*/React.createElement(XIcon24Regular, {
-      align: "none"
-    });
-  }
-}, 'CrossIcon');

package/internal/ClearCrossIcon/CrossIcon/CrossIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","iconSizer","XIcon16Light","XIcon20Light","XIcon24Regular","CrossIcon","small","createElement","align","medium","large"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon16Light } from '../icons2022/XIcon/XIcon16Light';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n  {\n    small: () => <XIcon16Light align=\"none\" />,\n    medium: () => <XIcon20Light align=\"none\" />,\n    large: () => <XIcon24Regular align=\"none\" />,\n  },\n  'CrossIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,cAAc,QAAQ,mCAAmC;;AAElE,OAAO,IAAMC,SAAS,GAAGJ,SAAS;EAChC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,YAAY,IAACM,KAAK,EAAC,MAAM,EAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACJ,YAAY,IAACK,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMV,KAAA,CAAAO,aAAA,CAACH,cAAc,IAACI,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/CrossIcon/package.json

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

package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js

@@ -1,69 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["side", "size", "color", "colorHover", "tabbable", "style"];
-import React from 'react';
-import { globalObject } from '@skbkontur/global-object';
-import { cx } from "../../../lib/theming/Emotion";
-import { keyListener } from "../../../lib/events/keyListener";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { DEFAULT_ICON_SIZE } from "../../icons2022/iconConstants";
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { CommonWrapper } from "../../CommonWrapper";
-import { styles } from "../CloseButtonIcon.styles";
-import { CrossIcon } from "../CrossIcon";
-export var CloseButtonIcon = function CloseButtonIcon(_ref) {
-  var _ref$side = _ref.side,
-    side = _ref$side === void 0 ? DEFAULT_ICON_SIZE : _ref$side,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? DEFAULT_ICON_SIZE : _ref$size,
-    color = _ref.color,
-    colorHover = _ref.colorHover,
-    _ref$tabbable = _ref.tabbable,
-    tabbable = _ref$tabbable === void 0 ? true : _ref$tabbable,
-    style = _ref.style,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _theme = React.useContext(ThemeContext);
-  var theme = ThemeFactory.create({
-    closeBtnIconColor: color != null ? color : _theme.closeBtnIconColor,
-    closeBtnIconHoverColor: colorHover != null ? colorHover : _theme.closeBtnIconHoverColor
-  }, _theme);
-  var _React$useState = React.useState(false),
-    focusedByTab = _React$useState[0],
-    setFocusedByTab = _React$useState[1];
-  var handleFocus = function handleFocus() {
-    // focus event fires before keyDown eventlistener
-    // so we should check tabPressed in async way
-    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-      if (keyListener.isTabPressed) {
-        setFocusedByTab(true);
-      }
-    });
-  };
-  var handleBlur = function handleBlur() {
-    return setFocusedByTab(false);
-  };
-  var tabIndex = !tabbable || rest.disabled ? -1 : 0;
-  return /*#__PURE__*/(
-    React.createElement(CommonWrapper, rest, /*#__PURE__*/
-    React.createElement("button", _extends({
-      tabIndex: tabIndex,
-      className: cx(styles.root(theme), !rest.disabled && focusedByTab && styles.focus(theme), rest.disabled && styles.rootDisabled(theme)),
-      style: _extends({}, style, {
-        width: side,
-        height: side
-      }),
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }, rest), /*#__PURE__*/
-
-    React.createElement("span", {
-      className: styles.wrapper()
-    }, /*#__PURE__*/
-    React.createElement(CrossIcon, {
-      size: side < size ? side : size,
-      focusable: tabIndex >= 0
-    }))))
-  );
-};
-CloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';
-CloseButtonIcon.displayName = 'CloseButtonIcon';

package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","DEFAULT_ICON_SIZE","ThemeFactory","CommonWrapper","styles","CrossIcon","CloseButtonIcon","_ref","_ref$side","side","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose","_excluded","_theme","useContext","theme","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","tabIndex","disabled","createElement","_extends","className","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import type { AriaAttributes, CSSProperties } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { styles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const _theme = React.useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={cx(\n          styles.root(theme),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ ...style, width: side, height: side }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":"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","ignoreList":[]}

package/internal/CloseButtonIcon/CloseButtonIcon/package.json

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

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js

@@ -1,18 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-import { resetButton } from "../../../lib/styles/Mixins";
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])), resetButton(), t.closeBtnIconBorderRadius, t.closeBtnIconColor, t.transitionDuration, t.transitionTimingFunction, t.closeBtnIconHoverColor);
-  },
-  rootDisabled: function rootDisabled(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.closeBtnIconDisabledColor);
-  },
-  focus: function focus(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.closeBtnIconFocusShadow);
-  },
-  wrapper: function wrapper() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));
-  }
-});

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","_templateObject2","closeBtnIconDisabledColor","focus","_templateObject3","closeBtnIconFocusShadow","wrapper","_templateObject4"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()}\n      display: inline-block;\n      position: relative;\n      border-radius: ${t.closeBtnIconBorderRadius};\n      color: ${t.closeBtnIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ${t.closeBtnIconHoverColor};\n      }\n    `;\n  },\n  rootDisabled(t: Theme) {\n    return css`\n      color: ${t.closeBtnIconDisabledColor};\n    `;\n  },\n  focus(t: Theme) {\n    return css`\n      box-shadow: ${t.closeBtnIconFocusShadow};\n    `;\n  },\n  wrapper() {\n    return css`\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACNL,WAAW,CAAC,CAAC;;;IAGEG,CAAC,CAACG,wBAAwB;IAClCH,CAAC,CAACI,iBAAiB;;IAERJ,CAAC,CAACK,kBAAkB,EAAIL,CAAC,CAACM,wBAAwB;;;;IAI3DN,CAAC,CAACO,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACR,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCF,CAAC,CAACU,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACMF,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/CloseButtonIcon/CloseButtonIcon.styles/package.json

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

package/internal/CloseButtonIcon/CrossIcon/CrossIcon.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { iconSizer } from "../../icons2022/iconSizer";
-import { XIcon20Light } from "../../icons2022/XIcon/XIcon20Light";
-import { XIcon24Regular } from "../../icons2022/XIcon/XIcon24Regular";
-export var CrossIcon = iconSizer({
-  small: function small() {
-    return /*#__PURE__*/React.createElement(XIcon20Light, {
-      size: 16,
-      align: "none"
-    });
-  },
-  medium: function medium() {
-    return /*#__PURE__*/React.createElement(XIcon20Light, {
-      align: "none"
-    });
-  },
-  large: function large() {
-    return /*#__PURE__*/React.createElement(XIcon24Regular, {
-      align: "none"
-    });
-  }
-}, 'CrossIcon');

package/internal/CloseButtonIcon/CrossIcon/CrossIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","iconSizer","XIcon20Light","XIcon24Regular","CrossIcon","small","createElement","size","align","medium","large"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n  {\n    small: () => <XIcon20Light size={16} align=\"none\" />,\n    medium: () => <XIcon20Light align=\"none\" />,\n    large: () => <XIcon24Regular align=\"none\" />,\n  },\n  'CrossIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,cAAc,QAAQ,mCAAmC;;AAElE,OAAO,IAAMC,SAAS,GAAGH,SAAS;EAChC;IACEI,KAAK,EAAE,SAAAA,MAAA,uBAAML,KAAA,CAAAM,aAAA,CAACJ,YAAY,IAACK,IAAI,EAAE,EAAG,EAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IACpDC,MAAM,EAAE,SAAAA,OAAA,uBAAMT,KAAA,CAAAM,aAAA,CAACJ,YAAY,IAACM,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMV,KAAA,CAAAM,aAAA,CAACH,cAAc,IAACK,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/CloseButtonIcon/CrossIcon/package.json

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

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js

@@ -1,69 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["className", "style", "children", "rootNodeRef"];
-var _class, _CommonWrapper;
-import React from 'react';
-import { isFunction, isRefableElement } from "../../../lib/utils";
-import { cx } from "../../../lib/theming/Emotion";
-import { getRootNode, isInstanceWithRootNode, rootNode } from "../../../lib/rootNode";
-import { callChildRef } from "../../../lib/callChildRef/callChildRef";
-import { extractCommonProps } from "../utils/extractCommonProps";
-import { getCommonVisualStateDataAttributes } from "../utils/getCommonVisualStateDataAttributes";
-export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {
-  function CommonWrapper() {
-    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.rootNodeSubscription = null;
-    _this.ref = function (instance) {
-      var _this$rootNodeSubscri, _this$child;
-      _this.setRootNode(instance);
-      _this.props.rootNodeRef == null || _this.props.rootNodeRef(getRootNode(instance));
-
-      // refs are called when instances change,
-      // so we have to renew or remove old subscription
-      (_this$rootNodeSubscri = _this.rootNodeSubscription) == null || _this$rootNodeSubscri.remove();
-      _this.rootNodeSubscription = null;
-      if (instance && isInstanceWithRootNode(instance)) {
-        _this.rootNodeSubscription = instance.addRootNodeChangeListener == null ? void 0 : instance.addRootNodeChangeListener(function (node) {
-          _this.setRootNode(node);
-          _this.props.rootNodeRef == null || _this.props.rootNodeRef(node);
-        });
-      }
-      var originalRef = (_this$child = _this.child) == null ? void 0 : _this$child.ref;
-      if (typeof originalRef === 'function' || originalRef && typeof originalRef === 'object') {
-        originalRef && callChildRef(originalRef, instance);
-      }
-    };
-    return _this;
-  }
-  _inheritsLoose(CommonWrapper, _React$Component);
-  var _proto = CommonWrapper.prototype;
-  _proto.render = function render() {
-    var _this2 = this;
-    var _extractCommonProps = extractCommonProps(this.props),
-      _extractCommonProps$ = _extractCommonProps[0],
-      className = _extractCommonProps$.className,
-      style = _extractCommonProps$.style,
-      children = _extractCommonProps$.children,
-      rootNodeRef = _extractCommonProps$.rootNodeRef,
-      dataProps = _objectWithoutPropertiesLoose(_extractCommonProps$, _excluded),
-      rest = _extends({}, (_objectDestructuringEmpty(_extractCommonProps[1]), _extractCommonProps[1]));
-    this.child = isFunction(children) ? children(rest) : children;
-    var getChildProps = function getChildProps(child) {
-      var childProps = _extends({}, getCommonVisualStateDataAttributes(rest), dataProps);
-      isRefableElement(child) && (childProps.ref = _this2.ref);
-      var classNames = cx(child.props.className, className);
-      classNames && (childProps.className = classNames);
-      var styles = _extends({}, child.props.style, style);
-      Object.keys(styles).length && (childProps.style = styles);
-      return childProps;
-    };
-    return /*#__PURE__*/React.isValidElement(this.child) ? /*#__PURE__*/React.cloneElement(this.child, getChildProps(this.child)) : this.child;
-  };
-  return CommonWrapper;
-}(React.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;