@skbkontur/react-ui 5.1.7 → 5.2.0

package/cjs/internal/themes/BasicTheme.js

@@ -853,9 +853,15 @@ BasicThemeClass = exports.BasicThemeClass = /*#__PURE__*/function () {function B
 
     function get() {
       return this.modalFooterPaddingBottom;
-    } }, { key: "sidePageFooterPanelBg", get:
+    } }, { key: "mobileModalWithoutHeaderCloseButtonWidth", get:
+
+
 
 
+    function get() {
+      return parseInt(this.modalCloseIconSize) + 2 * parseInt(this.mobileModalWithoutHeaderCloseButtonPadding) + "px";
+    } }, { key: "sidePageFooterPanelBg", get:
+
 
 
 
@@ -2576,7 +2582,7 @@ BasicThemeClass.btnBackgroundClip = 'padding-box';BasicThemeClass.btnLinkBorderR
 //#region Tooltip
 BasicThemeClass.tooltipPaddingY = '16px';BasicThemeClass.tooltipPaddingX = '16px';BasicThemeClass.tooltipCloseBtnPadding = '4px';BasicThemeClass.tooltipCloseBtnSide = '16px';BasicThemeClass.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';BasicThemeClass.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';BasicThemeClass.tooltipBg = '#fff';BasicThemeClass.tooltipBorderRadius = '8px';BasicThemeClass.tooltipPinOffsetX = '16px';BasicThemeClass.tooltipPinOffsetY = '18px';BasicThemeClass.tooltipMargin = '10px';BasicThemeClass.kebabMargin = '4px';BasicThemeClass.kebabBackground = 'transparent';BasicThemeClass.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';BasicThemeClass.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';BasicThemeClass.kebabBorderRadius = '50%';BasicThemeClass.kebabBorder = '2px solid transparent';BasicThemeClass.kebabSizeSmall = '24px';BasicThemeClass.kebabSizeMedium = '32px';BasicThemeClass.kebabSizeLarge = '40px';BasicThemeClass.kebabIconSizeSmall = '16px';BasicThemeClass.kebabIconSizeMedium = '20px';BasicThemeClass.kebabIconSizeLarge = '24px';BasicThemeClass.kebabIconColor = '#757575'; //#endregion
 //#region Modal
-BasicThemeClass.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';BasicThemeClass.modalBackBg = '#000';BasicThemeClass.modalBackOpacity = '0.16';BasicThemeClass.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';BasicThemeClass.modalCloseButtonDisabledColor = '#8b8b8b';BasicThemeClass.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';BasicThemeClass.modalCloseButtonPadding = '32px';BasicThemeClass.modalCloseButtonBottomPadding = '20px'; /** @deprecated use modalCloseButtonClickArea[Top/Bottom/Left/Right] instead */BasicThemeClass.modalCloseButtonClickArea = '6px';BasicThemeClass.modalCloseButtonClickAreaTop = '6px';BasicThemeClass.modalCloseButtonClickAreaBottom = '6px';BasicThemeClass.modalCloseButtonClickAreaLeft = '6px';BasicThemeClass.modalCloseButtonClickAreaRight = '6px';BasicThemeClass.modalCloseIconSize = '20px';BasicThemeClass.modalBorderRadius = '16px';BasicThemeClass.modalFixedHeaderBorder = 'none';BasicThemeClass.modalFixedFooterBorder = 'none';BasicThemeClass.modalFixedPanelShadow = 'none';BasicThemeClass.modalAdaptiveThreshold = '425px';BasicThemeClass.modalPaddingTop = '24px';BasicThemeClass.modalPaddingLeft = '32px';BasicThemeClass.modalPaddingRight = '32px';BasicThemeClass.modalHeaderFontSize = '24px';BasicThemeClass.modalHeaderFontWeight = '700';BasicThemeClass.modalHeaderLineHeight = '32px';BasicThemeClass.modalHeaderPaddingBottom = '16px';BasicThemeClass.modalHeaderPaddingTop = '24px';BasicThemeClass.modalFixedHeaderMarginBottom = '0px';BasicThemeClass.modalFixedFooterMarginTop = '0px';BasicThemeClass.modalSeparatorBorderBottom = '1px solid #E6E6E6';BasicThemeClass.modalBodyTextColor = 'inherit';BasicThemeClass.modalFooterTextColor = 'inherit';BasicThemeClass.modalBodyPaddingTop = '0';BasicThemeClass.modalBodyPaddingBottom = '20px';BasicThemeClass.modalBodyBorderRadius = '0px';BasicThemeClass.modalFooterPaddingTop = '0px';BasicThemeClass.modalFooterPaddingBottom = '20px';BasicThemeClass.modalPaddingBottom = '40px';BasicThemeClass.modalFooterPanelPaddingTop = '20px';BasicThemeClass.mobileModalCloseButtonRightPadding = '16px';BasicThemeClass.mobileModalCloseButtonTopPadding = '8px';BasicThemeClass.mobileModalCloseButtonClickArea = '16px';BasicThemeClass.mobileModalCloseIconSize = '20px';BasicThemeClass.mobileModalHeaderFontSize = '24px';BasicThemeClass.mobileModalHeaderLineHeight = '32px';BasicThemeClass.mobileModalHeaderPadding = '16px';BasicThemeClass.mobileModalBodyPadding = '0 16px 16px 16px';BasicThemeClass.mobileModalBodyFontSize = '16px';BasicThemeClass.mobileModalFooterPadding = '16px';BasicThemeClass.mobileModalPaddingBottom = '16px';BasicThemeClass.mobileModalContainerHeight = '100%';BasicThemeClass.mobileModalContainerMarginTop = '0';BasicThemeClass.mobileModalContainerMarginRight = '0';BasicThemeClass.mobileModalContainerMarginBottom = '0';BasicThemeClass.mobileModalContainerMarginLeft = '0';BasicThemeClass.sidePageBackingBg = '#000';BasicThemeClass.sidePageBackingBgOpacity = '0.16';BasicThemeClass.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';BasicThemeClass.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';BasicThemeClass.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';BasicThemeClass.mobileSidePagePaddingLeft = '16px';BasicThemeClass.mobileSidePagePaddingRight = '16px';BasicThemeClass.mobileSidePagePaddingTop = '16px';BasicThemeClass.mobileSidePagePaddingBottom = '16px';BasicThemeClass.mobileSidePageFooterPadding = '16px';BasicThemeClass.sidePagePaddingLeft = '32px';BasicThemeClass.sidePagePaddingRight = '36px';BasicThemeClass.sidePagePaddingTop = '24px';BasicThemeClass.sidePagePaddingBottom = '40px';BasicThemeClass.sidePageFooterPaddingTop = '20px';BasicThemeClass.sidePageFooterPaddingBottom = '20px';BasicThemeClass.sidePageBgDefault = '#fff';BasicThemeClass.sidePageBodyTextColor = 'inherit';BasicThemeClass.sidePageFooterTextColor = 'inherit';BasicThemeClass.sidePageHeaderFontSize = '24px';BasicThemeClass.sidePageHeaderLineHeight = '32px';BasicThemeClass.sidePageHeaderPaddingBottom = '16px';BasicThemeClass.sidePageHeaderPaddingTop = '24px';BasicThemeClass.sidePageHeaderFixedFontSize = '18px';BasicThemeClass.sidePageHeaderFixedLineHeight = '28px';BasicThemeClass.sidePageHeaderFixedPaddingY = '10px';BasicThemeClass.sidePageHeaderStickyOffset = '9px'; /** @deprecated use sidePageCloseButtonClickAreaLeft and sidePageCloseButtonClickAreaRight instead */BasicThemeClass.sidePageCloseButtonPadding = '32px';BasicThemeClass.mobileSidePageCloseButtonPadding = '16px';BasicThemeClass.sidePageCloseIconSize = '20px'; /** @deprecated use sidePageCloseButtonClickArea[Top/Bottom/Left/Right] instead */BasicThemeClass.sidePageCloseButtonClickArea = '6px';BasicThemeClass.sidePageCloseButtonClickAreaTop = '6px';BasicThemeClass.sidePageCloseButtonClickAreaBottom = '6px';BasicThemeClass.sidePageCloseButtonClickAreaLeft = '6px';BasicThemeClass.sidePageCloseButtonClickAreaRight = '6px';BasicThemeClass.sidePageCloseButtonFixedClickAreaBottom = '14px';BasicThemeClass.mobileSidePageCloseButtonClickArea = '16px';BasicThemeClass.sidePageFixedPanelShadow = 'none';BasicThemeClass.mobileSidePageHeaderFontSize = '24px';BasicThemeClass.mobileSidePageHeaderLineHeight = '32px';BasicThemeClass.mobileSidePageHeaderPaddingBottom = '16px';BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px'; /** @deprecated use mobileSidePageCloseButtonPadding instead */BasicThemeClass.mobileSidePageCloseButtonRightPadding = '12px';BasicThemeClass.sidePageHeaderFontWeight = 'bold';BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '4px';BasicThemeClass.sidePageCloseButtonWrapperFixedOffsetTop = '4px';BasicThemeClass.dateInputMaskColor = '#b8b8b8';BasicThemeClass.dateInputComponentSelectedBgColor = '';BasicThemeClass.dateInputComponentSelectedTextColor = '';BasicThemeClass.calendarBorderRadius = '8px';BasicThemeClass.calendarCellHoverColor = '';BasicThemeClass.calendarCellActiveHoverColor = '';BasicThemeClass.calendarCellTodayBorder = '1px solid';BasicThemeClass.calendarCellBorderRadius = '9999px';BasicThemeClass.calendarCellSelectedBgColor = '#E6E6E6';BasicThemeClass.calendarCellSelectedFontColor = 'inherit';BasicThemeClass.calendarCellHeight = '32px';BasicThemeClass.calendarCellFontSize = '14px';BasicThemeClass.calendarMonthTitleBorderBottomColor = '#dfdede';BasicThemeClass.calendarCellHoverBgColor = '#F0F0F0';BasicThemeClass.calendarPaddingX = '18px';BasicThemeClass.calendarMonthTitleLineHeight = '20px';BasicThemeClass.calendarMonthTitlePaddingTop = '12px';BasicThemeClass.calendarMonthTitlePaddingBottom = '8px';BasicThemeClass.calendarMonthTitleMarginX = '6px';BasicThemeClass.calendarMonthTitleMarginBottom = '6px';BasicThemeClass.calendarWrapperHeight = ' 330px';BasicThemeClass.calendarMonthMarginBottom = '6px';BasicThemeClass.calendarMaxMonthsToAppendOnScroll = '5';BasicThemeClass.calendarGridRowSpacing = '0px';BasicThemeClass.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.mobileCalendarPaddingX = '16px';BasicThemeClass.mobileCalendarCellWidth = '40px';BasicThemeClass.mobileCalendarCellHeight = '40px';BasicThemeClass.mobileCalendarCellBorderRadius = '20px';BasicThemeClass.mobileCalendarCellFontSize = '16px';BasicThemeClass.mobileCalendarGridRowSpacing = '8px';BasicThemeClass.mobileCalendarWrapperHeight = '304px'; //#endregion DatePicker
+BasicThemeClass.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';BasicThemeClass.modalBackBg = '#000';BasicThemeClass.modalBackOpacity = '0.16';BasicThemeClass.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';BasicThemeClass.modalCloseButtonDisabledColor = '#8b8b8b';BasicThemeClass.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';BasicThemeClass.modalCloseButtonPadding = '32px';BasicThemeClass.modalCloseButtonBottomPadding = '20px'; /** @deprecated use modalCloseButtonClickArea[Top/Bottom/Left/Right] instead */BasicThemeClass.modalCloseButtonClickArea = '6px';BasicThemeClass.modalCloseButtonClickAreaTop = '6px';BasicThemeClass.modalCloseButtonClickAreaBottom = '6px';BasicThemeClass.modalCloseButtonClickAreaLeft = '6px';BasicThemeClass.modalCloseButtonClickAreaRight = '6px';BasicThemeClass.modalCloseIconSize = '20px';BasicThemeClass.modalBorderRadius = '16px';BasicThemeClass.modalFixedHeaderBorder = 'none';BasicThemeClass.modalFixedFooterBorder = 'none';BasicThemeClass.modalFixedPanelShadow = 'none';BasicThemeClass.modalAdaptiveThreshold = '425px';BasicThemeClass.modalPaddingTop = '24px';BasicThemeClass.modalPaddingLeft = '32px';BasicThemeClass.modalPaddingRight = '32px';BasicThemeClass.modalHeaderFontSize = '24px';BasicThemeClass.modalHeaderFontWeight = '700';BasicThemeClass.modalHeaderLineHeight = '32px';BasicThemeClass.modalHeaderPaddingBottom = '16px';BasicThemeClass.modalHeaderPaddingTop = '24px';BasicThemeClass.modalFixedHeaderMarginBottom = '0px';BasicThemeClass.modalFixedFooterMarginTop = '0px';BasicThemeClass.modalSeparatorBorderBottom = '1px solid #E6E6E6';BasicThemeClass.modalBodyTextColor = 'inherit';BasicThemeClass.modalFooterTextColor = 'inherit';BasicThemeClass.modalBodyPaddingTop = '0';BasicThemeClass.modalBodyPaddingBottom = '20px';BasicThemeClass.modalBodyBorderRadius = '0px';BasicThemeClass.modalFooterPaddingTop = '0px';BasicThemeClass.modalFooterPaddingBottom = '20px';BasicThemeClass.modalPaddingBottom = '40px';BasicThemeClass.modalFooterPanelPaddingTop = '20px';BasicThemeClass.mobileModalCloseButtonRightPadding = '16px';BasicThemeClass.mobileModalCloseButtonTopPadding = '8px';BasicThemeClass.mobileModalCloseButtonClickArea = '16px';BasicThemeClass.mobileModalWithoutHeaderCloseButtonPadding = '10px';BasicThemeClass.mobileModalCloseIconSize = '20px';BasicThemeClass.mobileModalHeaderFontSize = '24px';BasicThemeClass.mobileModalHeaderLineHeight = '32px';BasicThemeClass.mobileModalHeaderPadding = '16px';BasicThemeClass.mobileModalBodyPadding = '0 16px 16px 16px';BasicThemeClass.mobileModalBodyPaddingTop = '16px';BasicThemeClass.mobileModalBodyPaddingBottom = '16px';BasicThemeClass.mobileModalBodyFontSize = '16px';BasicThemeClass.mobileModalFooterPadding = '16px';BasicThemeClass.mobileModalPaddingBottom = '16px';BasicThemeClass.mobileModalContainerHeight = '100%';BasicThemeClass.mobileModalContainerMarginTop = '0';BasicThemeClass.mobileModalContainerMarginRight = '0';BasicThemeClass.mobileModalContainerMarginBottom = '0';BasicThemeClass.mobileModalContainerMarginLeft = '0';BasicThemeClass.sidePageBackingBg = '#000';BasicThemeClass.sidePageBackingBgOpacity = '0.16';BasicThemeClass.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';BasicThemeClass.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';BasicThemeClass.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';BasicThemeClass.mobileSidePagePaddingLeft = '16px';BasicThemeClass.mobileSidePagePaddingRight = '16px';BasicThemeClass.mobileSidePagePaddingTop = '16px';BasicThemeClass.mobileSidePagePaddingBottom = '16px';BasicThemeClass.mobileSidePageFooterPadding = '16px';BasicThemeClass.sidePagePaddingLeft = '32px';BasicThemeClass.sidePagePaddingRight = '36px';BasicThemeClass.sidePagePaddingTop = '24px';BasicThemeClass.sidePagePaddingBottom = '40px';BasicThemeClass.sidePageFooterPaddingTop = '20px';BasicThemeClass.sidePageFooterPaddingBottom = '20px';BasicThemeClass.sidePageBgDefault = '#fff';BasicThemeClass.sidePageBodyTextColor = 'inherit';BasicThemeClass.sidePageFooterTextColor = 'inherit';BasicThemeClass.sidePageHeaderFontSize = '24px';BasicThemeClass.sidePageHeaderLineHeight = '32px';BasicThemeClass.sidePageHeaderPaddingBottom = '16px';BasicThemeClass.sidePageHeaderPaddingTop = '24px';BasicThemeClass.sidePageHeaderFixedFontSize = '18px';BasicThemeClass.sidePageHeaderFixedLineHeight = '28px';BasicThemeClass.sidePageHeaderFixedPaddingY = '10px';BasicThemeClass.sidePageHeaderStickyOffset = '9px'; /** @deprecated use sidePageCloseButtonClickAreaLeft and sidePageCloseButtonClickAreaRight instead */BasicThemeClass.sidePageCloseButtonPadding = '32px';BasicThemeClass.mobileSidePageCloseButtonPadding = '16px';BasicThemeClass.sidePageCloseIconSize = '20px'; /** @deprecated use sidePageCloseButtonClickArea[Top/Bottom/Left/Right] instead */BasicThemeClass.sidePageCloseButtonClickArea = '6px';BasicThemeClass.sidePageCloseButtonClickAreaTop = '6px';BasicThemeClass.sidePageCloseButtonClickAreaBottom = '6px';BasicThemeClass.sidePageCloseButtonClickAreaLeft = '6px';BasicThemeClass.sidePageCloseButtonClickAreaRight = '6px';BasicThemeClass.sidePageCloseButtonFixedClickAreaBottom = '14px';BasicThemeClass.mobileSidePageCloseButtonClickArea = '16px';BasicThemeClass.sidePageFixedPanelShadow = 'none';BasicThemeClass.mobileSidePageHeaderFontSize = '24px';BasicThemeClass.mobileSidePageHeaderLineHeight = '32px';BasicThemeClass.mobileSidePageHeaderPaddingBottom = '16px';BasicThemeClass.mobileSidePageHeaderPaddingTop = '16px'; /** @deprecated use mobileSidePageCloseButtonPadding instead */BasicThemeClass.mobileSidePageCloseButtonRightPadding = '12px';BasicThemeClass.sidePageHeaderFontWeight = 'bold';BasicThemeClass.sidePageCloseButtonWrapperOffsetTop = '4px';BasicThemeClass.sidePageCloseButtonWrapperFixedOffsetTop = '4px';BasicThemeClass.dateInputMaskColor = '#b8b8b8';BasicThemeClass.dateInputComponentSelectedBgColor = '';BasicThemeClass.dateInputComponentSelectedTextColor = '';BasicThemeClass.calendarBorderRadius = '8px';BasicThemeClass.calendarCellHoverColor = '';BasicThemeClass.calendarCellActiveHoverColor = '';BasicThemeClass.calendarCellTodayBorder = '1px solid';BasicThemeClass.calendarCellBorderRadius = '9999px';BasicThemeClass.calendarCellSelectedBgColor = '#E6E6E6';BasicThemeClass.calendarCellSelectedFontColor = 'inherit';BasicThemeClass.calendarCellHeight = '32px';BasicThemeClass.calendarCellFontSize = '14px';BasicThemeClass.calendarMonthTitleBorderBottomColor = '#dfdede';BasicThemeClass.calendarCellHoverBgColor = '#F0F0F0';BasicThemeClass.calendarPaddingX = '18px';BasicThemeClass.calendarMonthTitleLineHeight = '20px';BasicThemeClass.calendarMonthTitlePaddingTop = '12px';BasicThemeClass.calendarMonthTitlePaddingBottom = '8px';BasicThemeClass.calendarMonthTitleMarginX = '6px';BasicThemeClass.calendarMonthTitleMarginBottom = '6px';BasicThemeClass.calendarWrapperHeight = ' 330px';BasicThemeClass.calendarMonthMarginBottom = '6px';BasicThemeClass.calendarMaxMonthsToAppendOnScroll = '5';BasicThemeClass.calendarGridRowSpacing = '0px';BasicThemeClass.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';BasicThemeClass.mobileCalendarPaddingX = '16px';BasicThemeClass.mobileCalendarCellWidth = '40px';BasicThemeClass.mobileCalendarCellHeight = '40px';BasicThemeClass.mobileCalendarCellBorderRadius = '20px';BasicThemeClass.mobileCalendarCellFontSize = '16px';BasicThemeClass.mobileCalendarGridRowSpacing = '8px';BasicThemeClass.mobileCalendarWrapperHeight = '304px'; //#endregion DatePicker
 //#region DateRangePicker
 BasicThemeClass.rangeCalendarCellBg = '#f0f0f0';BasicThemeClass.rangeCalendarCellEndBg = '#1e1e1e';BasicThemeClass.rangeCalendarCellEndColor = 'white';BasicThemeClass.rangeCalendarCellHoverBg = 'rgba(0, 0, 0, 0.1)';BasicThemeClass.rangeCalendarWrapperHeight = '450px';BasicThemeClass.mobileRangeCalendarCellHeight = '42px';BasicThemeClass.mobileRangeCalendarCellWidth = '42px';BasicThemeClass.mobileRangeCalendarGridRowSpacing = '0px';BasicThemeClass.mobileRangeCalendarWrapperHeight = '400px';BasicThemeClass.dateSelectMenuItemBgActive = '#F0F0F0';BasicThemeClass.dateSelectMenuItemFontActive = '';BasicThemeClass.dateSelectLineHeight = '20px';BasicThemeClass.dateSelectFontSize = '14px';BasicThemeClass.dateSelectFontWeight = 'bold';BasicThemeClass.dateSelectMenuItemBgSelected = '#ececec';BasicThemeClass.dateSelectTextColorInvert = '';BasicThemeClass.mobileDateSelectFontSize = '16px';BasicThemeClass.mobileDateSelectLineHeight = '20px';BasicThemeClass.pagingPageLinkBoxSizing = 'border-box';BasicThemeClass.pagingPageLinkPaddingX = '12px';BasicThemeClass.pagingPageLinkPaddingY = '0.3125em';BasicThemeClass.pagingPageLinkMinWidth = '0.75em';BasicThemeClass.pagingPageForwardLinkMarginTop = '';BasicThemeClass.pagingPageForwardLinkMarginLeft = '0px';BasicThemeClass.pagingLineHeight = '22px';BasicThemeClass.pagingDotsColor = '#ADADAD';BasicThemeClass.pagingDotsPadding = '0.375em 0.625em 0';BasicThemeClass.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';BasicThemeClass.pagingPageLinkDisabledActiveBg = 'rgba(0, 0, 0, 0.04)';BasicThemeClass.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';BasicThemeClass.pagingPageLinkBorderRadius = '9999px';BasicThemeClass.pagingPageLinkHintFontSize = '12px';BasicThemeClass.pagingPageLinkHintLineHeight = '16px';BasicThemeClass.pagingPageLinkHintMargin = '4px -20px 0px';BasicThemeClass.pagingPageLinkMargin = '0px 1px';BasicThemeClass.hintMaxWidth = '200px';BasicThemeClass.hintPaddingY = '4px';BasicThemeClass.hintPaddingX = '8px';BasicThemeClass.hintTextAlign = 'center';BasicThemeClass.hintBgColor = 'rgba(0, 0, 0, 0.76)';BasicThemeClass.hintBorder = 'none';BasicThemeClass.hintBorderRadius = '6px';BasicThemeClass.hintMargin = '8px';BasicThemeClass.toastPaddingY = '10px';BasicThemeClass.toastPaddingX = '16px';BasicThemeClass.toastBorderRadius = '8px';BasicThemeClass.toastBorder = 'none';BasicThemeClass.toastTop = '24px';BasicThemeClass.toastBg = 'rgba(0, 0, 0, 0.76)';BasicThemeClass.toastColor = 'white';BasicThemeClass.toastLinkColor = '#fff';BasicThemeClass.toastLinkTextDecorationHover = '';BasicThemeClass.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';BasicThemeClass.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';BasicThemeClass.toastLinkPadding = '12px';BasicThemeClass.toastClosePadding = '16px';BasicThemeClass.toastCloseColor = 'rgba(255, 255, 255, 0.6)';BasicThemeClass.toastCloseHoverColor = 'white';BasicThemeClass.toastCloseSize = '16px'; //#endregion Toast
 //#region Dropdown