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

package/internal/themes/BasicTheme/BasicTheme.js

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