@skbkontur/react-ui 6.4.1 → 6.4.2-static-css.0

package/internal/themes/DarkTheme6_0.js

@@ -14,7 +14,17 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 var _a;
-import * as colors from '@skbkontur/colors/tokens-default/dark';
+// Токены СВЕТЛОГО набора, хотя тема тёмная, и это не описка.
+//
+// Каждый токен `colors` приезжает строкой `var(--k-color-x, <фолбэк>)`, и имя
+// переменной в обоих наборах одно и то же — различаются только запасные
+// значения. Тёмный цвет выбирает сама `colors` по атрибуту `data-k-theme`, а не
+// мы: подставлять здесь тёмный фолбэк значило бы объявлять ту же переменную
+// второй раз и спорить с ней за одно и то же значение (решение Р2).
+//
+// Что это меняет для приложения: без подключённого CSS `colors` тёмная тема
+// даёт светлые цвета. Это заявленное ломающее изменение 7.0, см. `MIGRATION.md`.
+import * as colors from '@skbkontur/colors/tokens-default/light';
 import { createTheme, markAsDarkTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers.js';
 import { BasicTheme, BasicThemeClassForExtension } from './BasicTheme.js';
 export var DarkTheme6_0 = createTheme({
@@ -66,6 +76,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnSuccessBorderColor", {
+                // success
                 get: function () {
                     return this.btnSuccessBg;
                 },
@@ -87,6 +98,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnPrimaryBorderColor", {
+                // fill
+                // primary
                 get: function () {
                     return this.btnPrimaryBg;
                 },
@@ -108,6 +121,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnDangerBorderColor", {
+                // danger
                 get: function () {
                     return this.btnDangerBg;
                 },
@@ -129,6 +143,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnPayBorderColor", {
+                // pay
                 get: function () {
                     return this.btnPayBg;
                 },
@@ -150,6 +165,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnBacklessBorderColor", {
+                // backless
                 get: function () {
                     return this.btnDefaultBorderColor;
                 },
@@ -185,6 +201,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnDisabledTextColor", {
+                // warning, error
+                // disabled
                 get: function () {
                     return this.textColorDisabled;
                 },
@@ -322,6 +340,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "calendarBottomSeparatorBorder", {
+                //#endregion Select
+                //#region
                 get: function () {
                     return "".concat(this.calendarBottomSeparatorBorderWidth, " solid ").concat(this.calendarBottomSeparatorBorderColor);
                 },
@@ -336,6 +356,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "dropdownMenuHoverBorderColor", {
+                //#endregion Calendar
+                //#region DateRangePicker
                 //#endregion
                 //#region Dropdown
                 get: function () {
@@ -396,6 +418,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "tabTextColorDefault", {
+                //#endregion Paging
+                //#region Toast
                 //#endregion Toast
                 //#region Tab, Tabs
                 get: function () {
@@ -472,6 +496,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "menuFooterColor", {
+                // menuHeader
                 // menuFooter
                 get: function () {
                     return this.menuHeaderColor;
@@ -480,6 +505,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleTextColor", {
+                //menuSeparator
                 //#endregion Menu
                 //#region Toggle
                 get: function () {
@@ -496,6 +522,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleContainerBgHover", {
+                // idle :hover
                 get: function () {
                     return this.toggleBgHover;
                 },
@@ -503,6 +530,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleContainerBgChecked", {
+                // checked
                 get: function () {
                     return this.toggleBgChecked;
                 },
@@ -510,6 +538,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleBgDisabled", {
+                // checked :hover
+                // disabled
                 get: function () {
                     return this.bgDisabled;
                 },
@@ -517,6 +547,7 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleBorderColorDisabledChecked", {
+                // disabled checked
                 get: function () {
                     return this.toggleBorderColor;
                 },
@@ -524,6 +555,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "tokenTextColorDisabled", {
+                //#endregion Toggle
+                //#region Token
                 get: function () {
                     return this.textColorDisabled;
                 },
@@ -538,6 +571,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "inputBorderTopColor", {
+                //#endregion Token
+                //#region Input
                 get: function () {
                     return this.inputBorderColor;
                 },
@@ -694,6 +729,10 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "mobileHintColor", {
+                //#endregion DateSelect
+                //#region DateInput
+                //#endregion DateInput
+                //#region Hint
                 get: function () {
                     return this.hintColor;
                 },
@@ -701,6 +740,10 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "textareaBg", {
+                //#endregion Hint
+                //#region Loader
+                //#endregion
+                //#region GlobalLoader
                 //#endregion GlobalLoader
                 //#region TextArea
                 get: function () {
@@ -794,6 +837,10 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "radioBorderColor", {
+                //#endregion TextArea
+                //#region PasswordInput
+                //#endregion PasswordInput
+                //#region Radio
                 get: function () {
                     return colors.lineNeutralPale;
                 },
@@ -849,13 +896,6 @@ export var DarkTheme6_0 = createTheme({
                 enumerable: false,
                 configurable: true
             });
-            Object.defineProperty(DarkTheme6_0, "radioDisabledShadow", {
-                get: function () {
-                    return "0 0 0 ".concat(this.radioBorderWidth, " ").concat(colors.lineNeutralFaint);
-                },
-                enumerable: false,
-                configurable: true
-            });
             Object.defineProperty(DarkTheme6_0, "radioCheckedDisabledBulletBg", {
                 get: function () {
                     return this.checkboxTextColorDisabled;
@@ -893,34 +933,15 @@ export var DarkTheme6_0 = createTheme({
                 enumerable: false,
                 configurable: true
             });
-            Object.defineProperty(DarkTheme6_0, "checkboxShadow", {
-                get: function () {
-                    return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPale);
-                },
-                enumerable: false,
-                configurable: true
-            });
-            Object.defineProperty(DarkTheme6_0, "checkboxShadowHover", {
-                get: function () {
-                    return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPaleHover);
-                },
-                enumerable: false,
-                configurable: true
-            });
             Object.defineProperty(DarkTheme6_0, "checkboxOutlineColorFocus", {
+                // Тени рамки чекбокса и радио наследуются от базовой темы: они собираются из
+                // `checkboxBorderColor*`, поэтому переопределить достаточно сами цвета.
                 get: function () {
                     return this.outlineColorFocus;
                 },
                 enumerable: false,
                 configurable: true
             });
-            Object.defineProperty(DarkTheme6_0, "checkboxShadowDisabled", {
-                get: function () {
-                    return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralFaint);
-                },
-                enumerable: false,
-                configurable: true
-            });
             Object.defineProperty(DarkTheme6_0, "checkboxBorderColorWarning", {
                 get: function () {
                     return this.borderColorWarning;
@@ -963,13 +984,6 @@ export var DarkTheme6_0 = createTheme({
                 enumerable: false,
                 configurable: true
             });
-            Object.defineProperty(DarkTheme6_0, "checkboxShadowActive", {
-                get: function () {
-                    return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPalePressed);
-                },
-                enumerable: false,
-                configurable: true
-            });
             Object.defineProperty(DarkTheme6_0, "tokenInputBorderColor", {
                 get: function () {
                     return this.inputBorderColor;
@@ -1076,6 +1090,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "switcherButtonDisabledBorderColor", {
+                //#endregion TokenInput
+                //#region Switcher
                 get: function () {
                     return this.switcherBtnDisabledBorderColor;
                 },
@@ -1104,6 +1120,8 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "fileUploaderTextColorDefault", {
+                //#endregion Switcher
+                //#region FileUploader
                 get: function () {
                     return this.textColorDefault;
                 },
@@ -1202,6 +1220,10 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "popupTextColor", {
+                //#endregion FileUploader
+                //#region Kebab
+                //#endregion Kebab
+                //#regiton Spinner
                 //#endregion Spinner
                 //#region Popup
                 get: function () {
@@ -1211,6 +1233,10 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "validationsTextColorError", {
+                //#endregion
+                //#region TimePicker
+                //#endregion TimePicker
+                //#region ScrollContainer
                 //#endregion
                 //#region react-ui-validations
                 get: function () {
@@ -1222,361 +1248,55 @@ export var DarkTheme6_0 = createTheme({
             return DarkTheme6_0;
         }(BasicThemeClassForExtension)),
         //#region Common variables
-        _a.brand = colors.shapeBoldBrandOriginal,
         _a.grayXLight = '#313131',
         _a.gray = 'rgba(255, 255, 255, 0.48)',
         _a.grayDark = '#e1e1e1',
         _a.green = '#23A14A',
         _a.greenDark = '#1C8A3F',
-        _a.red = '#FE4C4C',
         _a.redDark = '#DD3333',
         _a.yellowXxLight = '#ffe0c3',
         _a.yellow = '#ffa236',
         _a.yellowDark = '#ea7324',
         _a.warningMain = '#ffa236',
-        _a.errorText = colors.textErrorHeavy,
         _a.borderColorFocusLight = '#1260ae',
         _a.borderColorGrayLight = 'rgba(255, 255, 255, 0.16)',
-        _a.borderColorDisabled = colors.lineNeutralFaint,
-        _a.placeholderColor = colors.textNeutralFaint,
-        _a.placeholderColorLight = "color-mix(in srgb, ".concat(colors.textNeutralFaint, ", transparent 40%)"),
-        _a.textColorDefault = colors.textNeutralHeavy,
-        _a.textColorDisabled = colors.textNeutralFaint,
         _a.textColorDisabledContrast = 'rgba(255, 255, 255, 0.48)',
         _a.textColorInvert = 'rgba(255, 255, 255, 0.865)',
-        _a.bgDisabled = colors.shapeOtherDisabled,
-        _a.bgDefault = colors.surfaceHigh,
         _a.bgChecked = '#EBEBEB',
-        _a.outlineColorFocus = colors.surfaceBase,
-        _a.borderColorFocus = colors.lineAccentBold,
-        _a.borderColorError = colors.lineErrorBold,
-        _a.borderColorWarning = colors.lineWarningBold,
-        _a.fixedPanelShadow = 'none',
-        _a.commentTextColor = colors.textNeutralSoft,
         //#endregion Common variables
         //#region CloseIcon, CloseButtonIcon
-        _a.closeBtnIconColor = colors.textNeutralPale,
-        _a.closeBtnIconDisabledColor = colors.textNeutralFaint,
-        _a.closeBtnIconHoverColor = colors.textNeutralHeavy,
         //#endregion CloseIcon, CloseButtonIcon
         //#region ClearCrossIcon
-        _a.clearCrossIconColor = colors.textNeutralSoft,
-        _a.clearCrossIconHoverColor = colors.textNeutralHeavy,
         //#endregion ClearCrossIcon
         //#region Link
-        _a.linkColor = colors.textAccentHeavy,
-        _a.linkHoverColor = colors.textAccentHeavyHover,
-        _a.linkActiveColor = colors.textAccentHeavyPressed,
-        _a.linkGrayedColor = colors.textNeutralSoft,
-        _a.linkGrayedHoverColor = colors.textNeutralHeavy,
-        _a.linkGrayedActiveColor = colors.textNeutralHeavy,
-        _a.linkSuccessColor = colors.textSuccessHeavy,
-        _a.linkSuccessHoverColor = colors.textSuccessHeavyHover,
-        _a.linkSuccessActiveColor = colors.textSuccessHeavyPressed,
-        _a.linkDangerColor = colors.textErrorHeavy,
-        _a.linkDangerHoverColor = colors.textErrorHeavyHover,
-        _a.linkDangerActiveColor = colors.textErrorHeavyPressed,
-        _a.linkFocusOutlineColor = colors.lineAccentBold,
-        _a.linkHoverTextDecoration = 'none',
-        _a.linkDisabledColor = colors.textNeutralFaint,
         //#endregion Link
         //#region Button
-        _a.btnFocusShadowWidth = '2px',
         _a.btnOutlineColorFocus = '#1f1f1f',
-        _a.btnInsetColor = colors.surfaceBase,
         // default
         _a.btnDefaultBg = 'rgba(255, 255, 255, .06)',
-        _a.btnDefaultHoverTextColor = colors.textNeutralHeavy,
-        _a.btnDefaultBorderColor = colors.lineNeutralPale,
         _a.btnDefaultHoverBg = 'rgba(255, 255, 255, .08)',
-        _a.btnDefaultHoverBgStart = 'none',
-        _a.btnDefaultHoverBgEnd = 'none',
         _a.btnDefaultActiveBg = 'rgba(255, 255, 255, .04)',
-        // success
-        _a.btnSuccessBg = colors.shapeBoldSuccess,
-        _a.btnSuccessTextColor = colors.textConstHeavyWhite,
-        _a.btnSuccessHoverTextColor = colors.textConstHeavyWhite,
-        _a.btnSuccessHoverBg = colors.shapeBoldSuccessHover,
-        _a.btnSuccessActiveBg = colors.shapeBoldSuccessPressed,
-        // fill
-        _a.btnFillBg = colors.shapeOtherBase,
-        _a.btnFillHoverBg = colors.shapeOtherBaseHover,
-        _a.btnFillActiveBg = colors.shapeOtherBasePressed,
-        // primary
-        _a.btnPrimaryBg = colors.shapeBoldAccent,
-        _a.btnPrimaryHoverBg = colors.shapeBoldAccentHover,
-        _a.btnPrimaryActiveBg = colors.shapeBoldAccentPressed,
-        _a.btnPrimaryTextColor = colors.textOnAccentBoldHeavy,
-        _a.btnPrimaryHoverTextColor = '',
-        // danger
-        _a.btnDangerBg = colors.shapeBoldError,
-        _a.btnDangerHoverBg = colors.shapeBoldErrorHover,
-        _a.btnDangerTextColor = colors.textConstHeavyWhite,
-        _a.btnDangerActiveBg = colors.shapeBoldErrorPressed,
-        // pay
-        _a.btnPayBg = colors.shapeBoldWarning,
-        _a.btnPayHoverBg = colors.shapeBoldWarningHover,
-        _a.btnPayTextColor = colors.textConstHeavyBlack,
-        _a.btnPayActiveBg = colors.shapeBoldWarningPressed,
-        _a.btnMenuArrowColor = colors.textNeutralSoft,
-        // backless
-        _a.btnBacklessBg = 'transparent',
-        _a.btnBacklessHoverBg = colors.shapeOtherBacklessHover,
-        _a.btnBacklessActiveBg = colors.shapeOtherBacklessPressed,
-        _a.btnBacklessHoverTextColor = '',
         // text
-        _a.btnTextBg = 'transparent',
-        _a.btnTextHoverBg = colors.shapeOtherBacklessHover,
-        _a.btnTextActiveBg = colors.shapeOtherBacklessPressed,
         _a.btnTextBorderColor = 'transparent',
-        // warning, error
-        _a.btnErrorSecondary = colors.shapeFaintError,
-        _a.btnWarningSecondary = colors.shapeFaintWarning,
-        _a.btnBorderColorWarning = colors.lineWarningBold,
-        _a.btnBorderColorError = colors.lineErrorBold,
-        // disabled
-        _a.btnDisabledBg = colors.shapeOtherDisabled,
-        _a.btnDisabledBorderColor = colors.lineNeutralFaint,
         // checked
-        _a.btnCheckedBg = colors.shapeBoldAccent,
-        _a.btnCheckedTextColor = colors.textOnAccentBoldHeavy,
-        _a.btnCheckedDisabledBg = colors.shapeOtherAccentBoldDisabled,
-        _a.btnCheckedDisabledColor = colors.textInvertedNeutralSoft,
         //#endregion Button
         //#region Tooltip
-        _a.tooltipCloseBtnColor = colors.textNeutralPale,
-        _a.tooltipCloseBtnHoverColor = colors.textNeutralHeavy,
-        _a.tooltipTextColor = colors.textNeutralHeavy,
-        _a.tooltipBg = colors.surfaceHigh,
         //#endregion Tooltip
         //#region Modal
         _a.modalBg = colors.surfaceHigh,
-        _a.modalBackBg = colors.surfaceModalBackdrop,
-        _a.modalBackOpacity = '1',
-        _a.modalCloseButtonColor = colors.textNeutralPale,
-        _a.modalCloseButtonDisabledColor = colors.textNeutralFaint,
-        _a.modalCloseButtonHoverColor = colors.textNeutralHeavy,
-        _a.modalSeparatorBorderBottom = "1px solid ".concat(colors.lineNeutralFaint),
-        _a.sidePageBackingBg = colors.surfaceModalBackdrop,
-        _a.sidePageBgDefault = colors.surfaceHigh,
-        _a.sidePageBackingBgOpacity = '1',
-        _a.sidePageCloseButtonColor = colors.textNeutralPale,
-        _a.sidePageCloseButtonHoverColor = colors.textNeutralHeavy,
-        _a.selectHoverBg = colors.shapeOtherFieldHover,
-        _a.selectActiveBg = colors.shapeOtherFieldPressed,
-        _a.selectPlaceholderColor = _a.placeholderColor,
-        //#endregion Select
-        //#region
-        _a.calendarBottomSeparatorBorderColor = colors.lineNeutralFaint,
         _a.calendarBg = colors.surfaceHigh,
-        _a.calendarCellBg = 'transparent',
-        _a.calendarCellHoverColor = '',
-        _a.calendarCellActiveHoverColor = '',
-        _a.calendarCellWeekendColor = colors.customizableHeavyRed,
-        _a.calendarCellTodayBorder = '1px solid',
-        _a.calendarCellSelectedBgColor = colors.shapeBoldAccent,
-        _a.calendarCellSelectedFontColor = colors.textOnAccentBoldHeavy,
-        _a.calendarMonthTitleBorderBottomColor = colors.lineNeutralFaint,
-        _a.calendarCellHoverBgColor = colors.shapeOtherBacklessHover,
-        //#endregion Calendar
-        //#region DateRangePicker
-        _a.rangeCalendarCellBg = colors.shapeFaintNeutralAlpha,
-        _a.rangeCalendarCellHoverBg = colors.shapeOtherBacklessHover,
-        _a.rangeCalendarCellEndBg = colors.shapeBoldAccent,
-        _a.rangeCalendarCellEndColor = colors.textOnAccentBoldHeavy,
-        _a.pagingPageLinkHoverBg = colors.shapeOtherBacklessHover,
-        _a.pagingPageLinkActiveBg = colors.shapeOtherBacklessPressed,
-        _a.pagingPageLinkDisabledActiveBg = colors.shapeOtherDisabled,
-        _a.pagingDotsColor = colors.textNeutralFaint,
-        _a.pagingPageLinkHintColor = colors.textNeutralSoft,
-        //#endregion Paging
-        //#region Toast
-        _a.toastLinkColor = colors.textInvertedNeutralHeavy,
-        _a.toastCloseColor = colors.textInvertedNeutralSoft,
-        _a.toastColor = colors.textInvertedNeutralHeavy,
-        _a.toastBg = colors.shapeHeavyNeutral,
-        _a.toastLinkBgHover = colors.shapeInvertedBacklessHover,
-        _a.toastLinkBgActive = colors.shapeInvertedBacklessPressed,
-        _a.toastCloseHoverColor = colors.textInvertedNeutralHeavy,
-        _a.toastErrorBg = colors.shapeBoldError,
-        _a.toastLinkTextDecorationHover = '',
-        _a.toastColorError = colors.textConstHeavyWhite,
-        _a.toastLinkColorError = colors.textConstHeavyWhite,
-        _a.toastLinkBgHoverError = colors.shapeConstBacklessWhiteHover,
-        _a.toastLinkBgActiveError = colors.shapeConstBacklessWhiteHover,
-        _a.toastLinkColorActiveError = colors.textConstHeavyWhite,
-        _a.toastCloseColorError = colors.textConstSoftWhite,
-        _a.toastCloseHoverColorError = colors.textConstHeavyWhite,
-        _a.tabColorHover = colors.lineNeutralPale,
-        _a.tabColorHoverPrimary = colors.lineAccentPale,
-        _a.tabColorHoverSuccess = colors.shapeBoldSuccessHover,
-        _a.tabColorHoverWarning = colors.shapeBoldWarningHover,
-        _a.tabColorHoverError = colors.shapeBoldErrorHover,
-        _a.menuItemHoverBg = colors.shapeOtherBacklessHover,
-        _a.menuItemSelectedBg = colors.shapeOtherBacklessPressed,
-        _a.menuItemCommentColor = colors.textNeutralSoft,
-        _a.menuItemCommentOpacity = '1',
-        // menuHeader
-        _a.menuHeaderColor = colors.textNeutralSoft,
-        //menuSeparator
-        _a.menuSeparatorBorderColor = colors.lineNeutralFaint,
-        _a.toggleBaseBg = 'transparent',
-        _a.toggleBgHover = colors.shapeOtherFieldHover,
-        _a.toggleBorderColor = colors.lineNeutralPale,
-        _a.toggleShadowColorError = colors.lineErrorBold,
-        _a.toggleShadowColorWarning = colors.lineWarningBold,
-        _a.toggleFocusShadowColor = colors.lineAccentBold,
-        _a.toggleContainerBg = colors.shapeOtherField,
-        _a.toggleHandleBg = colors.shapeOtherBase,
-        _a.toggleHandleBoxShadow = "0 0 0 1px ".concat(colors.lineNeutralPale),
-        _a.toggleContainerBoxShadow = "inset 0 0 0 1px ".concat(colors.lineNeutralPale),
-        // idle :hover
-        _a.toggleContainerBoxShadowHover = "inset 0 0 0 1px ".concat(colors.lineNeutralPaleHover),
-        _a.toggleHandleBgHover = colors.shapeOtherBase,
-        _a.toggleHandleBoxShadowHover = "0 0 0 1px ".concat(colors.lineNeutralPale),
-        // checked
-        _a.toggleContainerBoxShadowChecked = 'none',
-        _a.toggleHandleBoxShadowChecked = 'none',
-        _a.toggleHandleBgChecked = colors.shapeInvertedNeutralHeavy,
-        _a.toggleBgChecked = colors.shapeBoldAccent,
-        // checked :hover
-        _a.toggleContainerBoxShadowCheckedHover = 'none',
-        _a.toggleContainerBgCheckedHover = colors.shapeBoldAccentHover,
-        _a.toggleHandleBoxShadowCheckedHover = 'none',
-        _a.toggleHandleBgCheckedHover = colors.shapeInvertedNeutralHeavyHover,
-        // disabled
-        _a.toggleContainerBgDisabled = colors.shapeOtherDisabled,
-        _a.toggleHandleBgDisabled = 'transparent',
-        _a.toggleContainerBoxShadowDisabled = "inset 0 0 0 1px ".concat(colors.lineNeutralFaint),
-        _a.toggleHandleBoxShadowDisabled = "0 0 0 1px ".concat(colors.lineNeutralFaint),
-        _a.toggleDisabledHandleBg = 'transparent',
-        // disabled checked
-        _a.toggleContainerBgDisabledChecked = colors.shapeOtherAccentBoldDisabled,
-        _a.toggleHandleBgDisabledChecked = colors.shapeInvertedNeutralHeavy,
-        _a.toggleContainerBoxShadowDisabledChecked = 'none',
-        _a.toggleHandleBoxShadowDisabledChecked = 'none',
-        //#endregion Toggle
-        //#region Token
-        _a.tokenShadowDisabled = '',
-        _a.tokenBorderColorDisabled = 'transparent',
-        _a.tokenColor = colors.textNeutralHeavy,
-        _a.tokenBg = colors.shapeFaintNeutralAlpha,
-        _a.tokenDisabledBg = colors.shapeOtherDisabled,
-        _a.tokenBorderColor = colors.lineNeutralPale,
-        _a.tokenBgHover = colors.shapeFaintNeutralAlphaHover,
-        _a.tokenBorderColorHover = colors.lineNeutralPale,
-        _a.tokenColorActive = colors.textOnAccentBoldHeavy,
-        _a.tokenBgActive = colors.shapeBoldAccent,
-        _a.tokenBorderColorActive = 'transparent',
-        //#endregion Token
-        //#region Input
-        _a.inputBg = colors.shapeOtherField,
-        _a.inputIconColor = colors.textNeutralSoft,
         _a.inputColorScheme = 'dark',
-        _a.inputBlinkColor = colors.shapeFaintNeutralAlpha,
-        _a.inputBorderColor = colors.lineNeutralPale,
         _a.inputBackgroundClip = 'border-box',
-        _a.inputBorderColorHover = colors.lineNeutralPaleHover,
         _a.inputOutlineWidth = '1px',
-        _a.inputAffixColor = colors.textNeutralSoft,
-        _a.dateSelectMenuItemFontActive = '',
-        _a.dateSelectTextColorInvert = '',
-        //#endregion DateSelect
-        //#region DateInput
-        _a.dateInputMaskColor = colors.textNeutralFaint,
-        _a.dateInputComponentSelectedBgColor = '',
-        _a.dateInputComponentSelectedTextColor = '',
-        //#endregion DateInput
-        //#region Hint
-        _a.hintColor = colors.textInvertedNeutralHeavy,
-        _a.hintBgColor = colors.shapeHeavyNeutral,
-        //#endregion Hint
-        //#region Loader
-        _a.loaderBg = colors.shapeInvertedNeutralHeavy,
-        //#endregion
-        //#region GlobalLoader
-        _a.globalLoaderColor = colors.shapeBoldBrandOriginal,
-        _a.textareaBorderColor = colors.lineNeutralPale,
-        _a.textareaBorderTopColor = colors.lineNeutralPale,
-        _a.textareaShadow = 'none',
-        _a.textareaCounterColor = colors.textNeutralSoft,
-        _a.textareaCounterBg = 'transparent',
-        _a.textareaCounterHelpIconColor = colors.textNeutralHeavy,
-        //#endregion TextArea
-        //#region PasswordInput
-        _a.passwordInputVisibilityIconOpacity = '0.64',
-        _a.passwordInputVisibilityIconColor = colors.textNeutralHeavy,
-        _a.passwordInputVisibilityIconHoverColor = colors.textNeutralHeavy,
-        _a.passwordInputVisibilityIconHoverOpacity = '1',
-        //#endregion PasswordInput
-        //#region Radio
-        _a.radioBgColor = colors.shapeOtherField,
-        _a.radioBoxShadow = 'none',
-        _a.radioHoverShadow = 'none',
-        _a.radioActiveShadow = 'none',
         _a.radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)',
-        _a.radioCheckedBorderColor = 'transparent',
         _a.checkboxTextColorDisabled = colors.textNeutralFaint,
-        _a.checkboxBg = colors.shapeOtherField,
-        _a.checkboxActiveBg = colors.shapeOtherFieldPressed,
-        _a.checkboxBorder = 'none',
-        _a.checkboxCheckedBg = colors.shapeBoldAccent,
-        _a.checkboxCheckedColor = colors.shapeInvertedNeutralHeavy,
-        _a.checkboxHoverBg = colors.shapeOtherFieldHover,
-        _a.checkboxCheckedHoverBg = colors.shapeBoldAccentHover,
-        _a.checkboxBgDisabled = colors.shapeOtherDisabled,
-        _a.checkboxCheckedActiveBg = colors.shapeBoldAccentPressed,
         //#endregion Checkbox
         //#region TokenInput
         _a.inputDisabledBackgroundClip = 'border-box',
-        _a.tokenInputMenuPopupBg = 'transparent',
         _a.tokenInputTextColorDisabled = colors.textNeutralFaint,
-        //#endregion TokenInput
-        //#region Switcher
-        _a.switcherBtnDisabledBorderColor = colors.lineNeutralPale,
-        //#endregion Switcher
-        //#region FileUploader
-        _a.fileUploaderBg = '',
-        _a.fileUploaderBorderColor = colors.lineNeutralPale,
-        _a.fileUploaderIconColor = colors.textNeutralPale,
-        _a.fileUploaderIconHoverColor = colors.textNeutralHeavy,
-        _a.fileUploaderDisabledBorderColor = colors.lineNeutralFaint,
-        _a.fileUploaderUploadButtonBg = 'transparent',
-        _a.fileUploaderHoveredBg = colors.shapeOtherBacklessHover,
-        _a.fileUploaderHoveredBorderColor = 'transparent',
-        _a.fileUploaderActiveBg = colors.shapeOtherBacklessPressed,
         _a.fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB',
         _a.fileUploaderIconColorForValidation = '#222222',
         _a.fileUploaderFileTypeUnknownIconColor = '#676767',
-        _a.fileUploaderPaddingXSmall = '7px',
-        _a.fileUploaderPaddingXMedium = '9px',
-        _a.fileUploaderPaddingXLarge = '11px',
-        _a.fileUploaderErrorBgColor = colors.shapeFaintError,
-        _a.fileUploaderErrorBgHoverColor = colors.shapeFaintErrorHover,
-        _a.fileUploaderErrorTextColor = colors.textErrorHeavy,
-        _a.fileUploaderWarningBgColor = colors.shapeFaintWarning,
-        _a.fileUploaderWarningBgHoverColor = colors.shapeFaintWarningHover,
-        _a.fileUploaderWarningTextColor = colors.textWarningHeavy,
-        _a.fileUploaderDisabledColor = colors.textNeutralFaint,
-        //#endregion FileUploader
-        //#region Kebab
-        _a.kebabBackgroundHover = colors.shapeOtherBacklessHover,
-        _a.kebabBackgroundActive = colors.shapeOtherBacklessPressed,
-        _a.kebabIconColor = colors.textNeutralSoft,
-        //#endregion Kebab
-        //#regiton Spinner
-        _a.spinnerColor = colors.customizableBoldRed,
-        _a.spinnerDimmedColor = colors.customizableBoldGray,
-        _a.spinnerCaptionColor = colors.textNeutralSoft,
-        _a.popupBackground = colors.surfaceHigh,
-        //#endregion
-        //#region TimePicker
-        _a.timePickerPopupBg = colors.shapeOtherField,
-        //#endregion TimePicker
-        //#region ScrollContainer
-        _a.scrollContainerScrollBarColor = colors.shapeSoftNeutralAlpha,
-        _a.scrollContainerScrollBarInvertColor = colors.shapeInvertedNeutralSoftAlpha,
-        _a.validationsTextColorWarning = colors.textWarningHeavy,
         _a),
     prototypeTheme: BasicTheme,
     themeMarkers: [markAsDarkTheme, markThemeVersion('6.0')],