@skbkontur/react-ui 6.1.6 → 6.1.7-1c902.0

package/internal/themes/BasicTheme.d.ts

@@ -67,6 +67,13 @@ export declare class BasicThemeClass {
     static mobileMediaQuery: string;
     static transitionDuration: string;
     static transitionTimingFunction: string;
+    static commentFontSizeSmall: string;
+    static commentFontSizeMedium: string;
+    static commentFontSizeLarge: string;
+    static commentLineHeightSmall: string;
+    static commentLineHeightMedium: string;
+    static commentLineHeightLarge: string;
+    static commentTextColor: string;
     static linkColor: string;
     static linkTextDecoration: string;
     static linkHoverColor: string;
@@ -757,6 +764,40 @@ export declare class BasicThemeClass {
     static mobileCalendarCellFontSize: string;
     static mobileCalendarGridRowSpacing: string;
     static mobileCalendarWrapperHeight: string;
+    static timePickerItemGapSmall: string;
+    static timePickerItemGapMedium: string;
+    static timePickerItemGapLarge: string;
+    static timePickerSuffixGapSmall: string;
+    static timePickerSuffixGapMedium: string;
+    static timePickerSuffixGapLarge: string;
+    static timePickerInputMinWidthSmall: string;
+    static timePickerInputMinWidthMedium: string;
+    static timePickerInputMinWidthLarge: string;
+    static timePickerInputMinWidthWithSecondsSmall: string;
+    static timePickerInputMinWidthWithSecondsMedium: string;
+    static timePickerInputMinWidthWithSecondsLarge: string;
+    static timePickerInputMinWidthWithIconSmall: string;
+    static timePickerInputMinWidthWithIconMedium: string;
+    static timePickerInputMinWidthWithIconLarge: string;
+    static timePickerInputMinWidthWithIconAndSecondsSmall: string;
+    static timePickerInputMinWidthWithIconAndSecondsMedium: string;
+    static timePickerInputMinWidthWithIconAndSecondsLarge: string;
+    static timePickerSeparatorOffsetTopSmall: string;
+    static timePickerSeparatorOffsetTopMedium: string;
+    static timePickerSeparatorOffsetTopLarge: string;
+    static timePickerSeparatorPaddingXSmall: string;
+    static timePickerSeparatorPaddingXMedium: string;
+    static timePickerSeparatorPaddingXLarge: string;
+    static get timePickerPopupBg(): string;
+    static get timePickerPopupBorderRadius(): string;
+    static get timePickerPopupShadow(): string;
+    static get timePickerMaskColor(): string;
+    static timePickerSelectedBgColor: string;
+    static timePickerSelectedTextColor: string;
+    static get timePickerMenuOffsetY(): string;
+    static get timePickerMenuMaxHeightSmall(): string;
+    static get timePickerMenuMaxHeightMedium(): string;
+    static get timePickerMenuMaxHeightLarge(): string;
     static rangeCalendarCellBg: string;
     static rangeCalendarCellEndBg: string;
     static rangeCalendarCellEndColor: string;
@@ -1067,6 +1108,13 @@ export declare class BasicThemeClass {
     static toggleBgFocus: string;
     static toggleCaptionGap: string;
     static toggleButtonOffsetY: string;
+    static get toggleCommentFontSizeSmall(): string;
+    static get toggleCommentFontSizeMedium(): string;
+    static get toggleCommentFontSizeLarge(): string;
+    static get toggleCommentLineHeightSmall(): string;
+    static get toggleCommentLineHeightMedium(): string;
+    static get toggleCommentLineHeightLarge(): string;
+    static get toggleCommentTextColor(): string;
     static get toggleOutlineColorFocus(): string;
     static toggleContainerBg: string;
     static toggleHandleBg: string;
@@ -1179,6 +1227,13 @@ export declare class BasicThemeClass {
     static checkboxBoxSizeMedium: string;
     static checkboxBoxSizeLarge: string;
     static checkboxCaptionGap: string;
+    static get checkboxCommentFontSizeSmall(): string;
+    static get checkboxCommentFontSizeMedium(): string;
+    static get checkboxCommentFontSizeLarge(): string;
+    static get checkboxCommentLineHeightSmall(): string;
+    static get checkboxCommentLineHeightMedium(): string;
+    static get checkboxCommentLineHeightLarge(): string;
+    static get checkboxCommentTextColor(): string;
     static get checkboxPaddingYSmall(): string;
     static get checkboxPaddingYMedium(): string;
     static get checkboxPaddingYLarge(): string;
@@ -1270,6 +1325,13 @@ export declare class BasicThemeClass {
     static get radioLineHeightSmall(): string;
     static get radioLineHeightMedium(): string;
     static get radioLineHeightLarge(): string;
+    static get radioCommentFontSizeSmall(): string;
+    static get radioCommentFontSizeMedium(): string;
+    static get radioCommentFontSizeLarge(): string;
+    static get radioCommentLineHeightSmall(): string;
+    static get radioCommentLineHeightMedium(): string;
+    static get radioCommentLineHeightLarge(): string;
+    static get radioCommentTextColor(): string;
     static radioCaptionGap: string;
     static get radioPaddingYSmall(): string;
     static get radioPaddingYMedium(): string;
@@ -1295,6 +1357,9 @@ export declare class BasicThemeClass {
     static get radioCheckedHoverBgColor(): string;
     static get radioDisabledBg(): string;
     static get radioDisabledShadow(): string;
+    /**
+     * @deprecated Не используется. Будет удалена в `7.0`.
+     */
     static radioCaptionDisplay: string;
     static radioBorderWidthCompensation: string;
     static radioCircleOffsetY: string;

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';