@skbkontur/react-ui 0.0.0-9a66eda8b5 → 0.0.0-9ab4f802f3

package/cjs/internal/ZIndex/ZIndex.js

@@ -1,8 +1,18 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ZIndex = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ZIndex = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _globalObject = require("@skbkontur/global-object");
 
-var _ZIndexStorage = require("./ZIndexStorage");
+var _callChildRef = require("../../lib/callChildRef/callChildRef");
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _isInstanceOf = require("../../lib/isInstanceOf");
+var _Loader = require("../../components/Loader");
+var _RenderContainer = require("../RenderContainer");
 
-var ZIndexContext = _react.default.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });
+var _ZIndexStorage = require("./ZIndexStorage");var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef", "useWrapper"];var _class, _class2, _temp;
+
+var DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };
+
+var ZIndexContext = /*#__PURE__*/_react.default.createContext(DEFAULT_ZINDEX_CONTEXT);
 
 ZIndexContext.displayName = 'ZIndexContext';var
 
@@ -20,7 +30,38 @@ ZIndexContext.displayName = 'ZIndexContext';var
 
 
 
-ZIndex = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ZIndex, _React$Component);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ZIndex, _React$Component);
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -46,15 +87,24 @@ ZIndex = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
   function ZIndex(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.zIndex = 0;
-    _this.zIndex = (0, _ZIndexStorage.incrementZIndex)(props.priority, props.delta);return _this;
-  }var _proto = ZIndex.prototype;_proto.
+    _this = _React$Component.call(this, props) || this;_this.state = { zIndex: 0, savedZIndexContext: null };_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.zIndexContext = null;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-  componentWillUnmount = function componentWillUnmount() {
-    (0, _ZIndexStorage.removeZIndex)(this.zIndex);
-  };_proto.
 
-  render = function render() {var _this2 = this;var _this$props =
 
 
 
@@ -65,52 +115,95 @@ ZIndex = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-    this.props,style = _this$props.style,children = _this$props.children,delta = _this$props.delta,priority = _this$props.priority,applyZIndex = _this$props.applyZIndex,coverChildren = _this$props.coverChildren,createStackingContext = _this$props.createStackingContext,wrapperRef = _this$props.wrapperRef,props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef"]);
 
-    var wrapperStyle = {};
 
-    return (
-      _react.default.createElement(ZIndexContext.Consumer, null,
-      function (_ref) {var parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;
-        var zIndexContexValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };
 
-        if (applyZIndex) {
-          var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);
-          wrapperStyle.zIndex = newZIndex;
 
-          zIndexContexValue = coverChildren ?
-          { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } :
-          { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };
 
-          if (createStackingContext) {
-            'isolation' in document.body.style ?
-            wrapperStyle.isolation = 'isolate' :
-            wrapperStyle.transform = 'rotate(0)';
-          }
-        }
 
-        return (
-          _react.default.createElement(ZIndexContext.Provider, { value: zIndexContexValue },
-          _react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, {}, wrapperStyle), ref: wrapperRef }, props),
-          children)));
 
 
 
-      }));
 
 
-  };_proto.
 
