@skbkontur/react-ui 0.0.0-dad43298ae → 0.0.0-db9f11da2a

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","isEqual","callChildRef","rootNode","createPropsGetter","isInstanceOf","LoaderDataTids","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","incrementZIndex","removeZIndex","upperBorder","componentPriorities","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","createContext","displayName","ZIndex","_class","_ZIndex","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","defaultProps","zIndexContext","wrapperRef","element","setRootNode","tryGetContextByDOM","increment","_this$getProps","priority","delta","applyZIndex","_element$parentElemen","portal","parentElement","closest","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","veil","calcZIndex","setState","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose","_excluded","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","body","isolation","transform","child","_extends","ref","Provider","value","allowedValuesIntervalLength","scale","Math","ceil","Component","priorities","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } 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 type { LayerComponentName } from './ZIndexStorage';\nimport { incrementZIndex, removeZIndex, upperBorder, componentPriorities } 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  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\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    DOMZIndexContext: 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\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = 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={newZIndexContext}>{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 (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = 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 = globalObject.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          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","isEqual","warning","callChildRef","rootNode","createPropsGetter","isInstanceOf","LoaderDataTids","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","incrementZIndex","removeZIndex","upperBorder","componentPriorities","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","createContext","displayName","ZIndex","_class","_ZIndex","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","defaultProps","zIndexContext","wrapperRef","element","setRootNode","tryGetContextByDOM","increment","_this$getProps","priority","delta","applyZIndex","_element$parentElemen","portal","parentElement","closest","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","veil","calcZIndex","setState","_inheritsLoose","_proto","prototype","validateProps","Math","trunc","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose","_excluded","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","body","isolation","transform","child","_extends","ref","Provider","value","allowedValuesIntervalLength","scale","ceil","Component","priorities","__KONTUR_REACT_UI__"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\nimport warning from 'warning';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } 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 type { LayerComponentName } from './ZIndexStorage';\nimport { incrementZIndex, removeZIndex, upperBorder, componentPriorities } 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  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\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    DOMZIndexContext: null,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n  private validateProps(delta: ZIndexProps['delta']): void {\n    warning(\n      (delta || ZIndex.defaultProps.delta) > 0,\n      `[ZIndex]: Prop 'delta' must be greater than 0, received ${delta}`,\n    );\n    warning(\n      Math.trunc(delta || ZIndex.defaultProps.delta) === delta,\n      `[ZIndex]: Prop 'delta' must be integer, received ${delta}`,\n    );\n  }\n\n  public getRootNode!: TGetRootNode;\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    const props = this.getProps();\n\n    this.validateProps(props.delta);\n    if (prevProps.priority !== props.priority || prevProps.delta !== 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\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = 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={newZIndexContext}>{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 (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = 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 = globalObject.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          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ZIndex/ZIndex.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { LayerComponentName } from './ZIndexStorage';
 export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -44,9 +45,8 @@ export declare class ZIndex extends React.Component<ZIndexProps, ZIndexState> {
     static defaultProps: DefaultProps;
     state: ZIndexState;
     private getProps;
-    static propTypes: {
-        delta(props: ZIndexProps): Error | undefined;
-    };
+    private validateProps;
+    getRootNode: TGetRootNode;
     private setRootNode;
     private zIndexContext;
     constructor(props: ZIndexProps);

package/internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular/UiMenuDots3HIcon16Regular.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var UiMenuDots3HIcon16Regular = forwardRefAndName('UiMenuDots3HIcon16Regular', function (props, ref) {
+  return /*#__PURE__*/(
+    React.createElement(BaseIcon, _extends({
+      ref: ref,
+      viewBoxSize: 16
+    }, props), /*#__PURE__*/
+    React.createElement("path", {
+      d: "M1.75 8a1.248 1.248 0 1 0 2.497 0A1.248 1.248 0 0 0 1.75 8Z"
+    }), /*#__PURE__*/
+    React.createElement("path", {
+      d: "M8 9.248a1.248 1.248 0 1 1 0-2.496 1.248 1.248 0 0 1 0 2.496Z"
+    }), /*#__PURE__*/
+    React.createElement("path", {
+      d: "M13.002 9.248a1.248 1.248 0 1 1 0-2.496 1.248 1.248 0 0 1 0 2.496Z"
+    }))
+  );
+});

package/internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular/UiMenuDots3HIcon16Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRefAndName","BaseIcon","UiMenuDots3HIcon16Regular","props","ref","createElement","_extends","viewBoxSize","d"],"sources":["UiMenuDots3HIcon16Regular.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const UiMenuDots3HIcon16Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'UiMenuDots3HIcon16Regular',\n  (props, ref) => (\n    <BaseIcon ref={ref} viewBoxSize={16} {...props}>\n      <path d=\"M1.75 8a1.248 1.248 0 1 0 2.497 0A1.248 1.248 0 0 0 1.75 8Z\" />\n      <path d=\"M8 9.248a1.248 1.248 0 1 1 0-2.496 1.248 1.248 0 0 1 0 2.496Z\" />\n      <path d=\"M13.002 9.248a1.248 1.248 0 1 1 0-2.496 1.248 1.248 0 0 1 0 2.496Z\" />\n    </BaseIcon>\n  ),\n);\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,gCAAgC;;AAElE,SAASC,QAAQ,QAAQ,aAAa;;AAEtC,OAAO,IAAMC,yBAAyB,GAAGF,iBAAiB;EACxD,2BAA2B;EAC3B,UAACG,KAAK,EAAEC,GAAG;MACTL,KAAA,CAAAM,aAAA,CAACJ,QAAQ,EAAAK,QAAA,GAACF,GAAG,EAAEA,GAAI,EAACG,WAAW,EAAE,EAAG,IAAKJ,KAAK;MAC5CJ,KAAA,CAAAM,aAAA,WAAMG,CAAC,EAAC,6DAA6D,EAAE,CAAC;MACxET,KAAA,CAAAM,aAAA,WAAMG,CAAC,EAAC,+DAA+D,EAAE,CAAC;MAC1ET,KAAA,CAAAM,aAAA,WAAMG,CAAC,EAAC,oEAAoE,EAAE;MACtE,CAAC;;AAEf,CAAC","ignoreList":[]}

package/internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular/package.json

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

package/internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../BaseIcon';
+export declare const UiMenuDots3HIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/themes/BasicTheme/BasicTheme.js

@@ -550,6 +550,23 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.btnTextHoverBg;
     }
+
+    /** @deprecated use btnWithIconPadding[Small/Medium/Large] instead */
+  }, {
+    key: "btnWithIconPaddingLeftSmall",
+    get: function get() {
+      return this.btnWithIconPaddingSmall;
+    }
+  }, {
+    key: "btnWithIconPaddingLeftMedium",
+    get: function get() {
+      return this.btnWithIconPaddingMedium;
+    }
+  }, {
+    key: "btnWithIconPaddingLeftLarge",
+    get: function get() {
+      return this.btnWithIconPaddingLarge;
+    }
   }, {
     key: "selectDefaultBg",
     get:
@@ -708,21 +725,61 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.popupBorder;
     }
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipBorderRadiusSmall `tooltipBorderRadiusSmall`} */
   }, {
     key: "tooltipPinSize",
-    get: function get() {
+    get:
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipPinSizeSmall `tooltipPinSizeSmall`} */
+    function get() {
       return this.popupPinSize;
     }
   }, {
     key: "tooltipFontSize",
+    get:
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipFontSizeSmall `tooltipFontSizeSmall`} */
+    function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "tooltipFontSizeSmall",
     get: function get() {
       return this.fontSizeSmall;
     }
