@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48

package/internal/icons2022/LoadingIcon/LoadingIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","styles","cx","SpinnerIcon","iconSizer","Icon","props","theme","useContext","createElement","_extends","dimmed","className","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { styles } from '../../components/Spinner/Spinner.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      dimmed\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,SAASC,SAAS,QAAQ,aAAa;;AAEvC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAMC,KAAK,GAAGR,KAAK,CAACS,UAAU,CAACR,YAAY,CAAC;EAC5C;IACED,KAAA,CAAAU,aAAA,CAACN,WAAW,EAAAO,QAAA;MACVC,MAAM;MACNC,SAAS,EAAEV,EAAE,CAACD,MAAM,CAACY,MAAM,CAACN,KAAK,CAAC,EAAEN,MAAM,CAACa,iBAAiB,CAACP,KAAK,CAAC,EAAEN,MAAM,CAACc,2BAA2B,CAAC,CAAC,CAAE;IACvGT,KAAK;IACV,CAAC;;AAEN,CAAC;;AAED,OAAO,IAAMU,WAAW,GAAGZ,SAAS;EAClC;IACEa,KAAK,EAAE,SAAAA,MAAA,uBAAMlB,KAAA,CAAAU,aAAA,CAACJ,IAAI,IAACa,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACNpB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHa,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACLvB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHa,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","styles","cx","SpinnerIcon","iconSizer","Icon","props","theme","useContext","createElement","_extends","className","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","size","medium","width","radius","large"],"sources":["LoadingIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { styles } from '../../components/Spinner/Spinner.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,SAASC,SAAS,QAAQ,aAAa;;AAEvC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAuB,EAAK;EACxC,IAAMC,KAAK,GAAGR,KAAK,CAACS,UAAU,CAACR,YAAY,CAAC;EAC5C;IACED,KAAA,CAAAU,aAAA,CAACN,WAAW,EAAAO,QAAA;MACVC,SAAS,EAAET,EAAE,CAACD,MAAM,CAACW,MAAM,CAACL,KAAK,CAAC,EAAEN,MAAM,CAACY,iBAAiB,CAACN,KAAK,CAAC,EAAEN,MAAM,CAACa,2BAA2B,CAAC,CAAC,CAAE;IACvGR,KAAK;IACV,CAAC;;AAEN,CAAC;;AAED,OAAO,IAAMS,WAAW,GAAGX,SAAS;EAClC;IACEY,KAAK,EAAE,SAAAA,MAAA,uBAAMjB,KAAA,CAAAU,aAAA,CAACJ,IAAI,IAACY,IAAI,EAAC,MAAM,EAAE,CAAC;IACjCC,MAAM,EAAE,SAAAA,OAAA;QACNnB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHY,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE;UACV,CAAE;QACH,CAAC,GACH;;IACDC,KAAK,EAAE,SAAAA,MAAA;QACLtB,KAAA,CAAAU,aAAA,CAACJ,IAAI;UACHY,IAAI,EAAE;YACJA,IAAI,EAAE,EAAE;YACRE,KAAK,EAAE,GAAG;YACVC,MAAM,EAAE;UACV,CAAE;QACH,CAAC;;EAEN,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/icons2022/LoadingIcon.d.ts

@@ -1,4 +1,4 @@
 import type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon';
 export declare const LoadingIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("./BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
+    size?: import("./BaseIcon").IconProps["size"] | import("./iconConstants").IconSizeAliases;
 } & Omit<SpinnerIconProps, "size">>;

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/icons2022/iconSizer.d.ts

@@ -6,6 +6,6 @@ type IconSizingProps = Omit<BaseIconProps, 'size'> & {
     size?: BaseIconProps['size'] | IconSizeAliases;
 };
 export declare const iconSizer: <T extends IconSizingProps>(sizes: Sizes, iconName: string) => import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<BaseIconProps, "size"> & {
-    size?: BaseIconProps['size'] | IconSizeAliases;
+    size?: BaseIconProps["size"] | IconSizeAliases;
 } & T>;
 export {};

package/internal/themes/BasicTheme/BasicTheme.js

@@ -550,6 +550,16 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.btnTextHoverBg;
     }