-  calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {
-    var newZIndex = this.zIndex;
 
-    if (Number.isFinite(maxZIndex)) {
-      var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;
-      var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;
-      newZIndex = Math.ceil(newZIndex / scale);
-    }
 
-    newZIndex += parentLayerZIndex;
 
-    return newZIndex;
-  };return ZIndex;}(_react.default.Component);exports.ZIndex = ZIndex;ZIndex.__KONTUR_REACT_UI__ = 'ZIndex';ZIndex.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false };ZIndex.propTypes = { delta: function delta(props) {if (props.delta <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    wrapperRef = function (element) {
+      var wrapperRef = _this.props.wrapperRef;
+      _this.setRootNode(element);
+      wrapperRef && (0, _callChildRef.callChildRef)(wrapperRef, element);
+      element && _this.tryGetContextByDOM(element);
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    increment = function () {
+      var _this$getProps = _this.getProps(),priority = _this$getProps.priority,delta = _this$getProps.delta;
+
+      return (0, _ZIndexStorage.incrementZIndex)(priority, delta);
+    };_this.
+
+    tryGetContextByDOM = function (element) {
+      if (DEFAULT_ZINDEX_CONTEXT === _this.zIndexContext && _this.state.savedZIndexContext === null) {var _element$parentElemen;
+        var savedZIndexContext = DEFAULT_ZINDEX_CONTEXT;
+        var portal = (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.closest("[" + _RenderContainer.PORTAL_OUTLET_ATTR + "]");
+
+        if ((0, _isInstanceOf.isInstanceOf)(portal, _globalObject.globalObject.HTMLElement)) {var _noscript$parentEleme;
+          var portalID = portal.getAttribute(_RenderContainer.PORTAL_OUTLET_ATTR);
+          var noscript = document.querySelector("noscript[" + _RenderContainer.PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
+          var parent = noscript == null ? void 0 : (_noscript$parentEleme = noscript.parentElement) == null ? void 0 : _noscript$parentEleme.closest('[style*=z-index]');
+
+          if ((0, _isInstanceOf.isInstanceOf)(parent, _globalObject.globalObject.HTMLElement)) {var _parent$parentElement;
+            var newZIndex = Number(parent.style.zIndex || 0);
+
+            var maxZIndex = Infinity;
+
+            if (((_parent$parentElement = parent.parentElement) == null ? void 0 : _parent$parentElement.dataset.tid) === _Loader.LoaderDataTids.veil) {
+              maxZIndex = _this.calcZIndex(newZIndex, maxZIndex);
+            }
+
+            savedZIndexContext = { maxZIndex: maxZIndex, parentLayerZIndex: newZIndex };
+          }
+        }
+
+        _this.setState({ savedZIndexContext: savedZIndexContext });
+      }
+    };_this.state.zIndex = _this.increment();return _this;}var _proto = ZIndex.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);this.setState({ zIndex: this.increment() });}};_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);};_proto.render = function render() {var _this2 = this;var _this$getProps2 = this.getProps(),style = _this$getProps2.style,children = _this$getProps2.children,delta = _this$getProps2.delta,priority = _this$getProps2.priority,applyZIndex = _this$getProps2.applyZIndex,coverChildren = _this$getProps2.coverChildren,createStackingContext = _this$getProps2.createStackingContext,wrapperRef = _this$getProps2.wrapperRef,useWrapper = _this$getProps2.useWrapper,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps2, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (context) {_this2.zIndexContext = context;var _ref = _this2.state.savedZIndexContext || context,parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContextValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };var newZIndex = 0;if (applyZIndex) {newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContextValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {(0, _globalObject.isBrowser)(_globalObject.globalObject) && 'isolation' in _globalObject.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}var child = !useWrapper ? children : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children);return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContextValue }, child);});};_proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {var newZIndex = this.state.zIndex;if (Number.isFinite(maxZIndex)) {var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;newZIndex = Math.ceil(newZIndex / scale);}newZIndex += parentLayerZIndex;return newZIndex;};return ZIndex;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ZIndex', _class2.displayName = 'ZIndex', _class2.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false, useWrapper: true }, _class2.propTypes = { delta: function delta(props) {if ((props.delta || _class2.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _class2.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _temp)) || _class;exports.ZIndex = ZIndex;