+  }, {
+    key: "tooltipFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "tooltipFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+    /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+     * @see {@link tooltipLineHeightSmall `tooltipLineHeightSmall`} */
   }, {
     key: "tooltipLineHeight",
     get: function get() {
       return this.controlLineHeightSmall;
     }
+  }, {
+    key: "tooltipLineHeightSmall",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "tooltipLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "tooltipLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
     //#endregion Tooltip
     //#region TooltipMenu
   }, {
@@ -959,33 +1016,64 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get:
     //#endregion DateSelect
     //#region Paging
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingFontSizeSmall `pagingFontSizeSmall`} */
     function get() {
       return this.fontSizeMedium;
     }
   }, {
-    key: "pagingForwardIconSize",
+    key: "pagingFontSizeSmall",
     get: function get() {
-      return this.pagingFontSize;
+      return this.fontSizeSmall;
     }
   }, {
-    key: "pagingPageLinkColor",
+    key: "pagingFontSizeMedium",
     get: function get() {
-      return this.textColorDefault;
+      return this.fontSizeMedium;
     }
   }, {
-    key: "pagingPageForwardLinkPaddingRight",
+    key: "pagingFontSizeLarge",
     get: function get() {
-      return this.pagingPageLinkPaddingX;
+      return this.fontSizeLarge;
     }
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingLineHeightSmall `pagingLineHeightSmall`} */
   }, {
-    key: "pagingPageLinkActiveColor",
+    key: "pagingLineHeightSmall",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "pagingLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "pagingLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "pagingPageLinkColor",
     get: function get() {
       return this.textColorDefault;
     }
   }, {
-    key: "pagingPageLinkHintColor",
+    key: "pagingPageLinkActiveColor",
     get: function get() {
-      return this.placeholderColor;
+      return this.textColorDefault;
+    }
+  }, {
+    key: "pagingPageForwardLinkPaddingRight",
+    get: /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+    function get() {
+      return this.pagingPageLinkPaddingX;
+    }
+  }, {
+    key: "pagingForwardIconSize",
+    get: /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+    function get() {
+      return this.pagingFontSize;
     }
   }, {
     key: "pagingForwardLinkColor",
@@ -997,11 +1085,18 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.linkDisabledColor;
     }