+  }, {
+    key: "btnWithIconPaddingLeftMedium",
+    get: function get() {
+      return this.btnWithIconPaddingMedium;
+    }
+  }, {
+    key: "btnWithIconPaddingLeftLarge",
+    get: function get() {
+      return this.btnWithIconPaddingLarge;
+    }
   }, {
     key: "selectDefaultBg",
     get:
@@ -709,31 +719,46 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.popupBorder;
     }
   }, {
-    key: "tooltipPinSize",
+    key: "tooltipFontSizeSmall",
     get: function get() {
-      return this.popupPinSize;
+      return this.fontSizeSmall;
     }
   }, {
-    key: "tooltipFontSize",
+    key: "tooltipFontSizeMedium",
     get: function get() {
-      return this.fontSizeSmall;
+      return this.fontSizeMedium;
     }
   }, {
-    key: "tooltipLineHeight",
+    key: "tooltipFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+  }, {
+    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
   }, {
     key: "tooltipMenuPinOffsetX",
     get: function get() {
-      return this.tooltipPinOffsetX;
+      return this.tooltipPinOffsetXSmall;
     }
   }, {
     key: "tooltipMenuPinOffsetY",
     get: function get() {
-      return this.tooltipPinOffsetY;
+      return this.tooltipPinOffsetYSmall;
     }
   }, {
     key: "tooltipMenuMargin",
@@ -798,6 +823,16 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.modalFooterPaddingBottom;
     }
+  }, {
+    key: "mobileModalCloseButtonRightPadding",
+    get: function get() {
+      return this.mobileModalCloseButtonClickArea;
+    }
+  }, {
+    key: "mobileModalCloseButtonTopPadding",
+    get: function get() {
+      return this.mobileModalCloseButtonClickArea;
+    }
   }, {
     key: "mobileModalWithoutHeaderCloseButtonWidth",
     get: function get() {
@@ -816,6 +851,11 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDefault;
     }
+  }, {
+    key: "mobileSidePageCloseButtonPadding",
+    get: function get() {
+      return this.mobileSidePageCloseButtonClickArea;
+    }
   }, {
     key: "sidePageFooterPanelPaddingTop",
     get: function get() {
@@ -826,6 +866,26 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.sidePageFooterPanelPaddingTop;
     }
+  }, {
+    key: "sidePageCloseButtonClickAreaTop",
+    get: function get() {
+      return this.modalCloseButtonClickAreaTop;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaBottom",
+    get: function get() {
+      return this.modalCloseButtonClickAreaBottom;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaLeft",
+    get: function get() {
+      return this.modalCloseButtonClickAreaLeft;
+    }
+  }, {
+    key: "sidePageCloseButtonClickAreaRight",
+    get: function get() {
+      return this.modalCloseButtonClickAreaRight;
+    }
   }, {
     key: "sidePageCloseButtonFixedClickAreaTop",
     get: function get() {
@@ -955,37 +1015,48 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       return this.popupBoxShadow;
     }
   }, {
-    key: "pagingFontSize",
+    key: "pagingFontSizeSmall",
     get:
     //#endregion DateSelect
     //#region Paging
+
     function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "pagingFontSizeMedium",
+    get: function get() {
       return this.fontSizeMedium;
     }
   }, {
-    key: "pagingForwardIconSize",
+    key: "pagingFontSizeLarge",
     get: function get() {
-      return this.pagingFontSize;
+      return this.fontSizeLarge;
     }
   }, {
-    key: "pagingPageLinkColor",
+    key: "pagingLineHeightSmall",
     get: function get() {
-      return this.textColorDefault;
+      return this.controlLineHeightSmall;
     }
   }, {
-    key: "pagingPageForwardLinkPaddingRight",
+    key: "pagingLineHeightMedium",
     get: function get() {
-      return this.pagingPageLinkPaddingX;
+      return this.controlLineHeightMedium;
     }
   }, {
-    key: "pagingPageLinkActiveColor",
+    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: "pagingForwardLinkColor",
@@ -1002,6 +1073,11 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDisabled;
     }
+  }, {
+    key: "pagingPageLinkHintColor",
+    get: function get() {
+      return this.placeholderColor;
+    }
     //#endregion Paging
     //#region Hint
   }, {
@@ -1221,14 +1297,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.menuItemTextColor;
     }
-    /**
-     * @deprecated
-     */
-  }, {
-    key: "menuItemLinkColor",
-    get: function get() {
-      return this.linkColor;
-    }
   }, {
     key: "menuItemCommentColor",
     get: function get() {
@@ -2037,9 +2105,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.linkColor;
     }
-
-    //#endregion Textarea
-    //#region Radio
   }, {
     key: "radioOutlineWidth",
     get: function get() {
@@ -2597,25 +2662,6 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorFocus;
     }
-  }, {
-    key: "clearCrossIconWidthSmall",
-    get:
-    //#endregion FileUploader
-
-    //#region ClearCrossIcon
-    function get() {
-      return this.inputHeightSmall;
-    }
-  }, {
-    key: "clearCrossIconWidthMedium",
-    get: function get() {
-      return this.inputHeightMedium;
-    }
-  }, {
-    key: "clearCrossIconWidthLarge",
-    get: function get() {
-      return this.inputHeightLarge;
-    }
   }, {
     key: "clearCrossIconHeightSmall",
     get: function get() {
@@ -2763,7 +2809,7 @@ BasicThemeClass.borderColorFocus = '#3D3D3D';
 BasicThemeClass.controlHeightSmall = '32px';
 BasicThemeClass.controlHeightMedium = '40px';
 BasicThemeClass.controlHeightLarge = '48px';
-BasicThemeClass.mobileMediaQuery = '(max-width: 576px) and (pointer: coarse)';
+BasicThemeClass.mobileMediaQuery = '(max-width: 576px)';
 BasicThemeClass.transitionDuration = '100ms';
 BasicThemeClass.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)'; //#endregion Common variables
 //#region Link
@@ -2934,9 +2980,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 +2994,34 @@ BasicThemeClass.selectRootWidthMobile = 'auto';
 BasicThemeClass.mobileSelectMaxWidth = '100%';
 BasicThemeClass.selectBorderColorTransition = "box-shadow " + _BasicThemeClass.transitionDuration + " " + _BasicThemeClass.transitionTimingFunction + ";"; //#endregion Select
 //#region Tooltip
-BasicThemeClass.tooltipPaddingY = '16px';
-BasicThemeClass.tooltipPaddingX = '16px';
-BasicThemeClass.tooltipCloseBtnPadding = '4px';
+BasicThemeClass.tooltipPaddingYSmall = '16px';
+BasicThemeClass.tooltipPaddingXSmall = '16px';
+BasicThemeClass.tooltipPaddingYMedium = '20px';
+BasicThemeClass.tooltipPaddingXMedium = '20px';
+BasicThemeClass.tooltipPaddingYLarge = '24px';
+BasicThemeClass.tooltipPaddingXLarge = '24px';
+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.tooltipPinOffsetY = '18px';
-BasicThemeClass.tooltipMargin = '10px';
+BasicThemeClass.tooltipBorderRadiusSmall = '8px';
+BasicThemeClass.tooltipBorderRadiusMedium = '10px';
+BasicThemeClass.tooltipBorderRadiusLarge = '12px';
+BasicThemeClass.tooltipPinOffsetYSmall = '18px';
+BasicThemeClass.tooltipPinOffsetYMedium = '21px';
+BasicThemeClass.tooltipPinOffsetYLarge = '24px';
+BasicThemeClass.tooltipPinOffsetXSmall = '16px';
+BasicThemeClass.tooltipPinOffsetXMedium = '20px';
+BasicThemeClass.tooltipPinOffsetXLarge = '24px';
+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)';
@@ -2980,12 +3043,11 @@ BasicThemeClass.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';
 BasicThemeClass.modalCloseButtonDisabledColor = '#8b8b8b';
 BasicThemeClass.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';
 BasicThemeClass.modalCloseButtonPadding = '32px';
