@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

package/internal/ThemeShowcase/VariablesCollector.d.ts

@@ -17,6 +17,6 @@ export interface VariableDependencies {
 }
 export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
 export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
-export declare const ALL_USED_VARIABLES: ("prototype" | "baseFontFamily" | "labGrotesqueBaselineCompensation" | "brand" | "white" | "grayXLight" | "gray" | "grayDark" | "black" | "blueXxLight" | "blueLight" | "blue" | "greenXxLight" | "green" | "greenDark" | "red" | "redXxLight" | "redDark" | "yellowXxLight" | "yellow" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorText" | "errorSecondary" | "warningMain" | "warningSecondary" | "warningText" | "closeGrayColor" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "fontSizeMobile" | "lineHeightMobile" | "specificityLevel" | "fixedPanelShadow" | "bgActive" | "bgChecked" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "transitionDuration" | "transitionTimingFunction" | "linkColor" | "linkTextDecoration" | "linkHoverColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkIconMarginLeft" | "linkDisabledColor" | "linkGrayedColor" | "linkGrayedHoverColor" | "linkGrayedActiveColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "linkTextDecorationStyle" | "linkTextDecorationThickness" | "linkTextUnderlineOffset" | "linkHoverTextDecorationStyle" | "linkTextUnderlineOpacity" | "linkTextDecorationColor" | "linkLineBorderBottomStyle" | "linkLineHoverBorderBottomStyle" | "linkLineBorderBottomWidth" | "linkLineBorderBottomOpacity" | "linkLineBorderBottomColor" | "linkFocusOutlineColor" | "linkFocusOutlineWidth" | "linkFocusOutline" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSizeSmall" | "tokenFontSizeMedium" | "tokenFontSizeLarge" | "tokenMarginYSmall" | "tokenMarginXSmall" | "tokenMarginYMedium" | "tokenMarginXMedium" | "tokenMarginYLarge" | "tokenMarginXLarge" | "tokenLineHeightSmall" | "tokenLineHeightMedium" | "tokenLineHeightLarge" | "tokenPaddingYSmall" | "tokenPaddingXSmall" | "tokenPaddingYMedium" | "tokenPaddingXMedium" | "tokenPaddingYLarge" | "tokenPaddingXLarge" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenBg" | "tokenColor" | "tokenBorderColor" | "tokenBgHover" | "tokenColorHover" | "tokenBorderColorHover" | "tokenBgActive" | "tokenColorActive" | "tokenBorderColorActive" | "tokenInputLineHeightSmall" | "tokenInputLineHeightMedium" | "tokenInputLineHeightLarge" | "tokenInputBorderColor" | "tokenInputBorderColorHover" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputMenuPopupBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingYSmall" | "tokenInputPaddingXSmall" | "tokenInputPaddingYMedium" | "tokenInputPaddingXMedium" | "tokenInputPaddingYLarge" | "tokenInputPaddingXLarge" | "tokenInputPopupOffset" | "tokenInputPopupMarginSmall" | "tokenInputPopupMarginMedium" | "tokenInputPopupMarginLarge" | "loaderBg" | "loaderOpacity" | "loaderBorderRadius" | "btnBackgroundClip" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnBorderColorTransition" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmallLeft" | "btnIconGapSmallRight" | "btnIconGapMediumLeft" | "btnIconGapMediumRight" | "btnIconGapLargeLeft" | "btnIconGapLargeRight" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverTextColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorderColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessBorderColor" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverTextColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryActiveBg" | "btnPrimaryHoverTextColor" | "btnPrimaryBorderColor" | "btnPrimaryHoverBorderColor" | "btnPrimaryActiveBorderColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerBorderColor" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverTextColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverTextColor" | "btnPayBorderColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkTextDecorationColor" | "btnLinkTextDecorationStyle" | "btnLinkHoverTextDecorationStyle" | "btnLinkTextUnderlineOffset" | "btnLinkTextDecorationThickness" | "btnLinkTextUnderlineOpacity" | "btnLinkLineBorderBottomStyle" | "btnLinkHoverLineBorderBottomStyle" | "btnLinkLineBorderBottomWidth" | "btnLinkLineBorderBottomOpacity" | "btnLinkIconMarginRight" | "btnLinkIconMarginLeft" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "btnBacklessBg" | "btnBacklessHoverBg" | "btnBacklessActiveBg" | "btnBacklessActiveBorderColor" | "btnBacklessBorderColor" | "btnBacklessDisabledBorderColor" | "btnBacklessHoverBorderColor" | "btnBacklessHoverTextColor" | "btnBacklessTextColor" | "btnTextBg" | "btnTextHoverBg" | "btnTextActiveBg" | "btnTextBorderColor" | "btnTextTextColor" | "btnTextHoverTextColor" | "btnTextHoverBorderColor" | "btnWithIconPaddingLeftSmall" | "btnWithIconPaddingLeftMedium" | "btnWithIconPaddingLeftLarge" | "btnWithIconPaddingSmall" | "btnWithIconPaddingMedium" | "btnWithIconPaddingLarge" | "btnIconColor" | "btnIconHoverColor" | "btnIconDisabledColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectBorderRadiusMedium" | "selectBorderRadiusLarge" | "selectIconGapSmall" | "selectIconGapMedium" | "selectIconGapLarge" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "mobileSelectMaxWidth" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectMenuOffsetY" | "selectBorderColorHover" | "selectBorderColorTransition" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipPaddingYSmall" | "tooltipPaddingXSmall" | "tooltipPaddingYMedium" | "tooltipPaddingXMedium" | "tooltipPaddingYLarge" | "tooltipPaddingXLarge" | "tooltipCloseBtnPadding" | "tooltipCloseBtnPaddingSmall" | "tooltipCloseBtnPaddingMedium" | "tooltipCloseBtnPaddingLarge" | "tooltipCloseBtnSide" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBg" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipBorderRadiusSmall" | "tooltipBorderRadiusMedium" | "tooltipBorderRadiusLarge" | "tooltipPinOffsetY" | "tooltipPinOffsetYSmall" | "tooltipPinOffsetYMedium" | "tooltipPinOffsetYLarge" | "tooltipPinOffsetX" | "tooltipPinOffsetXSmall" | "tooltipPinOffsetXMedium" | "tooltipPinOffsetXLarge" | "tooltipMargin" | "tooltipMarginSmall" | "tooltipMarginMedium" | "tooltipMarginLarge" | "tooltipPinSize" | "tooltipPinSizeSmall" | "tooltipPinSizeMedium" | "tooltipPinSizeLarge" | "tooltipFontSize" | "tooltipFontSizeSmall" | "tooltipFontSizeMedium" | "tooltipFontSizeLarge" | "tooltipLineHeight" | "tooltipLineHeightSmall" | "tooltipLineHeightMedium" | "tooltipLineHeightLarge" | "tooltipMenuPinOffsetX" | "tooltipMenuPinOffsetY" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBackgroundActive" | "kebabBorderRadius" | "kebabBorder" | "kebabSizeSmall" | "kebabSizeMedium" | "kebabSizeLarge" | "kebabIconSizeSmall" | "kebabIconSizeMedium" | "kebabIconSizeLarge" | "kebabIconColor" | "modalWindowShadow" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseButtonClickAreaTop" | "modalCloseButtonClickAreaBottom" | "modalCloseButtonClickAreaLeft" | "modalCloseButtonClickAreaRight" | "modalCloseIconSize" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderFontWeight" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalHeaderAdditionalPaddingBottom" | "modalFixedHeaderMarginBottom" | "modalFixedHeaderPaddingBottom" | "modalFixedFooterPaddingTop" | "modalFixedFooterMarginTop" | "modalSeparatorBorderBottom" | "modalSeparatorMargin" | "modalSeparatorFixedMargin" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingTop" | "modalBodyPaddingBottom" | "modalBodyBorderRadius" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalWithoutHeaderCloseButtonPadding" | "mobileModalWithoutHeaderCloseButtonWidth" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyPaddingTop" | "mobileModalBodyPaddingBottom" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "mobileModalContainerHeight" | "mobileModalContainerMarginTop" | "mobileModalContainerMarginRight" | "mobileModalContainerMarginBottom" | "mobileModalContainerMarginLeft" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "mobileSidePagePaddingLeft" | "mobileSidePagePaddingRight" | "mobileSidePagePaddingTop" | "mobileSidePagePaddingBottom" | "mobileSidePageFooterPadding" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageBodyTextColor" | "sidePageFooterTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "mobileSidePageCloseButtonPadding" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "sidePageCloseButtonClickAreaTop" | "sidePageCloseButtonClickAreaBottom" | "sidePageCloseButtonClickAreaLeft" | "sidePageCloseButtonClickAreaRight" | "sidePageCloseButtonFixedClickAreaTop" | "sidePageCloseButtonFixedClickAreaBottom" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "mobileSidePageCloseButtonRightPadding" | "sidePageHeaderFontWeight" | "sidePageCloseButtonWrapperOffsetTop" | "sidePageCloseButtonWrapperFixedOffsetTop" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "dateInputComponentSelectedTextColor" | "calendarBottomSeparatorBorderColor" | "calendarBottomSeparatorBorderWidth" | "calendarBottomSeparatorBorder" | "calendarBg" | "calendarBorderRadius" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellBorderRadius" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellHeight" | "calendarCellWidth" | "calendarCellFontSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "calendarGridRowSpacing" | "datePickerOpenBtnColor" | "datePickerMenuOffsetY" | "pickerShadow" | "mobileCalendarPaddingX" | "mobileCalendarCellWidth" | "mobileCalendarCellHeight" | "mobileCalendarCellBorderRadius" | "mobileCalendarCellFontSize" | "mobileCalendarGridRowSpacing" | "mobileCalendarWrapperHeight" | "rangeCalendarCellBg" | "rangeCalendarCellEndBg" | "rangeCalendarCellEndColor" | "rangeCalendarCellHoverBg" | "rangeCalendarWrapperHeight" | "mobileRangeCalendarCellHeight" | "mobileRangeCalendarCellWidth" | "mobileRangeCalendarGridRowSpacing" | "mobileRangeCalendarWrapperHeight" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "mobileDateSelectFontSize" | "mobileDateSelectLineHeight" | "pagingFontSize" | "pagingFontSizeSmall" | "pagingFontSizeMedium" | "pagingFontSizeLarge" | "pagingLineHeight" | "pagingLineHeightSmall" | "pagingLineHeightMedium" | "pagingLineHeightLarge" | "pagingPageLinkBoxSizing" | "pagingPageLinkMinWidth" | "pagingPageLinkPaddingY" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingYSmall" | "pagingPageLinkPaddingXSmall" | "pagingPageLinkPaddingYMedium" | "pagingPageLinkPaddingXMedium" | "pagingPageLinkPaddingYLarge" | "pagingPageLinkPaddingXLarge" | "pagingPageLinkMargin" | "pagingPageLinkBorderRadius" | "pagingPageLinkColor" | "pagingPageLinkActiveColor" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkHoverBg" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingForwardLinkPaddingSmall" | "pagingForwardLinkPaddingMedium" | "pagingForwardLinkPaddingLarge" | "pagingForwardLinkPaddingMediumMobile" | "pagingForwardLinkPaddingLargeMobile" | "pagingForwardIconSize" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "pagingDotsPadding" | "pagingDotsPaddingSmall" | "pagingDotsPaddingMedium" | "pagingDotsPaddingLarge" | "pagingDotsColor" | "pagingDotsDisabledColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkHintMargin" | "pagingPageLinkHintColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastErrorBg" | "toastColor" | "toastColorError" | "toastLinkColor" | "toastLinkColorError" | "toastLinkTextDecorationHover" | "toastLinkBgHover" | "toastLinkBgHoverError" | "toastLinkBgActive" | "toastLinkBgActiveError" | "toastLinkColorActiveError" | "toastLinkPadding" | "toastClosePadding" | "toastCloseColor" | "toastCloseColorError" | "toastCloseHoverColor" | "toastCloseHoverColorError" | "toastCloseSize" | "dropdownMenuBorderColorTransition" | "dropdownMenuHoverBorderColor" | "dropdownMenuOffsetY" | "dropdownMenuMenuOffsetY" | "dropdownMenuMenuBoxSizing" | "dropdownButtonBorderRadiusSmall" | "dropdownButtonBorderRadiusMedium" | "dropdownButtonBorderRadiusLarge" | "dropdownDefaultBg" | "dropdownBorderWidth" | "dropdownOutlineWidth" | "dropdownLineHeightSmall" | "dropdownFontSizeSmall" | "dropdownPaddingXSmall" | "dropdownPaddingYSmall" | "dropdownIconSizeSmall" | "dropdownLineHeightMedium" | "dropdownFontSizeMedium" | "dropdownPaddingXMedium" | "dropdownPaddingYMedium" | "dropdownIconSizeMedium" | "dropdownLineHeightLarge" | "dropdownFontSizeLarge" | "dropdownPaddingXLarge" | "dropdownPaddingYLarge" | "dropdownIconSizeLarge" | "dropdownBgDisabled" | "dropdownBorderColorDisabled" | "dropdownTextColorDisabled" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuScrollContainerContentWrapperPaddingY" | "mobileMenuPaddingY" | "mobileMenuScrollContainerContentWrapperPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuBoxSizing" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidthSmall" | "menuItemIconWidthMedium" | "menuItemIconWidthLarge" | "menuItemIconGap" | "menuItemPaddingForIconSmall" | "menuItemPaddingForIconMedium" | "menuItemPaddingForIconLarge" | "menuItemLineHeightSmall" | "menuItemLineHeightMedium" | "menuItemLineHeightLarge" | "menuItemFontSizeSmall" | "menuItemFontSizeMedium" | "menuItemFontSizeLarge" | "menuItemPaddingXSmall" | "menuItemPaddingYSmall" | "menuItemPaddingXMedium" | "menuItemPaddingYMedium" | "menuItemPaddingXLarge" | "menuItemPaddingYLarge" | "menuItemBorderRadius" | "menuItemHoverColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentOpacity" | "menuItemCommentOpacityHover" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeightMobile" | "menuMessageFontSizeMobile" | "menuMessageFontSizeSmall" | "menuMessageFontSizeMedium" | "menuMessageFontSizeLarge" | "menuMessageLineHeightSmall" | "menuMessageLineHeightMedium" | "menuMessageLineHeightLarge" | "menuItemGap" | "menuHeaderColor" | "menuHeaderLineHeightSmall" | "menuHeaderLineHeightMedium" | "menuHeaderLineHeightLarge" | "menuHeaderFontSizeSmall" | "menuHeaderFontSizeMedium" | "menuHeaderFontSizeLarge" | "menuHeaderPaddingXSmall" | "menuHeaderPaddingTopSmall" | "menuHeaderPaddingBottomSmall" | "menuHeaderPaddingXMedium" | "menuHeaderPaddingTopMedium" | "menuHeaderPaddingBottomMedium" | "menuHeaderPaddingXLarge" | "menuHeaderPaddingTopLarge" | "menuHeaderPaddingBottomLarge" | "menuHeaderTotalCountPaddingTopSmall" | "menuHeaderTotalCountPaddingTopMedium" | "menuHeaderTotalCountPaddingTopLarge" | "menuHeaderTotalCountPaddingBottomSmall" | "menuHeaderTotalCountPaddingBottomMedium" | "menuHeaderTotalCountPaddingBottomLarge" | "menuFooterColor" | "menuFooterLineHeightSmall" | "menuFooterLineHeightMedium" | "menuFooterLineHeightLarge" | "menuFooterFontSizeSmall" | "menuFooterFontSizeMedium" | "menuFooterFontSizeLarge" | "menuFooterPaddingXSmall" | "menuFooterPaddingXMedium" | "menuFooterPaddingXLarge" | "menuFooterPaddingTopSmall" | "menuFooterPaddingTopMedium" | "menuFooterPaddingTopLarge" | "menuFooterPaddingBottomSmall" | "menuFooterPaddingBottomMedium" | "menuFooterPaddingBottomLarge" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorMarginX" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleLineHeightSmall" | "toggleLineHeightMedium" | "toggleLineHeightLarge" | "toggleFontSizeSmall" | "toggleFontSizeMedium" | "toggleFontSizeLarge" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadiusSmall" | "toggleHandleBorderRadiusMedium" | "toggleHandleBorderRadiusLarge" | "toggleHeightSmall" | "toggleWidthSmall" | "toggleHeightMedium" | "toggleWidthMedium" | "toggleHeightLarge" | "toggleWidthLarge" | "toggleBorderRadiusSmall" | "toggleBorderRadiusMedium" | "toggleBorderRadiusLarge" | "toggleBaseBg" | "toggleBgHover" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleHandleSizeSmall" | "toggleHandleSizeMedium" | "toggleHandleSizeLarge" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "toggleOutlineColorFocus" | "toggleContainerBg" | "toggleHandleBg" | "toggleHandleBoxShadow" | "toggleContainerBoxShadow" | "toggleContainerBoxShadowHover" | "toggleHandleBgHover" | "toggleHandleBoxShadowHover" | "toggleContainerBgHover" | "toggleContainerBoxShadowChecked" | "toggleHandleBoxShadowChecked" | "toggleHandleBgChecked" | "toggleBgChecked" | "toggleContainerBgChecked" | "toggleCheckedBg" | "toggleCheckedBgHover" | "toggleContainerBoxShadowCheckedHover" | "toggleContainerBgCheckedHover" | "toggleHandleBoxShadowCheckedHover" | "toggleHandleBgCheckedHover" | "toggleContainerBgDisabled" | "toggleHandleBgDisabled" | "toggleContainerBoxShadowDisabled" | "toggleHandleBoxShadowDisabled" | "toggleDisabledHandleBg" | "toggleBgDisabled" | "toggleContainerBgDisabledChecked" | "toggleHandleBgDisabledChecked" | "toggleContainerBoxShadowDisabledChecked" | "toggleHandleBoxShadowDisabledChecked" | "toggleBorderColorDisabledChecked" | "toggleBgDisabledChecked" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "popupMenuMenuOffsetY" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputIconColorDisabled" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputPlaceholderColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputFocusedBg" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBackgroundClip" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputDisabledBackgroundClip" | "inputBorderColor" | "inputBorderColorHover" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorLight" | "inputBlinkColor" | "inputColorScheme" | "checkboxFontSizeSmall" | "checkboxFontSizeMedium" | "checkboxFontSizeLarge" | "checkboxLineHeightSmall" | "checkboxLineHeightMedium" | "checkboxLineHeightLarge" | "checkboxBoxSizeSmall" | "checkboxBoxSizeMedium" | "checkboxBoxSizeLarge" | "checkboxCaptionGap" | "checkboxPaddingYSmall" | "checkboxPaddingYMedium" | "checkboxPaddingYLarge" | "checkboxPaddingXSmall" | "checkboxPaddingXMedium" | "checkboxPaddingXLarge" | "checkboxBoxOffsetY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaBackgroundClip" | "textareaFontSizeSmall" | "textareaFontSizeMedium" | "textareaFontSizeLarge" | "textareaLineHeightSmall" | "textareaLineHeightMedium" | "textareaLineHeightLarge" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeightSmall" | "textareaMinHeightMedium" | "textareaMinHeightLarge" | "textareaWidth" | "textareaPaddingXSmall" | "textareaPaddingXMedium" | "textareaPaddingXLarge" | "textareaPaddingYSmall" | "textareaPaddingYMedium" | "textareaPaddingYLarge" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorHover" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "textareaMargin" | "textareaVerticalAlign" | "radioBulletSizeSmall" | "radioBulletSizeMedium" | "radioBulletSizeLarge" | "radioOutlineWidth" | "radioTextColor" | "radioSizeSmall" | "radioSizeMedium" | "radioSizeLarge" | "radioFontSizeSmall" | "radioFontSizeMedium" | "radioFontSizeLarge" | "radioLineHeightSmall" | "radioLineHeightMedium" | "radioLineHeightLarge" | "radioCaptionGap" | "radioPaddingYSmall" | "radioPaddingYMedium" | "radioPaddingYLarge" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioCheckedDisabledBulletBg" | "tabFontSizeSmall" | "tabFontSizeMedium" | "tabFontSizeLarge" | "tabLineHeightSmall" | "tabLineHeightMedium" | "tabLineHeightLarge" | "tabPaddingXSmall" | "tabPaddingXMedium" | "tabPaddingXLarge" | "tabPaddingYSmall" | "tabPaddingYMedium" | "tabPaddingYLarge" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "tabIndicatorBorderRadius" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerCaptionMarginSmall" | "spinnerCaptionMarginMedium" | "spinnerCaptionMarginLarge" | "switcherBorderRadius" | "switcherTextColor" | "switcherOutlineWidth" | "switcherCaptionFontSizeSmall" | "switcherCaptionFontSizeMedium" | "switcherCaptionFontSizeLarge" | "switcherCaptionLineHeightSmall" | "switcherCaptionLineHeightMedium" | "switcherCaptionLineHeightLarge" | "switcherCaptionGapSmall" | "switcherCaptionGapMedium" | "switcherCaptionGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherBtnDisabledBorderColor" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "mobilePopupTopPadding" | "mobilePopupContainerBottomPadding" | "mobilePopupHeaderPadding" | "mobilePopupFooterPadding" | "mobilePopupContainerBorderRadius" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "mobilePopupOuterIndentY" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "scrollContainerScrollBarOffsetY" | "dropdownMenuScrollContainerScrollBarOffsetY" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderTileWidth" | "fileUploaderBg" | "fileUploaderUploadButtonBg" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderTilePaddingSmall" | "fileUploaderTilePaddingMedium" | "fileUploaderTilePaddingLarge" | "fileUploaderTileIconActionPositionSmall" | "fileUploaderTileIconActionPositionMedium" | "fileUploaderTileIconActionPositionLarge" | "fileUploaderTileFilePaddingSmall" | "fileUploaderTileFilePaddingMedium" | "fileUploaderTileFilePaddingLarge" | "fileUploaderTileIconActionPaddingSmall" | "fileUploaderTileIconActionPaddingMedium" | "fileUploaderTileIconActionPaddingLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderTextColorDefault" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderDisabledBorder" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderAfterLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderTileIconColorBg" | "fileUploaderTileIconHoverColorBg" | "fileUploaderTileIconActiveColorBg" | "fileUploaderTileIconColor" | "fileUploaderTileIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBgClip" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderErrorColor" | "fileUploaderErrorBgColor" | "fileUploaderErrorBgHoverColor" | "fileUploaderErrorTextColor" | "fileUploaderWarningBgColor" | "fileUploaderWarningBgHoverColor" | "fileUploaderWarningTextColor" | "fileUploaderValidationTextColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderActiveBg" | "fileUploaderHoveredBorderColor" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge" | "fileUploaderDragOverBorderColor" | "fileUploaderDragOverShadow" | "fileUploaderIconSizeSmall" | "fileUploaderIconSizeMedium" | "fileUploaderIconSizeLarge" | "fileUploaderFileTypeErrorIconColor" | "fileUploaderFileTypeWarningIconColor" | "fileUploaderFileTypePdfIconColor" | "fileUploaderFileTypeCodeIconColor" | "fileUploaderFileTypePictureIconColor" | "fileUploaderFileTypePresentationIconColor" | "fileUploaderFileTypeTableIconColor" | "fileUploaderFileTypeTextIconColor" | "fileUploaderFileTypeArchiveIconColor" | "fileUploaderFileTypeFolderIconColor" | "fileUploaderFileTypeUnknownIconColor" | "fileUploaderDisabledFileTypeIcon" | "fileUploaderDisabledColor" | "fileUploaderFileHeightSmall" | "fileUploaderFileHeightMedium" | "fileUploaderFileHeightLarge" | "fileUploaderTileWidthSmall" | "fileUploaderTileWidthMedium" | "fileUploaderTileWidthLarge" | "fileUploaderTileMinHeightSmall" | "fileUploaderTileMinHeightMedium" | "fileUploaderTileMinHeightLarge" | "fileUploaderTileHeightSmall" | "fileUploaderTileHeightMedium" | "fileUploaderTileHeightLarge" | "fileUploaderFileSizeWidthSmall" | "fileUploaderFileSizeWidthMedium" | "fileUploaderFileSizeWidthLarge" | "fileUploaderFileSizeMarginLeft" | "fileUploaderFileSizeMarginSmall" | "fileUploaderFileSizeMarginMedium" | "fileUploaderFileSizeMarginLarge" | "fileUploaderFileIconSizeSmall" | "fileUploaderFileIconSizeMedium" | "fileUploaderFileIconSizeLarge" | "fileUploaderTileIconSizeSmall" | "fileUploaderTileIconSizeMedium" | "fileUploaderTileIconSizeLarge" | "fileUploaderTileTypeIconHeightSmall" | "fileUploaderTileTypeIconHeightMedium" | "fileUploaderTileTypeIconHeightLarge" | "fileUploaderListGap" | "fileUploaderListSummaryTextGap" | "clearCrossIconWidthSmall" | "clearCrossIconWidthMedium" | "clearCrossIconWidthLarge" | "clearCrossIconHeightSmall" | "clearCrossIconHeightMedium" | "clearCrossIconHeightLarge" | "clearCrossIconRightMarginSmall" | "clearCrossIconRightMarginMedium" | "clearCrossIconRightMarginLarge" | "clearCrossIconBorderRadiusSmall" | "clearCrossIconBorderRadiusMedium" | "clearCrossIconBorderRadiusLarge" | "clearCrossIconColor" | "clearCrossIconHoverColor" | "clearCrossIconAlign" | "closeBtnIconColor" | "closeBtnIconDisabledColor" | "closeBtnIconHoverColor" | "closeBtnIconBorderRadius" | "closeBtnIconFocusShadow" | "autocompleteMenuOffsetY" | "comboboxMenuOffsetY" | "miniModalHeaderPaddingBottom" | "miniModalBodyPaddingTop" | "miniModalBodyPaddingBottom" | "miniModalDescriptionFontSize" | "miniModalDescriptionLineHeight" | "miniModalHeaderPaddingTop" | "miniModalActionGap" | "miniModalCancelIndent" | "miniModalFooterPaddingTop" | "miniModalFooterPaddingBottom" | "miniModalTitleMarginTop" | "miniModalHeightMobile" | "miniModalMarginTopMobile" | "miniModalMarginLeftMobile" | "miniModalMarginRightMobile" | "miniModalFooterPaddingMobile" | "miniModalHeaderPaddingMobile" | "miniModalBodyPaddingMobile" | "validationsTextColorError" | "validationsTextColorWarning")[];
+export declare const ALL_USED_VARIABLES: ("prototype" | "baseFontFamily" | "labGrotesqueBaselineCompensation" | "brand" | "white" | "grayXLight" | "gray" | "grayDark" | "black" | "blueXxLight" | "blueLight" | "blue" | "greenXxLight" | "green" | "greenDark" | "red" | "redXxLight" | "redDark" | "yellowXxLight" | "yellow" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorText" | "errorSecondary" | "warningMain" | "warningSecondary" | "warningText" | "closeGrayColor" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "fontSizeMobile" | "lineHeightMobile" | "specificityLevel" | "fixedPanelShadow" | "bgActive" | "bgChecked" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "transitionDuration" | "transitionTimingFunction" | "linkColor" | "linkTextDecoration" | "linkHoverColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkIconMarginLeft" | "linkDisabledColor" | "linkGrayedColor" | "linkGrayedHoverColor" | "linkGrayedActiveColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "linkTextDecorationStyle" | "linkTextDecorationThickness" | "linkTextUnderlineOffset" | "linkHoverTextDecorationStyle" | "linkTextUnderlineOpacity" | "linkTextDecorationColor" | "linkLineBorderBottomStyle" | "linkLineHoverBorderBottomStyle" | "linkLineBorderBottomWidth" | "linkLineBorderBottomOpacity" | "linkLineBorderBottomColor" | "linkFocusOutlineColor" | "linkFocusOutlineWidth" | "linkFocusOutline" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSizeSmall" | "tokenFontSizeMedium" | "tokenFontSizeLarge" | "tokenMarginYSmall" | "tokenMarginXSmall" | "tokenMarginYMedium" | "tokenMarginXMedium" | "tokenMarginYLarge" | "tokenMarginXLarge" | "tokenLineHeightSmall" | "tokenLineHeightMedium" | "tokenLineHeightLarge" | "tokenPaddingYSmall" | "tokenPaddingXSmall" | "tokenPaddingYMedium" | "tokenPaddingXMedium" | "tokenPaddingYLarge" | "tokenPaddingXLarge" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenBg" | "tokenColor" | "tokenBorderColor" | "tokenBgHover" | "tokenColorHover" | "tokenBorderColorHover" | "tokenBgActive" | "tokenColorActive" | "tokenBorderColorActive" | "tokenInputLineHeightSmall" | "tokenInputLineHeightMedium" | "tokenInputLineHeightLarge" | "tokenInputBorderColor" | "tokenInputBorderColorHover" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputMenuPopupBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingYSmall" | "tokenInputPaddingXSmall" | "tokenInputPaddingYMedium" | "tokenInputPaddingXMedium" | "tokenInputPaddingYLarge" | "tokenInputPaddingXLarge" | "tokenInputPopupOffset" | "tokenInputPopupMarginSmall" | "tokenInputPopupMarginMedium" | "tokenInputPopupMarginLarge" | "loaderBg" | "loaderOpacity" | "loaderBorderRadius" | "btnBackgroundClip" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnBorderColorTransition" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmallLeft" | "btnIconGapSmallRight" | "btnIconGapMediumLeft" | "btnIconGapMediumRight" | "btnIconGapLargeLeft" | "btnIconGapLargeRight" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverTextColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorderColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessBorderColor" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverTextColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryActiveBg" | "btnPrimaryHoverTextColor" | "btnPrimaryBorderColor" | "btnPrimaryHoverBorderColor" | "btnPrimaryActiveBorderColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerBorderColor" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverTextColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverTextColor" | "btnPayBorderColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkTextDecorationColor" | "btnLinkTextDecorationStyle" | "btnLinkHoverTextDecorationStyle" | "btnLinkTextUnderlineOffset" | "btnLinkTextDecorationThickness" | "btnLinkTextUnderlineOpacity" | "btnLinkLineBorderBottomStyle" | "btnLinkHoverLineBorderBottomStyle" | "btnLinkLineBorderBottomWidth" | "btnLinkLineBorderBottomOpacity" | "btnLinkIconMarginRight" | "btnLinkIconMarginLeft" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "btnBacklessBg" | "btnBacklessHoverBg" | "btnBacklessActiveBg" | "btnBacklessActiveBorderColor" | "btnBacklessBorderColor" | "btnBacklessDisabledBorderColor" | "btnBacklessHoverBorderColor" | "btnBacklessHoverTextColor" | "btnBacklessTextColor" | "btnTextBg" | "btnTextHoverBg" | "btnTextActiveBg" | "btnTextBorderColor" | "btnTextTextColor" | "btnTextHoverTextColor" | "btnTextHoverBorderColor" | "btnWithIconPaddingLeftMedium" | "btnWithIconPaddingLeftLarge" | "btnWithIconPaddingSmall" | "btnWithIconPaddingMedium" | "btnWithIconPaddingLarge" | "btnIconColor" | "btnIconHoverColor" | "btnIconDisabledColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectBorderRadiusMedium" | "selectBorderRadiusLarge" | "selectIconGapSmall" | "selectIconGapMedium" | "selectIconGapLarge" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "mobileSelectMaxWidth" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectMenuOffsetY" | "selectBorderColorHover" | "selectBorderColorTransition" | "tooltipPaddingYSmall" | "tooltipPaddingXSmall" | "tooltipPaddingYMedium" | "tooltipPaddingXMedium" | "tooltipPaddingYLarge" | "tooltipPaddingXLarge" | "tooltipCloseBtnPaddingSmall" | "tooltipCloseBtnPaddingMedium" | "tooltipCloseBtnPaddingLarge" | "tooltipCloseBtnSide" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBg" | "tooltipBorder" | "tooltipBorderRadiusSmall" | "tooltipBorderRadiusMedium" | "tooltipBorderRadiusLarge" | "tooltipPinOffsetYSmall" | "tooltipPinOffsetYMedium" | "tooltipPinOffsetYLarge" | "tooltipPinOffsetXSmall" | "tooltipPinOffsetXMedium" | "tooltipPinOffsetXLarge" | "tooltipMarginSmall" | "tooltipMarginMedium" | "tooltipMarginLarge" | "tooltipPinSizeSmall" | "tooltipPinSizeMedium" | "tooltipPinSizeLarge" | "tooltipFontSizeSmall" | "tooltipFontSizeMedium" | "tooltipFontSizeLarge" | "tooltipLineHeightSmall" | "tooltipLineHeightMedium" | "tooltipLineHeightLarge" | "tooltipMenuPinOffsetX" | "tooltipMenuPinOffsetY" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBackgroundActive" | "kebabBorderRadius" | "kebabBorder" | "kebabSizeSmall" | "kebabSizeMedium" | "kebabSizeLarge" | "kebabIconSizeSmall" | "kebabIconSizeMedium" | "kebabIconSizeLarge" | "kebabIconColor" | "modalWindowShadow" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickAreaTop" | "modalCloseButtonClickAreaBottom" | "modalCloseButtonClickAreaLeft" | "modalCloseButtonClickAreaRight" | "modalCloseIconSize" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderFontWeight" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalHeaderAdditionalPaddingBottom" | "modalFixedHeaderMarginBottom" | "modalFixedHeaderPaddingBottom" | "modalFixedFooterPaddingTop" | "modalFixedFooterMarginTop" | "modalSeparatorBorderBottom" | "modalSeparatorMargin" | "modalSeparatorFixedMargin" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingTop" | "modalBodyPaddingBottom" | "modalBodyBorderRadius" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalWithoutHeaderCloseButtonPadding" | "mobileModalWithoutHeaderCloseButtonWidth" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyPaddingTop" | "mobileModalBodyPaddingBottom" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "mobileModalContainerHeight" | "mobileModalContainerMarginTop" | "mobileModalContainerMarginRight" | "mobileModalContainerMarginBottom" | "mobileModalContainerMarginLeft" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "mobileSidePagePaddingLeft" | "mobileSidePagePaddingRight" | "mobileSidePagePaddingTop" | "mobileSidePagePaddingBottom" | "mobileSidePageFooterPadding" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageBodyTextColor" | "sidePageFooterTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderStickyOffset" | "mobileSidePageCloseButtonPadding" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickAreaTop" | "sidePageCloseButtonClickAreaBottom" | "sidePageCloseButtonClickAreaLeft" | "sidePageCloseButtonClickAreaRight" | "sidePageCloseButtonFixedClickAreaTop" | "sidePageCloseButtonFixedClickAreaBottom" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "sidePageHeaderFontWeight" | "sidePageCloseButtonWrapperOffsetTop" | "sidePageCloseButtonWrapperFixedOffsetTop" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "dateInputComponentSelectedTextColor" | "calendarBottomSeparatorBorderColor" | "calendarBottomSeparatorBorderWidth" | "calendarBottomSeparatorBorder" | "calendarBg" | "calendarBorderRadius" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellBorderRadius" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellHeight" | "calendarCellWidth" | "calendarCellFontSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "calendarGridRowSpacing" | "datePickerOpenBtnColor" | "datePickerMenuOffsetY" | "pickerShadow" | "mobileCalendarPaddingX" | "mobileCalendarCellWidth" | "mobileCalendarCellHeight" | "mobileCalendarCellBorderRadius" | "mobileCalendarCellFontSize" | "mobileCalendarGridRowSpacing" | "mobileCalendarWrapperHeight" | "rangeCalendarCellBg" | "rangeCalendarCellEndBg" | "rangeCalendarCellEndColor" | "rangeCalendarCellHoverBg" | "rangeCalendarWrapperHeight" | "mobileRangeCalendarCellHeight" | "mobileRangeCalendarCellWidth" | "mobileRangeCalendarGridRowSpacing" | "mobileRangeCalendarWrapperHeight" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "mobileDateSelectFontSize" | "mobileDateSelectLineHeight" | "pagingFontSizeSmall" | "pagingFontSizeMedium" | "pagingFontSizeLarge" | "pagingLineHeightSmall" | "pagingLineHeightMedium" | "pagingLineHeightLarge" | "pagingPageLinkBoxSizing" | "pagingPageLinkPaddingYSmall" | "pagingPageLinkPaddingXSmall" | "pagingPageLinkPaddingYMedium" | "pagingPageLinkPaddingXMedium" | "pagingPageLinkPaddingYLarge" | "pagingPageLinkPaddingXLarge" | "pagingPageLinkBorderRadius" | "pagingPageLinkColor" | "pagingPageLinkActiveColor" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkHoverBg" | "pagingForwardLinkPaddingSmall" | "pagingForwardLinkPaddingMedium" | "pagingForwardLinkPaddingLarge" | "pagingForwardLinkPaddingMediumMobile" | "pagingForwardLinkPaddingLargeMobile" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "pagingDotsPaddingSmall" | "pagingDotsPaddingMedium" | "pagingDotsPaddingLarge" | "pagingDotsColor" | "pagingDotsDisabledColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkHintMargin" | "pagingPageLinkHintColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastErrorBg" | "toastColor" | "toastColorError" | "toastLinkColor" | "toastLinkColorError" | "toastLinkTextDecorationHover" | "toastLinkBgHover" | "toastLinkBgHoverError" | "toastLinkBgActive" | "toastLinkBgActiveError" | "toastLinkColorActiveError" | "toastLinkPadding" | "toastClosePadding" | "toastCloseColor" | "toastCloseColorError" | "toastCloseHoverColor" | "toastCloseHoverColorError" | "toastCloseSize" | "dropdownMenuBorderColorTransition" | "dropdownMenuHoverBorderColor" | "dropdownMenuOffsetY" | "dropdownMenuMenuOffsetY" | "dropdownMenuMenuBoxSizing" | "dropdownButtonBorderRadiusSmall" | "dropdownButtonBorderRadiusMedium" | "dropdownButtonBorderRadiusLarge" | "dropdownDefaultBg" | "dropdownBorderWidth" | "dropdownOutlineWidth" | "dropdownLineHeightSmall" | "dropdownFontSizeSmall" | "dropdownPaddingXSmall" | "dropdownPaddingYSmall" | "dropdownIconSizeSmall" | "dropdownLineHeightMedium" | "dropdownFontSizeMedium" | "dropdownPaddingXMedium" | "dropdownPaddingYMedium" | "dropdownIconSizeMedium" | "dropdownLineHeightLarge" | "dropdownFontSizeLarge" | "dropdownPaddingXLarge" | "dropdownPaddingYLarge" | "dropdownIconSizeLarge" | "dropdownBgDisabled" | "dropdownBorderColorDisabled" | "dropdownTextColorDisabled" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuScrollContainerContentWrapperPaddingY" | "mobileMenuPaddingY" | "mobileMenuScrollContainerContentWrapperPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuBoxSizing" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidthSmall" | "menuItemIconWidthMedium" | "menuItemIconWidthLarge" | "menuItemIconGap" | "menuItemPaddingForIconSmall" | "menuItemPaddingForIconMedium" | "menuItemPaddingForIconLarge" | "menuItemLineHeightSmall" | "menuItemLineHeightMedium" | "menuItemLineHeightLarge" | "menuItemFontSizeSmall" | "menuItemFontSizeMedium" | "menuItemFontSizeLarge" | "menuItemPaddingXSmall" | "menuItemPaddingYSmall" | "menuItemPaddingXMedium" | "menuItemPaddingYMedium" | "menuItemPaddingXLarge" | "menuItemPaddingYLarge" | "menuItemBorderRadius" | "menuItemHoverColor" | "menuItemCommentColor" | "menuItemCommentOpacity" | "menuItemCommentOpacityHover" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeightMobile" | "menuMessageFontSizeMobile" | "menuMessageFontSizeSmall" | "menuMessageFontSizeMedium" | "menuMessageFontSizeLarge" | "menuMessageLineHeightSmall" | "menuMessageLineHeightMedium" | "menuMessageLineHeightLarge" | "menuItemGap" | "menuHeaderColor" | "menuHeaderLineHeightSmall" | "menuHeaderLineHeightMedium" | "menuHeaderLineHeightLarge" | "menuHeaderFontSizeSmall" | "menuHeaderFontSizeMedium" | "menuHeaderFontSizeLarge" | "menuHeaderPaddingXSmall" | "menuHeaderPaddingTopSmall" | "menuHeaderPaddingBottomSmall" | "menuHeaderPaddingXMedium" | "menuHeaderPaddingTopMedium" | "menuHeaderPaddingBottomMedium" | "menuHeaderPaddingXLarge" | "menuHeaderPaddingTopLarge" | "menuHeaderPaddingBottomLarge" | "menuHeaderTotalCountPaddingTopSmall" | "menuHeaderTotalCountPaddingTopMedium" | "menuHeaderTotalCountPaddingTopLarge" | "menuHeaderTotalCountPaddingBottomSmall" | "menuHeaderTotalCountPaddingBottomMedium" | "menuHeaderTotalCountPaddingBottomLarge" | "menuFooterColor" | "menuFooterLineHeightSmall" | "menuFooterLineHeightMedium" | "menuFooterLineHeightLarge" | "menuFooterFontSizeSmall" | "menuFooterFontSizeMedium" | "menuFooterFontSizeLarge" | "menuFooterPaddingXSmall" | "menuFooterPaddingXMedium" | "menuFooterPaddingXLarge" | "menuFooterPaddingTopSmall" | "menuFooterPaddingTopMedium" | "menuFooterPaddingTopLarge" | "menuFooterPaddingBottomSmall" | "menuFooterPaddingBottomMedium" | "menuFooterPaddingBottomLarge" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorMarginX" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleLineHeightSmall" | "toggleLineHeightMedium" | "toggleLineHeightLarge" | "toggleFontSizeSmall" | "toggleFontSizeMedium" | "toggleFontSizeLarge" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadiusSmall" | "toggleHandleBorderRadiusMedium" | "toggleHandleBorderRadiusLarge" | "toggleHeightSmall" | "toggleWidthSmall" | "toggleHeightMedium" | "toggleWidthMedium" | "toggleHeightLarge" | "toggleWidthLarge" | "toggleBorderRadiusSmall" | "toggleBorderRadiusMedium" | "toggleBorderRadiusLarge" | "toggleBaseBg" | "toggleBgHover" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleHandleSizeSmall" | "toggleHandleSizeMedium" | "toggleHandleSizeLarge" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "toggleOutlineColorFocus" | "toggleContainerBg" | "toggleHandleBg" | "toggleHandleBoxShadow" | "toggleContainerBoxShadow" | "toggleContainerBoxShadowHover" | "toggleHandleBgHover" | "toggleHandleBoxShadowHover" | "toggleContainerBgHover" | "toggleContainerBoxShadowChecked" | "toggleHandleBoxShadowChecked" | "toggleHandleBgChecked" | "toggleBgChecked" | "toggleContainerBgChecked" | "toggleCheckedBg" | "toggleCheckedBgHover" | "toggleContainerBoxShadowCheckedHover" | "toggleContainerBgCheckedHover" | "toggleHandleBoxShadowCheckedHover" | "toggleHandleBgCheckedHover" | "toggleContainerBgDisabled" | "toggleHandleBgDisabled" | "toggleContainerBoxShadowDisabled" | "toggleHandleBoxShadowDisabled" | "toggleDisabledHandleBg" | "toggleBgDisabled" | "toggleContainerBgDisabledChecked" | "toggleHandleBgDisabledChecked" | "toggleContainerBoxShadowDisabledChecked" | "toggleHandleBoxShadowDisabledChecked" | "toggleBorderColorDisabledChecked" | "toggleBgDisabledChecked" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "popupMenuMenuOffsetY" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputIconColorDisabled" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputPlaceholderColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputFocusedBg" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBackgroundClip" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputDisabledBackgroundClip" | "inputBorderColor" | "inputBorderColorHover" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorLight" | "inputBlinkColor" | "inputColorScheme" | "checkboxFontSizeSmall" | "checkboxFontSizeMedium" | "checkboxFontSizeLarge" | "checkboxLineHeightSmall" | "checkboxLineHeightMedium" | "checkboxLineHeightLarge" | "checkboxBoxSizeSmall" | "checkboxBoxSizeMedium" | "checkboxBoxSizeLarge" | "checkboxCaptionGap" | "checkboxPaddingYSmall" | "checkboxPaddingYMedium" | "checkboxPaddingYLarge" | "checkboxPaddingXSmall" | "checkboxPaddingXMedium" | "checkboxPaddingXLarge" | "checkboxBoxOffsetY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaBackgroundClip" | "textareaFontSizeSmall" | "textareaFontSizeMedium" | "textareaFontSizeLarge" | "textareaLineHeightSmall" | "textareaLineHeightMedium" | "textareaLineHeightLarge" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeightSmall" | "textareaMinHeightMedium" | "textareaMinHeightLarge" | "textareaWidth" | "textareaPaddingXSmall" | "textareaPaddingXMedium" | "textareaPaddingXLarge" | "textareaPaddingYSmall" | "textareaPaddingYMedium" | "textareaPaddingYLarge" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorHover" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "textareaMargin" | "textareaVerticalAlign" | "radioBulletSizeSmall" | "radioBulletSizeMedium" | "radioBulletSizeLarge" | "radioOutlineWidth" | "radioTextColor" | "radioSizeSmall" | "radioSizeMedium" | "radioSizeLarge" | "radioFontSizeSmall" | "radioFontSizeMedium" | "radioFontSizeLarge" | "radioLineHeightSmall" | "radioLineHeightMedium" | "radioLineHeightLarge" | "radioCaptionGap" | "radioPaddingYSmall" | "radioPaddingYMedium" | "radioPaddingYLarge" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioCheckedDisabledBulletBg" | "tabFontSizeSmall" | "tabFontSizeMedium" | "tabFontSizeLarge" | "tabLineHeightSmall" | "tabLineHeightMedium" | "tabLineHeightLarge" | "tabPaddingXSmall" | "tabPaddingXMedium" | "tabPaddingXLarge" | "tabPaddingYSmall" | "tabPaddingYMedium" | "tabPaddingYLarge" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "tabIndicatorBorderRadius" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerCaptionMarginSmall" | "spinnerCaptionMarginMedium" | "spinnerCaptionMarginLarge" | "switcherBorderRadius" | "switcherTextColor" | "switcherOutlineWidth" | "switcherCaptionFontSizeSmall" | "switcherCaptionFontSizeMedium" | "switcherCaptionFontSizeLarge" | "switcherCaptionLineHeightSmall" | "switcherCaptionLineHeightMedium" | "switcherCaptionLineHeightLarge" | "switcherCaptionGapSmall" | "switcherCaptionGapMedium" | "switcherCaptionGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherBtnDisabledBorderColor" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "mobilePopupTopPadding" | "mobilePopupContainerBottomPadding" | "mobilePopupHeaderPadding" | "mobilePopupFooterPadding" | "mobilePopupContainerBorderRadius" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "mobilePopupOuterIndentY" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "scrollContainerScrollBarOffsetY" | "dropdownMenuScrollContainerScrollBarOffsetY" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderTileWidth" | "fileUploaderBg" | "fileUploaderUploadButtonBg" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderTilePaddingSmall" | "fileUploaderTilePaddingMedium" | "fileUploaderTilePaddingLarge" | "fileUploaderTileIconActionPositionSmall" | "fileUploaderTileIconActionPositionMedium" | "fileUploaderTileIconActionPositionLarge" | "fileUploaderTileFilePaddingSmall" | "fileUploaderTileFilePaddingMedium" | "fileUploaderTileFilePaddingLarge" | "fileUploaderTileIconActionPaddingSmall" | "fileUploaderTileIconActionPaddingMedium" | "fileUploaderTileIconActionPaddingLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderTextColorDefault" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderDisabledBorder" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderTileIconColorBg" | "fileUploaderTileIconHoverColorBg" | "fileUploaderTileIconActiveColorBg" | "fileUploaderTileIconColor" | "fileUploaderTileIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBgClip" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderErrorColor" | "fileUploaderErrorBgColor" | "fileUploaderErrorBgHoverColor" | "fileUploaderErrorTextColor" | "fileUploaderWarningBgColor" | "fileUploaderWarningBgHoverColor" | "fileUploaderWarningTextColor" | "fileUploaderValidationTextColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderActiveBg" | "fileUploaderHoveredBorderColor" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge" | "fileUploaderDragOverBorderColor" | "fileUploaderDragOverShadow" | "fileUploaderIconSizeSmall" | "fileUploaderIconSizeMedium" | "fileUploaderIconSizeLarge" | "fileUploaderFileTypeErrorIconColor" | "fileUploaderFileTypeWarningIconColor" | "fileUploaderFileTypePdfIconColor" | "fileUploaderFileTypeCodeIconColor" | "fileUploaderFileTypePictureIconColor" | "fileUploaderFileTypePresentationIconColor" | "fileUploaderFileTypeTableIconColor" | "fileUploaderFileTypeTextIconColor" | "fileUploaderFileTypeArchiveIconColor" | "fileUploaderFileTypeFolderIconColor" | "fileUploaderFileTypeUnknownIconColor" | "fileUploaderDisabledFileTypeIcon" | "fileUploaderDisabledColor" | "fileUploaderFileHeightSmall" | "fileUploaderFileHeightMedium" | "fileUploaderFileHeightLarge" | "fileUploaderTileWidthSmall" | "fileUploaderTileWidthMedium" | "fileUploaderTileWidthLarge" | "fileUploaderTileMinHeightSmall" | "fileUploaderTileMinHeightMedium" | "fileUploaderTileMinHeightLarge" | "fileUploaderTileHeightSmall" | "fileUploaderTileHeightMedium" | "fileUploaderTileHeightLarge" | "fileUploaderFileSizeWidthSmall" | "fileUploaderFileSizeWidthMedium" | "fileUploaderFileSizeWidthLarge" | "fileUploaderFileSizeMarginLeft" | "fileUploaderFileSizeMarginSmall" | "fileUploaderFileSizeMarginMedium" | "fileUploaderFileSizeMarginLarge" | "fileUploaderFileIconSizeSmall" | "fileUploaderFileIconSizeMedium" | "fileUploaderFileIconSizeLarge" | "fileUploaderTileIconSizeSmall" | "fileUploaderTileIconSizeMedium" | "fileUploaderTileIconSizeLarge" | "fileUploaderTileTypeIconHeightSmall" | "fileUploaderTileTypeIconHeightMedium" | "fileUploaderTileTypeIconHeightLarge" | "fileUploaderListGap" | "fileUploaderListSummaryTextGap" | "clearCrossIconWidthSmall" | "clearCrossIconWidthMedium" | "clearCrossIconWidthLarge" | "clearCrossIconHeightSmall" | "clearCrossIconHeightMedium" | "clearCrossIconHeightLarge" | "clearCrossIconRightMarginSmall" | "clearCrossIconRightMarginMedium" | "clearCrossIconRightMarginLarge" | "clearCrossIconBorderRadiusSmall" | "clearCrossIconBorderRadiusMedium" | "clearCrossIconBorderRadiusLarge" | "clearCrossIconColor" | "clearCrossIconHoverColor" | "clearCrossIconAlign" | "closeBtnIconColor" | "closeBtnIconDisabledColor" | "closeBtnIconHoverColor" | "closeBtnIconBorderRadius" | "closeBtnIconFocusShadow" | "autocompleteMenuOffsetY" | "comboboxMenuOffsetY" | "miniModalHeaderPaddingBottom" | "miniModalBodyPaddingTop" | "miniModalBodyPaddingBottom" | "miniModalDescriptionFontSize" | "miniModalDescriptionLineHeight" | "miniModalHeaderPaddingTop" | "miniModalActionGap" | "miniModalCancelIndent" | "miniModalFooterPaddingTop" | "miniModalFooterPaddingBottom" | "miniModalTitleMarginTop" | "miniModalHeightMobile" | "miniModalMarginTopMobile" | "miniModalMarginLeftMobile" | "miniModalMarginRightMobile" | "miniModalFooterPaddingMobile" | "miniModalHeaderPaddingMobile" | "miniModalBodyPaddingMobile" | "validationsTextColorError" | "validationsTextColorWarning")[];
 export declare const CALLS_COUNT: number;
 export declare const EXECUTION_TIME: number;

package/internal/ZIndex/ZIndex/ZIndex.js

@@ -4,15 +4,16 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef", "useWrapper"];
 var _class, _ZIndex;
 import React from 'react';
-import { globalObject, isBrowser } from '@skbkontur/global-object';
 import isEqual from 'lodash.isequal';
 import warning from 'warning';
+import { isBrowser } from "../../../lib/globalObject";
 import { callChildRef } from "../../../lib/callChildRef/callChildRef";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { LoaderDataTids } from "../../../components/Loader";
 import { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from "../../RenderContainer";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { incrementZIndex, removeZIndex, upperBorder, componentPriorities } from "../ZIndexStorage";
 var DEFAULT_ZINDEX_CONTEXT = {
   parentLayerZIndex: 0,
@@ -20,10 +21,13 @@ var DEFAULT_ZINDEX_CONTEXT = {
 };
 var ZIndexContext = /*#__PURE__*/React.createContext(DEFAULT_ZINDEX_CONTEXT);
 ZIndexContext.displayName = 'ZIndexContext';
-export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$Component) {
-  function ZIndex(props) {
+export var ZIndex = withRenderEnvironment(_class = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$Component) {
+  function ZIndex() {
     var _this;
-    _this = _React$Component.call(this, props) || this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
       zIndex: 0,
       DOMZIndexContext: null
@@ -40,19 +44,19 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
       var _this$getProps = _this.getProps(),
         priority = _this$getProps.priority,
         delta = _this$getProps.delta;
-      return incrementZIndex(priority, delta);
+      return incrementZIndex(priority, delta, _this.globalObject);
     };
     _this.tryGetContextByDOM = function (element) {
       if (_this.props.applyZIndex && isEqual(DEFAULT_ZINDEX_CONTEXT, _this.zIndexContext) && _this.state.DOMZIndexContext === null) {
         var _element$parentElemen;
         var DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;
         var portal = (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.closest("[" + PORTAL_OUTLET_ATTR + "]");
-        if (isInstanceOf(portal, globalObject.HTMLElement)) {
-          var _globalObject$documen, _noscript$parentEleme;
+        if (isInstanceOf(portal, _this.globalObject.HTMLElement)) {
+          var _this$globalObject$do, _noscript$parentEleme;
           var portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);
-          var noscript = (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.querySelector("noscript[" + PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
+          var noscript = (_this$globalObject$do = _this.globalObject.document) == null ? void 0 : _this$globalObject$do.querySelector("noscript[" + PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
           var parent = noscript == null || (_noscript$parentEleme = noscript.parentElement) == null ? void 0 : _noscript$parentEleme.closest('[style*=z-index]');
-          if (isInstanceOf(parent, globalObject.HTMLElement)) {
+          if (isInstanceOf(parent, _this.globalObject.HTMLElement)) {
             var _parent$parentElement;
             var newZIndex = Number(parent.style.zIndex || 0);
             var maxZIndex = Infinity;
@@ -70,7 +74,6 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
         });
       }
     };
-    _this.state.zIndex = _this.increment();
     return _this;
   }
   _inheritsLoose(ZIndex, _React$Component);
@@ -79,18 +82,21 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
     warning((delta || ZIndex.defaultProps.delta) > 0, "[ZIndex]: Prop 'delta' must be greater than 0, received " + delta);
     warning(Math.trunc(delta || ZIndex.defaultProps.delta) === delta, "[ZIndex]: Prop 'delta' must be integer, received " + delta);
   };
+  _proto.componentDidMount = function componentDidMount() {
+    this.state.zIndex = this.increment();
+  };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     var props = this.getProps();
     this.validateProps(props.delta);
     if (prevProps.priority !== props.priority || prevProps.delta !== props.delta) {
-      removeZIndex(this.state.zIndex);
+      removeZIndex(this.state.zIndex, this.globalObject);
       this.setState({
         zIndex: this.increment()
       });
     }
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
-    removeZIndex(this.state.zIndex);
+    removeZIndex(this.state.zIndex, this.globalObject);
   };
   _proto.render = function render() {
     var _this2 = this;
@@ -124,7 +130,7 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
           maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity
         };
         if (createStackingContext) {
-          isBrowser(globalObject) && 'isolation' in globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';
+          isBrowser(_this2.globalObject) && 'isolation' in _this2.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';
         }
       }
       var child = !useWrapper ? children : /*#__PURE__*/React.createElement("div", _extends({
@@ -155,4 +161,4 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
   coverChildren: false,
   createStackingContext: false,
   useWrapper: true
-}, _ZIndex)) || _class;
+}, _ZIndex)) || _class) || _class;

package/internal/ZIndex/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","isEqual","warning","callChildRef","rootNode","createPropsGetter","isInstanceOf","LoaderDataTids","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","incrementZIndex","removeZIndex","upperBorder","componentPriorities","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","createContext","displayName","ZIndex","_class","_ZIndex","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","defaultProps","zIndexContext","wrapperRef","element","setRootNode","tryGetContextByDOM","increment","_this$getProps","priority","delta","applyZIndex","_element$parentElemen","portal","parentElement","closest","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","veil","calcZIndex","setState","_inheritsLoose","_proto","prototype","validateProps","Math","trunc","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose","_excluded","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","body","isolation","transform","child","_extends","ref","Provider","value","allowedValuesIntervalLength","scale","ceil","Component","priorities","__KONTUR_REACT_UI__"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\nimport warning from 'warning';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport type { LayerComponentName } from './ZIndexStorage';\nimport { incrementZIndex, removeZIndex, upperBorder, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state: ZIndexState = {\n    zIndex: 0,\n    DOMZIndexContext: null,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n  private validateProps(delta: ZIndexProps['delta']): void {\n    warning(\n      (delta || ZIndex.defaultProps.delta) > 0,\n      `[ZIndex]: Prop 'delta' must be greater than 0, received ${delta}`,\n    );\n    warning(\n      Math.trunc(delta || ZIndex.defaultProps.delta) === delta,\n      `[ZIndex]: Prop 'delta' must be integer, received ${delta}`,\n    );\n  }\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    const props = this.getProps();\n\n    this.validateProps(props.delta);\n    if (prevProps.priority !== props.priority || prevProps.delta !== props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {(context) => {\n          this.zIndexContext = context;\n\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={newZIndexContext}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n    element && this.tryGetContextByDOM(element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n\n  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = globalObject.document?.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isEqual","warning","isBrowser","callChildRef","rootNode","createPropsGetter","isInstanceOf","LoaderDataTids","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","withRenderEnvironment","incrementZIndex","removeZIndex","upperBorder","componentPriorities","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","createContext","displayName","ZIndex","_class","_ZIndex","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","zIndex","DOMZIndexContext","getProps","defaultProps","zIndexContext","wrapperRef","element","props","setRootNode","tryGetContextByDOM","increment","_this$getProps","priority","delta","globalObject","applyZIndex","_element$parentElemen","portal","parentElement","closest","HTMLElement","_this$globalObject$do","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","veil","calcZIndex","setState","_inheritsLoose","_proto","prototype","validateProps","Math","trunc","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose","_excluded","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","body","isolation","transform","child","_extends","ref","Provider","value","allowedValuesIntervalLength","scale","ceil","Component","priorities","__KONTUR_REACT_UI__"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport isEqual from 'lodash.isequal';\nimport warning from 'warning';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isBrowser } from '../../lib/globalObject';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport type { LayerComponentName } from './ZIndexStorage';\nimport { incrementZIndex, removeZIndex, upperBorder, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@withRenderEnvironment\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state: ZIndexState = {\n    zIndex: 0,\n    DOMZIndexContext: null,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n  private validateProps(delta: ZIndexProps['delta']): void {\n    warning(\n      (delta || ZIndex.defaultProps.delta) > 0,\n      `[ZIndex]: Prop 'delta' must be greater than 0, received ${delta}`,\n    );\n    warning(\n      Math.trunc(delta || ZIndex.defaultProps.delta) === delta,\n      `[ZIndex]: Prop 'delta' must be integer, received ${delta}`,\n    );\n  }\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private globalObject!: GlobalObject;\n  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\n\n  public componentDidMount() {\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    const props = this.getProps();\n\n    this.validateProps(props.delta);\n    if (prevProps.priority !== props.priority || prevProps.delta !== props.delta) {\n      removeZIndex(this.state.zIndex, this.globalObject);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex, this.globalObject);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {(context) => {\n          this.zIndexContext = context;\n\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(this.globalObject) && 'isolation' in this.globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={newZIndexContext}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n    element && this.tryGetContextByDOM(element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta, this.globalObject);\n  };\n\n  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, this.globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = this.globalObject.document?.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, this.globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ZIndex/ZIndex.d.ts

@@ -48,8 +48,9 @@ export declare class ZIndex extends React.Component<ZIndexProps, ZIndexState> {
     private validateProps;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private globalObject;
     private zIndexContext;
-    constructor(props: ZIndexProps);
+    componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<ZIndexProps>): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js

@@ -1,4 +1,3 @@
-import { globalObject } from '@skbkontur/global-object';
 var calculatePriority = function calculatePriority(priority) {
   if (typeof priority === 'string') {
     return componentPriorities[priority];
@@ -16,8 +15,8 @@ export var componentPriorities = {
   Popup: 3
 };
 var priorityStep = 1000;
-var globalWithRetailUiZIndexes = globalObject;
-var getZIndexes = function getZIndexes() {
+var getZIndexes = function getZIndexes(globalObject) {
+  var globalWithRetailUiZIndexes = globalObject;
   return globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__RetailUiZIndexes = [0]);
 };
 var getIndexPriority = function getIndexPriority(zIndex) {
@@ -27,10 +26,10 @@ var getMaxAllowedValue = function getMaxAllowedValue(priority) {
   return (priority + 1) * priorityStep - 1;
 };
 export var upperBorder = getMaxAllowedValue(Math.max.apply(Math, Object.values(componentPriorities)));
-export function incrementZIndex(priority, delta) {
+export function incrementZIndex(priority, delta, globalObject) {
   var calculatedPriority = calculatePriority(priority);
   var maxAllowedValue = getMaxAllowedValue(calculatedPriority);
-  var zIndexes = getZIndexes();
+  var zIndexes = getZIndexes(globalObject);
   var prevIndexId = zIndexes.length - 1;
   while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {
     prevIndexId--;
@@ -42,8 +41,8 @@ export function incrementZIndex(priority, delta) {
   });
   return zIndex;
 }
-export function removeZIndex(zIndex) {
-  var zIndexes = getZIndexes();
+export function removeZIndex(zIndex, globalObject) {
+  var zIndexes = getZIndexes(globalObject);
   var i = zIndexes.indexOf(zIndex);
   if (i !== -1) {
     zIndexes.splice(i, 1);

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js.map

@@ -1 +1 @@
-{"version":3,"names":["globalObject","calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","PopupMenu","Popup","priorityStep","globalWithRetailUiZIndexes","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","apply","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"sources":["ZIndexStorage.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nexport type Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nexport interface GlobalWithRetailUiZIndexes {\n  __RetailUiZIndexes?: number[];\n}\n\nexport const componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  PopupMenu: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\nconst globalWithRetailUiZIndexes = globalObject as GlobalWithRetailUiZIndexes;\nconst getZIndexes = (): number[] =>\n  globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__RetailUiZIndexes = [0]);\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes();\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number): void {\n  const zIndexes = getZIndexes();\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,0BAA0B;;;AAGvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAkB,EAAK;EAChD,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAChC,OAAOC,mBAAmB,CAACD,QAAQ,CAAC;EACtC;;EAEA,OAAOA,QAAQ;AACjB,CAAC;;;;;;;;AAQD,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,CAAC;EACXC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,SAAS,EAAE,CAAC;EACZC,KAAK,EAAE;AACT,CAAC;AACD,IAAMC,YAAY,GAAG,IAAI;AACzB,IAAMC,0BAA0B,GAAGb,YAA0C;AAC7E,IAAMc,WAAW,GAAG,SAAdA,WAAWA,CAAA;IACfD,0BAA0B,CAACE,kBAAkB,KAAKF,0BAA0B,CAACE,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AACxG,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAc,UAAKC,IAAI,CAACC,KAAK,CAACF,MAAM,GAAGL,YAAY,CAAC;AAC9E,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIlB,QAAgB,UAAa,CAACA,QAAQ,GAAG,CAAC,IAAIU,YAAY,GAAG,CAAC;;AAE1F,OAAO,IAAMS,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAG,CAAAC,KAAA,CAARL,IAAI,EAAQM,MAAM,CAACC,MAAM,CAACtB,mBAAmB,CAAC,CAAC,CAAC;;AAE9F,OAAO,SAASuB,eAAeA,CAACxB,QAAkB,EAAEyB,KAAa,EAAU;EACzE,IAAMC,kBAAkB,GAAG3B,iBAAiB,CAACC,QAAQ,CAAC;;EAEtD,IAAM2B,eAAe,GAAGT,kBAAkB,CAACQ,kBAAkB,CAAC;EAC9D,IAAME,QAAQ,GAAGhB,WAAW,CAAC,CAAC;;EAE9B,IAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC;EACrC,OAAOF,QAAQ,CAACC,WAAW,CAAC,GAAGF,eAAe,IAAIE,WAAW,GAAG,CAAC,EAAE;IACjEA,WAAW,EAAE;EACf;;EAEA,IAAMd,MAAM;EACVD,gBAAgB,CAACc,QAAQ,CAACC,WAAW,CAAC,CAAC,KAAKH,kBAAkB;EAC1DV,IAAI,CAACe,GAAG,CAACH,QAAQ,CAACC,WAAW,CAAC,GAAGJ,KAAK,EAAEE,eAAe,CAAC;EACxDD,kBAAkB,GAAGhB,YAAY;;EAEvCkB,QAAQ,CAACI,IAAI,CAACjB,MAAM,CAAC;EACrBa,QAAQ,CAACK,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,UAAKD,CAAC,GAAGC,CAAC,GAAC;EAC9B,OAAOpB,MAAM;AACf;;AAEA,OAAO,SAASqB,YAAYA,CAACrB,MAAc,EAAQ;EACjD,IAAMa,QAAQ,GAAGhB,WAAW,CAAC,CAAC;EAC9B,IAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAO,CAACvB,MAAM,CAAC;;EAElC,IAAIsB,CAAC,KAAK,CAAC,CAAC,EAAE;IACZT,QAAQ,CAACW,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;EACvB;AACF","ignoreList":[]}
+{"version":3,"names":["calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","PopupMenu","Popup","priorityStep","getZIndexes","globalObject","globalWithRetailUiZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","apply","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"sources":["ZIndexStorage.ts"],"sourcesContent":["import type { GlobalObject } from '../../lib/globalObject';\n\nexport type Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nexport interface GlobalWithRetailUiZIndexes {\n  __RetailUiZIndexes?: number[];\n}\n\nexport const componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  PopupMenu: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\nconst getZIndexes = (globalObject: GlobalObject): number[] => {\n  const globalWithRetailUiZIndexes = globalObject as GlobalWithRetailUiZIndexes;\n  return globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__RetailUiZIndexes = [0]);\n};\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number, globalObject: GlobalObject): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes(globalObject);\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number, globalObject: GlobalObject): void {\n  const zIndexes = getZIndexes(globalObject);\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"],"mappings":";;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAkB,EAAK;EAChD,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAChC,OAAOC,mBAAmB,CAACD,QAAQ,CAAC;EACtC;;EAEA,OAAOA,QAAQ;AACjB,CAAC;;;;;;;;AAQD,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,CAAC;EACXC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,SAAS,EAAE,CAAC;EACZC,KAAK,EAAE;AACT,CAAC;AACD,IAAMC,YAAY,GAAG,IAAI;AACzB,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,YAA0B,EAAe;EAC5D,IAAMC,0BAA0B,GAAGD,YAA0C;EAC7E,OAAOC,0BAA0B,CAACC,kBAAkB,KAAKD,0BAA0B,CAACC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/G,CAAC;AACD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAc,UAAKC,IAAI,CAACC,KAAK,CAACF,MAAM,GAAGN,YAAY,CAAC;AAC9E,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAInB,QAAgB,UAAa,CAACA,QAAQ,GAAG,CAAC,IAAIU,YAAY,GAAG,CAAC;;AAE1F,OAAO,IAAMU,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAG,CAAAC,KAAA,CAARL,IAAI,EAAQM,MAAM,CAACC,MAAM,CAACvB,mBAAmB,CAAC,CAAC,CAAC;;AAE9F,OAAO,SAASwB,eAAeA,CAACzB,QAAkB,EAAE0B,KAAa,EAAEd,YAA0B,EAAU;EACrG,IAAMe,kBAAkB,GAAG5B,iBAAiB,CAACC,QAAQ,CAAC;;EAEtD,IAAM4B,eAAe,GAAGT,kBAAkB,CAACQ,kBAAkB,CAAC;EAC9D,IAAME,QAAQ,GAAGlB,WAAW,CAACC,YAAY,CAAC;;EAE1C,IAAIkB,WAAW,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC;EACrC,OAAOF,QAAQ,CAACC,WAAW,CAAC,GAAGF,eAAe,IAAIE,WAAW,GAAG,CAAC,EAAE;IACjEA,WAAW,EAAE;EACf;;EAEA,IAAMd,MAAM;EACVD,gBAAgB,CAACc,QAAQ,CAACC,WAAW,CAAC,CAAC,KAAKH,kBAAkB;EAC1DV,IAAI,CAACe,GAAG,CAACH,QAAQ,CAACC,WAAW,CAAC,GAAGJ,KAAK,EAAEE,eAAe,CAAC;EACxDD,kBAAkB,GAAGjB,YAAY;;EAEvCmB,QAAQ,CAACI,IAAI,CAACjB,MAAM,CAAC;EACrBa,QAAQ,CAACK,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,UAAKD,CAAC,GAAGC,CAAC,GAAC;EAC9B,OAAOpB,MAAM;AACf;;AAEA,OAAO,SAASqB,YAAYA,CAACrB,MAAc,EAAEJ,YAA0B,EAAQ;EAC7E,IAAMiB,QAAQ,GAAGlB,WAAW,CAACC,YAAY,CAAC;EAC1C,IAAM0B,CAAC,GAAGT,QAAQ,CAACU,OAAO,CAACvB,MAAM,CAAC;;EAElC,IAAIsB,CAAC,KAAK,CAAC,CAAC,EAAE;IACZT,QAAQ,CAACW,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;EACvB;AACF","ignoreList":[]}

package/internal/ZIndex/ZIndexStorage.d.ts

@@ -1,3 +1,4 @@
+import type { GlobalObject } from '../../lib/globalObject';
 export type Priority = number | LayerComponentName;
 export type LayerComponentName = keyof typeof componentPriorities;
 export interface GlobalWithRetailUiZIndexes {
@@ -14,5 +15,5 @@ export declare const componentPriorities: {
     Popup: number;
 };
 export declare const upperBorder: number;
-export declare function incrementZIndex(priority: Priority, delta: number): number;
-export declare function removeZIndex(zIndex: number): void;
+export declare function incrementZIndex(priority: Priority, delta: number, globalObject: GlobalObject): number;
+export declare function removeZIndex(zIndex: number, globalObject: GlobalObject): void;

package/internal/icons2022/BaseIcon/BaseIcon.js

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["color", "size", "style", "aria-hidden", "viewBoxSize", "align", "children"];
 import React from 'react';
+import { useStyles } from "../../../lib/renderEnvironment";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { styles } from "../BaseIcon.styles";
+import { getStyles } from "../BaseIcon.styles";
 export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
   var color = _ref.color,
     size = _ref.size,
@@ -16,6 +17,7 @@ export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
     align = _ref$align === void 0 ? 'center' : _ref$align,
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var styles = useStyles(getStyles);
   var icon = /*#__PURE__*/
   React.createElement("svg", _extends({
     ref: ref,

package/internal/icons2022/BaseIcon/BaseIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRefAndName","styles","BaseIcon","_ref","ref","color","size","style","_ref$ariaHidden","ariaHidden","_ref$viewBoxSize","viewBoxSize","_ref$align","align","children","rest","_objectWithoutPropertiesLoose","_excluded","icon","createElement","_extends","width","height","fill","marginBottom","flexShrink","xmlns","viewBox","className","centeredIcon"],"sources":["BaseIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './BaseIcon.styles';\n\nexport interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: string;\n  size?: string | number;\n  ref?: any;\n}\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"],"mappings":"4PAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,MAAM,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;AAmB1C,OAAO,IAAMC,QAAQ,GAAGF,iBAAiB;EACvC,UAAU;EACV,UAAAG,IAAA;;EAEEC,GAAG;EACA,KAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CAAAC,eAAA,GAAAL,IAAA,CAAE,aAAa,EAAEM,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA,CAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW,CAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAAE,UAAA,GAAAT,IAAA,CAAEU,KAAK,CAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA,CAAEE,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;IAG7G,IAAMC,IAAI;IACRnB,KAAA,CAAAoB,aAAA,QAAAC,QAAA;MACEhB,GAAG,EAAEA,GAAI;MACTiB,KAAK,EAAEf,IAAI,IAAIK,WAAY;MAC3BW,MAAM,EAAEhB,IAAI,IAAIK,WAAY;MAC5BJ,KAAK,EAAAa,QAAA;QACHG,IAAI,EAAElB,KAAK,WAALA,KAAK,GAAI,cAAc;QAC7BmB,YAAY,EAAEX,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,WAAW;QACtEY,UAAU,EAAE,CAAC;MACVlB,KAAK,CACR;;MACFmB,KAAK,EAAC,4BAA4B;MAClCC,OAAO,WAAShB,WAAW,SAAIA,WAAc;MAC7C,eAAaF,UAAW;IACpBM,IAAI;;IAEPD;IACE,CACN;;;IAED,IAAID,KAAK,KAAK,QAAQ,EAAE;MACtB,oBAAOd,KAAA,CAAAoB,aAAA,WAAMS,SAAS,EAAE3B,MAAM,CAAC4B,YAAY,CAAC,CAAE,IAAEX,IAAW,CAAC;IAC9D;;IAEA,OAAOA,IAAI;EACb;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useStyles","forwardRefAndName","getStyles","BaseIcon","_ref","ref","color","size","style","_ref$ariaHidden","ariaHidden","_ref$viewBoxSize","viewBoxSize","_ref$align","align","children","rest","_objectWithoutPropertiesLoose","_excluded","styles","icon","createElement","_extends","width","height","fill","marginBottom","flexShrink","xmlns","viewBox","className","centeredIcon"],"sources":["BaseIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\nimport type { ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getStyles } from './BaseIcon.styles';\n\nexport interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: string;\n  size?: string | number;\n  ref?: any;\n}\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const styles = useStyles(getStyles);\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"],"mappings":"4PAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,6BAA6B;;AAEvD,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,SAAS,QAAQ,mBAAmB;;;;;;;;;;;;;;;;;;;AAmB7C,OAAO,IAAMC,QAAQ,GAAGF,iBAAiB;EACvC,UAAU;EACV,UAAAG,IAAA;;EAEEC,GAAG;EACA,KAFDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CAAAC,eAAA,GAAAL,IAAA,CAAE,aAAa,EAAEM,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA,CAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW,CAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAAE,UAAA,GAAAT,IAAA,CAAEU,KAAK,CAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA,CAAEE,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;IAG7G,IAAMC,MAAM,GAAGnB,SAAS,CAACE,SAAS,CAAC;IACnC,IAAMkB,IAAI;IACRrB,KAAA,CAAAsB,aAAA,QAAAC,QAAA;MACEjB,GAAG,EAAEA,GAAI;MACTkB,KAAK,EAAEhB,IAAI,IAAIK,WAAY;MAC3BY,MAAM,EAAEjB,IAAI,IAAIK,WAAY;MAC5BJ,KAAK,EAAAc,QAAA;QACHG,IAAI,EAAEnB,KAAK,WAALA,KAAK,GAAI,cAAc;QAC7BoB,YAAY,EAAEZ,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,QAAQ,GAAG,CAAC,GAAG,WAAW;QACtEa,UAAU,EAAE,CAAC;MACVnB,KAAK,CACR;;MACFoB,KAAK,EAAC,4BAA4B;MAClCC,OAAO,WAASjB,WAAW,SAAIA,WAAc;MAC7C,eAAaF,UAAW;IACpBM,IAAI;;IAEPD;IACE,CACN;;;IAED,IAAID,KAAK,KAAK,QAAQ,EAAE;MACtB,oBAAOf,KAAA,CAAAsB,aAAA,WAAMS,SAAS,EAAEX,MAAM,CAACY,YAAY,CAAC,CAAE,IAAEX,IAAW,CAAC;IAC9D;;IAEA,OAAOA,IAAI;EACb;AACF,CAAC","ignoreList":[]}

package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js

@@ -1,9 +1,12 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
 import { ZERO_WIDTH_SPACE_CSS } from "../../../lib/chars";
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  centeredIcon: function centeredIcon() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    centeredIcon: function centeredIcon() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
+    }
+  };
 });

package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","centeredIcon","_templateObject","_taggedTemplateLiteralLoose"],"sources":["BaseIcon.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  centeredIcon() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;IAKMN,oBAAoB;;;EAGtC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","memoizeGetStyles","getStyles","_ref","css","centeredIcon","_templateObject","_taggedTemplateLiteralLoose"],"sources":["BaseIcon.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  centeredIcon() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,YAAY,WAAAA,aAAA,EAAG;MACb,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;MAKMP,oBAAoB;;;IAGtC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/internal/icons2022/BaseIcon.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     centeredIcon(): string;
-};
+}>;