npm - @skbkontur/react-ui - Versions diffs - 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc - Mend

@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2587) hide show

package/internal/ThemeShowcase/VariablesCollector.d.ts CHANGED Viewed

@@ -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: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "labGrotesqueBaselineCompensation" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "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" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenInputBorderColor" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "btnBackgroundClip" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipFontSize" | "tooltipLineHeight" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBorderRadius" | "kebabBorder" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalFixedHeaderPaddingBottom" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingBottom" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "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" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkBorderRadius" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuHoverBg" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "mobileMenuPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemLineHeight" | "menuItemFontSize" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemBorderRadius" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeight" | "menuMessageLineHeightMobile" | "menuMessageFontSize" | "menuMessageFontSizeMobile" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderFontSize" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleFontSize" | "toggleLineHeight" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHeight" | "toggleWidth" | "toggleBorderRadius" | "toggleBg" | "toggleHandleBg" | "toggleCheckedBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgDisabledChecked" | "toggleBgHover" | "toggleCheckedBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleBorderColorDisabledChecked" | "toggleHandleSize" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "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" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputBorderColor" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "checkboxFontSize" | "checkboxLineHeight" | "checkboxBoxSize" | "checkboxCaptionGap" | "checkboxPaddingY" | "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" | "textareaFontSize" | "textareaLineHeight" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingY" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeAfter" | "radioFontSize" | "radioLineHeight" | "radioCaptionGap" | "radioPaddingY" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabPaddingX" | "tabsMarginX" | "tabPaddingY" | "tabLineHeight" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "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" | "mobilePopupContainerBorderRadius" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "mobilePopupOuterIndentY" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderBg" | "fileUploaderFontSize" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeight" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderTextColorDefault" | "fileUploaderPaddingX" | "fileUploaderPaddingY" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge")[];
+export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "labGrotesqueBaselineCompensation" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "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" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "transitionDuration" | "transitionTimingFunction" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkIconMarginLeft" | "linkHoverColor" | "linkDisabledColor" | "linkGrayedColor" | "linkGrayedHoverColor" | "linkGrayedActiveColor" | "linkErrorBgColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "linkLineBorderBottomStyle" | "linkLineHoverBorderBottomStyle" | "linkLineBorderBottomWidth" | "linkLineBorderBottomOpacity" | "linkLineBorderBottomColor" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenDefaultIdleBg" | "tokenDefaultIdleColor" | "tokenDefaultIdleBorderColor" | "tokenDefaultIdleBgHover" | "tokenDefaultIdleColorHover" | "tokenDefaultIdleBorderColorHover" | "tokenDefaultActiveBg" | "tokenDefaultActiveColor" | "tokenDefaultActiveBorderColor" | "tokenInputBorderColor" | "tokenInputBorderColorHover" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputMenuPopupBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "loaderBorderRadius" | "btnBackgroundClip" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnBorderColorTransition" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapSmallLeft" | "btnIconGapSmallRight" | "btnIconGapMedium" | "btnIconGapMediumLeft" | "btnIconGapMediumRight" | "btnIconGapLarge" | "btnIconGapLargeLeft" | "btnIconGapLargeRight" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkLineBorderBottomColor" | "btnLinkLineBorderBottomStyle" | "btnLinkHoverLineBorderBottomStyle" | "btnLinkLineBorderBottomWidth" | "btnLinkLineBorderBottomOpacity" | "btnLinkIconMarginRight" | "btnLinkIconMarginLeft" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "btnBacklessBg" | "btnBacklessHoverBg" | "btnBacklessActiveBg" | "btnBacklessBorderColor" | "btnBacklessHoverBorderColor" | "btnBacklessTextColor" | "btnTextBg" | "btnTextHoverBg" | "btnTextActiveBg" | "btnTextBorderColor" | "btnTextTextColor" | "btnTextHoverBorderColor" | "btnWithIconPaddingLeftSmall" | "btnWithIconPaddingRightSmall" | "btnWithIconPaddingLeftMedium" | "btnWithIconPaddingRightMedium" | "btnWithIconPaddingLeftLarge" | "btnWithIconPaddingRightLarge" | "btnIconColor" | "btnIconHoverColor" | "btnIconDisabledColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "mobileSelectMaxWidth" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectMenuOffsetY" | "selectBorderColorHover" | "selectBorderColorTransition" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnSide" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBg" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipFontSize" | "tooltipLineHeight" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBackgroundActive" | "kebabBorderRadius" | "kebabBorder" | "kebabSizeSmall" | "kebabSizeMedium" | "kebabSizeLarge" | "kebabIconSizeSmall" | "kebabIconSizeMedium" | "kebabIconSizeLarge" | "kebabIconColor" | "modalWindowShadow" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderFontWeight" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalHeaderAdditionalPaddingBottom" | "modalFixedHeaderMarginBottom" | "modalFixedHeaderPaddingBottom" | "modalFixedFooterPaddingTop" | "modalFixedFooterMarginTop" | "modalSeparatorBorderBottom" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingTop" | "modalBodyPaddingBottom" | "modalBodyBorderRadius" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "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" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "sidePageHeaderFontWeight" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarBottomSeparatorBorderColor" | "calendarBottomSeparatorBorderWidth" | "calendarBottomSeparatorBorder" | "calendarBg" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "datePickerMenuOffsetY" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "pickerBorderRadius" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkBoxSizing" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkBorderRadius" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkHintMargin" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "pagingDotsDisabledColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastLinkTextDecorationHover" | "toastLinkBgHover" | "toastLinkBgActive" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuBorderColorTransition" | "dropdownMenuHoverBorderColor" | "dropdownMenuHoverBg" | "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" | "menuLegacyPaddingY" | "menuScrollContainerContentWrapperPaddingY" | "mobileMenuPaddingY" | "mobileMenuScrollContainerContentWrapperPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuBoxSizing" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconWidthSmall" | "menuItemIconWidthMedium" | "menuItemIconWidthLarge" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemPaddingForIconSmall" | "menuItemPaddingForIconMedium" | "menuItemPaddingForIconLarge" | "menuItemLineHeight" | "menuItemLineHeightSmall" | "menuItemLineHeightMedium" | "menuItemLineHeightLarge" | "menuItemFontSize" | "menuItemFontSizeSmall" | "menuItemFontSizeMedium" | "menuItemFontSizeLarge" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemPaddingXSmall" | "menuItemPaddingYSmall" | "menuItemPaddingXMedium" | "menuItemPaddingYMedium" | "menuItemPaddingXLarge" | "menuItemPaddingYLarge" | "menuItemBorderRadius" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentOpacity" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeight" | "menuMessageLineHeightMobile" | "menuMessageFontSize" | "menuMessageFontSizeMobile" | "menuMessageFontSizeSmall" | "menuMessageFontSizeMedium" | "menuMessageFontSizeLarge" | "menuMessageLineHeightSmall" | "menuMessageLineHeightMedium" | "menuMessageLineHeightLarge" | "menuItemGap" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderLineHeightSmall" | "menuHeaderLineHeightMedium" | "menuHeaderLineHeightLarge" | "menuHeaderFontSize" | "menuHeaderFontSizeSmall" | "menuHeaderFontSizeMedium" | "menuHeaderFontSizeLarge" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderPaddingXSmall" | "menuHeaderPaddingTopSmall" | "menuHeaderPaddingBottomSmall" | "menuHeaderPaddingXMedium" | "menuHeaderPaddingTopMedium" | "menuHeaderPaddingBottomMedium" | "menuHeaderPaddingXLarge" | "menuHeaderPaddingTopLarge" | "menuHeaderPaddingBottomLarge" | "menuHeaderTotalCountPaddingTopSmall" | "menuHeaderTotalCountPaddingTopMedium" | "menuHeaderTotalCountPaddingTopLarge" | "menuHeaderTotalCountPaddingBottomSmall" | "menuHeaderTotalCountPaddingBottomMedium" | "menuHeaderTotalCountPaddingBottomLarge" | "menuHeaderLegacyPaddingRight" | "menuFooterColor" | "menuFooterLineHeightSmall" | "menuFooterLineHeightMedium" | "menuFooterLineHeightLarge" | "menuFooterFontSizeSmall" | "menuFooterFontSizeMedium" | "menuFooterFontSizeLarge" | "menuFooterPaddingXSmall" | "menuFooterPaddingXMedium" | "menuFooterPaddingXLarge" | "menuFooterPaddingTopSmall" | "menuFooterPaddingTopMedium" | "menuFooterPaddingTopLarge" | "menuFooterPaddingBottomSmall" | "menuFooterPaddingBottomMedium" | "menuFooterPaddingBottomLarge" | "menuFooterLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorMarginX" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleFontSize" | "toggleLineHeight" | "toggleLineHeightSmall" | "toggleLineHeightMedium" | "toggleLineHeightLarge" | "toggleFontSizeSmall" | "toggleFontSizeMedium" | "toggleFontSizeLarge" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHandleBorderRadiusSmall" | "toggleHandleBorderRadiusMedium" | "toggleHandleBorderRadiusLarge" | "toggleHeight" | "toggleWidth" | "toggleHeightSmall" | "toggleWidthSmall" | "toggleHeightMedium" | "toggleWidthMedium" | "toggleHeightLarge" | "toggleWidthLarge" | "toggleBorderRadius" | "toggleBorderRadiusSmall" | "toggleBorderRadiusMedium" | "toggleBorderRadiusLarge" | "toggleBg" | "toggleCheckedBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgDisabledChecked" | "toggleBgHover" | "toggleCheckedBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleBorderColorDisabledChecked" | "toggleHandleSize" | "toggleHandleSizeSmall" | "toggleHandleSizeMedium" | "toggleHandleSizeLarge" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "toggleOutlineColorFocus" | "toggleHandleBoxShadowOld" | "toggleContainerBg" | "toggleContainerBgHover" | "toggleContainerBgChecked" | "toggleContainerBgCheckedHover" | "toggleContainerBoxShadow" | "toggleContainerBoxShadowHover" | "toggleContainerBoxShadowChecked" | "toggleContainerBoxShadowCheckedHover" | "toggleHandleBg" | "toggleHandleBgHover" | "toggleHandleBgChecked" | "toggleHandleBgCheckedHover" | "toggleHandleBoxShadow" | "toggleHandleBoxShadowHover" | "toggleHandleBoxShadowChecked" | "toggleHandleBoxShadowCheckedHover" | "toggleContainerBgDisabled" | "toggleHandleBgDisabled" | "toggleContainerBoxShadowDisabled" | "toggleHandleBoxShadowDisabled" | "toggleContainerBgDisabledChecked" | "toggleHandleBgDisabledChecked" | "toggleContainerBoxShadowDisabledChecked" | "toggleHandleBoxShadowDisabledChecked" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "popupMenuMenuOffsetY" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "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" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "inputColorScheme" | "checkboxFontSize" | "checkboxFontSizeSmall" | "checkboxFontSizeMedium" | "checkboxFontSizeLarge" | "checkboxLineHeight" | "checkboxLineHeightSmall" | "checkboxLineHeightMedium" | "checkboxLineHeightLarge" | "checkboxBoxSize" | "checkboxBoxSizeSmall" | "checkboxBoxSizeMedium" | "checkboxBoxSizeLarge" | "checkboxCaptionGap" | "checkboxPaddingY" | "checkboxPaddingYSmall" | "checkboxPaddingYMedium" | "checkboxPaddingYLarge" | "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" | "textareaFontSize" | "textareaFontSizeSmall" | "textareaFontSizeMedium" | "textareaFontSizeLarge" | "textareaLineHeight" | "textareaLineHeightSmall" | "textareaLineHeightMedium" | "textareaLineHeightLarge" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaMinHeightSmall" | "textareaMinHeightMedium" | "textareaMinHeightLarge" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingXSmall" | "textareaPaddingXMedium" | "textareaPaddingXLarge" | "textareaPaddingY" | "textareaPaddingYSmall" | "textareaPaddingYMedium" | "textareaPaddingYLarge" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorHover" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioBulletSizeSmall" | "radioBulletSizeMedium" | "radioBulletSizeLarge" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeSmall" | "radioSizeMedium" | "radioSizeLarge" | "radioFontSize" | "radioFontSizeSmall" | "radioFontSizeMedium" | "radioFontSizeLarge" | "radioLineHeight" | "radioLineHeightSmall" | "radioLineHeightMedium" | "radioLineHeightLarge" | "radioCaptionGap" | "radioPaddingY" | "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" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabFontSizeSmall" | "tabFontSizeMedium" | "tabFontSizeLarge" | "tabLineHeight" | "tabLineHeightSmall" | "tabLineHeightMedium" | "tabLineHeightLarge" | "tabPaddingX" | "tabPaddingXSmall" | "tabPaddingXMedium" | "tabPaddingXLarge" | "tabsMarginX" | "tabPaddingY" | "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" | "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" | "fileUploaderBg" | "fileUploaderUploadButtonBg" | "fileUploaderFontSize" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeight" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderTextColorDefault" | "fileUploaderPaddingX" | "fileUploaderPaddingY" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderDisabledBorder" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderAfterLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBgClip" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderHoveredBorderColor" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge" | "fileUploaderDragOverBorderColor" | "fileUploaderDragOverShadow" | "closeBtnIconColor" | "closeBtnIconDisabledColor" | "closeBtnIconHoverColor" | "closeBtnIconBorderRadius" | "closeBtnIconFocusShadow" | "internalMenuPaddingY" | "autocompleteMenuOffsetY" | "comboboxMenuOffsetY" | "miniModalHeaderPaddingBottom" | "miniModalBodyPaddingTop" | "miniModalBodyPaddingBottom" | "miniModalHeaderPaddingTop" | "miniModalActionGap" | "miniModalCancelIndent" | "miniModalFooterPaddingTop" | "miniModalFooterPaddingBottom" | "miniModalTitleMarginTop" | "miniModalHeightMobile" | "miniModalMarginTopMobile" | "miniModalMarginLeftMobile" | "miniModalMarginRightMobile" | "miniModalFooterPaddingMobile" | "miniModalHeaderPaddingMobile" | "miniModalBodyPaddingMobile")[];
 export declare const CALLS_COUNT: number;
 export declare const EXECUTION_TIME: number;