-BasicThemeClass.modalCloseButtonBottomPadding = '20px'; /** @deprecated use modalCloseButtonClickArea[Top/Bottom/Left/Right] instead */
-BasicThemeClass.modalCloseButtonClickArea = '6px';
-BasicThemeClass.modalCloseButtonClickAreaTop = '6px';
-BasicThemeClass.modalCloseButtonClickAreaBottom = '6px';
-BasicThemeClass.modalCloseButtonClickAreaLeft = '6px';
-BasicThemeClass.modalCloseButtonClickAreaRight = '6px';
+BasicThemeClass.modalCloseButtonBottomPadding = '20px';
+BasicThemeClass.modalCloseButtonClickAreaTop = '30px';
+BasicThemeClass.modalCloseButtonClickAreaBottom = '22px';
+BasicThemeClass.modalCloseButtonClickAreaLeft = '24px';
+BasicThemeClass.modalCloseButtonClickAreaRight = '28px';
 BasicThemeClass.modalCloseIconSize = '20px';
 BasicThemeClass.modalBorderRadius = '16px';
 BasicThemeClass.modalFixedHeaderBorder = 'none';
@@ -3014,25 +3076,23 @@ BasicThemeClass.modalFooterPaddingTop = '0px';
 BasicThemeClass.modalFooterPaddingBottom = '20px';
 BasicThemeClass.modalPaddingBottom = '40px';
 BasicThemeClass.modalFooterPanelPaddingTop = '20px';
