@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-5e1c3.0

package/internal/themes/DarkTheme6_0.js

@@ -14,17 +14,7 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 var _a;
-// Токены СВЕТЛОГО набора, хотя тема тёмная, и это не описка.
-//
-// Каждый токен `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 * as colors from '@skbkontur/colors/tokens-default/dark';
 import { createTheme, markAsDarkTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers.js';
 import { BasicTheme, BasicThemeClassForExtension } from './BasicTheme.js';
 export var DarkTheme6_0 = createTheme({
@@ -76,7 +66,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnSuccessBorderColor", {
-                // success
                 get: function () {
                     return this.btnSuccessBg;
                 },
@@ -98,8 +87,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnPrimaryBorderColor", {
-                // fill
-                // primary
                 get: function () {
                     return this.btnPrimaryBg;
                 },
@@ -121,7 +108,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnDangerBorderColor", {
-                // danger
                 get: function () {
                     return this.btnDangerBg;
                 },
@@ -143,7 +129,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnPayBorderColor", {
-                // pay
                 get: function () {
                     return this.btnPayBg;
                 },
@@ -165,7 +150,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnBacklessBorderColor", {
-                // backless
                 get: function () {
                     return this.btnDefaultBorderColor;
                 },
@@ -201,8 +185,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "btnDisabledTextColor", {
-                // warning, error
-                // disabled
                 get: function () {
                     return this.textColorDisabled;
                 },
@@ -340,8 +322,6 @@ 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);
                 },
@@ -356,8 +336,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "dropdownMenuHoverBorderColor", {
-                //#endregion Calendar
-                //#region DateRangePicker
                 //#endregion
                 //#region Dropdown
                 get: function () {
@@ -418,8 +396,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "tabTextColorDefault", {
-                //#endregion Paging
-                //#region Toast
                 //#endregion Toast
                 //#region Tab, Tabs
                 get: function () {
@@ -496,7 +472,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "menuFooterColor", {
-                // menuHeader
                 // menuFooter
                 get: function () {
                     return this.menuHeaderColor;
@@ -505,7 +480,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleTextColor", {
-                //menuSeparator
                 //#endregion Menu
                 //#region Toggle
                 get: function () {
@@ -522,7 +496,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleContainerBgHover", {
-                // idle :hover
                 get: function () {
                     return this.toggleBgHover;
                 },
@@ -530,7 +503,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleContainerBgChecked", {
-                // checked
                 get: function () {
                     return this.toggleBgChecked;
                 },
@@ -538,8 +510,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleBgDisabled", {
-                // checked :hover
-                // disabled
                 get: function () {
                     return this.bgDisabled;
                 },
@@ -547,7 +517,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "toggleBorderColorDisabledChecked", {
-                // disabled checked
                 get: function () {
                     return this.toggleBorderColor;
                 },
@@ -555,8 +524,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "tokenTextColorDisabled", {
-                //#endregion Toggle
-                //#region Token
                 get: function () {
                     return this.textColorDisabled;
                 },
@@ -570,9 +537,14 @@ export var DarkTheme6_0 = createTheme({
                 enumerable: false,
                 configurable: true
             });
+            Object.defineProperty(DarkTheme6_0, "tokenColorPressed", {
+                get: function () {
+                    return this.tokenColor;
+                },
+                enumerable: false,
+                configurable: true
+            });
             Object.defineProperty(DarkTheme6_0, "inputBorderTopColor", {
-                //#endregion Token
-                //#region Input
                 get: function () {
                     return this.inputBorderColor;
                 },
@@ -721,6 +693,13 @@ export var DarkTheme6_0 = createTheme({
                 enumerable: false,
                 configurable: true
             });
+            Object.defineProperty(DarkTheme6_0, "dateSelectLinkPressedColor", {
+                get: function () {
+                    return this.linkActiveColor;
+                },
+                enumerable: false,
+                configurable: true
+            });
             Object.defineProperty(DarkTheme6_0, "dateSelectPopupBoxShadow", {
                 get: function () {
                     return this.popupBoxShadow;
@@ -729,10 +708,6 @@ 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;
                 },
@@ -740,10 +715,6 @@ 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 () {
@@ -837,10 +808,6 @@ 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;
                 },
@@ -896,6 +863,13 @@ 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;
@@ -933,15 +907,34 @@ 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;
@@ -984,6 +977,13 @@ 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;
@@ -1090,8 +1090,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "switcherButtonDisabledBorderColor", {
-                //#endregion TokenInput
-                //#region Switcher
                 get: function () {
                     return this.switcherBtnDisabledBorderColor;
                 },
@@ -1120,8 +1118,6 @@ export var DarkTheme6_0 = createTheme({
                 configurable: true
             });
             Object.defineProperty(DarkTheme6_0, "fileUploaderTextColorDefault", {
-                //#endregion Switcher
-                //#region FileUploader
                 get: function () {
                     return this.textColorDefault;
                 },
@@ -1220,10 +1216,6 @@ 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 () {
@@ -1233,10 +1225,6 @@ 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 () {
@@ -1248,55 +1236,366 @@ 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,
+        _a.calendarCellPressedBgColor = colors.shapeOtherBacklessPressed,
+        //#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.menuItemPressedBg = colors.shapeOtherBacklessPressed,
+        _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.tokenBgPressed = colors.shapeFaintNeutralAlphaPressed,
+        _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.fileUploaderErrorBgPressedColor = colors.shapeFaintErrorPressed,
+        _a.fileUploaderErrorTextColor = colors.textErrorHeavy,
+        _a.fileUploaderWarningBgColor = colors.shapeFaintWarning,
+        _a.fileUploaderWarningBgHoverColor = colors.shapeFaintWarningHover,
+        _a.fileUploaderWarningBgPressedColor = colors.shapeFaintWarningPressed,
+        _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')],