package/cjs/internal/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","zIndex","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","wrapperRef","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\r\n\r\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\r\n\r\nZIndexContext.displayName = 'ZIndexContext';\r\n\r\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Приращение к z-index\r\n   */\r\n  delta: number;\r\n  priority: number | LayerComponentName;\r\n  style: React.CSSProperties;\r\n  createStackingContext?: boolean;\r\n  coverChildren?: boolean;\r\n  applyZIndex?: boolean;\r\n  className?: string;\r\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\r\n}\r\n\r\nexport class ZIndex extends React.Component<ZIndexProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\r\n\r\n  public static defaultProps = {\r\n    delta: 10,\r\n    priority: 0,\r\n    style: {},\r\n    applyZIndex: true,\r\n    coverChildren: false,\r\n    createStackingContext: false,\r\n  };\r\n\r\n  public static propTypes = {\r\n    delta(props: ZIndexProps) {\r\n      if (props.delta <= 0) {\r\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\r\n      }\r\n      if (Math.trunc(props.delta) !== props.delta) {\r\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\r\n      }\r\n    },\r\n  };\r\n\r\n  private zIndex = 0;\r\n\r\n  constructor(props: ZIndexProps) {\r\n    super(props);\r\n    this.zIndex = incrementZIndex(props.priority, props.delta);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    removeZIndex(this.zIndex);\r\n  }\r\n\r\n  public render() {\r\n    const {\r\n      style,\r\n      children,\r\n      delta,\r\n      priority,\r\n      applyZIndex,\r\n      coverChildren,\r\n      createStackingContext,\r\n      wrapperRef,\r\n      ...props\r\n    } = this.props;\r\n\r\n    const wrapperStyle: React.CSSProperties = {};\r\n\r\n    return (\r\n      <ZIndexContext.Consumer>\r\n        {({ parentLayerZIndex, maxZIndex }) => {\r\n          let zIndexContexValue = { parentLayerZIndex, maxZIndex };\r\n\r\n          if (applyZIndex) {\r\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\r\n            wrapperStyle.zIndex = newZIndex;\r\n\r\n            zIndexContexValue = coverChildren\r\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\r\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\r\n\r\n            if (createStackingContext) {\r\n              'isolation' in document.body.style\r\n                ? (wrapperStyle.isolation = 'isolate')\r\n                : (wrapperStyle.transform = 'rotate(0)');\r\n            }\r\n          }\r\n\r\n          return (\r\n            <ZIndexContext.Provider value={zIndexContexValue}>\r\n              <div style={{ ...style, ...wrapperStyle }} ref={wrapperRef} {...props}>\r\n                {children}\r\n              </div>\r\n            </ZIndexContext.Provider>\r\n          );\r\n        }}\r\n      </ZIndexContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\r\n    let newZIndex = this.zIndex;\r\n\r\n    if (Number.isFinite(maxZIndex)) {\r\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\r\n      const scale = upperBorder / allowedValuesIntervalLength;\r\n      newZIndex = Math.ceil(newZIndex / scale);\r\n    }\r\n\r\n    newZIndex += parentLayerZIndex;\r\n\r\n    return newZIndex;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ZIndex.tsx"],"names":["DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","React","createContext","displayName","ZIndex","rootNode","props","state","zIndex","savedZIndexContext","getProps","defaultProps","zIndexContext","wrapperRef","element","setRootNode","tryGetContextByDOM","increment","priority","delta","portal","parentElement","closest","PORTAL_OUTLET_ATTR","globalObject","HTMLElement","portalID","getAttribute","noscript","document","querySelector","PORTAL_INLET_ATTR","parent","newZIndex","Number","style","dataset","tid","LoaderDataTids","veil","calcZIndex","setState","componentDidUpdate","prevProps","componentWillUnmount","render","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","context","zIndexContextValue","isFinite","body","isolation","transform","child","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n  savedZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state: ZIndexState = {\n    zIndex: 0,\n    savedZIndexContext: null,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {(context) => {\n          this.zIndexContext = context;\n          const { parentLayerZIndex, maxZIndex } = this.state.savedZIndexContext || context;\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n          let newZIndex = 0;\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContextValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n    element && this.tryGetContextByDOM(element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n\n  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (DEFAULT_ZINDEX_CONTEXT === this.zIndexContext && this.state.savedZIndexContext === null) {\n      let savedZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = document.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          savedZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ savedZIndexContext });\n    }\n  };\n}\n"]}

package/cjs/internal/ZIndex/ZIndexStorage.d.ts

@@ -1,18 +1,16 @@
+declare type Priority = number | LayerComponentName;
 export declare type LayerComponentName = keyof typeof componentPriorities;
 declare const componentPriorities: {
+    MobilePopup: number;
     Toast: number;
+    GlobalLoader: number;
     Sidepage: number;
     Modal: number;
     Sticky: number;
     DropdownContainer: number;
     Popup: number;
-    Loader: number;
-    ModalHeader: number;
-    ModalFooter: number;
-    ModalCross: number;
-    ModalBody: number;
 };
 export declare const upperBorder: number;
-export declare function incrementZIndex(priority: number | LayerComponentName, delta: number): number;
+export declare function incrementZIndex(priority: Priority, delta: number): number;
 export declare function removeZIndex(zIndex: number): void;
 export {};

package/cjs/internal/ZIndex/ZIndexStorage.js

@@ -1,32 +1,38 @@
-"use strict";exports.__esModule = true;exports.incrementZIndex = incrementZIndex;exports.removeZIndex = removeZIndex;exports.upperBorder = void 0;
+"use strict";exports.__esModule = true;exports.incrementZIndex = incrementZIndex;exports.removeZIndex = removeZIndex;exports.upperBorder = void 0;var _globalObject = require("@skbkontur/global-object");
+
+
+var calculatePriority = function calculatePriority(priority) {
+  if (typeof priority === 'string') {
+    return componentPriorities[priority];
+  }
+
+  return priority;
+};
+
+
 
 var componentPriorities = {
-  Toast: 10,
+  MobilePopup: 9000,
+  Toast: 10000,
+  GlobalLoader: 10,
   Sidepage: 9,
   Modal: 9,
   Sticky: 7,
   DropdownContainer: 5,
-  Popup: 3,
-  Loader: 1,
-  ModalHeader: 1,
-  ModalFooter: 1,
-  ModalCross: 1,
-  ModalBody: 0 };
+  Popup: 3 };
 
 var priorityStep = 1000;
 
-var getZIndexes = function getZIndexes() {return window.__RetailUiZIndexes || (window.__RetailUiZIndexes = [0]);};
+var getZIndexes = function getZIndexes() {return _globalObject.globalObject.__RetailUiZIndexes || (_globalObject.globalObject.__RetailUiZIndexes = [0]);};
 var getIndexPriority = function getIndexPriority(zIndex) {return Math.trunc(zIndex / priorityStep);};
 var getMaxAllowedValue = function getMaxAllowedValue(priority) {return (priority + 1) * priorityStep - 1;};
 
 var upperBorder = getMaxAllowedValue(Math.max.apply(Math, Object.values(componentPriorities)));exports.upperBorder = upperBorder;
 
 function incrementZIndex(priority, delta) {
-  if (typeof priority === 'string') {
-    priority = componentPriorities[priority];
-  }
+  var calculatedPriority = calculatePriority(priority);
 
-  var maxAllowedValue = getMaxAllowedValue(priority);
+  var maxAllowedValue = getMaxAllowedValue(calculatedPriority);
   var zIndexes = getZIndexes();
 
   var prevIndexId = zIndexes.length - 1;
@@ -35,9 +41,9 @@ function incrementZIndex(priority, delta) {
   }
 
   var zIndex =
-  getIndexPriority(zIndexes[prevIndexId]) === priority ?
+  getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority ?
   Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue) :
-  priority * priorityStep;
+  calculatedPriority * priorityStep;
 
   zIndexes.push(zIndex);
   zIndexes.sort(function (a, b) {return a - b;});

package/cjs/internal/ZIndex/ZIndexStorage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndexStorage.ts"],"names":["componentPriorities","Toast","Sidepage","Modal","Sticky","DropdownContainer","Popup","Loader","ModalHeader","ModalFooter","ModalCross","ModalBody","priorityStep","getZIndexes","window","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","priority","upperBorder","max","Object","values","incrementZIndex","delta","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":";;AAEA,IAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,KAAK,EAAE,EADmB;AAE1BC,EAAAA,QAAQ,EAAE,CAFgB;AAG1BC,EAAAA,KAAK,EAAE,CAHmB;AAI1BC,EAAAA,MAAM,EAAE,CAJkB;AAK1BC,EAAAA,iBAAiB,EAAE,CALO;AAM1BC,EAAAA,KAAK,EAAE,CANmB;AAO1BC,EAAAA,MAAM,EAAE,CAPkB;AAQ1BC,EAAAA,WAAW,EAAE,CARa;AAS1BC,EAAAA,WAAW,EAAE,CATa;AAU1BC,EAAAA,UAAU,EAAE,CAVc;AAW1BC,EAAAA,SAAS,EAAE,CAXe,EAA5B;;AAaA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBC,MAAM,CAACC,kBAAP,KAA8BD,MAAM,CAACC,kBAAP,GAA4B,CAAC,CAAD,CAA1D,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGL,YAApB,CAApB,EAAzB;AACA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBT,YAAjB,GAAgC,CAA9D,EAA3B;;AAEO,IAAMU,WAAW,GAAGF,kBAAkB,CAACF,IAAI,CAACK,GAAL,OAAAL,IAAI,EAAQM,MAAM,CAACC,MAAP,CAAczB,mBAAd,CAAR,CAAL,CAAtC,C;;AAEA,SAAS0B,eAAT,CAAyBL,QAAzB,EAAgEM,KAAhE,EAAuF;AAC5F,MAAI,OAAON,QAAP,KAAoB,QAAxB,EAAkC;AAChCA,IAAAA,QAAQ,GAAGrB,mBAAmB,CAACqB,QAAD,CAA9B;AACD;;AAED,MAAMO,eAAe,GAAGR,kBAAkB,CAACC,QAAD,CAA1C;AACA,MAAMQ,QAAQ,GAAGhB,WAAW,EAA5B;;AAEA,MAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CT,QAA5C;AACIH,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBH,KAAjC,EAAwCC,eAAxC,CADJ;AAEIP,EAAAA,QAAQ,GAAGT,YAHjB;;AAKAiB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAEM,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGhB,WAAW,EAA5B;AACA,MAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["export type LayerComponentName = keyof typeof componentPriorities;\r\n\r\nconst componentPriorities = {\r\n  Toast: 10,\r\n  Sidepage: 9,\r\n  Modal: 9,\r\n  Sticky: 7,\r\n  DropdownContainer: 5,\r\n  Popup: 3,\r\n  Loader: 1,\r\n  ModalHeader: 1,\r\n  ModalFooter: 1,\r\n  ModalCross: 1,\r\n  ModalBody: 0,\r\n};\r\nconst priorityStep = 1000;\r\n\r\nconst getZIndexes = (): number[] => window.__RetailUiZIndexes || (window.__RetailUiZIndexes = [0]);\r\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\r\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\r\n\r\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\r\n\r\nexport function incrementZIndex(priority: number | LayerComponentName, delta: number): number {\r\n  if (typeof priority === 'string') {\r\n    priority = componentPriorities[priority];\r\n  }\r\n\r\n  const maxAllowedValue = getMaxAllowedValue(priority);\r\n  const zIndexes = getZIndexes();\r\n\r\n  let prevIndexId = zIndexes.length - 1;\r\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\r\n    prevIndexId--;\r\n  }\r\n\r\n  const zIndex =\r\n    getIndexPriority(zIndexes[prevIndexId]) === priority\r\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\r\n      : priority * priorityStep;\r\n\r\n  zIndexes.push(zIndex);\r\n  zIndexes.sort((a, b) => a - b);\r\n  return zIndex;\r\n}\r\n\r\nexport function removeZIndex(zIndex: number): void {\r\n  const zIndexes = getZIndexes();\r\n  const i = zIndexes.indexOf(zIndex);\r\n\r\n  if (i !== -1) {\r\n    zIndexes.splice(i, 1);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ZIndexStorage.ts"],"names":["calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","globalObject","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"kJAAA;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,YAAY,EAAE,EAHY;AAI1BC,EAAAA,QAAQ,EAAE,CAJgB;AAK1BC,EAAAA,KAAK,EAAE,CALmB;AAM1BC,EAAAA,MAAM,EAAE,CANkB;AAO1BC,EAAAA,iBAAiB,EAAE,CAPO;AAQ1BC,EAAAA,KAAK,EAAE,CARmB,EAA5B;;AAUA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBC,2BAAaC,kBAAb,KAAoCD,2BAAaC,kBAAb,GAAkC,CAAC,CAAD,CAAtE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGL,YAApB,CAApB,EAAzB;AACA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAAClB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBU,YAAjB,GAAgC,CAA9D,EAA3B;;AAEO,IAAMS,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAcrB,mBAAd,CAAR,CAAL,CAAtC,C;;AAEA,SAASsB,eAAT,CAAyBvB,QAAzB,EAA6CwB,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAG1B,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAM0B,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGhB,WAAW,EAA5B;;AAEA,MAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGf,YAH3B;;AAKAiB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAEM,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGhB,WAAW,EAA5B;AACA,MAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\ntype Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nconst componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  DropdownContainer: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => globalObject.__RetailUiZIndexes || (globalObject.__RetailUiZIndexes = [0]);\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes();\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number): void {\n  const zIndexes = getZIndexes();\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"]}

package/cjs/internal/ZIndex/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _ZIndex = require("./ZIndex");Object.keys(_ZIndex).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _ZIndex[key];});
+"use strict";exports.__esModule = true;var _ZIndex = require("./ZIndex");Object.keys(_ZIndex).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ZIndex[key]) return;exports[key] = _ZIndex[key];});