+    /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+     * @see {@link pagingDotsPaddingSmall `pagingDotsPaddingSmall`} */
   }, {
     key: "pagingDotsDisabledColor",
     get: function get() {
       return this.textColorDisabled;
     }
+  }, {
+    key: "pagingPageLinkHintColor",
+    get: function get() {
+      return this.placeholderColor;
+    }
     //#endregion Paging
     //#region Hint
   }, {
@@ -2037,9 +2132,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.linkColor;
     }
-
-    //#endregion Textarea
-    //#region Radio
   }, {
     key: "radioOutlineWidth",
     get: function get() {
@@ -2934,9 +3026,9 @@ BasicThemeClass.btnTextBg = 'transparent';
 BasicThemeClass.btnTextHoverBg = 'rgba(0, 0, 0, 0.06)';
 BasicThemeClass.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';
 BasicThemeClass.btnTextHoverTextColor = '';
-BasicThemeClass.btnWithIconPaddingLeftSmall = '8px';
-BasicThemeClass.btnWithIconPaddingLeftMedium = '10px';
-BasicThemeClass.btnWithIconPaddingLeftLarge = '12px';
+BasicThemeClass.btnWithIconPaddingSmall = '8px';
+BasicThemeClass.btnWithIconPaddingMedium = '10px';
+BasicThemeClass.btnWithIconPaddingLarge = '12px';
 BasicThemeClass.btnIconColor = '';
 BasicThemeClass.btnIconHoverColor = '';
 BasicThemeClass.btnIconDisabledColor = '';
@@ -2948,17 +3040,48 @@ BasicThemeClass.selectRootWidthMobile = 'auto';
 BasicThemeClass.mobileSelectMaxWidth = '100%';
 BasicThemeClass.selectBorderColorTransition = "box-shadow " + _BasicThemeClass.transitionDuration + " " + _BasicThemeClass.transitionTimingFunction + ";"; //#endregion Select
 //#region Tooltip
-BasicThemeClass.tooltipPaddingY = '16px';
+/** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
+ * @see {@link tooltipPaddingYSmall `tooltipPaddingYSmall`} */
+BasicThemeClass.tooltipPaddingY = '16px'; /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
+                                          * @see {@link tooltipPaddingXSmall `tooltipPaddingXSmall`} */
 BasicThemeClass.tooltipPaddingX = '16px';
+BasicThemeClass.tooltipPaddingYSmall = '16px';
+BasicThemeClass.tooltipPaddingXSmall = '16px';
+BasicThemeClass.tooltipPaddingYMedium = '20px';
+BasicThemeClass.tooltipPaddingXMedium = '20px';
+BasicThemeClass.tooltipPaddingYLarge = '24px';
+BasicThemeClass.tooltipPaddingXLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                               * @see {@link tooltipCloseBtnPaddingSmall `tooltipCloseBtnPaddingSmall`} */
 BasicThemeClass.tooltipCloseBtnPadding = '4px';
+BasicThemeClass.tooltipCloseBtnPaddingSmall = '4px';
+BasicThemeClass.tooltipCloseBtnPaddingMedium = '6px';
+BasicThemeClass.tooltipCloseBtnPaddingLarge = '8px';
 BasicThemeClass.tooltipCloseBtnSide = '16px';
 BasicThemeClass.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';
 BasicThemeClass.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';
 BasicThemeClass.tooltipBg = '#fff';
 BasicThemeClass.tooltipBorderRadius = '8px';
-BasicThemeClass.tooltipPinOffsetX = '16px';
+BasicThemeClass.tooltipBorderRadiusSmall = '8px';
+BasicThemeClass.tooltipBorderRadiusMedium = '10px';
+BasicThemeClass.tooltipBorderRadiusLarge = '12px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                                   * @see {@link tooltipPinOffsetYSmall `tooltipPinOffsetYSmall`} */
 BasicThemeClass.tooltipPinOffsetY = '18px';
+BasicThemeClass.tooltipPinOffsetYSmall = '18px';
+BasicThemeClass.tooltipPinOffsetYMedium = '21px';
+BasicThemeClass.tooltipPinOffsetYLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                                 * @see {@link tooltipPinOffsetXSmall `tooltipPinOffsetXSmall` */
+BasicThemeClass.tooltipPinOffsetX = '16px';
+BasicThemeClass.tooltipPinOffsetXSmall = '16px';
+BasicThemeClass.tooltipPinOffsetXMedium = '20px';
+BasicThemeClass.tooltipPinOffsetXLarge = '24px'; /** @deprecated Переменная устарела с появлением размеров у `Tooltip` и будет удалена в `6.0`.
+                                                 * @see {@link tooltipMarginSmall `tooltipMarginSmall`} */
 BasicThemeClass.tooltipMargin = '10px';
+BasicThemeClass.tooltipMarginSmall = '10px';
+BasicThemeClass.tooltipMarginMedium = '12px';
+BasicThemeClass.tooltipMarginLarge = '14px';
+BasicThemeClass.tooltipPinSizeSmall = '8px';
+BasicThemeClass.tooltipPinSizeMedium = '10px';
+BasicThemeClass.tooltipPinSizeLarge = '12px';
 BasicThemeClass.kebabMargin = '4px';
 BasicThemeClass.kebabBackground = 'transparent';
 BasicThemeClass.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';
@@ -3003,6 +3126,8 @@ BasicThemeClass.modalHeaderPaddingTop = '24px';
 BasicThemeClass.modalFixedHeaderMarginBottom = '0px';
 BasicThemeClass.modalFixedFooterMarginTop = '0px';
 BasicThemeClass.modalSeparatorBorderBottom = '1px solid #E6E6E6';
+BasicThemeClass.modalSeparatorMargin = '0 32px';
+BasicThemeClass.modalSeparatorFixedMargin = '0 16px';
 BasicThemeClass.modalBodyTextColor = 'inherit';
 BasicThemeClass.modalFooterTextColor = 'inherit';
 BasicThemeClass.modalBodyPaddingTop = '0';
@@ -3128,23 +3253,39 @@ BasicThemeClass.dateSelectMenuItemBgSelected = '#ececec';
 BasicThemeClass.dateSelectTextColorInvert = '';
 BasicThemeClass.mobileDateSelectFontSize = '16px';
 BasicThemeClass.mobileDateSelectLineHeight = '20px';
-BasicThemeClass.pagingPageLinkBoxSizing = 'border-box';
-BasicThemeClass.pagingPageLinkPaddingX = '12px';
-BasicThemeClass.pagingPageLinkPaddingY = '0.3125em';
-BasicThemeClass.pagingPageLinkMinWidth = '0.75em';
-BasicThemeClass.pagingPageForwardLinkMarginTop = '';
-BasicThemeClass.pagingPageForwardLinkMarginLeft = '0px';
 BasicThemeClass.pagingLineHeight = '22px';
-BasicThemeClass.pagingDotsColor = '#ADADAD';
-BasicThemeClass.pagingDotsPadding = '0.375em 0.625em 0';
+BasicThemeClass.pagingPageLinkBoxSizing = 'border-box'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageLinkMinWidth = '0.75em'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+                                                   * @see {@link pagingPageLinkPaddingYSmall `pagingPageLinkPaddingYSmall`} */
+BasicThemeClass.pagingPageLinkPaddingY = '0.3125em'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0`
+                                                     * @see {@link pagingPageLinkPaddingXSmall `pagingPageLinkPaddingXSmall`} */
+BasicThemeClass.pagingPageLinkPaddingX = '12px';
+BasicThemeClass.pagingPageLinkPaddingYSmall = '6px';
+BasicThemeClass.pagingPageLinkPaddingXSmall = '11.5px';
+BasicThemeClass.pagingPageLinkPaddingYMedium = '9px';
+BasicThemeClass.pagingPageLinkPaddingXMedium = '15px';
+BasicThemeClass.pagingPageLinkPaddingYLarge = '12px';
+BasicThemeClass.pagingPageLinkPaddingXLarge = '18.5px'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageLinkMargin = '0px 1px';
+BasicThemeClass.pagingPageLinkBorderRadius = '9999px';
 BasicThemeClass.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';
 BasicThemeClass.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';
-BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';
-BasicThemeClass.pagingPageLinkBorderRadius = '9999px';
+BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)'; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageForwardLinkMarginTop = ''; /** @deprecated Это переменная старого размера `Paging` и будет удалена в `6.0` */
+BasicThemeClass.pagingPageForwardLinkMarginLeft = '0px';
+BasicThemeClass.pagingForwardLinkPaddingSmall = '6px 8px 6px 12px';
+BasicThemeClass.pagingForwardLinkPaddingMedium = '9px 12px 9px 16px';
+BasicThemeClass.pagingForwardLinkPaddingLarge = '12px 16px 12px 20px';
+BasicThemeClass.pagingForwardLinkPaddingMediumMobile = '10px';
+BasicThemeClass.pagingForwardLinkPaddingLargeMobile = '12px';
+BasicThemeClass.pagingDotsPadding = '0.375em 0.625em 0';
+BasicThemeClass.pagingDotsPaddingSmall = '11px 8px 5px 8px';
+BasicThemeClass.pagingDotsPaddingMedium = '14px 12px 10px 12px';
+BasicThemeClass.pagingDotsPaddingLarge = '19px 16px 13px 16px';
+BasicThemeClass.pagingDotsColor = '#ADADAD';
 BasicThemeClass.pagingPageLinkHintFontSize = '12px';
 BasicThemeClass.pagingPageLinkHintLineHeight = '16px';
 BasicThemeClass.pagingPageLinkHintMargin = '4px -20px 0px';
-BasicThemeClass.pagingPageLinkMargin = '0px 1px';
 BasicThemeClass.hintMaxWidth = '200px';
 BasicThemeClass.hintPaddingY = '4px';
 BasicThemeClass.hintPaddingX = '8px';
@@ -3159,15 +3300,23 @@ BasicThemeClass.toastBorderRadius = '8px';
 BasicThemeClass.toastBorder = 'none';
 BasicThemeClass.toastTop = '24px';
 BasicThemeClass.toastBg = 'rgba(0, 0, 0, 0.76)';
+BasicThemeClass.toastErrorBg = '#F63B3F';
 BasicThemeClass.toastColor = 'white';
+BasicThemeClass.toastColorError = '#fff';
 BasicThemeClass.toastLinkColor = '#fff';
+BasicThemeClass.toastLinkColorError = '#fff';
 BasicThemeClass.toastLinkTextDecorationHover = '';
 BasicThemeClass.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';
+BasicThemeClass.toastLinkBgHoverError = 'rgba(255, 255, 255, 0.08)';
 BasicThemeClass.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';
+BasicThemeClass.toastLinkBgActiveError = 'rgba(255, 255, 255, 0.04)';
+BasicThemeClass.toastLinkColorActiveError = 'rgba(255, 255, 255, 0.64)';
 BasicThemeClass.toastLinkPadding = '12px';
 BasicThemeClass.toastClosePadding = '16px';
 BasicThemeClass.toastCloseColor = 'rgba(255, 255, 255, 0.6)';
+BasicThemeClass.toastCloseColorError = 'rgba(255, 255, 255, 0.6)';
 BasicThemeClass.toastCloseHoverColor = 'white';
+BasicThemeClass.toastCloseHoverColorError = 'white';
 BasicThemeClass.toastCloseSize = '16px'; //#endregion Toast
 //#region Dropdown
 BasicThemeClass.dropdownMenuBorderColorTransition = '';
@@ -3332,6 +3481,9 @@ BasicThemeClass.textareaPaddingXSmall = '7px';
 BasicThemeClass.textareaPaddingXMedium = '11px';
 BasicThemeClass.textareaPaddingXLarge = '15px';
 BasicThemeClass.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.textareaMargin = '';
+BasicThemeClass.textareaVerticalAlign = 'middle'; //#endregion Textarea
+//#region Radio
 BasicThemeClass.radioBulletSizeSmall = '6px';
 BasicThemeClass.radioBulletSizeMedium = '10px';
 BasicThemeClass.radioBulletSizeLarge = '12px';
@@ -3423,7 +3575,8 @@ BasicThemeClass.fileUploaderIconGapMedium = '6px';
 BasicThemeClass.fileUploaderIconGapLarge = '8px';
 BasicThemeClass.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)';
 BasicThemeClass.clearCrossIconColor = 'rgba(0, 0, 0, 0.54)';
-BasicThemeClass.clearCrossIconHoverColor = 'rgba(0, 0, 0, 0.87)'; //#endregion ClearCrossIcon
+BasicThemeClass.clearCrossIconHoverColor = 'rgba(0, 0, 0, 0.87)';
+BasicThemeClass.clearCrossIconAlign = 'center'; //#endregion ClearCrossIcon
 //#region CloseIcon
 BasicThemeClass.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';
 BasicThemeClass.closeBtnIconDisabledColor = '#8b8b8b';
@@ -3432,6 +3585,8 @@ BasicThemeClass.closeBtnIconBorderRadius = '4px';
 BasicThemeClass.miniModalHeaderPaddingBottom = '0';
 BasicThemeClass.miniModalBodyPaddingTop = '16px';
 BasicThemeClass.miniModalBodyPaddingBottom = '0';
+BasicThemeClass.miniModalDescriptionFontSize = 'inherit';
+BasicThemeClass.miniModalDescriptionLineHeight = 'normal';
 BasicThemeClass.miniModalHeaderPaddingTop = '32px';
 BasicThemeClass.miniModalActionGap = '8px';
 BasicThemeClass.miniModalCancelIndent = '8px';