@skbkontur/react-ui 6.1.6 → 6.1.7-65057.0

package/internal/themes/BasicTheme.js

@@ -1364,6 +1364,74 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "timePickerPopupBg", {
+        get: function () {
+            return this.bgSecondary;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerPopupBorderRadius", {
+        get: function () {
+            return this.menuBorderRadius;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerPopupShadow", {
+        get: function () {
+            return this.menuShadow;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerMaskColor", {
+        get: function () {
+            return this.placeholderColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerMenuOffsetY", {
+        get: function () {
+            return "".concat(parseInt(this.menuOffsetY) - 1, "px");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightSmall", {
+        get: function () {
+            var timePickerVisibleItemsCount = 8;
+            var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
+            return "".concat((parseInt(this.menuItemLineHeightSmall) + parseInt(this.menuItemPaddingYSmall) * 2) *
+                timePickerVisibleItemsCount +
+                parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightMedium", {
+        get: function () {
+            var timePickerVisibleItemsCount = 8;
+            var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
+            return "".concat((parseInt(this.menuItemLineHeightMedium) + parseInt(this.menuItemPaddingYMedium) * 2) *
+                timePickerVisibleItemsCount +
+                parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightLarge", {
+        get: function () {
+            var timePickerVisibleItemsCount = 8;
+            var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
+            return "".concat((parseInt(this.menuItemLineHeightLarge) + parseInt(this.menuItemPaddingYLarge) * 2) *
+                timePickerVisibleItemsCount +
+                parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "dateSelectMenuBg", {
         //#endregion
         //#region DateSelect
@@ -2285,6 +2353,55 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "toggleCommentFontSizeSmall", {
+        get: function () {
+            return this.commentFontSizeSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "toggleCommentFontSizeMedium", {
+        get: function () {
+            return this.commentFontSizeMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "toggleCommentFontSizeLarge", {
+        get: function () {
+            return this.commentFontSizeLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "toggleCommentLineHeightSmall", {
+        get: function () {
+            return this.commentLineHeightSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "toggleCommentLineHeightMedium", {
+        get: function () {
+            return this.commentLineHeightMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "toggleCommentLineHeightLarge", {
+        get: function () {
+            return this.commentLineHeightLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "toggleCommentTextColor", {
+        get: function () {
+            return this.commentTextColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "toggleOutlineColorFocus", {
         get: function () {
             return this.outlineColorFocus;
@@ -2599,6 +2716,55 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "checkboxCommentFontSizeSmall", {
+        get: function () {
+            return this.commentFontSizeSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "checkboxCommentFontSizeMedium", {
+        get: function () {
+            return this.commentFontSizeMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "checkboxCommentFontSizeLarge", {
+        get: function () {
+            return this.commentFontSizeLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "checkboxCommentLineHeightSmall", {
+        get: function () {
+            return this.commentLineHeightSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "checkboxCommentLineHeightMedium", {
+        get: function () {
+            return this.commentLineHeightMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "checkboxCommentLineHeightLarge", {
+        get: function () {
+            return this.commentLineHeightLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "checkboxCommentTextColor", {
+        get: function () {
+            return this.commentTextColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "checkboxPaddingYSmall", {
         get: function () {
             var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
@@ -2980,6 +3146,55 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "radioCommentFontSizeSmall", {
+        get: function () {
+            return this.commentFontSizeSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "radioCommentFontSizeMedium", {
+        get: function () {
+            return this.commentFontSizeMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "radioCommentFontSizeLarge", {
+        get: function () {
+            return this.commentFontSizeLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "radioCommentLineHeightSmall", {
+        get: function () {
+            return this.commentLineHeightSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "radioCommentLineHeightMedium", {
+        get: function () {
+            return this.commentLineHeightMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "radioCommentLineHeightLarge", {
+        get: function () {
+            return this.commentLineHeightLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "radioCommentTextColor", {
+        get: function () {
+            return this.commentTextColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "radioPaddingYSmall", {
         get: function () {
             var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
@@ -3867,6 +4082,13 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.mobileMediaQuery = '(max-width: 576px)';
     BasicThemeClass.transitionDuration = '100ms';
     BasicThemeClass.transitionTimingFunction = 'cubic-bezier(0.5, 1, 0.89, 1)';
+    BasicThemeClass.commentFontSizeSmall = '12px';
+    BasicThemeClass.commentFontSizeMedium = '14px';
+    BasicThemeClass.commentFontSizeLarge = '16px';
+    BasicThemeClass.commentLineHeightSmall = '16px';
+    BasicThemeClass.commentLineHeightMedium = '20px';
+    BasicThemeClass.commentLineHeightLarge = '22px';
+    BasicThemeClass.commentTextColor = colors.textNeutralSoft;
     //#endregion Common variables
     //#region Link
     BasicThemeClass.linkColor = colors.textAccentHeavy;
@@ -4313,6 +4535,34 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.mobileCalendarGridRowSpacing = '8px';
     BasicThemeClass.mobileCalendarWrapperHeight = '304px';
     //#endregion DatePicker
+    //#region TimePicker
+    BasicThemeClass.timePickerItemGapSmall = '8px';
+    BasicThemeClass.timePickerItemGapMedium = '8px';
+    BasicThemeClass.timePickerItemGapLarge = '8px';
+    BasicThemeClass.timePickerSuffixGapSmall = '4px';
+    BasicThemeClass.timePickerSuffixGapMedium = '6px';
+    BasicThemeClass.timePickerSuffixGapLarge = '8px';
+    BasicThemeClass.timePickerInputMinWidthSmall = '60px';
+    BasicThemeClass.timePickerInputMinWidthMedium = '74px';
+    BasicThemeClass.timePickerInputMinWidthLarge = '88px';
+    BasicThemeClass.timePickerInputMinWidthWithSecondsSmall = '86px';
+    BasicThemeClass.timePickerInputMinWidthWithSecondsMedium = '102px';
+    BasicThemeClass.timePickerInputMinWidthWithSecondsLarge = '120px';
+    BasicThemeClass.timePickerInputMinWidthWithIconSmall = '80px';
+    BasicThemeClass.timePickerInputMinWidthWithIconMedium = '100px';
+    BasicThemeClass.timePickerInputMinWidthWithIconLarge = '120px';
+    BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsSmall = '106px';
+    BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsMedium = '128px';
+    BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsLarge = '152px';
+    BasicThemeClass.timePickerSeparatorOffsetTopSmall = '-1px';
+    BasicThemeClass.timePickerSeparatorOffsetTopMedium = '-1px';
+    BasicThemeClass.timePickerSeparatorOffsetTopLarge = '-2px';
+    BasicThemeClass.timePickerSeparatorPaddingXSmall = '1px';
+    BasicThemeClass.timePickerSeparatorPaddingXMedium = '2px';
+    BasicThemeClass.timePickerSeparatorPaddingXLarge = '2px';
+    BasicThemeClass.timePickerSelectedBgColor = '';
+    BasicThemeClass.timePickerSelectedTextColor = '';
+    //#endregion TimePicker
     //#region DateRangePicker
     BasicThemeClass.rangeCalendarCellBg = colors.shapeFaintNeutralAlpha;
     BasicThemeClass.rangeCalendarCellEndBg = colors.shapeBoldAccent;
@@ -4617,6 +4867,9 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.radioHoverShadow = 'none';
     BasicThemeClass.radioActiveShadow = 'none';
     BasicThemeClass.radioCheckedBorderColor = 'transparent';
+    /**
+     * @deprecated Не используется. Будет удалена в `7.0`.
+     */
     BasicThemeClass.radioCaptionDisplay = 'inline-flex';
     BasicThemeClass.radioBorderWidthCompensation = '0px';
     BasicThemeClass.radioCircleOffsetY = '1px';