@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/internal/themes/BasicTheme/BasicTheme.js

@@ -1,9 +1,12 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 var _BasicThemeClass;
 import { createTheme } from "../../../lib/theming/ThemeHelpers";
 import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
 export var BasicThemeClass = /*#__PURE__*/function () {
-  function BasicThemeClass() {}
+  function BasicThemeClass() {
+    _classCallCheck(this, BasicThemeClass);
+  }
   return _createClass(BasicThemeClass, null, [{
     key: "bgSecondary",
     get: function get() {
@@ -77,7 +80,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "linkFocusOutline",
     get: function get() {
-      return this.linkFocusOutlineWidth + " solid " + this.linkFocusOutlineColor;
+      return "".concat(this.linkFocusOutlineWidth, " solid ").concat(this.linkFocusOutlineColor);
     }
 
     //#endregion Link
@@ -382,7 +385,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYSmall, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;
-      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
     }
   }, {
     key: "btnHeightMedium",
@@ -390,7 +393,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYMedium, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;
-      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
     }
   }, {
     key: "btnHeightLarge",
@@ -398,7 +401,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYLarge, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;
-      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
     }
   }, {
     key: "btnLinkColor",
@@ -868,7 +871,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "mobileModalWithoutHeaderCloseButtonWidth",
     get: function get() {
-      return parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding) + "px";
+      return "".concat(parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding), "px");
     }
   }, {
     key: "sidePageFooterPanelBg",
@@ -932,7 +935,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "calendarBottomSeparatorBorder",
     get: function get() {
-      return this.calendarBottomSeparatorBorderWidth + " solid " + this.calendarBottomSeparatorBorderColor;
+      return "".concat(this.calendarBottomSeparatorBorderWidth, " solid ").concat(this.calendarBottomSeparatorBorderColor);
     }
   }, {
     key: "calendarBg",
@@ -957,7 +960,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "calendarCellLineHeight",
     get: function get() {
-      return parseInt(this.calendarCellHeight) - 2 + "px";
+      return "".concat(parseInt(this.calendarCellHeight) - 2, "px");
     }
   }, {
     key: "calendarMonthHeaderStickedBgColor",
@@ -1279,17 +1282,17 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "menuItemPaddingForIconSmall",
     get: function get() {
-      return parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap) + "px";
+      return "".concat(parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap), "px");
     }
   }, {
     key: "menuItemPaddingForIconMedium",
     get: function get() {
-      return parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap) + "px";
+      return "".concat(parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap), "px");
     }
   }, {
     key: "menuItemPaddingForIconLarge",
     get: function get() {
-      return parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap) + "px";
+      return "".concat(parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap), "px");
     }
   }, {
     key: "menuItemLineHeightSmall",
@@ -1559,7 +1562,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var height = parseInt(this.toggleHeightSmall, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
       var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
+      return "".concat(handleSize / 2, "px");
     }
   }, {
     key: "toggleHandleBorderRadiusMedium",
@@ -1567,7 +1570,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var height = parseInt(this.toggleHeightMedium, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
       var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
+      return "".concat(handleSize / 2, "px");
     }
   }, {
     key: "toggleHandleBorderRadiusLarge",
@@ -1575,22 +1578,22 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var height = parseInt(this.toggleHeightLarge, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
       var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
+      return "".concat(handleSize / 2, "px");
     }
   }, {
     key: "toggleBorderRadiusSmall",
     get: function get() {
-      return "calc(" + this.toggleHeightSmall + " * 0.5)";
+      return "calc(".concat(this.toggleHeightSmall, " * 0.5)");
     }
   }, {
     key: "toggleBorderRadiusMedium",
     get: function get() {
-      return "calc(" + this.toggleHeightMedium + " * 0.5)";
+      return "calc(".concat(this.toggleHeightMedium, " * 0.5)");
     }
   }, {
     key: "toggleBorderRadiusLarge",
     get: function get() {
-      return "calc(" + this.toggleHeightLarge + " * 0.5)";
+      return "calc(".concat(this.toggleHeightLarge, " * 0.5)");
     }
   }, {
     key: "toggleBorderWidth",
@@ -1602,7 +1605,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
       var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return outlineWidth + borderWidth + "px";
+      return "".concat(outlineWidth + borderWidth, "px");
     }
   }, {
     key: "toggleBorderColorDisabled",
@@ -1727,7 +1730,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYSmall, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;
-      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
     }
   }, {
     key: "inputHeightMedium",
@@ -1735,7 +1738,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYMedium, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;
-      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
     }
   }, {
     key: "inputHeightLarge",
@@ -1743,7 +1746,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYLarge, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;
-      return 2 * borderWidth + 2 * padding + lineHeigh + "px";
+      return "".concat(2 * borderWidth + 2 * padding + lineHeigh, "px");
     }
   }, {
     key: "inputPaddingYSmall",
@@ -1763,7 +1766,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "inputFocusShadow",
     get: function get() {
-      return "0 0 0 " + this.inputOutlineWidth + " " + this.borderColorFocus;
+      return "0 0 0 ".concat(this.inputOutlineWidth, " ").concat(this.borderColorFocus);
     }
   }, {
     key: "inputFocusedBg",
@@ -1793,7 +1796,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "inputOutlineWidth",
     get: function get() {
-      return "calc(" + this.controlOutlineWidth + " - 1px)";
+      return "calc(".concat(this.controlOutlineWidth, " - 1px)");
     }
   }, {
     key: "inputBorderColorHover",
@@ -1868,21 +1871,21 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
       var lineHeight = parseInt(this.checkboxLineHeightSmall, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
+      return "".concat((controlHeight - lineHeight) / 2, "px");
     }
   }, {
     key: "checkboxPaddingYMedium",
     get: function get() {
       var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
       var lineHeight = parseInt(this.checkboxLineHeightMedium, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
+      return "".concat((controlHeight - lineHeight) / 2, "px");
     }
   }, {
     key: "checkboxPaddingYLarge",
     get: function get() {
       var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
       var lineHeight = parseInt(this.checkboxLineHeightLarge, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
+      return "".concat((controlHeight - lineHeight) / 2, "px");
     }
   }, {
     key: "checkboxTextColorDefault",
@@ -1897,7 +1900,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "checkboxShadowDisabled",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.1)";
+      return "0 0 0 ".concat(this.checkboxBorderWidth, " rgba(0, 0, 0, 0.1)");
     }
   }, {
     key: "checkboxBorderWidth",
@@ -1907,12 +1910,12 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "checkboxShadow",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
+      return "0 0 0 ".concat(this.checkboxBorderWidth, " rgba(0, 0, 0, 0.15)");
     }
   }, {
     key: "checkboxShadowHover",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
+      return "0 0 0 ".concat(this.checkboxBorderWidth, " #c3c3c3");
     }
   }, {
     key: "checkboxOutlineColorFocus",
@@ -1932,7 +1935,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "checkboxCheckedHoverShadow",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedHoverBg;
+      return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedHoverBg);
     }
   }, {
     key: "checkboxOutlineWidth",
@@ -1942,12 +1945,12 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "checkboxCheckedShadow",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedBg;
+      return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedBg);
     }
   }, {
     key: "checkboxCheckedActiveShadow",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " " + this.checkboxCheckedActiveBg;
+      return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxCheckedActiveBg);
     }
   }, {
     key: "checkboxBorderColorFocus",
@@ -1982,7 +1985,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "checkboxShadowActive",
     get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " #c3c3c3";
+      return "0 0 0 ".concat(this.checkboxBorderWidth, " #c3c3c3");
     }
     //#endregion Checkbox
     //#region TextArea