-BasicThemeClass.mobileModalCloseButtonRightPadding = '16px';
-BasicThemeClass.mobileModalCloseButtonTopPadding = '8px';
-BasicThemeClass.mobileModalCloseButtonClickArea = '16px';
+BasicThemeClass.mobileModalCloseButtonClickArea = '22px';
 BasicThemeClass.mobileModalWithoutHeaderCloseButtonPadding = '10px';
 BasicThemeClass.mobileModalCloseIconSize = '20px';
 BasicThemeClass.mobileModalHeaderFontSize = '24px';
 BasicThemeClass.mobileModalHeaderLineHeight = '32px';
 BasicThemeClass.mobileModalHeaderPadding = '16px';
-BasicThemeClass.mobileModalBodyPadding = '0 16px 16px 16px';
+BasicThemeClass.mobileModalBodyPadding = '0 16px 0 16px';
 BasicThemeClass.mobileModalBodyPaddingTop = '16px';
 BasicThemeClass.mobileModalBodyPaddingBottom = '16px';
 BasicThemeClass.mobileModalBodyFontSize = '16px';
 BasicThemeClass.mobileModalFooterPadding = '16px';
 BasicThemeClass.mobileModalPaddingBottom = '16px';
 BasicThemeClass.mobileModalContainerHeight = '100%';
-BasicThemeClass.mobileModalContainerMarginTop = '0';
-BasicThemeClass.mobileModalContainerMarginRight = '0';
-BasicThemeClass.mobileModalContainerMarginBottom = '0';
-BasicThemeClass.mobileModalContainerMarginLeft = '0';
+BasicThemeClass.mobileModalContainerMarginTop = '16px';
+BasicThemeClass.mobileModalContainerMarginRight = '16px';
+BasicThemeClass.mobileModalContainerMarginBottom = '16px';
+BasicThemeClass.mobileModalContainerMarginLeft = '16px';
 BasicThemeClass.sidePageBackingBg = '#000';
 BasicThemeClass.sidePageBackingBgOpacity = '0.16';
 BasicThemeClass.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';
@@ -3056,28 +3116,17 @@ BasicThemeClass.sidePageHeaderFontSize = '24px';
 BasicThemeClass.sidePageHeaderLineHeight = '32px';
 BasicThemeClass.sidePageHeaderPaddingBottom = '16px';
 BasicThemeClass.sidePageHeaderPaddingTop = '24px';
-BasicThemeClass.sidePageHeaderFixedFontSize = '18px';
-BasicThemeClass.sidePageHeaderFixedLineHeight = '28px';
-BasicThemeClass.sidePageHeaderFixedPaddingY = '10px';
-BasicThemeClass.sidePageHeaderStickyOffset = '9px'; /** @deprecated use sidePageCloseButtonClickAreaLeft and sidePageCloseButtonClickAreaRight instead */
-BasicThemeClass.sidePageCloseButtonPadding = '32px';
-BasicThemeClass.mobileSidePageCloseButtonPadding = '16px';
-BasicThemeClass.sidePageCloseIconSize = '20px'; /** @deprecated use sidePageCloseButtonClickArea[Top/Bottom/Left/Right] instead */
-BasicThemeClass.sidePageCloseButtonClickArea = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaTop = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaBottom = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaLeft = '6px';
-BasicThemeClass.sidePageCloseButtonClickAreaRight = '6px';
+BasicThemeClass.sidePageHeaderStickyOffset = '10px';
+BasicThemeClass.sidePageCloseIconSize = '20px';
 BasicThemeClass.sidePageCloseButtonFixedClickAreaBottom = '14px';
-BasicThemeClass.mobileSidePageCloseButtonClickArea = '16px';
+BasicThemeClass.mobileSidePageCloseButtonClickArea = '22px';
 BasicThemeClass.sidePageFixedPanelShadow = 'none';
 BasicThemeClass.mobileSidePageHeaderFontSize = '24px';
 BasicThemeClass.mobileSidePageHeaderLineHeight = '32px';
 BasicThemeClass.mobileSidePageHeaderPaddingBottom = '16px';
-BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px'; /** @deprecated use mobileSidePageCloseButtonPadding instead */
-BasicThemeClass.mobileSidePageCloseButtonRightPadding = '12px';
+BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px';
 BasicThemeClass.sidePageHeaderFontWeight = 'bold';
-BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '4px';
+BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '2px';
 BasicThemeClass.sidePageCloseButtonWrapperFixedOffsetTop = '4px';
 BasicThemeClass.dateInputMaskColor = '#b8b8b8';
 BasicThemeClass.dateInputComponentSelectedBgColor = '';
@@ -3131,22 +3180,28 @@ 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.pagingPageLinkPaddingYSmall = '6px';
+BasicThemeClass.pagingPageLinkPaddingXSmall = '11.5px';
+BasicThemeClass.pagingPageLinkPaddingYMedium = '9px';
+BasicThemeClass.pagingPageLinkPaddingXMedium = '15px';
+BasicThemeClass.pagingPageLinkPaddingYLarge = '12px';
+BasicThemeClass.pagingPageLinkPaddingXLarge = '18.5px';
+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.pagingForwardLinkPaddingSmall = '6px 8px 6px 12px';
+BasicThemeClass.pagingForwardLinkPaddingMedium = '9px 12px 9px 16px';
+BasicThemeClass.pagingForwardLinkPaddingLarge = '12px 16px 12px 20px';
+BasicThemeClass.pagingForwardLinkPaddingMediumMobile = '10px';
+BasicThemeClass.pagingForwardLinkPaddingLargeMobile = '12px';
+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';
@@ -3161,15 +3216,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 = '';
@@ -3334,6 +3397,9 @@ BasicThemeClass.textareaPaddingXSmall = '7px';
 BasicThemeClass.textareaPaddingXMedium = '11px';
 BasicThemeClass.textareaPaddingXLarge = '15px';
 BasicThemeClass.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
+BasicThemeClass.textareaMargin = '0px'; // обнуление вертикального браузерного margin в firefox
+BasicThemeClass.textareaVerticalAlign = 'top'; //#endregion Textarea
+//#region Radio
 BasicThemeClass.radioBulletSizeSmall = '6px';
 BasicThemeClass.radioBulletSizeMedium = '10px';
 BasicThemeClass.radioBulletSizeLarge = '12px';
@@ -3423,9 +3489,14 @@ BasicThemeClass.fileUploaderHoveredBorderColor = 'transparent';
 BasicThemeClass.fileUploaderIconGapSmall = '4px';
 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.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)'; //#endregion FileUploader
+//#region ClearCrossIcon
+BasicThemeClass.clearCrossIconWidthSmall = '24px';
+BasicThemeClass.clearCrossIconWidthMedium = '30px';
+BasicThemeClass.clearCrossIconWidthLarge = '36px';
 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 = 'flex-start'; //#endregion ClearCrossIcon
 //#region CloseIcon
 BasicThemeClass.closeBtnIconColor = 'rgba(0, 0, 0, 0.32)';
 BasicThemeClass.closeBtnIconDisabledColor = '#8b8b8b';
@@ -3434,6 +3505,8 @@ BasicThemeClass.closeBtnIconBorderRadius = '4px';
 BasicThemeClass.miniModalHeaderPaddingBottom = '0';
 BasicThemeClass.miniModalBodyPaddingTop = '16px';
 BasicThemeClass.miniModalBodyPaddingBottom = '0';
+BasicThemeClass.miniModalDescriptionFontSize = '16px';
+BasicThemeClass.miniModalDescriptionLineHeight = '22px';
 BasicThemeClass.miniModalHeaderPaddingTop = '32px';
 BasicThemeClass.miniModalActionGap = '8px';
 BasicThemeClass.miniModalCancelIndent = '8px';
@@ -3441,9 +3514,9 @@ BasicThemeClass.miniModalFooterPaddingTop = '24px';
 BasicThemeClass.miniModalFooterPaddingBottom = '32px';
 BasicThemeClass.miniModalTitleMarginTop = '16px';
 BasicThemeClass.miniModalHeightMobile = 'auto';
-BasicThemeClass.miniModalMarginTopMobile = '80px';
-BasicThemeClass.miniModalMarginLeftMobile = '24px';
-BasicThemeClass.miniModalMarginRightMobile = '24px';
+BasicThemeClass.miniModalMarginTopMobile = '16px';
+BasicThemeClass.miniModalMarginLeftMobile = '16px';
+BasicThemeClass.miniModalMarginRightMobile = '16px';
 BasicThemeClass.miniModalFooterPaddingMobile = '24px 16px 16px';
 BasicThemeClass.miniModalHeaderPaddingMobile = '32px 16px 0';
 BasicThemeClass.miniModalBodyPaddingMobile = '16px 16px 0';