package/cjs/internal/ZIndex/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './ZIndex';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './ZIndex';\n"]}

package/cjs/internal/icons/16px/icon.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const jsStyles: {
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const getStyles: (emotion: Emotion) => {
     root(): string;
     icon(): string;
 };

package/cjs/internal/icons/16px/icon.styles.js

@@ -1,21 +1,21 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.1428571428571428em;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var styles = {
-  root: function root() {
-    return (0, _Emotion.css)(_templateObject());
+var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        margin-left: -0.0714285714285714em;\n        margin-right: -0.0714285714285714em;\n      "])));
 
 
 
-  },
 
-  icon: function icon() {
-    return (0, _Emotion.css)(_templateObject2());
+      },
 
+      icon: function icon() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 1.1428571428571428em;\n        width: 1.1428571428571428em;\n        margin-bottom: -0.1428571428571428em;\n      "])));
 
 
 
-  } };
 
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+      } }));};exports.getStyles = getStyles;

package/cjs/internal/icons/16px/icon.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["icon.styles.ts"],"names":["styles","root","css","icon","jsStyles"],"mappings":"8QAAA,uD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;AAKD,GAPY;;AASbC,EAAAA,IATa,kBASN;AACL,eAAOD,YAAP;;;;;AAKD,GAfY,EAAf;;;AAkBO,IAAME,QAAQ,GAAG,2BAAaJ,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      margin-left: -0.0714285714285714em;\r\n      margin-right: -0.0714285714285714em;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      height: 1.1428571428571428em;\r\n      width: 1.1428571428571428em;\r\n      margin-bottom: -0.1428571428571428em;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["icon.styles.ts"],"names":["getStyles","emotion","root","css","icon"],"mappings":";;AAEA,uD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;;AAKD,OAPU;;AASXC,MAAAA,IATW,kBASJ;AACL,eAAOH,OAAO,CAACE,GAAf;;;;;AAKD,OAfU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        display: inline-block;\n        margin-left: -0.0714285714285714em;\n        margin-right: -0.0714285714285714em;\n      `;\n    },\n\n    icon() {\n      return emotion.css`\n        height: 1.1428571428571428em;\n        width: 1.1428571428571428em;\n        margin-bottom: -0.1428571428571428em;\n      `;\n    },\n  });\n"]}

package/cjs/internal/icons/16px/index.d.ts

@@ -2,18 +2,24 @@ import React from 'react';
 export interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     color?: string;
     size?: string | number;
+    ref?: any;
 }
-export declare const ArrowChevronDownIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowChevronRightIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowTriangleDownIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowTriangleUpIcon: (props: SvgIconProps) => JSX.Element;
-export declare const ArrowTriangleUpDownIcon: (props: SvgIconProps) => JSX.Element;
-export declare const CalendarIcon: (props: SvgIconProps) => JSX.Element;
-export declare const EditIcon: (props: SvgIconProps) => JSX.Element;
-export declare const EyeClosedIcon: (props: SvgIconProps) => JSX.Element;
-export declare const EyeOpenedIcon: (props: SvgIconProps) => JSX.Element;
-export declare const FunctionIcon: (props: SvgIconProps) => JSX.Element;
-export declare const MenuKebabIcon: (props: SvgIconProps) => JSX.Element;
-export declare const OkIcon: (props: SvgIconProps) => JSX.Element;
-export declare const SquareIcon: (props: SvgIconProps) => JSX.Element;
-export declare const UndoIcon: (props: SvgIconProps) => JSX.Element;
+export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;