package/internal/ZIndex/ZIndex/ZIndex.js CHANGED Viewed

@@ -6,9 +6,9 @@ var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "cover
 var _class, _class2, _temp;
 import React from 'react';
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { callChildRef } from "../../../lib/callChildRef/callChildRef";
 import { rootNode } from "../../../lib/rootNode";
-import { isBrowser } from "../../../lib/client";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { incrementZIndex, removeZIndex, upperBorder } from "../ZIndexStorage";
 var ZIndexContext = /*#__PURE__*/React.createContext({
@@ -100,7 +100,7 @@ export var ZIndex = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
         };
         if (createStackingContext) {
-          isBrowser && 'isolation' in document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';
+          isBrowser(globalObject) && 'isolation' in globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';
         }
       }

package/internal/ZIndex/ZIndex/ZIndex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ZIndex.tsx"],"names":["React","~~callChildRef~~","~~rootNode~~","~~isBrowser~~","createPropsGetter","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"+YAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,qCAA7B;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,~~SAAT,QAA0B,kBAA1B;AACA,SAASC,~~iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,eAAT,EAA0BC,YAA1B,EAAwCC,WAAxC,QAA+E,iBAA/E;;AAEA,IAAMC,aAAa,~~gBAAGR~~,KAAK,~~CAACS~~,aAAN,CAAoB,EAAEC,iBAAiB,EAAE,CAArB,EAAwBC,SAAS,EAAEC,QAAnC,EAApB,CAAtB;;AAEAJ,aAAa,CAACK,WAAd,GAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,WAAaC,MAAb,~~GADCZ~~,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE,~~kBAAYa~~,KAAZ,EAAgC;AAC9B,wCAAMA,KAAN,UAD8B,MAnBzBC,KAmByB,GAnBjB,EACbC,MAAM,EAAE,CADK,EAmBiB,OAfxBC,QAewB,GAfbd,iBAAiB,CAACU,MAAM,CAACK,YAAR,CAeJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkExBC,IAAAA,UAlEwB,GAkEX,UAACC,OAAD,EAAoC;AACvD,UAAQD,UAAR,GAAuB,MAAKL,KAA5B,CAAQK,UAAR;AACA,YAAKE,WAAL,CAAiBD,OAAjB;AACAD,MAAAA,UAAU,~~IAAInB~~,YAAY,~~CAACmB~~,UAAD,EAAaC,OAAb,CAA1B;AACD,KAtE+B;;;;;;;;;;;;;;;;AAsFxBE,IAAAA,SAtFwB,GAsFZ,YAAM;AACxB,2BAA4B,MAAKL,QAAL,EAA5B,CAAQM,QAAR,kBAAQA,QAAR,CAAkBC,KAAlB,kBAAkBA,KAAlB;;AAEA,aAAOpB,eAAe,CAACmB,QAAD,EAAWC,KAAX,CAAtB;AACD,KA1F+B,CAE9B,MAAKT,KAAL,CAAWC,MAAX,GAAoB,MAAKM,SAAL,EAApB,CAF8B,aAG/B,CAnCH,qCAqCSG,kBArCT,GAqCE,4BAA0BC,SAA1B,EAA4D,CAC1D,IAAIA,SAAS,CAACH,QAAV,KAAuB,KAAKT,KAAL,CAAWS,QAAlC,IAA8CG,SAAS,CAACF,KAAV,KAAoB,KAAKV,KAAL,CAAWU,KAAjF,EAAwF,CACtFnB,YAAY,CAAC,KAAKU,KAAL,CAAWC,MAAZ,CAAZ,CACA,KAAKW,QAAL,CAAc,EAAEX,MAAM,EAAE,KAAKM,SAAL,EAAV,EAAd,EACD,CACF,CA1CH,QA4CSM,oBA5CT,GA4CE,gCAA8B,CAC5BvB,YAAY,CAAC,KAAKU,KAAL,CAAWC,MAAZ,CAAZ,CACD,CA9CH,QAgDSa,MAhDT,GAgDE,kBAAgB,mBACd,sBAWI,KAAKZ,QAAL,EAXJ,CACEa,KADF,mBACEA,KADF,CAEEC,QAFF,mBAEEA,QAFF,CAGEP,KAHF,mBAGEA,KAHF,CAIED,QAJF,mBAIEA,QAJF,CAKES,WALF,mBAKEA,WALF,CAMEC,aANF,mBAMEA,aANF,CAOEC,qBAPF,mBAOEA,qBAPF,CAQEf,UARF,mBAQEA,UARF,CASEgB,UATF,mBASEA,UATF,CAUKC,IAVL,6DAaA,IAAMC,YAAiC,GAAG,EAA1C,CAEA,oBACE,oBAAC,aAAD,CAAe,QAAf,QACG,gBAAsC,KAAnC5B,iBAAmC,QAAnCA,iBAAmC,CAAhBC,SAAgB,QAAhBA,SAAgB,CACrC,IAAI4B,kBAAkB,GAAG,EAAE7B,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAATA,SAArB,EAAzB,CAEA,IAAIsB,WAAJ,EAAiB,CACf,IAAMO,SAAS,GAAG,MAAI,CAACC,UAAL,CAAgB/B,iBAAhB,EAAmCC,SAAnC,CAAlB,CACA2B,YAAY,CAACrB,MAAb,GAAsBuB,SAAtB,CAEAD,kBAAkB,GAAGL,aAAa,GAC9B,EAAExB,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAAE6B,SAAhC,EAD8B,GAE9B,EAAE9B,iBAAiB,EAAE8B,SAArB,EAAgC7B,SAAS,EAAE+B,MAAM,CAACC,QAAP,CAAgBhC,SAAhB,IAA6B6B,SAA7B,GAAyC5B,QAApF,EAFJ,CAIA,IAAIuB,qBAAJ,EAA2B,~~CACzBhC~~,SAAS,~~IAAI~~,~~eAAeyC~~,~~QAAQ~~,~~CAACC~~,~~IAAT~~,~~CAAcd~~,~~KAA1C~~,GACKO,YAAY,CAACQ,SAAb,GAAyB,SAD9B,GAEKR,YAAY,CAACS,SAAb,GAAyB,WAF9B,CAGD,CACF,CAED,IAAMC,KAAK,GAAG,CAACZ,UAAD,GACZJ,QADY,gBAGZ,sCAAK,KAAK,eAAOD,KAAP,EAAiBO,YAAjB,CAAV,EAA2C,GAAG,EAAE,MAAI,CAAClB,UAArD,IAAqEiB,IAArE,GACGL,QADH,CAHF,CAQA,oBAAO,oBAAC,aAAD,CAAe,QAAf,IAAwB,KAAK,EAAEO,kBAA/B,IAAoDS,KAApD,CAAP,CACD,CA5BH,CADF,CAgCD,CAhGH,QAwGUP,UAxGV,GAwGE,oBAAmB/B,iBAAnB,EAA8CC,SAA9C,EAAiE,CAC/D,IAAI6B,SAAS,GAAG,KAAKxB,KAAL,CAAWC,MAA3B,CAEA,IAAIyB,MAAM,CAACC,QAAP,CAAgBhC,SAAhB,CAAJ,EAAgC,CAC9B,IAAMsC,2BAA2B,GAAGtC,SAAS,GAAGD,iBAAhD,CACA,IAAMwC,KAAK,GAAG3C,WAAW,GAAG0C,2BAA5B,CACAT,SAAS,GAAGW,IAAI,CAACC,IAAL,CAAUZ,SAAS,GAAGU,KAAtB,CAAZ,CACD,CAEDV,SAAS,IAAI9B,iBAAb,CAEA,OAAO8B,SAAP,CACD,CApHH,~~iBAA4BxC~~,KAAK,~~CAACqD~~,SAAlC,WACgBC,mBADhB,GACsC,QADtC,UAGgBnC,YAHhB,GAG6C,EACzCM,KAAK,EAAE,EADkC,EAEzCD,QAAQ,EAAE,CAF+B,EAGzCO,KAAK,EAAE,EAHkC,EAIzCE,WAAW,EAAE,IAJ4B,EAKzCC,aAAa,EAAE,KAL0B,EAMzCC,qBAAqB,EAAE,KANkB,EAOzCC,UAAU,EAAE,IAP6B,EAH7C,UAmBgBmB,SAnBhB,GAmB4B,EACxB9B,KADwB,iBAClBV,KADkB,EACE,CACxB,IAAI,CAACA,KAAK,CAACU,KAAN,IAAeX,OAAM,CAACK,YAAP,CAAoBM,KAApC,KAA8C,CAAlD,EAAqD,CACnD,OAAO,IAAI+B,KAAJ,8DAAqEzC,KAAK,CAACU,KAA3E,CAAP,CACD,CACD,IAAI0B,IAAI,CAACM,KAAL,CAAW1C,KAAK,CAACU,KAAN,IAAeX,OAAM,CAACK,YAAP,CAAoBM,KAA9C,MAAyDV,KAAK,CAACU,KAAnE,EAA0E,CACxE,OAAO,IAAI+B,KAAJ,uDAA8DzC,KAAK,CAACU,KAApE,CAAP,CACD,CACF,CARuB,EAnB5B","sourcesContent":["import React from 'react';\n\nimport { ~~callChildRef~~ } from '~~../../lib~~/~~callChildRef/callChildRef~~';\nimport { ~~rootNode,~~ ~~TSetRootNode~~ } from '../../lib/~~rootNode~~';\nimport { ~~isBrowser~~ } from '../../lib/~~client~~';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\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}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n public static __KONTUR_REACT_UI__ = '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 = {\n zIndex: 0,\n };\n\n private getProps = createPropsGetter(ZIndex.defaultProps);\n\n public static propTypes = {\n delta(props: ZIndexProps) {\n if ((props.delta \|\| ZIndex.defaultProps.delta) <= 0) {\n return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n }\n if (Math.trunc(props.delta \|\| ZIndex.defaultProps.delta) !== props.delta) {\n return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n }\n },\n };\n\n private setRootNode!: TSetRootNode;\n\n constructor(props: ZIndexProps) {\n super(props);\n this.state.zIndex = this.increment();\n }\n\n public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n if (prevProps.priority !== this.props.priority \|\| prevProps.delta !== this.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 {({ parentLayerZIndex, maxZIndex }) => {\n let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n if (applyZIndex) {\n const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n wrapperStyle.zIndex = newZIndex;\n\n zIndexContextValue = coverChildren\n ? { parentLayerZIndex, maxZIndex: newZIndex }\n : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n if (createStackingContext) {\n isBrowser && 'isolation' in 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={zIndexContextValue}>{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 };\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"]}
1	+ {"version":3,"sources":["ZIndex.tsx"],"names":["React","globalObject","isBrowser","callChildRef","rootNode","createPropsGetter","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\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}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n public static __KONTUR_REACT_UI__ = '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 = {\n zIndex: 0,\n };\n\n private getProps = createPropsGetter(ZIndex.defaultProps);\n\n public static propTypes = {\n delta(props: ZIndexProps) {\n if ((props.delta \|\| ZIndex.defaultProps.delta) <= 0) {\n return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n }\n if (Math.trunc(props.delta \|\| ZIndex.defaultProps.delta) !== props.delta) {\n return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n }\n },\n };\n\n private setRootNode!: TSetRootNode;\n\n constructor(props: ZIndexProps) {\n super(props);\n this.state.zIndex = this.increment();\n }\n\n public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n if (prevProps.priority !== this.props.priority \|\| prevProps.delta !== this.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 {({ parentLayerZIndex, maxZIndex }) => {\n let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n if (applyZIndex) {\n const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n wrapperStyle.zIndex = newZIndex;\n\n zIndexContextValue = 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={zIndexContextValue}>{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 };\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"]}

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { globalThat } from "../../../lib/SSRSafe";
+import { globalObject } from '@skbkontur/global-object';
 var calculatePriority = function calculatePriority(priority) {
   if (typeof priority === 'string') {
@@ -11,9 +11,6 @@ var calculatePriority = function calculatePriority(priority) {
 var componentPriorities = {
   MobilePopup: 9000,
   Toast: 10000,
-  // Fixed footer/header should overlap anything that can be contained inside of a modal body
-  ModalFixedFooter: 11,
-  ModalFixedHeader: 11,
   GlobalLoader: 10,
   Sidepage: 9,
   Modal: 9,
@@ -24,7 +21,7 @@ var componentPriorities = {
 var priorityStep = 1000;
 var getZIndexes = function getZIndexes() {
-  return globalThat.__RetailUiZIndexes || (globalThat.__RetailUiZIndexes = [0]);
+  return globalObject.__RetailUiZIndexes || (globalObject.__RetailUiZIndexes = [0]);
 };
 var getIndexPriority = function getIndexPriority(zIndex) {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ZIndexStorage.ts"],"names":["~~globalThat~~","calculatePriority","priority","componentPriorities","MobilePopup","Toast","~~ModalFixedFooter","ModalFixedHeader","~~GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"AAAA,SAASA,~~UAAT~~,~~QAA2B~~,~~mBAA3B~~;;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;~~AAG1B;AACAC~~,EAAAA,~~gBAAgB,EAAE,EAJQ;AAK1BC,EAAAA,gBAAgB,EAAE,EALQ;AAM1BC,EAAAA,~~YAAY,EAAE,~~EANY~~;~~AAO1BC~~,EAAAA,QAAQ,EAAE,~~CAPgB~~;~~AAQ1BC~~,EAAAA,KAAK,EAAE,~~CARmB~~;~~AAS1BC~~,EAAAA,MAAM,EAAE,~~CATkB~~;~~AAU1BC~~,EAAAA,iBAAiB,EAAE,~~CAVO~~;~~AAW1BC~~,EAAAA,KAAK,EAAE,~~CAXmB~~,EAA5B;;~~AAaA~~,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,~~WAAgBf~~,~~UAAU~~,~~CAACgB~~,~~kBAAX~~,~~KAAkChB~~,~~UAAU~~,~~CAACgB~~,~~kBAAX~~,~~GAAgC~~,CAAC,CAAD,~~CAAlE~~,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGJ,YAApB,CAApB,EAAzB;AACA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,~~CAACnB~~,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,~~IAAiBY~~,YAAjB,GAAgC,CAA9D,EAA3B;;AAEA,OAAO,IAAMQ,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,~~CAActB~~,mBAAd,CAAR,CAAL,CAAtC;;AAEP,OAAO,~~SAASuB~~,eAAT,~~CAAyBxB~~,QAAzB,~~EAA6CyB~~,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,~~GAAG3B~~,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,~~MAAM2B~~,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGf,WAAW,EAA5B;;AAEA,MAAIgB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGd,YAH3B;;AAKAgB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAED,OAAO,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGf,WAAW,EAA5B;AACA,MAAMwB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { ~~globalThat~~ } from '~~../../lib~~/~~SSRSafe~~';\n\ntype 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\nconst componentPriorities = {\n MobilePopup: 9000,\n Toast: 10000,\n ~~// Fixed footer/header should overlap anything that can be contained inside of a modal body\n ModalFixedFooter: 11,\n ModalFixedHeader: 11,\n~~ GlobalLoader: 10,\n Sidepage: 9,\n Modal: 9,\n Sticky: 7,\n DropdownContainer: 5,\n Popup: 3,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => ~~globalThat~~.__RetailUiZIndexes \|\| (~~globalThat~~.__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"]}
1	+ {"version":3,"sources":["ZIndexStorage.ts"],"names":["globalObject","calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"AAAA,SAASA,YAAT,QAA6B,0BAA7B;;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,YAAY,EAAE,EAHY;AAI1BC,EAAAA,QAAQ,EAAE,CAJgB;AAK1BC,EAAAA,KAAK,EAAE,CALmB;AAM1BC,EAAAA,MAAM,EAAE,CANkB;AAO1BC,EAAAA,iBAAiB,EAAE,CAPO;AAQ1BC,EAAAA,KAAK,EAAE,CARmB,EAA5B;;AAUA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBb,YAAY,CAACc,kBAAb,KAAoCd,YAAY,CAACc,kBAAb,GAAkC,CAAC,CAAD,CAAtE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGJ,YAApB,CAApB,EAAzB;AACA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBU,YAAjB,GAAgC,CAA9D,EAA3B;;AAEA,OAAO,IAAMQ,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAcpB,mBAAd,CAAR,CAAL,CAAtC;;AAEP,OAAO,SAASqB,eAAT,CAAyBtB,QAAzB,EAA6CuB,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAGzB,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAMyB,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGf,WAAW,EAA5B;;AAEA,MAAIgB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGd,YAH3B;;AAKAgB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAED,OAAO,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGf,WAAW,EAA5B;AACA,MAAMwB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\ntype 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\nconst componentPriorities = {\n MobilePopup: 9000,\n Toast: 10000,\n GlobalLoader: 10,\n Sidepage: 9,\n Modal: 9,\n Sticky: 7,\n DropdownContainer: 5,\n Popup: 3,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => globalObject.__RetailUiZIndexes \|\| (globalObject.__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"]}

package/internal/ZIndex/ZIndexStorage.d.ts CHANGED Viewed

@@ -3,8 +3,6 @@ export declare type LayerComponentName = keyof typeof componentPriorities;
 declare const componentPriorities: {
     MobilePopup: number;
     Toast: number;
-    ModalFixedFooter: number;
-    ModalFixedHeader: number;
     GlobalLoader: number;
     Sidepage: number;
     Modal: number;

package/internal/icons/16px/index.d.ts CHANGED Viewed

@@ -4,22 +4,22 @@ export interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: string | number;
     ref?: any;
 }
-export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;

package/internal/icons/SpinnerIcon/SpinnerIcon.js CHANGED Viewed

@@ -22,6 +22,11 @@ export var sizes = {
     radius: 6
   }
 };
+var isSizeAlias = function isSizeAlias(size) {
+  return typeof size === 'string' && size in sizes;
+};
 export var SpinnerIcon = function SpinnerIcon(_ref) {
   var _cx, _cx2;
@@ -31,7 +36,10 @@ export var SpinnerIcon = function SpinnerIcon(_ref) {
       inline = _ref.inline,
       width = _ref.width,
       color = _ref.color;
-  var currentSize = inline ? sizes.mini : sizes[size];
+  var _size = isSizeAlias(size) ? sizes[size] : size;
+  var currentSize = inline ? sizes.mini : _size;
   var svgRef = React.useRef(null);
   if (isIE11 && !isTestEnv) {

package/internal/icons/SpinnerIcon/SpinnerIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["SpinnerIcon.tsx"],"names":["React","isIE11","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","createRotationAnimation","isTestEnv","ThemeContext","cx","styles","sizes","big","size","width","radius","normal","mini","SpinnerIcon","className","dimmed","inline","color","currentSize","svgRef","useRef","fallbackAnimationRef","useContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","style","setProperty","fallbackAnimation","stop","removeAttribute","root","rootInline","icon","iconInline"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AACA;AACEC,8BADF;AAEEC,qBAFF;AAGEC,qBAHF;AAIEC,oBAJF;AAKEC,uBALF;AAMO,mDANP;AAOA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,sBAAvB~~;;;;;;;;;;;AAWA~~,OAAO,IAAMC,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,KAAK,EAAE,CAFJ;AAGHC,IAAAA,MAAM,EAAE,EAHL,EADc;;AAMnBC,EAAAA,MAAM,EAAE;AACNH,IAAAA,IAAI,EAAE,EADA;AAENC,IAAAA,KAAK,EAAE,CAFD;AAGNC,IAAAA,MAAM,EAAE,EAHF,EANW;;AAWnBE,EAAAA,IAAI,EAAE;AACJJ,IAAAA,IAAI,EAAE,EADF;AAEJC,IAAAA,KAAK,EAAE,GAFH;AAGJC,IAAAA,MAAM,EAAE,CAHJ,EAXa,EAAd;;;;AAkBP,OAAO,~~IAAMG~~,WAAW,GAAG,SAAdA,WAAc,OAAyE,~~mBAAtEL~~,IAAsE,QAAtEA,IAAsE,~~CAAhEM~~,SAAgE,QAAhEA,SAAgE,CAArDC,MAAqD,QAArDA,MAAqD,CAA7CC,MAA6C,QAA7CA,MAA6C,~~CAArCP~~,KAAqC,QAArCA,KAAqC,~~CAA9BQ~~,KAA8B,QAA9BA,KAA8B;AAClG,MAAMC,WAAW,~~GAAGF~~,~~MAAM~~,~~GAAGV~~,KAAK,~~CAACM~~,~~IAAT~~,~~GAAgBN~~,KAAK,~~CAACE~~,~~IAAD~~,~~CAA/C~~;AACA,~~MAAMW~~,MAAM,~~GAAGxB~~,KAAK,~~CAACyB~~,MAAN,CAA4B,IAA5B,CAAf;;AAEA,~~MAAIxB~~,MAAM,IAAI,CAACM,SAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,~~QAAMmB~~,oBAAoB,~~GAAG1B~~,KAAK,~~CAACyB~~,MAAN,CAAoD,IAApD,CAA7B;AACA;AACA,~~4BAAsCzB~~,KAAK,~~CAAC2B~~,UAAN,~~CAAiBnB~~,YAAjB,CAAtC,~~CAAQoB~~,GAAR,qBAAQA,GAAR,CAAaC,MAAb,qBAAaA,MAAb,CAAqBC,KAArB,qBAAqBA,KAArB,CAA4BC,KAA5B,qBAA4BA,KAA5B;AACA;~~AACA/B~~,IAAAA,KAAK,~~CAACgC~~,SAAN,CAAgB,YAAM;AACpB,UAAMC,GAAG,GAAGT,MAAM,CAACU,OAAnB;;AAEA,UAAMC,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,YAAIF,GAAJ,EAAS;AACP,wBAAAA,GAAG,CAACG,KAAJ,EAAUC,WAAV;AACD;AACF,OAJD;;AAMAX,MAAAA,oBAAoB,CAACQ,OAArB,GAA+B,~~IAAIhC~~,8BAAJ;;AAE3BC,MAAAA,qBAAqB,CAAC,CAAD,EAAI,CAAC,GAAL,EAAU,IAAV,~~EAAgBgC~~,gBAAhB,EAAkC,GAAlC,CAFM;~~AAG3B/B~~,MAAAA,qBAAqB,CAAC,CAAC,EAAD,EAAK,GAAL,CAAD,EAAY,CAAC,GAAD,EAAM,EAAN,CAAZ,EAAuB,IAAvB,~~EAA6B+B~~,gBAA7B,EAA+C,GAA/C,CAHM;~~AAI3B7B~~,MAAAA,uBAAuB,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,~~EAAe6B~~,gBAAf,CAJI;~~AAKvBf~~,MAAAA,MAAM,GAAG,EAAH,GAAQ,~~CAACf~~,oBAAoB,CAAC,~~CAACuB~~,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAAD,EAA8B,IAA9B,EAAoCI,gBAApC,CAArB,CALS;;AAO7B,aAAO,EAPsB,CAA/B;;;AAUA,aAAO,YAAM;AACX,YAAMG,iBAAiB,GAAGZ,oBAAoB,CAACQ,OAA/C;AACA,YAAII,iBAAJ,EAAuB;AACrBA,UAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,YAAIN,GAAJ,EAAS;AACPA,UAAAA,GAAG,CAACO,eAAJ,CAAoB,OAApB;AACD;AACF,OARD;AASD,KA5BD,EA4BG,~~CAACpB~~,MAAD,~~EAASQ~~,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA5BH;AA6BD;;AAED;AACE,kCAAM,SAAS,~~EAAEtB~~,EAAE,CAACC,MAAM,~~CAAC+B~~,IAAP,EAAD,~~iBAAmB/B~~,MAAM,~~CAACgC~~,UAAP,EAAnB,~~IAAyCrB~~,MAAzC,OAAnB;AACE;AACE,MAAA,OAAO,~~WAASE~~,WAAW,~~CAACV~~,IAArB,~~SAA6BU~~,WAAW,~~CAACV~~,IADlD;AAEE,MAAA,SAAS,EAAEJ,EAAE,CAACC,MAAM,~~CAACiC~~,IAAP,EAAD,~~EAAgBxB~~,SAAhB;~~AACVT~~,MAAAA,MAAM,~~CAACkC~~,UAAP,EADU,~~IACYvB~~,MADZ,QAFf;;AAKE,MAAA,KAAK,~~EAAEE~~,WAAW,~~CAACV~~,IALrB;AAME,MAAA,MAAM,~~EAAEU~~,WAAW,~~CAACV~~,IANtB;AAOE,MAAA,IAAI,EAAC,MAPP;AAQE,MAAA,MAAM,~~EAAES~~,KARV;AASE,MAAA,eAAe,EAAM,~~KAAKC~~,WAAW,~~CAACR~~,MAAlB,GAA4B,CAAjC,UAAwC,~~KAAKQ~~,WAAW,~~CAACR~~,MAAlB,GAA4B,CATpF;AAUE,MAAA,gBAAgB,EAAC,GAVnB;AAWE,MAAA,WAAW,EAAED,KAAK,~~IAAIS~~,WAAW,~~CAACT~~,KAXpC;AAYE,MAAA,GAAG,~~EAAEU~~,MAZP;AAaE,MAAA,SAAS,EAAC,OAbZ;AAcE,qBAAY,MAdd;;AAgBE,oCAAQ,EAAE,EAAED,WAAW,~~CAACV~~,IAAZ,GAAmB,CAA/B,EAAkC,EAAE,~~EAAEU~~,WAAW,~~CAACV~~,IAAZ,GAAmB,CAAzD,EAA4D,CAAC,~~EAAEU~~,WAAW,~~CAACR~~,MAA3E,GAhBF,CADF,CADF;;;;AAsBD,~~CAnEM~~","sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n SpinnerFallbackAnimationRunner,\n createOffsetAnimation,\n createLengthAnimation,\n createColorAnimation,\n createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\nexport interface SpinnerIconProps {\n className: string;\n size: ~~'mini'~~ \| ~~'normal'~~ \| ~~'big'~~;\n dimmed?: boolean;\n inline?: boolean;\n width?: number;\n color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n big: {\n size: 96,\n width: 4,\n radius: 32,\n },\n normal: {\n size: 48,\n width: 2,\n radius: 16,\n },\n mini: {\n size: 16,\n width: 1.5,\n radius: 6,\n },\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => {\n const currentSize = inline ? sizes.mini : ~~sizes[size]~~;\n const svgRef = React.useRef<SVGSVGElement>(null);\n\n if (isIE11 && !isTestEnv) {\n // This condition will not change during app's life time\n // So its OK to use hooks here\n // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner \| null>(null);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const { red, yellow, green, brand } = React.useContext(ThemeContext);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n const svg = svgRef.current;\n\n const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n if (svg) {\n svg.style.setProperty(...args);\n }\n };\n\n fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n [\n createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n createRotationAnimation(0, 360, 2000, setStyleProperty),\n ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n ],\n 1000 / 60,\n );\n\n return () => {\n const fallbackAnimation = fallbackAnimationRef.current;\n if (fallbackAnimation) {\n fallbackAnimation.stop();\n }\n if (svg) {\n svg.removeAttribute('style');\n }\n };\n }, [dimmed, red, yellow, green, brand]);\n }\n\n return (\n <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n <svg\n viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n className={cx(styles.icon(), className, {\n [styles.iconInline()]: inline,\n })}\n width={currentSize.size}\n height={currentSize.size}\n fill=\"none\"\n stroke={color}\n strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n strokeDashoffset=\"0\"\n strokeWidth={width \|\| currentSize.width}\n ref={svgRef}\n focusable=\"false\"\n aria-hidden=\"true\"\n >\n <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n </svg>\n </span>\n );\n};\n"]}
1	+ {"version":3,"sources":["SpinnerIcon.tsx"],"names":["React","isIE11","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","createRotationAnimation","isTestEnv","ThemeContext","cx","styles","sizes","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","className","dimmed","inline","color","_size","currentSize","svgRef","useRef","fallbackAnimationRef","useContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","style","setProperty","fallbackAnimation","stop","removeAttribute","root","rootInline","icon","iconInline"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AACA;AACEC,8BADF;AAEEC,qBAFF;AAGEC,qBAHF;AAIEC,oBAJF;AAKEC,uBALF;AAMO,mDANP;AAOA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,sBAAvB;;;;;;;;;;;;;;;;;AAiBA,OAAO,IAAMC,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,KAAK,EAAE,CAFJ;AAGHC,IAAAA,MAAM,EAAE,EAHL,EADc;;AAMnBC,EAAAA,MAAM,EAAE;AACNH,IAAAA,IAAI,EAAE,EADA;AAENC,IAAAA,KAAK,EAAE,CAFD;AAGNC,IAAAA,MAAM,EAAE,EAHF,EANW;;AAWnBE,EAAAA,IAAI,EAAE;AACJJ,IAAAA,IAAI,EAAE,EADF;AAEJC,IAAAA,KAAK,EAAE,GAFH;AAGJC,IAAAA,MAAM,EAAE,CAHJ,EAXa,EAAd;;;;AAkBP,IAAMG,WAAW,GAAG,SAAdA,WAAc,CAACL,IAAD,EAA+C;AACjE,SAAO,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,IAAIF,KAA3C;AACD,CAFD;;AAIA,OAAO,IAAMQ,WAAW,GAAG,SAAdA,WAAc,OAAyE,mBAAtEN,IAAsE,QAAtEA,IAAsE,CAAhEO,SAAgE,QAAhEA,SAAgE,CAArDC,MAAqD,QAArDA,MAAqD,CAA7CC,MAA6C,QAA7CA,MAA6C,CAArCR,KAAqC,QAArCA,KAAqC,CAA9BS,KAA8B,QAA9BA,KAA8B;AAClG,MAAMC,KAAK,GAAGN,WAAW,CAACL,IAAD,CAAX,GAAoBF,KAAK,CAACE,IAAD,CAAzB,GAAkCA,IAAhD;AACA,MAAMY,WAAW,GAAGH,MAAM,GAAGX,KAAK,CAACM,IAAT,GAAgBO,KAA1C;AACA,MAAME,MAAM,GAAG1B,KAAK,CAAC2B,MAAN,CAA4B,IAA5B,CAAf;;AAEA,MAAI1B,MAAM,IAAI,CAACM,SAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,QAAMqB,oBAAoB,GAAG5B,KAAK,CAAC2B,MAAN,CAAoD,IAApD,CAA7B;AACA;AACA,4BAAsC3B,KAAK,CAAC6B,UAAN,CAAiBrB,YAAjB,CAAtC,CAAQsB,GAAR,qBAAQA,GAAR,CAAaC,MAAb,qBAAaA,MAAb,CAAqBC,KAArB,qBAAqBA,KAArB,CAA4BC,KAA5B,qBAA4BA,KAA5B;AACA;AACAjC,IAAAA,KAAK,CAACkC,SAAN,CAAgB,YAAM;AACpB,UAAMC,GAAG,GAAGT,MAAM,CAACU,OAAnB;;AAEA,UAAMC,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,YAAIF,GAAJ,EAAS;AACP,wBAAAA,GAAG,CAACG,KAAJ,EAAUC,WAAV;AACD;AACF,OAJD;;AAMAX,MAAAA,oBAAoB,CAACQ,OAArB,GAA+B,IAAIlC,8BAAJ;;AAE3BC,MAAAA,qBAAqB,CAAC,CAAD,EAAI,CAAC,GAAL,EAAU,IAAV,EAAgBkC,gBAAhB,EAAkC,GAAlC,CAFM;AAG3BjC,MAAAA,qBAAqB,CAAC,CAAC,EAAD,EAAK,GAAL,CAAD,EAAY,CAAC,GAAD,EAAM,EAAN,CAAZ,EAAuB,IAAvB,EAA6BiC,gBAA7B,EAA+C,GAA/C,CAHM;AAI3B/B,MAAAA,uBAAuB,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,EAAe+B,gBAAf,CAJI;AAKvBhB,MAAAA,MAAM,GAAG,EAAH,GAAQ,CAAChB,oBAAoB,CAAC,CAACyB,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAAD,EAA8B,IAA9B,EAAoCI,gBAApC,CAArB,CALS;;AAO7B,aAAO,EAPsB,CAA/B;;;AAUA,aAAO,YAAM;AACX,YAAMG,iBAAiB,GAAGZ,oBAAoB,CAACQ,OAA/C;AACA,YAAII,iBAAJ,EAAuB;AACrBA,UAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,YAAIN,GAAJ,EAAS;AACPA,UAAAA,GAAG,CAACO,eAAJ,CAAoB,OAApB;AACD;AACF,OARD;AASD,KA5BD,EA4BG,CAACrB,MAAD,EAASS,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA5BH;AA6BD;;AAED;AACE,kCAAM,SAAS,EAAExB,EAAE,CAACC,MAAM,CAACiC,IAAP,EAAD,iBAAmBjC,MAAM,CAACkC,UAAP,EAAnB,IAAyCtB,MAAzC,OAAnB;AACE;AACE,MAAA,OAAO,WAASG,WAAW,CAACZ,IAArB,SAA6BY,WAAW,CAACZ,IADlD;AAEE,MAAA,SAAS,EAAEJ,EAAE,CAACC,MAAM,CAACmC,IAAP,EAAD,EAAgBzB,SAAhB;AACVV,MAAAA,MAAM,CAACoC,UAAP,EADU,IACYxB,MADZ,QAFf;;AAKE,MAAA,KAAK,EAAEG,WAAW,CAACZ,IALrB;AAME,MAAA,MAAM,EAAEY,WAAW,CAACZ,IANtB;AAOE,MAAA,IAAI,EAAC,MAPP;AAQE,MAAA,MAAM,EAAEU,KARV;AASE,MAAA,eAAe,EAAM,KAAKE,WAAW,CAACV,MAAlB,GAA4B,CAAjC,UAAwC,KAAKU,WAAW,CAACV,MAAlB,GAA4B,CATpF;AAUE,MAAA,gBAAgB,EAAC,GAVnB;AAWE,MAAA,WAAW,EAAED,KAAK,IAAIW,WAAW,CAACX,KAXpC;AAYE,MAAA,GAAG,EAAEY,MAZP;AAaE,MAAA,SAAS,EAAC,OAbZ;AAcE,qBAAY,MAdd;;AAgBE,oCAAQ,EAAE,EAAED,WAAW,CAACZ,IAAZ,GAAmB,CAA/B,EAAkC,EAAE,EAAEY,WAAW,CAACZ,IAAZ,GAAmB,CAAzD,EAA4D,CAAC,EAAEY,WAAW,CAACV,MAA3E,GAhBF,CADF,CADF;;;;AAsBD,CApEM","sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n SpinnerFallbackAnimationRunner,\n createOffsetAnimation,\n createLengthAnimation,\n createColorAnimation,\n createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\ninterface SpinnerIconSize {\n size: number;\n width: number;\n radius: number;\n}\n\nexport interface SpinnerIconProps {\n className?: string;\n size: SpinnerIconSize \| keyof typeof sizes;\n dimmed?: boolean;\n inline?: boolean;\n width?: number;\n color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n big: {\n size: 96,\n width: 4,\n radius: 32,\n },\n normal: {\n size: 48,\n width: 2,\n radius: 16,\n },\n mini: {\n size: 16,\n width: 1.5,\n radius: 6,\n },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => {\n const _size = isSizeAlias(size) ? sizes[size] : size;\n const currentSize = inline ? sizes.mini : _size;\n const svgRef = React.useRef<SVGSVGElement>(null);\n\n if (isIE11 && !isTestEnv) {\n // This condition will not change during app's life time\n // So its OK to use hooks here\n // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner \| null>(null);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const { red, yellow, green, brand } = React.useContext(ThemeContext);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n const svg = svgRef.current;\n\n const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n if (svg) {\n svg.style.setProperty(...args);\n }\n };\n\n fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n [\n createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n createRotationAnimation(0, 360, 2000, setStyleProperty),\n ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n ],\n 1000 / 60,\n );\n\n return () => {\n const fallbackAnimation = fallbackAnimationRef.current;\n if (fallbackAnimation) {\n fallbackAnimation.stop();\n }\n if (svg) {\n svg.removeAttribute('style');\n }\n };\n }, [dimmed, red, yellow, green, brand]);\n }\n\n return (\n <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n <svg\n viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n className={cx(styles.icon(), className, {\n [styles.iconInline()]: inline,\n })}\n width={currentSize.size}\n height={currentSize.size}\n fill=\"none\"\n stroke={color}\n strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n strokeDashoffset=\"0\"\n strokeWidth={width \|\| currentSize.width}\n ref={svgRef}\n focusable=\"false\"\n aria-hidden=\"true\"\n >\n <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n </svg>\n </span>\n );\n};\n"]}

package/internal/icons/SpinnerIcon.d.ts CHANGED Viewed

@@ -1,27 +1,33 @@
 import React from 'react';
+interface SpinnerIconSize {
+    size: number;
+    width: number;
+    radius: number;
+}
 export interface SpinnerIconProps {
-    className: string;
-    size: 'mini' | 'normal' | 'big';
+    className?: string;
+    size: SpinnerIconSize | keyof typeof sizes;
     dimmed?: boolean;
     inline?: boolean;
     width?: number;
     color?: React.CSSProperties['color'];
 }
 export declare const sizes: {
-    big: {
-        size: number;
-        width: number;
-        radius: number;
+    readonly big: {
+        readonly size: 96;
+        readonly width: 4;
+        readonly radius: 32;
     };
-    normal: {
-        size: number;
-        width: number;
-        radius: number;
+    readonly normal: {
+        readonly size: 48;
+        readonly width: 2;
+        readonly radius: 16;
     };
-    mini: {
-        size: number;
-        width: number;
-        radius: number;
+    readonly mini: {
+        readonly size: 16;
+        readonly width: 1.5;
+        readonly radius: 6;
     };
 };
 export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => JSX.Element;
+export {};

package/internal/icons/SpinnerIcon.styles/SpinnerIcon.styles.js CHANGED Viewed

@@ -11,7 +11,7 @@ export var styles = memoizeStyle({
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
   },
   icon: function icon() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
   },
   iconInline: function iconInline() {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));

package/internal/icons/SpinnerIcon.styles/SpinnerIcon.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["css","memoizeStyle","styles","root","rootInline","icon","iconInline"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;AAKD,GAPgC;AAQjCI,EAAAA,UARiC,wBAQpB;AACX,WAAOJ,GAAP;;;;AAID,GAbgC;;AAejCK,EAAAA,IAfiC,kBAe1B;AACL,WAAOL,GAAP~~;;;;AAID~~,~~GApBgC~~;;~~AAsBjCM~~,EAAAA,~~UAtBiC~~,~~wBAsBpB~~;AACX,WAAON,GAAP;;;;;;AAMD,~~GA7BgC~~,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n margin-left: -1px;\n margin-right: -1px;\n `;\n },\n rootInline() {\n return css`\n margin-left: -0.0714285714285714em;\n margin-right: -0.0714285714285714em;\n `;\n },\n\n icon() {\n return css`\n margin-bottom: -3px;\n border-radius: 50%;\n `;\n },\n\n iconInline() {\n return css`\n height: 1.1428571428571428em;\n width: 1.1428571428571428em;\n margin-bottom: -0.2428571428571428em;\n stroke-width: 0.10714285714285714em;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["css","memoizeStyle","styles","root","rootInline","icon","iconInline"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;AAKD,GAPgC;AAQjCI,EAAAA,UARiC,wBAQpB;AACX,WAAOJ,GAAP;;;;AAID,GAbgC;;AAejCK,EAAAA,IAfiC,kBAe1B;AACL,WAAOL,GAAP;;;;;AAKD,GArBgC;;AAuBjCM,EAAAA,UAvBiC,wBAuBpB;AACX,WAAON,GAAP;;;;;;AAMD,GA9BgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n margin-left: -1px;\n margin-right: -1px;\n `;\n },\n rootInline() {\n return css`\n margin-left: -0.0714285714285714em;\n margin-right: -0.0714285714285714em;\n `;\n },\n\n icon() {\n return css`\n margin-bottom: -3px;\n border-radius: 50%;\n overflow: visible;\n `;\n },\n\n iconInline() {\n return css`\n height: 1.1428571428571428em;\n width: 1.1428571428571428em;\n margin-bottom: -0.2428571428571428em;\n stroke-width: 0.10714285714285714em;\n `;\n },\n});\n"]}

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light/ArrowALeftIcon16Light.js ADDED Viewed

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowALeftIcon16Light = forwardRefAndName('ArrowALeftIcon16Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z"
+  }));
+});

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light/ArrowALeftIcon16Light.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ArrowALeftIcon16Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowALeftIcon16Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,qBAAqB,GAAGF,iBAAiB;AACpD,uBADoD;AAEpD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,IAAwBD,KAAxB;AACE,kCAAM,CAAC,EAAC,qMAAR,GADF,CADF;;;AAKD,CARmD,CAA/C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n 'ArrowALeftIcon16Light',\n (props, ref) => {\n return (\n <BaseIcon ref={ref} {...props}>\n <path d=\"M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z\" />\n </BaseIcon>\n );\n },\n);\n"]}

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js",
+  "module": "ArrowALeftIcon16Light",
+  "types": "../ArrowALeftIcon16Light.d.ts",
+  "sideEffects": false
+}

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconProps } from '../BaseIcon';
2	+ export declare const ArrowALeftIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light/ArrowALeftIcon20Light.js ADDED Viewed

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowALeftIcon20Light = forwardRefAndName('ArrowALeftIcon20Light', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 20
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z"
+  }));
+});

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light/ArrowALeftIcon20Light.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ArrowALeftIcon20Light.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowALeftIcon20Light","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,qBAAqB,GAAGF,iBAAiB;AACpD,uBADoD;AAEpD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,0MAAR,GADF,CADF;;;AAKD,CARmD,CAA/C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n 'ArrowALeftIcon20Light',\n (props, ref) => {\n return (\n <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n <path d=\"M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z\" />\n </BaseIcon>\n );\n },\n);\n"]}

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js",
+  "module": "ArrowALeftIcon20Light",
+  "types": "../ArrowALeftIcon20Light.d.ts",
+  "sideEffects": false
+}

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconProps } from '../BaseIcon';
2	+ export declare const ArrowALeftIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular/ArrowALeftIcon24Regular.js ADDED Viewed

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var ArrowALeftIcon24Regular = forwardRefAndName('ArrowALeftIcon24Regular', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 24
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10.556 19.256a.875.875 0 1 1-1.237 1.238L3.035 14.21a3.125 3.125 0 0 1 0-4.42l6.284-6.284a.875.875 0 0 1 1.237 1.238l-6.284 6.284c-.031.031-.06.064-.088.097H21a.875.875 0 1 1 0 1.75H4.184c.028.034.057.066.088.097l6.284 6.284Z"
+  }));
+});

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular/ArrowALeftIcon24Regular.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ArrowALeftIcon24Regular.tsx"],"names":["React","forwardRefAndName","BaseIcon","ArrowALeftIcon24Regular","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,iBAAiB;AACtD,yBADsD;AAEtD,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,oOAAR,GADF,CADF;;;AAKD,CARqD,CAAjD","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n 'ArrowALeftIcon24Regular',\n (props, ref) => {\n return (\n <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n <path d=\"M10.556 19.256a.875.875 0 1 1-1.237 1.238L3.035 14.21a3.125 3.125 0 0 1 0-4.42l6.284-6.284a.875.875 0 0 1 1.237 1.238l-6.284 6.284c-.031.031-.06.064-.088.097H21a.875.875 0 1 1 0 1.75H4.184c.028.034.057.066.088.097l6.284 6.284Z\" />\n </BaseIcon>\n );\n },\n);\n"]}

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.js",
+  "module": "ArrowALeftIcon24Regular",
+  "types": "../ArrowALeftIcon24Regular.d.ts",
+  "sideEffects": false
+}