@@ -2051,7 +2054,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return outlineWidth - borderWidth + "px";
+      return "".concat(outlineWidth - borderWidth, "px");
     }
   }, {
     key: "textareaMinHeightSmall",
@@ -2059,7 +2062,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var lineHeight = parseInt(this.textareaLineHeightSmall, 10) || 0;
       var paddingY = parseInt(this.textareaPaddingYSmall, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
+      return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
     }
   }, {
     key: "textareaMinHeightMedium",
@@ -2067,7 +2070,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var lineHeight = parseInt(this.textareaLineHeightMedium, 10) || 0;
       var paddingY = parseInt(this.textareaPaddingYMedium, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
+      return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
     }
   }, {
     key: "textareaMinHeightLarge",
@@ -2075,8 +2078,10 @@ export var BasicThemeClass = /*#__PURE__*/function () {
       var lineHeight = parseInt(this.textareaLineHeightLarge, 10) || 0;
       var paddingY = parseInt(this.textareaPaddingYLarge, 10) || 0;
       var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
+      return "".concat(lineHeight + paddingY * 2 + borderWidth * 2, "px");
     }
+
+    /** @deprecated Перестала использоваться с версии `react-ui@5.6.7`. */
   }, {
     key: "textareaPaddingYSmall",
     get: function get() {
@@ -2192,21 +2197,21 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
       var lineHeight = parseInt(this.radioLineHeightSmall, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
+      return "".concat((controlHeight - lineHeight) / 2, "px");
     }
   }, {
     key: "radioPaddingYMedium",
     get: function get() {
       var controlHeight = parseInt(this.controlHeightMedium, 10) || 0;
       var lineHeight = parseInt(this.radioLineHeightMedium, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
+      return "".concat((controlHeight - lineHeight) / 2, "px");
     }
   }, {
     key: "radioPaddingYLarge",
     get: function get() {
       var controlHeight = parseInt(this.controlHeightLarge, 10) || 0;
       var lineHeight = parseInt(this.radioLineHeightLarge, 10) || 0;
-      return (controlHeight - lineHeight) / 2 + "px";
+      return "".concat((controlHeight - lineHeight) / 2, "px");
     }
   }, {
     key: "radioHoverBg",
@@ -2231,7 +2236,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "radioBorder",
     get: function get() {
-      return this.radioBorderWidth + " solid " + this.radioBorderColor;
+      return "".concat(this.radioBorderWidth, " solid ").concat(this.radioBorderColor);
     }
   }, {
     key: "radioBorderColorFocus",
@@ -2251,7 +2256,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "radioFocusShadow",
     get: function get() {
-      return "inset 0 0 0 1px " + this.outlineColorFocus;
+      return "inset 0 0 0 1px ".concat(this.outlineColorFocus);
     }
   }, {
     key: "radioCheckedBgColor",
@@ -2266,7 +2271,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "radioDisabledShadow",
     get: function get() {
-      return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.1)";
+      return "0 0 0 ".concat(this.radioBorderWidth, " rgba(0, 0, 0, 0.1)");
     }
   }, {
     key: "radioCheckedDisabledBulletBg",
@@ -2310,21 +2315,21 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       var paddingY = parseInt(this.controlPaddingYSmall);
       var borderWidth = parseInt(this.controlBorderWidth);
-      return paddingY + borderWidth + "px";
+      return "".concat(paddingY + borderWidth, "px");
     }
   }, {
     key: "tabPaddingYMedium",
     get: function get() {
       var paddingY = parseInt(this.controlPaddingYMedium);
       var borderWidth = parseInt(this.controlBorderWidth);
-      return paddingY + borderWidth + "px";
+      return "".concat(paddingY + borderWidth, "px");
     }
   }, {
     key: "tabPaddingYLarge",
     get: function get() {
       var paddingY = parseInt(this.controlPaddingYLarge);
       var borderWidth = parseInt(this.controlBorderWidth);
-      return paddingY + borderWidth + "px";
+      return "".concat(paddingY + borderWidth, "px");
     }
   }, {
     key: "tabOutlineWidth",
@@ -2617,17 +2622,17 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "fileUploaderTileIconActionPositionSmall",
     get: function get() {
-      return parseInt(this.fileUploaderTilePaddingSmall) + 1 + "px";
+      return "".concat(parseInt(this.fileUploaderTilePaddingSmall) + 1, "px");
     }
   }, {
     key: "fileUploaderTileIconActionPositionMedium",
     get: function get() {
-      return parseInt(this.fileUploaderTilePaddingMedium) + 1 + "px";
+      return "".concat(parseInt(this.fileUploaderTilePaddingMedium) + 1, "px");
     }
   }, {
     key: "fileUploaderTileIconActionPositionLarge",
     get: function get() {
-      return parseInt(this.fileUploaderTilePaddingLarge) + 1 + "px";
+      return "".concat(parseInt(this.fileUploaderTilePaddingLarge) + 1, "px");
     }
   }, {
     key: "fileUploaderFontSizeSmall",
@@ -2672,7 +2677,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "fileUploaderDisabledBorder",
     get: function get() {
-      return this.fileUploaderBorderWidth + " " + this.fileUploaderBorderStyle + " " + this.fileUploaderDisabledBorderColor;
+      return "".concat(this.fileUploaderBorderWidth, " ").concat(this.fileUploaderBorderStyle, " ").concat(this.fileUploaderDisabledBorderColor);
     }
   }, {
     key: "fileUploaderBorderColorFocus",
@@ -2808,21 +2813,21 @@ export var BasicThemeClass = /*#__PURE__*/function () {
     get: function get() {
       var inputPaddingXSmall = parseInt(this.inputPaddingXSmall);
       var inputBorderWidth = parseInt(this.inputBorderWidth);
-      return "-" + (inputPaddingXSmall + inputBorderWidth) + "px";
+      return "-".concat(inputPaddingXSmall + inputBorderWidth, "px");
     }
   }, {
     key: "clearCrossIconRightMarginMedium",
     get: function get() {
       var inputPaddingXMedium = parseInt(this.inputPaddingXMedium);
       var inputBorderWidth = parseInt(this.inputBorderWidth);
-      return "-" + (inputPaddingXMedium + inputBorderWidth) + "px";
+      return "-".concat(inputPaddingXMedium + inputBorderWidth, "px");
     }
   }, {
     key: "clearCrossIconRightMarginLarge",
     get: function get() {
       var inputPaddingXLarge = parseInt(this.inputPaddingXLarge);
       var inputBorderWidth = parseInt(this.inputBorderWidth);
-      return "-" + (inputPaddingXLarge + inputBorderWidth) + "px";
+      return "-".concat(inputPaddingXLarge + inputBorderWidth, "px");
     }
   }, {
     key: "clearCrossIconBorderRadiusSmall",
@@ -2851,7 +2856,7 @@ export var BasicThemeClass = /*#__PURE__*/function () {
   }, {
     key: "closeBtnIconFocusShadow",
     get: function get() {
-      return "inset 0 0 0 1px " + this.borderColorFocus + ", inset 0 0 0 2px " + this.outlineColorFocus;
+      return "inset 0 0 0 1px ".concat(this.borderColorFocus, ", inset 0 0 0 2px ").concat(this.outlineColorFocus);
     }
     //#endregion CloseIcon
 
@@ -2967,11 +2972,11 @@ BasicThemeClass.linkTextDecorationStyle = 'solid';
 BasicThemeClass.linkTextDecorationThickness = '1px';
 BasicThemeClass.linkTextUnderlineOffset = '4px';
 BasicThemeClass.linkTextUnderlineOpacity = '0.5';
-BasicThemeClass.linkTextDecorationColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicThemeClass.linkTextUnderlineOpacity) * 100 + "%, transparent)";
+BasicThemeClass.linkTextDecorationColor = "color-mix(in srgb, currentColor ".concat(parseFloat(_BasicThemeClass.linkTextUnderlineOpacity) * 100, "%, transparent)");
 BasicThemeClass.linkLineBorderBottomStyle = 'solid';
 BasicThemeClass.linkLineBorderBottomWidth = '1px';
 BasicThemeClass.linkLineBorderBottomOpacity = '0.5';
-BasicThemeClass.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(_BasicThemeClass.linkLineBorderBottomOpacity) * 100 + "%, transparent)";
+BasicThemeClass.linkLineBorderBottomColor = "color-mix(in srgb, currentColor ".concat(parseFloat(_BasicThemeClass.linkLineBorderBottomOpacity) * 100, "%, transparent)");
 BasicThemeClass.linkFocusOutlineColor = '#3D3D3D';
 BasicThemeClass.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
 BasicThemeClass.tokenMarginYSmall = '2px';
@@ -3128,7 +3133,7 @@ BasicThemeClass.selectPaddingXMedium = '11px';
 BasicThemeClass.selectPaddingXLarge = '15px';
 BasicThemeClass.selectRootWidthMobile = 'auto';
 BasicThemeClass.mobileSelectMaxWidth = '100%';
-BasicThemeClass.selectBorderColorTransition = "box-shadow " + _BasicThemeClass.transitionDuration + " " + _BasicThemeClass.transitionTimingFunction + ";"; //#endregion Select
+BasicThemeClass.selectBorderColorTransition = "box-shadow ".concat(_BasicThemeClass.transitionDuration, " ").concat(_BasicThemeClass.transitionTimingFunction, ";"); //#endregion Select
 //#region Tooltip
 /** @deprecated Эта переменная устарела при появлении размеров у `Tooltip` и будет удалена в `6.0`.
  * @see {@link tooltipPaddingYSmall `tooltipPaddingYSmall`} */
@@ -3753,4 +3758,6 @@ BasicThemeClass.validationsTextColorWarning = '#ef8b17';
 export var BasicTheme = createTheme({
   themeClass: BasicThemeClass
 });
-export var BasicThemeClassForExtension = function BasicThemeClassForExtension() {};
+export var BasicThemeClassForExtension = /*#__PURE__*/_createClass(function BasicThemeClassForExtension() {
+  _classCallCheck(this, BasicThemeClassForExtension);
+});