@itcase/ui-web 1.9.82 → 1.9.83
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.
- package/dist/Avatar_cjs_B7uiPPJz.js +1 -0
- package/dist/Avatar_es_sVVoRDHX.js +1 -0
- package/dist/Button_cjs_CKSxHfMM.js +1 -0
- package/dist/Button_es_byVASRY8.js +1 -0
- package/dist/{ChipsGroup_cjs_BlbEYAYF.js → ChipsGroup_cjs_BeOUW9Ph.js} +1 -1
- package/dist/{ChipsGroup_es_oBJDKTBL.js → ChipsGroup_es_CVn85hj2.js} +1 -1
- package/dist/{DatePicker_cjs_D96Oz7cl.js → DatePicker_cjs_YbxC7o6W.js} +1 -1
- package/dist/{DatePicker_es_DMePdexK.js → DatePicker_es_B_Ohymbm.js} +1 -1
- package/dist/Group_cjs_CiLUYKP7.js +1 -0
- package/dist/Group_es_DIuSNHx3.js +1 -0
- package/dist/Input_cjs_CgWxKHuR.js +1 -0
- package/dist/Input_es_BLo9TAve.js +1 -0
- package/dist/Label_cjs_NYoev96S.js +1 -0
- package/dist/Label_es_C-a522jk.js +1 -0
- package/dist/{Loader_cjs_CGugAIv_.js → Loader_cjs_BFLrUlMX.js} +1 -1
- package/dist/{Loader_es_DWZILN4t.js → Loader_es_pnhZ5s_O.js} +1 -1
- package/dist/SelectContainer_cjs_DfKmrpLN.js +1 -0
- package/dist/SelectContainer_es_DicmpT12.js +1 -0
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/Avatar.js +1 -1
- package/dist/cjs/components/AvatarStack.js +1 -1
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Breadcrumbs.js +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Checkmark.js +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/Choice.js +1 -1
- package/dist/cjs/components/Code.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +1 -1
- package/dist/cjs/components/Dadata.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Divider.js +1 -1
- package/dist/cjs/components/Drawer.js +1 -1
- package/dist/cjs/components/Dropdown.js +1 -1
- package/dist/cjs/components/Dropzone.js +1 -1
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/HeroTitle.js +1 -1
- package/dist/cjs/components/Icon.js +1 -1
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/cjs/components/InputPassword.js +1 -1
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/MenuItem.js +1 -1
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/ModalSheetBottom.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Pagination.js +1 -1
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Search.js +1 -1
- package/dist/cjs/components/Segmented.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Swiper.js +1 -1
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Textarea.js +1 -1
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/cjs/components/Title.js +1 -1
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/cjs/components/Warning.js +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarStack.js +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Cell.js +1 -1
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Checkmark.js +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/Choice.js +1 -1
- package/dist/components/Code.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/Dadata.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Divider.js +1 -1
- package/dist/components/Drawer.js +1 -1
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Dropzone.js +1 -1
- package/dist/components/Group.js +1 -1
- package/dist/components/HeroTitle.js +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/Input.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/InputPassword.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/MenuItem.js +1 -1
- package/dist/components/Modal.js +1 -1
- package/dist/components/ModalSheetBottom.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Pagination.js +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/components/Search.js +1 -1
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Swiper.js +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tab.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Textarea.js +1 -1
- package/dist/components/Tile.js +1 -1
- package/dist/components/Title.js +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Warning.js +1 -1
- package/dist/css/styles/bundles.css +9 -2
- package/dist/primitives_cjs_C-jtJ9pL.js +1 -0
- package/dist/primitives_es_CJQjjxtH.js +1 -0
- package/dist/types/components/Accordion/Accordion.interface.d.ts +1 -3
- package/dist/types/components/Accordion/Accordion.js +2 -2
- package/dist/types/components/Accordion/AccordionItem.js +2 -2
- package/dist/types/components/Avatar/Avatar.interface.d.ts +1 -2
- package/dist/types/components/Avatar/Avatar.js +2 -2
- package/dist/types/components/Avatar/appearance/avatarShape.js +0 -4
- package/dist/types/components/Badge/Badge.interface.d.ts +1 -2
- package/dist/types/components/Badge/Badge.js +2 -2
- package/dist/types/components/Badge/appearance/badgeShape.js +0 -4
- package/dist/types/components/Button/Button.d.ts +0 -1
- package/dist/types/components/Button/Button.interface.d.ts +1 -2
- package/dist/types/components/Button/Button.js +2 -2
- package/dist/types/components/Button/__test__/ButtonTest.stories.d.ts +0 -1
- package/dist/types/components/Button/appearance/buttonShape.js +0 -4
- package/dist/types/components/Button/stories/ButtonDefault.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonDemo.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonIcon.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonLabel.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonLoading.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonMuted.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonMutedIcon.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonShape.stories.d.ts +0 -1
- package/dist/types/components/Button/stories/ButtonSize.stories.d.ts +0 -1
- package/dist/types/components/Checkbox/Checkbox.interface.d.ts +1 -2
- package/dist/types/components/Checkbox/Checkbox.js +2 -2
- package/dist/types/components/Checkbox/appearance/checkboxShape.js +0 -1
- package/dist/types/components/Chips/Chips.interface.d.ts +1 -2
- package/dist/types/components/Chips/Chips.js +2 -2
- package/dist/types/components/Chips/appearance/chipsShape.js +0 -4
- package/dist/types/components/Choice/Choice.interface.d.ts +1 -2
- package/dist/types/components/Choice/Choice.js +3 -3
- package/dist/types/components/Choice/appearance/choiceShape.js +0 -4
- package/dist/types/components/Code/Code.interface.d.ts +1 -2
- package/dist/types/components/Code/Code.js +2 -2
- package/dist/types/components/Code/appearance/codeShape.js +0 -4
- package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts +1 -2
- package/dist/types/components/DatePeriod/DatePeriod.js +2 -2
- package/dist/types/components/DatePeriod/appearance/datePeriodShape.js +0 -4
- package/dist/types/components/Divider/Divider.interface.d.ts +1 -2
- package/dist/types/components/Divider/Divider.js +2 -2
- package/dist/types/components/Dropdown/Dropdown.interface.d.ts +1 -3
- package/dist/types/components/Dropdown/Dropdown.js +2 -2
- package/dist/types/components/Dropdown/DropdownItem.js +2 -2
- package/dist/types/components/Dropdown/appearance/dropdownShape.js +0 -4
- package/dist/types/components/Dropzone/Dropzone.interface.d.ts +1 -2
- package/dist/types/components/Dropzone/appearance/dropzoneShape.js +0 -4
- package/dist/types/components/Group/Group.d.ts +0 -1
- package/dist/types/components/Group/Group.interface.d.ts +1 -2
- package/dist/types/components/Group/Group.js +2 -2
- package/dist/types/components/Group/stories/GroupAlignItems.stories.d.ts +0 -2
- package/dist/types/components/Group/stories/GroupAlignSelf.stories.d.ts +0 -2
- package/dist/types/components/Group/stories/GroupColumns.stories.d.ts +0 -2
- package/dist/types/components/Group/stories/GroupDirection.stories.d.ts +0 -2
- package/dist/types/components/Group/stories/GroupJustifyContent.stories.d.ts +0 -2
- package/dist/types/components/Group/stories/GroupWrap.stories.d.ts +0 -2
- package/dist/types/components/Icon/Icon.interface.d.ts +1 -2
- package/dist/types/components/Icon/Icon.js +2 -2
- package/dist/types/components/Icon/appearance/iconShape.js +0 -4
- package/dist/types/components/Input/Input.interface.d.ts +1 -2
- package/dist/types/components/Input/Input.js +2 -2
- package/dist/types/components/Input/appearance/inputShape.js +0 -4
- package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts +1 -2
- package/dist/types/components/InputNumber/InputNumber.js +2 -2
- package/dist/types/components/InputNumber/appearance/InputNumberShape.js +0 -4
- package/dist/types/components/InputPassword/InputPassword.interface.d.ts +1 -2
- package/dist/types/components/InputPassword/InputPassword.js +2 -2
- package/dist/types/components/InputPassword/appearance/inputPasswordShape.js +0 -4
- package/dist/types/components/Label/Label.interface.d.ts +1 -2
- package/dist/types/components/Label/Label.js +2 -2
- package/dist/types/components/Label/appearance/labelShape.js +0 -4
- package/dist/types/components/Loader/Loader.interface.d.ts +1 -2
- package/dist/types/components/Loader/Loader.js +2 -2
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +1 -3
- package/dist/types/components/MenuItem/MenuItem.js +3 -5
- package/dist/types/components/MenuItem/appearance/menuItemShape.js +0 -4
- package/dist/types/components/Modal/Modal.d.ts +0 -1
- package/dist/types/components/Modal/Modal.interface.d.ts +1 -2
- package/dist/types/components/Modal/Modal.js +2 -2
- package/dist/types/components/Modal/appearance/modalShape.js +0 -4
- package/dist/types/components/Modal/stories/ModalAbsoluteHeader.stories.d.ts +0 -1
- package/dist/types/components/Modal/stories/ModalDemo.stories.d.ts +0 -1
- package/dist/types/components/Modal/stories/ModalScroll.stories.d.ts +0 -1
- package/dist/types/components/Modal/stories/ModalSize.stories.d.ts +0 -1
- package/dist/types/components/Modal/stories/ModalStickyHeader.stories.d.ts +0 -1
- package/dist/types/components/Modal/stories/ModalStyle.stories.d.ts +0 -1
- package/dist/types/components/Notification/Notification.interface.d.ts +1 -2
- package/dist/types/components/Notification/Notification.js +2 -2
- package/dist/types/components/Notification/appearance/notificationShape.js +0 -4
- package/dist/types/components/Pagination/Pagination.interface.d.ts +1 -3
- package/dist/types/components/Pagination/Pagination.js +2 -3
- package/dist/types/components/Pagination/appearance/paginationShape.js +0 -8
- package/dist/types/components/Radio/Radio.interface.d.ts +1 -2
- package/dist/types/components/Radio/Radio.js +2 -2
- package/dist/types/components/Radio/appearance/radioShape.js +0 -4
- package/dist/types/components/Response/Response.d.ts +0 -1
- package/dist/types/components/Response/Response.interface.d.ts +1 -2
- package/dist/types/components/Response/Response.js +2 -2
- package/dist/types/components/Response/stories/ResponseConfirm.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseDemo.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseError.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseFail.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseNothingFound.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseRefresh.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseSuccess.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseUnableLoadData.stories.d.ts +0 -1
- package/dist/types/components/Response/stories/ResponseWarning.stories.d.ts +0 -1
- package/dist/types/components/Search/Search.interface.d.ts +1 -3
- package/dist/types/components/Search/SearchInput.d.ts +0 -1
- package/dist/types/components/Search/SearchInput.js +2 -2
- package/dist/types/components/Search/SearchResult.d.ts +0 -1
- package/dist/types/components/Search/SearchResult.js +2 -2
- package/dist/types/components/Search/appearance/searchShape.js +0 -4
- package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputError.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts +0 -1
- package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts +0 -1
- package/dist/types/components/Segmented/Segmented.interface.d.ts +1 -2
- package/dist/types/components/Segmented/Segmented.js +2 -2
- package/dist/types/components/Segmented/appearance/segmentedShape.js +0 -4
- package/dist/types/components/Select/Select.interface.d.ts +1 -5
- package/dist/types/components/Select/SelectContainer.js +3 -3
- package/dist/types/components/Select/SelectMenu.js +2 -2
- package/dist/types/components/Select/SelectOption.js +2 -2
- package/dist/types/components/Select/appearance/selectShape.js +0 -4
- package/dist/types/components/Tab/Tab.interface.d.ts +1 -2
- package/dist/types/components/Tab/Tab.js +2 -2
- package/dist/types/components/Textarea/Textarea.interface.d.ts +1 -2
- package/dist/types/components/Textarea/Textarea.js +2 -2
- package/dist/types/components/Textarea/appearance/textareaShape.js +0 -4
- package/dist/types/components/Tile/Tile.interface.d.ts +1 -2
- package/dist/types/components/Tile/Tile.js +2 -2
- package/dist/types/components/Tile/appearance/tileShape.js +0 -4
- package/dist/types/components/Tooltip/Tooltip.d.ts +0 -1
- package/dist/types/components/Tooltip/Tooltip.interface.d.ts +1 -2
- package/dist/types/components/Tooltip/Tooltip.js +2 -2
- package/dist/types/components/Tooltip/appearance/tooltipShape.js +0 -4
- package/dist/types/components/Tooltip/stories/TooltipAppearance.stories.d.ts +0 -1
- package/dist/types/components/Tooltip/stories/TooltipArrow.stories.d.ts +0 -1
- package/dist/types/components/Tooltip/stories/TooltipCustom.stories.d.ts +0 -1
- package/dist/types/components/Tooltip/stories/TooltipDemo.stories.d.ts +0 -1
- package/dist/types/components/Tooltip/stories/TooltipSize.stories.d.ts +0 -1
- package/dist/types/components/Tooltip/stories/TooltipStyle.stories.d.ts +0 -1
- package/dist/types/components/Warning/Warning.interface.d.ts +1 -2
- package/dist/types/components/Warning/Warning.js +2 -2
- package/dist/types/components/Warning/appearance/warningShape.js +0 -4
- package/package.json +3 -3
- package/dist/Avatar_cjs_DdnwG1w2.js +0 -1
- package/dist/Avatar_es_euIbzcZ-.js +0 -1
- package/dist/Button_cjs_CzPantyj.js +0 -1
- package/dist/Button_es_BVekDLIK.js +0 -1
- package/dist/Group_cjs_BflQVW_G.js +0 -1
- package/dist/Group_es_YMaKEE-1.js +0 -1
- package/dist/Input_cjs_lvK2GCQw.js +0 -1
- package/dist/Input_es_BrC02Clu.js +0 -1
- package/dist/Label_cjs_BQhRLATI.js +0 -1
- package/dist/Label_es_CXOrFvDM.js +0 -1
- package/dist/SelectContainer_cjs_MCml-znP.js +0 -1
- package/dist/SelectContainer_es_DhPannXl.js +0 -1
- package/dist/primitives_cjs_CHD2pBSn.js +0 -1
- package/dist/primitives_es_AOPzysvv.js +0 -1
package/dist/components/Tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{e as d,a as n,B as b,I as v,D as f}from"../
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import a from"clsx";import{useAppearanceConfig as l,useDevicePropsGenerator as s,useActiveClasses as c,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as o}from"@itcase/ui-core/utils";import{e as d,a as n,B as b,I as v,D as f}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const m={warningPrimary:{fill:"warningPrimary",fillDisabled:"disabledPrimary",labelColor:"warningTextPrimary",labelColorActive:"warningTextPrimary",badgeAppearance:"warningPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"disabledPrimary"},errorPrimary:{fill:"errorPrimary",fillDisabled:"disabledPrimary",labelColor:"errorTextPrimary",labelColorActive:"errorTextPrimary",labelColorDisabled:"errorTextDisabled",badgeAppearance:"errorPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"errorDisabled"},successPrimary:{fill:"successPrimary",fillDisabled:"successDisabled",labelColor:"successTextPrimary",labelColorActive:"successTextPrimary",labelColorDisabled:"successTextDisabled",badgeAppearance:"successPrimary",dividerFill:"accentPrimary",dividerFillDisabled:"successDisabled"},surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillActiveHover:"surfaceHoverSecondary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFill:"surfacePrimary",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillActive:"accentActivePrimary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillActive:"surfaceActiveSecondary",fillActiveHover:"surfaceHoverTertiary",fillDisabled:"surfaceDisabled",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",borderColorActive:"surfaceBorderActivePrimary",badgeAppearance:"accentPrimary solid circular",dividerFillActive:"accentPrimary",dividerFillDisabled:"accentDisabled",iconFillIcon:"surfaceItemPrimary"},sizeXXL:{size:"xxl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXL:{size:"xl",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeL:{size:"l",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeM:{size:"m",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeS:{size:"s",labelTextSize:"s",badgeAppearanceSize:"sizeXS",dividerSize:"s"},sizeXS:{size:"xs",labelTextSize:"xs",badgeAppearanceSize:"sizeXS"},sizeXXS:{size:"xxs",labelTextSize:"xs",badgeAppearanceSize:"sizeXXS",dividerSize:"s"},solid:{borderColor:"none",borderColorActive:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorActive:"none",dividerFill:"none"}},p={appearance:m,setAppearance:e=>{p.appearance=e}};function u(m){const{appearance:u,className:y,dataTestId:A,dataTour:x,label:z,badgeValue:S,href:C,link:g,rel:P,target:T,before:_,after:D,isActive:h=!1,isDisabled:F=!1,isSkeleton:H,onClick:w,onMouseEnter:$,children:I}=m,X=l(u,p,F),k=s(m,X),{rootClasses:B}=c({propsGenerator:k,isActive:h,isDisabled:F}),{justifyContentClass:N,alignClass:j,labelTextAlign:W,labelTextColor:L,labelTextColorActive:M,labelTextColorHover:Q,labelTextSize:V,labelTextStyle:E,labelTextWeight:G,labelTextWrap:O,badgeAppearance:q,badgeAppearanceSize:J,badgeShape:K,badgeSize:R,badgeTextColor:U,badgeTextSize:Y,dividerFill:Z,dividerFillActive:ee,dividerFillActiveHover:re,dividerFillDisabled:ie,dividerFillHover:ae,dividerSize:le,icon:se,iconFill:ce,iconFillIcon:te,iconFillSize:oe,iconShape:de,iconSize:ne,iconSrc:be,linkFill:ve,shapeClass:fe,sizeClass:me,widthClass:pe}=k,{styles:ue}=t(m);return e("div",{className:a("tab",y,B,h&&"tab_state_active",F&&"tab_state_disabled",me&&`tab_size_${me}`,fe&&`shape_${fe}`,pe&&`width_${pe}`,N&&`tab_justify-content_${N}`,H&&"skeleton",w&&"cursor_type_pointer"),"data-testid":A&&`${A}Tab`,"data-tour":x,style:ue,onClick:w,onMouseEnter:$,children:r(d,{className:a("tab__link",!F&&"cursor_type_pointer"),fill:ve,href:g||C,rel:P,target:T,children:[_,I||r(i.Fragment,{children:[r("div",{className:a("tab__wrapper",j&&`align_${j}`),children:[z&&e(n,{className:"tab__label",size:V,textAlign:W,textColor:L,textColorActive:M,textColorHover:Q,textStyle:E,textWeight:G,textWrap:O,isActive:h,isDisabled:F,children:z}),Boolean(S)&&e(b,{appearance:o(q,J),size:R,textColor:U,textSize:Y,shape:K,value:S}),(se||be)&&e(v,{className:"tab__icon_after",fill:ce,fillSize:oe,iconFill:te,iconSize:ne,imageSrc:be,shape:de,SvgImage:se})]}),e(f,{className:"tab__divider",width:"fill",direction:"horizontal",size:le,fill:Z,fillActive:ee,fillActiveHover:re,fillDisabled:ie,fillHover:ae,zIndex:"1",isActive:h,isDisabled:F})]}),D]})})}function y(l){const{className:c,dataTestId:o,dataTour:d,horizontalScroll:n,style:b,tabAppearance:v,tabList:f,children:m}=l,p=s(l),{directionClass:y,alignClass:A,alignDirectionClass:x,fillClass:z,borderColorClass:S,borderTypeClass:C,borderWidthClass:g,widthClass:P,wrapClass:T}=p,{styles:_,wrapper:D}=t(l);return e("div",{className:a(c,"tab-group","group",P&&`width_${P}`,x&&`align_${x}`,y&&`group_direction_${y}`,A&&`align_${A}`,z&&`fill_${z}`,n&&"group_scroll_horizontal",T&&`group_wrap_${T}`,S&&`border-color_${S}`,g&&`border-width_${g}`,C&&`border_type_${C}`),"data-testid":o,"data-tour":d,style:Object.assign({},_,b),children:n?r("div",{className:"tab-group__wrapper",style:D,children:[f?.map(r=>e(u,{appearance:v,label:r.label,isActive:r.isActive},r.key)),m]}):r(i.Fragment,{children:[f?.map(r=>e(u,{appearance:v,label:r.label,badgeValue:r.badgeValue,icon:r.icon,iconSrc:r.iconSrc,isActive:r.isActive,onClick:r.onClick},r.key)),m]})})}export{u as Tab,y as TabGroup,m as tabAppearance,p as tabConfig};
|
package/dist/components/Text.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Text,t as textAppearance,g as textConfig}from"../
|
|
1
|
+
export{a as Text,t as textAppearance,g as textConfig}from"../primitives_es_CJQjjxtH.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import e from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";const l={defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultQuaternary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultTertiary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import e from"clsx";import{useAppearanceConfig as o,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";const l={defaultPrimary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultQuaternary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultSecondary:{fill:"surfacePrimary",fillHover:"surfaceHoverTertiary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},defaultTertiary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},errorPrimary:{fill:"errorTertiary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"errorItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},errorSecondary:{fill:"errorSecondary",borderColor:"errorBorderTertiary",borderColorHover:"errorBorderHoverQuaternary",iconClearFill:"errorItemPrimary",placeholderTextColor:"errorTextSecondary"},successPrimary:{fill:"successTertiary",fillHover:"successHoverTertiary",borderColor:"successBorderQuaternary",borderColorHover:"successBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"successItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},successSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",borderColorHover:"warningBorderHoverQuaternary",textColor:"surfaceTextPrimary",iconClearFill:"warningItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},disabledPrimary:{fill:"surfacePrimary",borderColor:"errorBorderQuaternary",borderColorHover:"errorBorderHoverQuaternary",textColor:"surfaceTextQuaternary",iconClearFill:"errorItemPrimary",placeholderTextColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderHoverQuaternary",iconClearFill:"surfaceItemPrimary",placeholderTextColor:"surfaceTextSecondary"},sizeXL:{size:"xl",textSize:"s"},sizeL:{size:"l",textSize:"s"},sizeM:{size:"m",textSize:"m"},sizeS:{size:"s",textSize:"s"},solid:{borderColor:"none",borderColorHover:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none",borderColorHover:"none"}},t={appearance:l,setAppearance:r=>{t.appearance=r}};function s(l){const{id:s,appearance:i,className:d,dataTestId:c,dataTour:u,name:n,placeholder:y,value:f,isActive:C,isDisabled:x,isSkeleton:m,onBlur:T,onChange:v,onFocus:b,onKeyDown:h}=l,p=o(i,t,x),H=a(l,p),{fillClass:B,fillHoverClass:Q,borderColorClass:P,borderHoverClass:S,borderWidthClass:_,textColorClass:z,textSizeClass:F,textWeightClass:$,caretClass:I,placeholderTextColorClass:w,shapeClass:g,sizeClass:L,widthClass:k}=H;return r("div",{className:e("textarea",d,L&&`textarea_size_${L}`,m&&"skeleton",C&&"textarea_active"),"data-tour":u,children:r("textarea",{id:s,className:e("textarea__input",(F||z||$)&&"text",I&&`caret-color_${I}`,B&&`fill_${B}`,Q&&`fill_hover_${Q}`,P&&`border-color_${P}`,_&&`border-width_${_}`,S&&`border-color_hover_${S}`,g&&`shape_${g}`,w&&`placeholder-text-color_${w}`,F&&`text_size_${F}`,z&&`text-color_${z}`,$&&`text-weight_${$}`,k&&`width_${k}`),"data-testid":c||(n?`${n}-textarea`:"textarea"),disabled:x,placeholder:y,value:f,onBlur:T,onChange:v,onFocus:b,onKeyDown:h})})}export{s as Textarea,l as textareaAppearance,t as textareaConfig};
|
package/dist/components/Tile.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t,useStyles as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as c}from"@itcase/ui-core/utils";import{T as l,a as s,B as n,I as d}from"../primitives_es_CJQjjxtH.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";const p={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},sizeXL:{size:"xl",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"32",iconSize:"24"},sizeL:{size:"l",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeM:{size:"m",titleTextSize:"h4",descTextSize:"m",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeS:{size:"s",titleTextSize:"h4",descTextSize:"s",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeXS:{size:"xs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},sizeXXS:{size:"xxs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceSecondary:{fill:"surfaceSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"},surfaceTertiary:{fill:"surfaceTertiary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary",iconAppearance:"accentPrimary"}},z={appearance:p,setAppearance:e=>{z.appearance=e}};function x(p){const{appearance:x,className:S,dataTestId:m,dataTour:T,type:u,title:f,desc:h,badgeValue:C,iconClick:_,before:b,after:y,isSkeleton:g,onClick:A,children:P}=p,v=a(x,z),$=t(p,v),{directionClass:F,alignClass:N,alignDirectionClass:X,fillClass:k,titleTextAlign:W,titleTextColor:M,titleTextSize:B,titleTextWeight:w,titleTextWrap:I,descTextColor:L,descTextSize:j,descTextWrap:Q,borderColorClass:D,borderColorHoverClass:H,borderTypeClass:V,borderWidthClass:q,badgeAppearance:E,badgeAppearanceSize:G,badgeShape:J,badgeSize:K,badgeTextColor:O,badgeTextSize:R,icon:U,iconAppearance:Y,iconFill:Z,iconFillIcon:ee,iconFillSize:ie,iconShape:re,iconSize:ae,iconSrc:te,shapeClass:oe,sizeClass:ce,widthClass:le}=$,{styles:se}=o(p);return e("div",{className:r("tile",S,k&&`fill_${k}`,oe&&`shape_${oe}`,N&&`align_${N}`,F&&`direction_${F}`,D&&`border-color_${D}`,H&&`border-color_hover_${H}`,q&&`border-width_${q}`,V&&`border_type_${V}`,ce&&`tile_size_${ce}`,u&&`tile_type_${u}`,C&&"tile_state_badge",le&&`width_${le}`,g&&"skeleton"),"data-testid":m,"data-tour":T,style:se,onClick:A,children:i("div",{className:r("tile__wrapper",N,X),children:[b,i("div",{className:"tile__header",children:[i("div",{className:"tile__header-inner",children:[f&&e(l,{className:"tile__title",size:B,textAlign:W,textColor:M,textWeight:w,textWrap:I,children:f}),h&&e(s,{className:"tile__text",size:j,textColor:L,textWrap:Q,children:h})]}),i("div",{className:"tile__header-actions",children:[C&&e(n,{appearance:c(E,G),className:"tile__badge",size:K,textColor:O,textSize:R,shape:J,value:C}),(U||te)&&e(d,{appearance:Y,className:"tile__icon",fill:Z,fillSize:ie,iconFill:ee,iconSize:ae,imageSrc:te,shape:re,SvgImage:U,onClick:_})]})]}),P,y]})})}export{x as Tile,p as tileAppearance,z as tileConfig};
|
package/dist/components/Title.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{T as Title,k as titleAppearance,m as titleConfig}from"../
|
|
1
|
+
export{T as Title,k as titleAppearance,m as titleConfig}from"../primitives_es_CJQjjxtH.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{f as Tooltip,d as TooltipWrapper,n as tooltipAppearance,o as tooltipConfig}from"../
|
|
1
|
+
export{f as Tooltip,d as TooltipWrapper,n as tooltipAppearance,o as tooltipConfig}from"../primitives_es_CJQjjxtH.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as l,useStyles as a}from"@itcase/ui-core/hooks";import{I as c,a as d}from"../primitives_es_CJQjjxtH.js";import{b as f}from"../default_es_l85QutMi.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const s={accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",descriptionTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",descriptionTextColor:"accentTextPrimary",borderColor:"accentBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemPrimary"}},m={errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",descriptionTextColor:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemQuaternary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",descriptionTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemPrimary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemPrimary"}},y={infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",descriptionTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemQuaternary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",descriptionTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemPrimary"}},T={...s,...{warningMutedPrimary:{fill:"warningTertiary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",descriptionTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemPrimary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemPrimary"}},...m,...y,solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},sizeL:{size:"l",labelTextSize:"s",labelTextWeight:"600",descriptionTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},x={appearance:T,setAppearance:r=>{x.appearance=r}};function C(f){const{appearance:s,className:m,dataTestId:y,dataTour:T,label:C,description:p,isSkeleton:u,children:A}=f,I=t(s,x),g=l(f,I),{fillClass:B,labelTextColor:S,labelTextSize:P,labelTextWeight:b,descriptionTextColor:F,descriptionTextSize:h,borderColorClass:w,iconAfter:z,iconAfterFill:Q,iconAfterFillIcon:_,iconAfterSize:W,iconAfterSrc:k,iconBefore:v,iconBeforeFill:M,iconBeforeFillIcon:$,iconBeforeSize:j,iconBeforeSrc:L,shapeClass:N,sizeClass:X}=g,{styles:q}=a(f),[D,E]=o(!0);return r(i,{children:D&&e("div",{className:n(m,"warning",B&&`fill_${B}`,X&&`warning_size_${X}`,w&&`border-color_${w}`,N&&`shape_${N}`,u&&"skeleton"),"data-testid":y,"data-tour":T,style:q,children:[(v||L)&&r(c,{fill:M,iconFill:$,iconSize:j,imageSrc:L,SvgImage:v}),e("div",{className:"warning__content",children:[C&&r(d,{size:P,textColor:S,textWeight:b,children:C}),p&&r(d,{size:h,textColor:F,children:p}),A]}),(z||k)&&r(c,{fill:Q,iconFill:_,iconSize:W,imageSrc:k,SvgImage:z,onClick:()=>E(!1)})]})})}export{C as Warning,T as warningAppearance,x as warningConfig};
|
|
@@ -98986,7 +98986,7 @@ div.label {
|
|
|
98986
98986
|
}
|
|
98987
98987
|
}
|
|
98988
98988
|
/**
|
|
98989
|
-
* Swiper 12.1.
|
|
98989
|
+
* Swiper 12.1.3
|
|
98990
98990
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
98991
98991
|
* https://swiperjs.com
|
|
98992
98992
|
*
|
|
@@ -98994,7 +98994,7 @@ div.label {
|
|
|
98994
98994
|
*
|
|
98995
98995
|
* Released under the MIT License
|
|
98996
98996
|
*
|
|
98997
|
-
* Released on:
|
|
98997
|
+
* Released on: March 24, 2026
|
|
98998
98998
|
*/
|
|
98999
98999
|
:root {
|
|
99000
99000
|
--swiper-theme-color: #007aff;
|
|
@@ -99292,6 +99292,8 @@ div.label {
|
|
|
99292
99292
|
.swiper-navigation-disabled & {
|
|
99293
99293
|
display: none !important;
|
|
99294
99294
|
}
|
|
99295
|
+
|
|
99296
|
+
::slotted(svg),
|
|
99295
99297
|
svg {
|
|
99296
99298
|
width: 100%;
|
|
99297
99299
|
height: 100%;
|
|
@@ -99312,6 +99314,7 @@ div.label {
|
|
|
99312
99314
|
.swiper-button-prev {
|
|
99313
99315
|
left: var(--swiper-navigation-sides-offset, 4px);
|
|
99314
99316
|
right: auto;
|
|
99317
|
+
::slotted(.swiper-navigation-icon),
|
|
99315
99318
|
.swiper-navigation-icon {
|
|
99316
99319
|
transform: rotate(180deg);
|
|
99317
99320
|
}
|
|
@@ -99347,12 +99350,14 @@ div.label {
|
|
|
99347
99350
|
& ~ .swiper-button-prev,
|
|
99348
99351
|
&.swiper-rtl .swiper-button-next,
|
|
99349
99352
|
&.swiper-rtl ~ .swiper-button-next {
|
|
99353
|
+
::slotted(.swiper-navigation-icon),
|
|
99350
99354
|
.swiper-navigation-icon {
|
|
99351
99355
|
transform: rotate(180deg);
|
|
99352
99356
|
}
|
|
99353
99357
|
}
|
|
99354
99358
|
&.swiper-rtl .swiper-button-prev,
|
|
99355
99359
|
&.swiper-rtl ~ .swiper-button-prev {
|
|
99360
|
+
::slotted(.swiper-navigation-icon),
|
|
99356
99361
|
.swiper-navigation-icon {
|
|
99357
99362
|
transform: rotate(0deg);
|
|
99358
99363
|
}
|
|
@@ -99372,6 +99377,7 @@ div.label {
|
|
|
99372
99377
|
~ .swiper-button-prev {
|
|
99373
99378
|
top: var(--swiper-navigation-sides-offset, 4px);
|
|
99374
99379
|
bottom: auto;
|
|
99380
|
+
::slotted(.swiper-navigation-icon),
|
|
99375
99381
|
.swiper-navigation-icon {
|
|
99376
99382
|
transform: rotate(-90deg);
|
|
99377
99383
|
}
|
|
@@ -99380,6 +99386,7 @@ div.label {
|
|
|
99380
99386
|
~ .swiper-button-next {
|
|
99381
99387
|
bottom: var(--swiper-navigation-sides-offset, 4px);
|
|
99382
99388
|
top: auto;
|
|
99389
|
+
::slotted(.swiper-navigation-icon),
|
|
99383
99390
|
.swiper-navigation-icon {
|
|
99384
99391
|
transform: rotate(90deg);
|
|
99385
99392
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@rc-component/tooltip"),i=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),l=require("react-inlinesvg"),t=require("@itcase/ui-core/hoc"),s=require("@itcase/ui-core/utils");const n={sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"}},c={appearance:n,setAppearance:e=>{c.appearance=e}};function d(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,cursor:n,style:d,tag:f="span",before:y,after:p,isActive:x,isDisabled:m,isSkeleton:u,onClick:S,onDoubleClick:z,children:g}=r,C=o.useAppearanceConfig(i,c,m),_=o.useDevicePropsGenerator(r,C),{textAlignClass:b,textColorActiveClass:v,textColorActiveHoverClass:P,textColorClass:T,textColorDisabledClass:h,textColorHoverClass:A,textFontClass:H,textStyleClass:w,textTruncateClass:B,textWeightClass:$,textWrapClass:F,cursorClass:I,sizeClass:X,widthClass:k}=_,{styles:j}=o.useStyles(r);return e.jsxs(f,{className:a(l,"text",X&&`text_size_${X}`,$&&`text-weight_${$}`,b&&`text-align_${b}`,m&&h&&`text-color_${h}`,!x&&!m&&T&&`text-color_${T}`,!x&&!m&&A&&`text-color_hover_${A}`,x&&!m&&P&&`text-color_active_hover_${P}`,x&&!m&&v&&`text-color_active_${v}`,H&&`text-font_${H}`,w&&`text-style_${w}`,F&&`word-wrap_${F}`,B&&`text-truncate_${B}`,u&&"skeleton",k&&`width_${k}`,I&&`cursor_${I}`,S&&(n||"cursor_type_pointer")),"data-testid":t,"data-tour":s,style:Object.assign({},j,d),onClick:S,onDoubleClick:z,children:[y,g,p]})}const f={sizeXXL:{size:"xxl",textSize:"xl",iconSize:"24"},sizeXL:{size:"xl",textSize:"l",iconSize:"24"},sizeL:{size:"l",textSize:"l",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"xs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xs",iconSize:"24"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",borderColor:"accentBorderQuaternary",textColor:"accentTextPrimary",dotFill:"accentItemPrimary",iconFill:"accentItemPrimary"},accentQuaternary:{fill:"accentQuaternary",borderColor:"accentBorderQuaternary",textColor:"accentTextPrimary",dotFill:"accentItemPrimary",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentSecondary",borderColor:"accentBorderQuaternary",textColor:"accentTextQuaternary",dotFill:"accentItemQuaternary",iconFill:"accentItemQuaternary"},accentTertiary:{fill:"accentTertiary",borderColor:"accentBorderSecondary",textColor:"accentTextSecondary",dotFill:"accentItemSecondary",iconFill:"accentItemSecondary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"dangerBorderPrimary",textColor:"dangerTextPrimary",dotFill:"dangerItemPrimary",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",textColor:"errorTextPrimary",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderSecondary",textColor:"infoTextPrimary",dotFill:"infoItemPrimary",iconFill:"infoItemPrimary"},infoSecondary:{fill:"infoSecondary",borderColor:"infoBorderSecondary",textColor:"infoTextSecondary",dotFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"specialBorderSecondary",textColor:"specialTextPrimary",dotFill:"specialItemPrimary",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",borderColor:"extraBorderSecondary",textColor:"extraTextPrimary",dotFill:"extraItemPrimary",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",dotFill:"successItemPrimary",iconFill:"successItemPrimary"},disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",dotFill:"surfaceItemPrimary",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"accentPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderSecondary",textColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"warningBorderPrimary",textColor:"warningTextPrimary",dotFill:"warningItemPrimary",iconFill:"warningItemPrimary"}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function p(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,dot:n,icon:c,iconSrc:f,value:p,isSkeleton:x,children:m}=r,u=o.useAppearanceConfig(i,y),S=o.useDevicePropsGenerator(r,u),{fillClass:z,fillHoverClass:g,borderColorClass:C,borderColorHoverClass:_,borderTypeClass:b,borderWidthClass:v,textColor:P,textSize:h,dotFillClass:A,iconFill:H,iconShape:w,iconSize:B,shapeClass:$,sizeClass:F}=S,{styles:I}=o.useStyles(r),X=p?c?n?"badge_type_dot-icon-counter":"badge_type_icon-counter":"badge_type_counter":c?"badge_type_icon":n?"badge_type_dot":"badge_type_fill";return e.jsxs("div",{className:a(l,"badge",C&&`border-color_${C}`,_&&`border-color_hover_${_}`,v&&`border-width_${v}`,b&&`border_type_${b}`,z&&`fill_${z}`,g&&`fill_hover_${g}`,F&&`badge_size_${F}`,$&&`shape_${$}`,X,x&&"skeleton"),"data-testid":t,"data-tour":s,style:I,children:[n&&e.jsx("div",{className:a("badge__dot",A&&`svg_fill_${A}`),children:e.jsx("svg",{width:"6",height:"6",viewBox:"0 0 6 6",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("rect",{width:"6",height:"6",rx:"50"})})}),c&&e.jsx(T,{className:"badge__icon",size:B,iconFill:H,imageSrc:f,shape:w,SvgImage:c}),m||p&&e.jsx(d,{className:"badge__value",size:h,textColor:P,children:p})]})}const x={sizeXXL:{size:"xxl",labelTextSize:"xxl",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeL:{size:"l",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterFillSize:"14",iconAfterSize:"14",iconBeforeFillSize:"14",iconBeforeSize:"14"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary"},infoPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextSecondary",labelTextColorHover:"successTextSecondary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextSecondary"}},m={appearance:x,LinkComponent:"a",setAppearance:e=>{m.appearance=e},setLinkComponent:e=>{m.LinkComponent=e}};function u(r){const{href:a,LinkComponent:o,rel:l,target:t,children:s,...n}=r;if(a){const r=o||m.LinkComponent;if(r)return e.jsx(r,{href:a,rel:l,target:t,...n,children:s})}else if(o)return e.jsx(o,{...n,children:s});return i.Children.toArray(s).filter(Boolean).map(e=>i.isValidElement(e)?i.cloneElement(e,n):e)}const S={h1:{size:"h1",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h2:{size:"h2",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h3:{size:"h3",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h4:{size:"h4",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h5:{size:"h5",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},h6:{size:"h6",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},disabledPrimary:{fill:"surfacePrimary",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",textColor:"surfaceTextQuaternary",iconBeforeFill:"errorQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderHover:"surfaceBorderHoverQuaternary",iconBeforeFill:"surfaceQuaternary"},solid:{},outlined:{fill:"none"},full:{},ghost:{fill:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",textColor:"errorTextPrimary",textColorHover:"errorTextPrimary"},infoPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",textColor:"extraTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",textColor:"warningTextSecondary",textColorHover:"warningTextSecondary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",borderHover:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconBeforeFill:"warningQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderHover:"surfaceBorderQuaternary",iconBeforeFill:"surfaceQuaternary"}},z={appearance:S,setAppearance:e=>{z.appearance=e}};function g(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,text:c,afterWrapper:d,beforeWrapper:f,style:y,tag:p="span",before:x,after:m,isActive:u,isDisabled:S,isSkeleton:g,onClick:C,children:_}=r,b=o.useAppearanceConfig(l,z,S),v=o.useDevicePropsGenerator(r,b),{directionClass:P,size:h,fillClass:A,fillHoverClass:H,textAlignClass:w,textColorActiveClass:B,textColorActiveHoverClass:$,textColorClass:F,textColorDisabledClass:I,textColorHoverClass:X,textFontClass:k,textStyleClass:j,textTruncateClass:D,textWeightClass:N,textWrap:Q,heightClass:L,iconAfter:M,iconAfterFill:W,iconAfterFillIcon:E,iconAfterFillSize:V,iconAfterShape:q,iconAfterSize:G,iconAfterSrc:O,iconBadgeAppearance:R,iconBadgeShape:U,iconBadgeSize:K,iconBadgeTextColor:J,iconBadgeTextSize:Y,iconBadgeValue:Z,iconBefore:ee,iconBeforeFill:re,iconBeforeFillIcon:ie,iconBeforeFillSize:ae,iconBeforeShape:oe,iconBeforeSize:le,iconBeforeSrc:te,svgFillClass:se,svgFillHoverClass:ne,widthClass:ce,wrapperDirectionClass:de,onClickIconAfter:fe,onClickIconBefore:ye}=v,{styles:pe,wrapper:xe}=o.useStyles(r),me=i.useMemo(()=>p||(h||"span"),[p,h]);return e.jsxs(me,{className:a(t,"title",A&&`fill_${A}`,H&&`fill_hover_${H}`,se&&`svg_fill_${se}`,ne&&`svg_fill_hover_${ne}`,ce&&`width_${ce}`,L&&`height_${L}`,h&&`title_size_${h}`,P&&`title_direction_${P}`,S&&I&&`text-color_${I}`,!u&&!S&&F&&`text text-color_${F}`,u&&!S&&B&&`text-color_active_${B}`,!u&&!S&&X&&`text-color_hover_${X}`,u&&!S&&$&&`text-color_active_hover${$}`,k&&`text-font_${k}`,j&&`text-style_${j}`,N&&`text-weight_${N}`,Q&&`word-wrap_${Q}`,Z&&"title_badge",g&&"skeleton"),"data-testid":s,"data-tour":n,style:Object.assign({},pe,y),onClick:C,children:[x,e.jsxs("span",{className:a(w&&`text-align_${w}`,de&&`title_direction_${de}`,"title__wrapper",D&&`text-truncate_${D}`),style:xe,children:[(ee||te)&&e.jsx(T,{className:a("title__icon_before",Z&&"title__icon_before-badge"),fill:re,fillSize:ae,badgeAppearance:R,badgeClass:"title__icon_before_badge",badgeShape:U,badgeSize:K,badgeTextColor:J,badgeTextSize:Y,badgeValue:Z,iconFill:ie,iconSize:le,imageSrc:te,shape:oe,SvgImage:ee,onClick:ye}),f,_||c,d,(M||O)&&e.jsx(T,{className:a("title__icon_after",Z&&"title__icon_after-badge"),fill:W,fillSize:V,badgeAppearance:R,badgeClass:"title__icon_after_badge",badgeShape:U,badgeSize:K,badgeTextColor:J,badgeTextSize:Y,badgeValue:Z,iconFill:E,iconSize:G,imageSrc:O,shape:q,SvgImage:M,onClick:fe})]}),m]})}const C={defaultPrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary",titleColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary"},sizeL:{size:"l",titleSize:"h5",textSize:"s"},sizeM:{size:"m",titleSize:"h5",textSize:"s"},sizeS:{size:"s",titleSize:"h5",textSize:"s"},disabledPrimary:{fill:"disabledPrimary",fillHover:"disabledHoverPrimary",titleColor:"surfaceTextPrimary",textColor:"surfaceTextPrimary"},requirePrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",titleColor:"warningTextPrimary",borderColor:"warningBorderPrimary",textColor:"warningTextPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",titleColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",titleColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary"}},_={appearance:C,setAppearance:e=>{_.appearance=e}},b=i.forwardRef(function(r,l){const{appearance:t,className:s,dataTestId:n,dataTour:c,initialIsVisible:f,title:y,text:p,before:x,after:m,openTimeoutDelay:u=500,closeTimeoutDelay:S=250,isSkeleton:z,children:C}=r,b=i.useRef(null),v=i.useRef(null),P=i.useRef(null),T=i.useRef(!1),[h,A]=i.useState(f),H=i.useCallback(()=>{T.current||(v.current&&clearTimeout(v.current),P.current=setTimeout(()=>{A(!0)},u))},[u]),w=i.useCallback(()=>{P.current&&clearTimeout(P.current),v.current=setTimeout(()=>{A(e=>(!0===e&&(T.current=!0),!1))},S)},[S]),B=i.useCallback(()=>{T.current=!1},[]);i.useImperativeHandle(l,()=>({get tooltipElement(){return b.current},openTooltip:H,closeTooltip:w,isTooltipVisible:h}),[h,H,w]);const $=o.useAppearanceConfig(t,_),F=o.useDevicePropsGenerator(r,$),{alignClass:I,alignDirectionClass:X,alignmentClass:k,alignPosition:j,fillClass:D,titleColor:N,titleSize:Q,titleWeight:L,borderColorClass:M,borderTypeClass:W,borderWidthClass:E,textColor:V,textSize:q,textWeight:G,arrowPosition:O,elevationClass:R,shapeClass:U,sizeClass:K,widthClass:J}=F,{styles:Y}=o.useStyles(r);return e.jsxs("div",{className:a(s,"tooltip",j&&`tooltip_align-position_${j}`,X&&`align_${X}`,I&&`align_${I}`,R&&`elevation_${R}`,k&&`alignment_${k}`,K&&`tooltip_size_${K}`,z&&"skeleton",J&&`width_${J}`),ref:b,"data-testid":n,"data-tour":c,style:Y,onAnimationEnd:B,children:[O&&e.jsx("div",{className:a("tooltip__arrow",O&&`tooltip__arrow_position_${O}`,D&&`fill_${D}`),children:" "}),x,e.jsxs("div",{className:a("tooltip__inner",E&&`border-width_${E}`,M&&`border-color_${M}`,W&&`border_type_${W}`,D&&`fill_${D}`,U&&`shape_${U}`),children:[y&&e.jsx(g,{className:"tooltip__title text",size:Q,textColor:N,textWeight:L,children:y}),p&&e.jsx(d,{className:"tooltip__text",size:q,textColor:V,textWeight:G,children:p}),C]}),m]})}),v={disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"surfaceItemQuaternary"},size12_12:{fillSize:"12",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size14_12:{fillSize:"14",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size14_14:{fillSize:"14",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size16_12:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size16_14:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size16_16:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size20_12:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size20_14:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size20_16:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size20_20:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size24_12:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size24_14:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size24_16:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size24_20:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size24_24:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size32_12:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size32_14:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size32_16:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size32_20:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size32_24:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size32_32:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"32"},size40_12:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size40_14:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size40_16:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size40_20:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size40_24:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size40_32:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"32"},size40_40:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"40"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"accentItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",borderColor:"dangerBorderSecondary",badgeAppearance:"surfacePrimary",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",borderColor:"errorBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"infoItemPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",borderColor:"specialBorderQuaternary",badgeAppearance:"surfacePrimary",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",borderColor:"extraBorderQuaternary",badgeAppearance:"surfacePrimary",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",borderColor:"successBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"successItemPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverSecondary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",badgeAppearance:"accentPrimary",iconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",badgeAppearance:"accentPrimary solid rounded",iconFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary",iconFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",borderColor:"warningBorderSecondary",badgeAppearance:"surfacePrimary",iconFill:"warningItemPrimary"}},P={appearance:v,setAppearance:e=>{P.appearance=e}},T=t.urlWithAssetPrefix(i.forwardRef(function(r,t){const{id:n,appearance:c,className:d,dataTestId:f,dataTour:y,width:x,height:m,badgeClass:S,href:z,imageSrc:g,link:C,linkRel:_,linkTarget:v,notification:T,saveFillStroke:A,showTooltip:H,SvgImage:w,svgImageStyles:B,before:$,after:F,isActive:I,isDisabled:X,isSkeleton:k,onClick:j,onMouseEnter:D,onMouseLeave:N}=r,Q=i.useMemo(()=>{if(w){const r=w,i={};return x&&(i.width=x),m&&(i.height=m),e.jsx(r,{...i,...B})}return g?g.endsWith(".svg")?A?e.jsx(l,{src:g}):e.jsx(l,{src:g,preProcessor:h}):e.jsx("img",{src:g}):null},[w,g,x,m,B,A]),L=o.useAppearanceConfig(c,P,X),M=o.useDevicePropsGenerator(r,L),{alignmentClass:W,fillActiveClass:E,fillActiveHoverClass:V,fillClass:q,fillDisabledClass:G,fillHoverClass:O,fillSizeClass:R,borderColorClass:U,borderColorHoverClass:K,borderTypeClass:J,borderWidthClass:Y,badgeAppearance:Z,badgeAppearanceSize:ee,badgeShape:re,badgeSize:ie,badgeTextColor:ae,badgeTextSize:oe,badgeValue:le,centeringClass:te,iconFillActiveClass:se,iconFillActiveHoverClass:ne,iconFillClass:ce,iconFillDisabledClass:de,iconFillHoverClass:fe,iconSizeClass:ye,shapeClass:pe,tooltipAppearance:xe,tooltipText:me,tooltipTextSize:ue,tooltipTitle:Se,tooltipTitleSize:ze}=M,{styles:ge}=o.useStyles(r);return e.jsxs("div",{id:n,className:a(d,"icon",I?E&&`fill_active_${E}`:q&&`fill_${q}`,I?V&&`fill_active_hover_${V}`:O&&`fill_hover_${O}`,R&&`icon_fill_size_${R}`,G&&`fill_disabled_${G}`,I?se&&`icon_fill_active_${se}`:ce&&`icon_fill_${ce}`,I?ne&&`icon_fill_active_hover_${ne}`:fe&&`icon_fill_hover_${fe}`,X&&de&&`icon_fill_disabled_${de}`,pe&&`shape_${pe}`,U&&`border-color_${U}`,K&&`border-color_hover_${K}`,Y&&`border-width_${Y}`,J&&`border_type_${J}`,le&&"icon_with-badge",te&&`centering_${te}`,j&&"cursor_type_pointer",k&&"skeleton"),ref:t,"data-testid":f,"data-tour":y,style:ge,onClick:j,onMouseEnter:D,onMouseLeave:N,children:[$,e.jsxs(u,{className:a((C||z||j)&&"cursor_type_pointer",C||z?"icon__link":"icon__item",ye&&`icon_size_${ye}`),href:C||z,LinkComponent:"div",rel:_,target:v,children:[Q,(le||T)&&e.jsx(p,{appearance:s.mergeAppearanceKeys(Z,ee),className:a(S,"icon__badge"),size:ie,textColor:ae,textSize:oe,shape:re,value:le}),H&&e.jsx(b,{appearance:xe,className:a(d,"icon__tooltip",W&&`alignment_${W}`),title:Se,titleSize:ze,text:me,textSize:ue})]}),F]})})),h=e=>e.replace(/fill=".*?"/g,'fill=""').replace(/stroke=".*?"/g,'stroke=""'),A={sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},accentPrimary:{fill:"accentPrimary"},errorPrimary:{fill:"errorPrimary"},specialPrimary:{fill:"specialPrimary"},extraPrimary:{fill:"extraPrimary"},successPrimary:{fill:"successPrimary"},surfacePrimary:{fill:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceQuaternary"},surfaceSecondary:{fill:"surfaceSecondary"},surfaceTertiary:{fill:"surfaceTertiary"},warningPrimary:{fill:"warningPrimary"}},H={appearance:A,setAppearance:e=>{H.appearance=e}};function w(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,print:n,isActive:c,isDisabled:d,isSkeleton:f}=r,y=o.useAppearanceConfig(i,H),p=o.useDevicePropsGenerator(r,y),{directionClass:x,fillActiveClass:m,fillActiveHoverClass:u,fillClass:S,fillDisabledClass:z,fillHoverClass:g,shapeClass:C,sizeClass:_,widthClass:b}=p,{styles:v}=o.useStyles(r);return e.jsx("hr",{className:a(l,"divider",b&&`width_${b}`,x&&`divider_direction_${x}`,C&&`shape_${C}`,_&&`divider_size_${_}`,c?m&&`fill_active_${m}`:S&&`fill_${S}`,c?u&&`fill_active_hover_${u}`:g&&`fill_hover_${g}`,d&&z&&`fill_disabled_${z}`,f&&"skeleton",!n&&"no-print",n&&"print"),"data-testid":t,"data-tour":s,style:v})}const B={accentPrimary:{fill:"accentPrimary",fillActive:"accentActivePrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorActive:"accentTextPrimary",labelTextColorActiveHover:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",badgeAppearance:"surfacePrimary",dividerFill:"surfaceTertiary",emptyMessageTextColor:"accentTextPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary"}},$={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},F={sizeL:{size:"l",labelTextSize:"m",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"m",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"xs",iconAfterFillSize:"12",iconAfterSize:"12",iconBeforeFillSize:"12",iconBeforeSize:"12"}},I={solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",labelTextColorActiveHover:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",badgeAppearance:"accentPrimary",dividerFill:"surfaceTertiary",emptyMessageTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary"}},k={appearance:{...X,...I,...$,...B,...F},setAppearance:e=>{k.appearance=e}};const j={...X,...I,...$,...B,...F},D={appearance:j,setAppearance:e=>{D.appearance=e}};function N(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,label:c,desc:f,badgeValue:y,emptyMessage:x,showDivider:m,before:u,after:S,isActive:z,isDisabled:g,isSkeleton:C,isHover:_,onClick:b,onMouseEnter:v,children:P}=r,h=o.useAppearanceConfig(l,D),A=o.useDevicePropsGenerator(r,h),{directionClass:H,justifyContentClass:B,fillActiveClass:$,fillActiveHoverClass:F,fillClass:I,fillDisabledClass:X,fillHoverClass:k,labelTextAlign:j,labelTextColor:N,labelTextColorActive:Q,labelTextColorActiveHover:L,labelTextColorHover:M,labelTextSize:W,labelTextStyle:E,labelTextWeight:V,labelTextWrap:q,descTextColor:G,descTextColorHover:O,descTextGradient:R,descTextSize:U,descTextStyle:K,descTextWeight:J,descTextWrap:Y,badgeAppearance:Z,badgeShape:ee,badgeSize:re,badgeTextColor:ie,badgeTextSize:ae,dividerDirection:oe,dividerFill:le,dividerSize:te,emptyMessageTextColor:se,emptyMessageTextColorHover:ne,emptyMessageTextSize:ce,emptyMessageTextStyle:de,emptyMessageTextWeight:fe,emptyMessageTextWrap:ye,iconAfter:pe,iconAfterFill:xe,iconAfterFillIcon:me,iconAfterFillSize:ue,iconAfterShape:Se,iconAfterSize:ze,iconAfterSrc:ge,iconBadgeAppearance:Ce,iconBadgeShape:_e,iconBadgeSize:be,iconBadgeTextColor:ve,iconBadgeTextSize:Pe,iconBadgeValue:Te,iconBefore:he,iconBeforeFill:Ae,iconBeforeFillIcon:He,iconBeforeFillSize:we,iconBeforeShape:Be,iconBeforeSize:$e,iconBeforeSrc:Fe,shapeClass:Ie,sizeClass:Xe,widthClass:ke}=A,{styles:je}=o.useStyles(r);return e.jsxs("div",{className:a("dropdown__item",z&&"dropdown__item_state_active",_&&"dropdown__item_state_hover",H&&`dropdown__item_direction_${H}`,t,z?$&&`fill_active_${$}`:I&&`fill_${I}`,z?F&&`fill_active_hover_${F}`:k&&`fill_hover_${k}`,X&&`fill_disabled_${X}`,Xe&&`dropdown__item_size_${Xe}`,Ie&&`shape_${Ie}`,ke&&`dropdown__item_width_${ke}`,g&&"dropdown__item_state_disabled",b&&"cursor_type_pointer",C&&"skeleton",B&&`dropdown__item_justify-content_${B}`),"data-testid":s,"data-tour":n,style:je,onClick:b,onMouseEnter:v,children:[e.jsx("div",{className:"dropdown__item-wrapper",children:e.jsxs(i.Fragment,{children:[u,(he||Fe)&&e.jsx(T,{className:a("dropdown__item_before",Te&&"dropdown__item_before-badge"),fill:Ae,fillSize:we,badgeAppearance:Ce,badgeClass:"dropdown__item_before_badge",badgeShape:_e,badgeSize:be,badgeTextColor:ve,badgeTextSize:Pe,badgeValue:Te,iconFill:He,iconSize:$e,imageSrc:Fe,shape:Be,SvgImage:he}),P||e.jsxs(i.Fragment,{children:[c&&e.jsx(d,{className:"dropdown__item-label",size:W,textAlign:j,textColor:N,textColorActive:Q,textColorActiveHover:L,textColorHover:M,textStyle:E,textWeight:V,textWrap:q,isActive:z,children:c}),y&&e.jsx(p,{appearance:Z,size:re,textColor:ie,textSize:ae,shape:ee,value:y}),f&&e.jsx(d,{className:"dropdown__item-desc",size:U,textColor:G,textColorGradient:R,textColorHover:O,textStyle:K,textWeight:J,textWrap:Y,isActive:z,children:f}),x&&e.jsx(d,{className:"dropdown__item",size:ce,textColor:se,textColorHover:ne,textStyle:de,textWeight:fe,textWrap:ye,isActive:z,children:x})]}),S,(pe||ge)&&e.jsx(T,{className:a("dropdown__item_after",Te&&"dropdown__item_after-badge"),fill:xe,fillSize:ue,badgeAppearance:Ce,badgeClass:"dropdown__item_after_badge",badgeShape:_e,badgeSize:be,badgeTextColor:ve,badgeTextSize:Pe,badgeValue:Te,iconFill:me,iconSize:ze,imageSrc:ge,shape:Se,SvgImage:pe})]})}),m&&e.jsx(w,{width:"fill",direction:oe,size:te,fill:le})]})}exports.Badge=p,exports.Divider=w,exports.Dropdown=function(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,animationClose:c="dropdown_animation_close",animationOpen:d="dropdown_animation_open",dropdownList:f,showDivider:y,before:p,after:x,isSkeleton:m,isOpen:u,setIsOpen:S,onClickItem:z,children:g}=r,C=i.useRef(null),_=o.useAppearanceConfig(l,k),[b,v]=i.useState({className:""}),P=i.useCallback(()=>{v(e=>({className:u?e.className:""}))},[u]);i.useEffect(()=>{d&&c&&v(()=>({className:u?d:c}))},[u,d,c]),i.useEffect(()=>{function e(e){const r=C.current;if(r&&d){const i=r.contains(e.target),a=r.classList.contains(d);!i&&a&&S(!1)}}return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[d,S]);const T=o.useDevicePropsGenerator(r,_),{alignmentClass:h,fillClass:A,elevationClass:H,shapeClass:w}=T,{styles:B}=o.useStyles(r);return e.jsxs("div",{className:a(t,"dropdown",h&&`alignment_${h}`,A&&`fill_${A}`,w&&`shape_${w}`,H&&`elevation_${H}`,u?"dropdown_state_open":"dropdown_state_close",b.className),ref:C,"data-testid":s,"data-tour":n,style:B,children:[p,(g||f)&&e.jsxs("div",{className:a("dropdown__wrapper"),onAnimationEnd:P,children:[f?.map(r=>e.jsx(N,{appearance:l,label:r.label,badgeValue:r.badgeValue,emptyMessage:r.emptyMessage,iconAfter:r.iconAfter,iconBefore:r.iconBefore,iconSrc:r.icon,showDivider:y,isActive:r.isActive,isSkeleton:m,onClick:r.onClick||(e=>z?.(r,e))},r.key)),g]}),x]})},exports.DropdownItem=N,exports.Icon=T,exports.Link=function(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,text:n,href:c,link:d,LinkComponent:f,rel:y,style:p,target:x,before:S,after:z,isDisabled:g,onClick:C,onMouseDown:_,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:h}=r,A=o.useAppearanceConfig(i,m,g),H=o.useDevicePropsGenerator(r,A),{directionClass:w,fillClass:B,fillHoverClass:$,borderColorClass:F,borderColorHoverClass:I,borderTypeClass:X,borderWidthClass:k,textColorClass:j,textColorHoverClass:D,textGradientClass:N,textStyleClass:Q,textWeightClass:L,heightClass:M,shapeClass:W,sizeClass:E,svgFillClass:V,svgFillHoverClass:q,underline:G="underline",widthClass:O}=H,{styles:R}=o.useStyles(r);return e.jsxs(u,{className:a(l,"link",O&&`width_${O}`,M&&`height_${M}`,w&&`link_direction_${w}`,E&&`text_size_${E}`,V&&`svg_fill_${V}`,q&&`svg_fill_hover_${q}`,G&&`link_underline_${G}`,"text",(j||D||N||Q||L)&&"text",j&&`text-color_${j}`,D&&`text-color_hover_${D}`,N&&`text-gradient_${N}`,Q&&`text-style_${Q}`,L&&`text-weight_${L}`,B&&`fill_${B}`,$&&`fill_hover_${$}`,F&&`border-color_${F}`,I&&`border-color_hover_${I}`,k&&`border-width_${k}`,X&&`border_type_${X}`,W&&`link_shape_${W}`),"data-testid":t,"data-tour":s,href:c||d,LinkComponent:f,rel:y,style:Object.assign({},R,p),target:x,onClick:C,onMouseDown:_,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:[S,h||n,z]})},exports.LinkWrapper=u,exports.Text=d,exports.Title=g,exports.Tooltip=b,exports.TooltipWrapper=i=>{const{destroyOnHidden:a=!1,placement:o="right",tooltipContent:l,trigger:t="hover",openDelay:s=.5,closeDelay:n=.25,isOpen:c,children:d,...f}=i;return e.jsx(r,{destroyOnHidden:a,mouseEnterDelay:s,mouseLeaveDelay:n,overlay:e.jsx(b,{initialIsVisible:!0,...f,children:l}),placement:o,prefixCls:"tooltip-wrapper",trigger:t,visible:c,children:d})},exports.badgeAppearance=f,exports.badgeConfig=y,exports.dividerAppearance=A,exports.dividerConfig=H,exports.dropdownItemAppearance=j,exports.dropdownItemConfig=D,exports.iconAppearance=v,exports.iconConfig=P,exports.linkAppearance=x,exports.linkConfig=m,exports.textAppearance=n,exports.textConfig=c,exports.titleAppearance=S,exports.titleConfig=z,exports.tooltipAppearance=C,exports.tooltipConfig=_;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"@rc-component/tooltip";import a,{useMemo as o,useRef as l,useState as t,useCallback as s,useImperativeHandle as n,useEffect as c}from"react";import d from"clsx";import{useAppearanceConfig as f,useDevicePropsGenerator as y,useStyles as m}from"@itcase/ui-core/hooks";import S from"react-inlinesvg";import{urlWithAssetPrefix as p}from"@itcase/ui-core/hoc";import{mergeAppearanceKeys as x}from"@itcase/ui-core/utils";const z={sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"}},u={appearance:z,setAppearance:e=>{u.appearance=e}};function _(r){const{appearance:i,className:a,dataTestId:o,dataTour:l,cursor:t,style:s,tag:n="span",before:c,after:S,isActive:p,isDisabled:x,isSkeleton:z,onClick:_,onDoubleClick:b,children:g}=r,C=f(i,u,x),v=y(r,C),{textAlignClass:P,textColorActiveClass:T,textColorActiveHoverClass:h,textColorClass:H,textColorDisabledClass:A,textColorHoverClass:B,textFontClass:$,textStyleClass:w,textTruncateClass:F,textWeightClass:X,textWrapClass:I,cursorClass:k,sizeClass:N,widthClass:Q}=v,{styles:L}=m(r);return e(n,{className:d(a,"text",N&&`text_size_${N}`,X&&`text-weight_${X}`,P&&`text-align_${P}`,x&&A&&`text-color_${A}`,!p&&!x&&H&&`text-color_${H}`,!p&&!x&&B&&`text-color_hover_${B}`,p&&!x&&h&&`text-color_active_hover_${h}`,p&&!x&&T&&`text-color_active_${T}`,$&&`text-font_${$}`,w&&`text-style_${w}`,I&&`word-wrap_${I}`,F&&`text-truncate_${F}`,z&&"skeleton",Q&&`width_${Q}`,k&&`cursor_${k}`,_&&(t||"cursor_type_pointer")),"data-testid":o,"data-tour":l,style:Object.assign({},L,s),onClick:_,onDoubleClick:b,children:[c,g,S]})}const b={sizeXXL:{size:"xxl",textSize:"xl",iconSize:"24"},sizeXL:{size:"xl",textSize:"l",iconSize:"24"},sizeL:{size:"l",textSize:"l",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"xs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xs",iconSize:"24"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",borderColor:"accentBorderQuaternary",textColor:"accentTextPrimary",dotFill:"accentItemPrimary",iconFill:"accentItemPrimary"},accentQuaternary:{fill:"accentQuaternary",borderColor:"accentBorderQuaternary",textColor:"accentTextPrimary",dotFill:"accentItemPrimary",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentSecondary",borderColor:"accentBorderQuaternary",textColor:"accentTextQuaternary",dotFill:"accentItemQuaternary",iconFill:"accentItemQuaternary"},accentTertiary:{fill:"accentTertiary",borderColor:"accentBorderSecondary",textColor:"accentTextSecondary",dotFill:"accentItemSecondary",iconFill:"accentItemSecondary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"dangerBorderPrimary",textColor:"dangerTextPrimary",dotFill:"dangerItemPrimary",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",textColor:"errorTextPrimary",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderSecondary",textColor:"infoTextPrimary",dotFill:"infoItemPrimary",iconFill:"infoItemPrimary"},infoSecondary:{fill:"infoSecondary",borderColor:"infoBorderSecondary",textColor:"infoTextSecondary",dotFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"specialBorderSecondary",textColor:"specialTextPrimary",dotFill:"specialItemPrimary",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",borderColor:"extraBorderSecondary",textColor:"extraTextPrimary",dotFill:"extraItemPrimary",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",dotFill:"successItemPrimary",iconFill:"successItemPrimary"},disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",dotFill:"surfaceItemPrimary",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"accentPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderSecondary",textColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"warningBorderPrimary",textColor:"warningTextPrimary",dotFill:"warningItemPrimary",iconFill:"warningItemPrimary"}},g={appearance:b,setAppearance:e=>{g.appearance=e}};function C(i){const{appearance:a,className:o,dataTestId:l,dataTour:t,dot:s,icon:n,iconSrc:c,value:S,isSkeleton:p,children:x}=i,z=f(a,g),u=y(i,z),{fillClass:b,fillHoverClass:C,borderColorClass:v,borderColorHoverClass:P,borderTypeClass:T,borderWidthClass:h,textColor:H,textSize:A,dotFillClass:B,iconFill:$,iconShape:w,iconSize:F,shapeClass:X,sizeClass:I}=u,{styles:k}=m(i);return e("div",{className:d(o,"badge",v&&`border-color_${v}`,P&&`border-color_hover_${P}`,h&&`border-width_${h}`,T&&`border_type_${T}`,b&&`fill_${b}`,C&&`fill_hover_${C}`,I&&`badge_size_${I}`,X&&`shape_${X}`,S?n?s?"badge_type_dot-icon-counter":"badge_type_icon-counter":"badge_type_counter":n?"badge_type_icon":s?"badge_type_dot":"badge_type_fill",p&&"skeleton"),"data-testid":l,"data-tour":t,style:k,children:[s&&r("div",{className:d("badge__dot",B&&`svg_fill_${B}`),children:r("svg",{width:"6",height:"6",viewBox:"0 0 6 6",xmlns:"http://www.w3.org/2000/svg",children:r("rect",{width:"6",height:"6",rx:"50"})})}),n&&r(N,{className:"badge__icon",size:F,iconFill:$,imageSrc:c,shape:w,SvgImage:n}),x||S&&r(_,{className:"badge__value",size:A,textColor:H,children:S})]})}const v={sizeXXL:{size:"xxl",labelTextSize:"xxl",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeL:{size:"l",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterFillSize:"14",iconAfterSize:"14",iconBeforeFillSize:"14",iconBeforeSize:"14"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary"},infoPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextSecondary",labelTextColorHover:"successTextSecondary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextSecondary"}},P={appearance:v,LinkComponent:"a",setAppearance:e=>{P.appearance=e},setLinkComponent:e=>{P.LinkComponent=e}};function T(r){const{appearance:i,className:a,dataTestId:o,dataTour:l,text:t,href:s,link:n,LinkComponent:c,rel:S,style:p,target:x,before:z,after:u,isDisabled:_,onClick:b,onMouseDown:g,onPointerCancel:C,onPointerDown:v,onPointerLeave:T,onPointerUp:H,children:A}=r,B=f(i,P,_),$=y(r,B),{directionClass:w,fillClass:F,fillHoverClass:X,borderColorClass:I,borderColorHoverClass:k,borderTypeClass:N,borderWidthClass:Q,textColorClass:L,textColorHoverClass:D,textGradientClass:M,textStyleClass:W,textWeightClass:V,heightClass:E,shapeClass:O,sizeClass:j,svgFillClass:q,svgFillHoverClass:G,underline:R="underline",widthClass:U}=$,{styles:J}=m(r);return e(h,{className:d(a,"link",U&&`width_${U}`,E&&`height_${E}`,w&&`link_direction_${w}`,j&&`text_size_${j}`,q&&`svg_fill_${q}`,G&&`svg_fill_hover_${G}`,R&&`link_underline_${R}`,"text",(L||D||M||W||V)&&"text",L&&`text-color_${L}`,D&&`text-color_hover_${D}`,M&&`text-gradient_${M}`,W&&`text-style_${W}`,V&&`text-weight_${V}`,F&&`fill_${F}`,X&&`fill_hover_${X}`,I&&`border-color_${I}`,k&&`border-color_hover_${k}`,Q&&`border-width_${Q}`,N&&`border_type_${N}`,O&&`link_shape_${O}`),"data-testid":o,"data-tour":l,href:s||n,LinkComponent:c,rel:S,style:Object.assign({},J,p),target:x,onClick:b,onMouseDown:g,onPointerCancel:C,onPointerDown:v,onPointerLeave:T,onPointerUp:H,children:[z,A||t,u]})}function h(e){const{href:i,LinkComponent:o,rel:l,target:t,children:s,...n}=e;if(i){const e=o||P.LinkComponent;if(e)return r(e,{href:i,rel:l,target:t,...n,children:s})}else if(o)return r(o,{...n,children:s});return a.Children.toArray(s).filter(Boolean).map(e=>a.isValidElement(e)?a.cloneElement(e,n):e)}const H={h1:{size:"h1",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h2:{size:"h2",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h3:{size:"h3",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h4:{size:"h4",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h5:{size:"h5",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},h6:{size:"h6",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},disabledPrimary:{fill:"surfacePrimary",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",textColor:"surfaceTextQuaternary",iconBeforeFill:"errorQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderHover:"surfaceBorderHoverQuaternary",iconBeforeFill:"surfaceQuaternary"},solid:{},outlined:{fill:"none"},full:{},ghost:{fill:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",textColor:"errorTextPrimary",textColorHover:"errorTextPrimary"},infoPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",textColor:"extraTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",textColor:"warningTextSecondary",textColorHover:"warningTextSecondary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",borderHover:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconBeforeFill:"warningQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderHover:"surfaceBorderQuaternary",iconBeforeFill:"surfaceQuaternary"}},A={appearance:H,setAppearance:e=>{A.appearance=e}};function B(i){const{appearance:a,className:l,dataTestId:t,dataTour:s,text:n,afterWrapper:c,beforeWrapper:S,style:p,tag:x="span",before:z,after:u,isActive:_,isDisabled:b,isSkeleton:g,onClick:C,children:v}=i,P=f(a,A,b),T=y(i,P),{directionClass:h,size:H,fillClass:B,fillHoverClass:$,textAlignClass:w,textColorActiveClass:F,textColorActiveHoverClass:X,textColorClass:I,textColorDisabledClass:k,textColorHoverClass:Q,textFontClass:L,textStyleClass:D,textTruncateClass:M,textWeightClass:W,textWrap:V,heightClass:E,iconAfter:O,iconAfterFill:j,iconAfterFillIcon:q,iconAfterFillSize:G,iconAfterShape:R,iconAfterSize:U,iconAfterSrc:J,iconBadgeAppearance:K,iconBadgeShape:Y,iconBadgeSize:Z,iconBadgeTextColor:ee,iconBadgeTextSize:re,iconBadgeValue:ie,iconBefore:ae,iconBeforeFill:oe,iconBeforeFillIcon:le,iconBeforeFillSize:te,iconBeforeShape:se,iconBeforeSize:ne,iconBeforeSrc:ce,svgFillClass:de,svgFillHoverClass:fe,widthClass:ye,wrapperDirectionClass:me,onClickIconAfter:Se,onClickIconBefore:pe}=T,{styles:xe,wrapper:ze}=m(i),ue=o(()=>x||(H||"span"),[x,H]);return e(ue,{className:d(l,"title",B&&`fill_${B}`,$&&`fill_hover_${$}`,de&&`svg_fill_${de}`,fe&&`svg_fill_hover_${fe}`,ye&&`width_${ye}`,E&&`height_${E}`,H&&`title_size_${H}`,h&&`title_direction_${h}`,b&&k&&`text-color_${k}`,!_&&!b&&I&&`text text-color_${I}`,_&&!b&&F&&`text-color_active_${F}`,!_&&!b&&Q&&`text-color_hover_${Q}`,_&&!b&&X&&`text-color_active_hover${X}`,L&&`text-font_${L}`,D&&`text-style_${D}`,W&&`text-weight_${W}`,V&&`word-wrap_${V}`,ie&&"title_badge",g&&"skeleton"),"data-testid":t,"data-tour":s,style:Object.assign({},xe,p),onClick:C,children:[z,e("span",{className:d(w&&`text-align_${w}`,me&&`title_direction_${me}`,"title__wrapper",M&&`text-truncate_${M}`),style:ze,children:[(ae||ce)&&r(N,{className:d("title__icon_before",ie&&"title__icon_before-badge"),fill:oe,fillSize:te,badgeAppearance:K,badgeClass:"title__icon_before_badge",badgeShape:Y,badgeSize:Z,badgeTextColor:ee,badgeTextSize:re,badgeValue:ie,iconFill:le,iconSize:ne,imageSrc:ce,shape:se,SvgImage:ae,onClick:pe}),S,v||n,c,(O||J)&&r(N,{className:d("title__icon_after",ie&&"title__icon_after-badge"),fill:j,fillSize:G,badgeAppearance:K,badgeClass:"title__icon_after_badge",badgeShape:Y,badgeSize:Z,badgeTextColor:ee,badgeTextSize:re,badgeValue:ie,iconFill:q,iconSize:U,imageSrc:J,shape:R,SvgImage:O,onClick:Se})]}),u]})}const $={defaultPrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary",titleColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary"},sizeL:{size:"l",titleSize:"h5",textSize:"s"},sizeM:{size:"m",titleSize:"h5",textSize:"s"},sizeS:{size:"s",titleSize:"h5",textSize:"s"},disabledPrimary:{fill:"disabledPrimary",fillHover:"disabledHoverPrimary",titleColor:"surfaceTextPrimary",textColor:"surfaceTextPrimary"},requirePrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",titleColor:"warningTextPrimary",borderColor:"warningBorderPrimary",textColor:"warningTextPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",titleColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",titleColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary"}},w={appearance:$,setAppearance:e=>{w.appearance=e}},F=a.forwardRef(function(i,a){const{appearance:o,className:c,dataTestId:S,dataTour:p,initialIsVisible:x,title:z,text:u,before:b,after:g,openTimeoutDelay:C=500,closeTimeoutDelay:v=250,isSkeleton:P,children:T}=i,h=l(null),H=l(null),A=l(null),$=l(!1),[F,X]=t(x),I=s(()=>{$.current||(H.current&&clearTimeout(H.current),A.current=setTimeout(()=>{X(!0)},C))},[C]),k=s(()=>{A.current&&clearTimeout(A.current),H.current=setTimeout(()=>{X(e=>(!0===e&&($.current=!0),!1))},v)},[v]),N=s(()=>{$.current=!1},[]);n(a,()=>({get tooltipElement(){return h.current},openTooltip:I,closeTooltip:k,isTooltipVisible:F}),[F,I,k]);const Q=f(o,w),L=y(i,Q),{alignClass:D,alignDirectionClass:M,alignmentClass:W,alignPosition:V,fillClass:E,titleColor:O,titleSize:j,titleWeight:q,borderColorClass:G,borderTypeClass:R,borderWidthClass:U,textColor:J,textSize:K,textWeight:Y,arrowPosition:Z,elevationClass:ee,shapeClass:re,sizeClass:ie,widthClass:ae}=L,{styles:oe}=m(i);return e("div",{className:d(c,"tooltip",V&&`tooltip_align-position_${V}`,M&&`align_${M}`,D&&`align_${D}`,ee&&`elevation_${ee}`,W&&`alignment_${W}`,ie&&`tooltip_size_${ie}`,P&&"skeleton",ae&&`width_${ae}`),ref:h,"data-testid":S,"data-tour":p,style:oe,onAnimationEnd:N,children:[Z&&r("div",{className:d("tooltip__arrow",Z&&`tooltip__arrow_position_${Z}`,E&&`fill_${E}`),children:" "}),b,e("div",{className:d("tooltip__inner",U&&`border-width_${U}`,G&&`border-color_${G}`,R&&`border_type_${R}`,E&&`fill_${E}`,re&&`shape_${re}`),children:[z&&r(B,{className:"tooltip__title text",size:j,textColor:O,textWeight:q,children:z}),u&&r(_,{className:"tooltip__text",size:K,textColor:J,textWeight:Y,children:u}),T]}),g]})}),X=e=>{const{destroyOnHidden:a=!1,placement:o="right",tooltipContent:l,trigger:t="hover",openDelay:s=.5,closeDelay:n=.25,isOpen:c,children:d,...f}=e;return r(i,{destroyOnHidden:a,mouseEnterDelay:s,mouseLeaveDelay:n,overlay:r(F,{initialIsVisible:!0,...f,children:l}),placement:o,prefixCls:"tooltip-wrapper",trigger:t,visible:c,children:d})},I={disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"surfaceItemQuaternary"},size12_12:{fillSize:"12",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size14_12:{fillSize:"14",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size14_14:{fillSize:"14",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size16_12:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size16_14:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size16_16:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size20_12:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size20_14:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size20_16:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size20_20:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size24_12:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size24_14:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size24_16:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size24_20:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size24_24:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size32_12:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size32_14:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size32_16:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size32_20:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size32_24:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size32_32:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"32"},size40_12:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size40_14:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size40_16:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size40_20:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size40_24:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size40_32:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"32"},size40_40:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"40"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"accentItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",borderColor:"dangerBorderSecondary",badgeAppearance:"surfacePrimary",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",borderColor:"errorBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"infoItemPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",borderColor:"specialBorderQuaternary",badgeAppearance:"surfacePrimary",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",borderColor:"extraBorderQuaternary",badgeAppearance:"surfacePrimary",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",borderColor:"successBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"successItemPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverSecondary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",badgeAppearance:"accentPrimary",iconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",badgeAppearance:"accentPrimary solid rounded",iconFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary",iconFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",borderColor:"warningBorderSecondary",badgeAppearance:"surfacePrimary",iconFill:"warningItemPrimary"}},k={appearance:I,setAppearance:e=>{k.appearance=e}},N=p(a.forwardRef(function(i,a){const{id:l,appearance:t,className:s,dataTestId:n,dataTour:c,width:p,height:z,badgeClass:u,href:_,imageSrc:b,link:g,linkRel:v,linkTarget:P,notification:T,saveFillStroke:H,showTooltip:A,SvgImage:B,svgImageStyles:$,before:w,after:X,isActive:I,isDisabled:N,isSkeleton:L,onClick:D,onMouseEnter:M,onMouseLeave:W}=i,V=o(()=>{if(B){const e=B,i={};return p&&(i.width=p),z&&(i.height=z),r(e,{...i,...$})}return b?b.endsWith(".svg")?r(S,H?{src:b}:{src:b,preProcessor:Q}):r("img",{src:b}):null},[B,b,p,z,$,H]),E=f(t,k,N),O=y(i,E),{alignmentClass:j,fillActiveClass:q,fillActiveHoverClass:G,fillClass:R,fillDisabledClass:U,fillHoverClass:J,fillSizeClass:K,borderColorClass:Y,borderColorHoverClass:Z,borderTypeClass:ee,borderWidthClass:re,badgeAppearance:ie,badgeAppearanceSize:ae,badgeShape:oe,badgeSize:le,badgeTextColor:te,badgeTextSize:se,badgeValue:ne,centeringClass:ce,iconFillActiveClass:de,iconFillActiveHoverClass:fe,iconFillClass:ye,iconFillDisabledClass:me,iconFillHoverClass:Se,iconSizeClass:pe,shapeClass:xe,tooltipAppearance:ze,tooltipText:ue,tooltipTextSize:_e,tooltipTitle:be,tooltipTitleSize:ge}=O,{styles:Ce}=m(i);return e("div",{id:l,className:d(s,"icon",I?q&&`fill_active_${q}`:R&&`fill_${R}`,I?G&&`fill_active_hover_${G}`:J&&`fill_hover_${J}`,K&&`icon_fill_size_${K}`,U&&`fill_disabled_${U}`,I?de&&`icon_fill_active_${de}`:ye&&`icon_fill_${ye}`,I?fe&&`icon_fill_active_hover_${fe}`:Se&&`icon_fill_hover_${Se}`,N&&me&&`icon_fill_disabled_${me}`,xe&&`shape_${xe}`,Y&&`border-color_${Y}`,Z&&`border-color_hover_${Z}`,re&&`border-width_${re}`,ee&&`border_type_${ee}`,ne&&"icon_with-badge",ce&&`centering_${ce}`,D&&"cursor_type_pointer",L&&"skeleton"),ref:a,"data-testid":n,"data-tour":c,style:Ce,onClick:D,onMouseEnter:M,onMouseLeave:W,children:[w,e(h,{className:d((g||_||D)&&"cursor_type_pointer",g||_?"icon__link":"icon__item",pe&&`icon_size_${pe}`),href:g||_,LinkComponent:"div",rel:v,target:P,children:[V,(ne||T)&&r(C,{appearance:x(ie,ae),className:d(u,"icon__badge"),size:le,textColor:te,textSize:se,shape:oe,value:ne}),A&&r(F,{appearance:ze,className:d(s,"icon__tooltip",j&&`alignment_${j}`),title:be,titleSize:ge,text:ue,textSize:_e})]}),X]})})),Q=e=>e.replace(/fill=".*?"/g,'fill=""').replace(/stroke=".*?"/g,'stroke=""'),L={sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},accentPrimary:{fill:"accentPrimary"},errorPrimary:{fill:"errorPrimary"},specialPrimary:{fill:"specialPrimary"},extraPrimary:{fill:"extraPrimary"},successPrimary:{fill:"successPrimary"},surfacePrimary:{fill:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceQuaternary"},surfaceSecondary:{fill:"surfaceSecondary"},surfaceTertiary:{fill:"surfaceTertiary"},warningPrimary:{fill:"warningPrimary"}},D={appearance:L,setAppearance:e=>{D.appearance=e}};function M(e){const{appearance:i,className:a,dataTestId:o,dataTour:l,print:t,isActive:s,isDisabled:n,isSkeleton:c}=e,S=f(i,D),p=y(e,S),{directionClass:x,fillActiveClass:z,fillActiveHoverClass:u,fillClass:_,fillDisabledClass:b,fillHoverClass:g,shapeClass:C,sizeClass:v,widthClass:P}=p,{styles:T}=m(e);return r("hr",{className:d(a,"divider",P&&`width_${P}`,x&&`divider_direction_${x}`,C&&`shape_${C}`,v&&`divider_size_${v}`,s?z&&`fill_active_${z}`:_&&`fill_${_}`,s?u&&`fill_active_hover_${u}`:g&&`fill_hover_${g}`,n&&b&&`fill_disabled_${b}`,c&&"skeleton",!t&&"no-print",t&&"print"),"data-testid":o,"data-tour":l,style:T})}const W={accentPrimary:{fill:"accentPrimary",fillActive:"accentActivePrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorActive:"accentTextPrimary",labelTextColorActiveHover:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",badgeAppearance:"surfacePrimary",dividerFill:"surfaceTertiary",emptyMessageTextColor:"accentTextPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary"}},V={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},E={sizeL:{size:"l",labelTextSize:"m",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"m",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"xs",iconAfterFillSize:"12",iconAfterSize:"12",iconBeforeFillSize:"12",iconBeforeSize:"12"}},O={solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},j={surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",labelTextColorActiveHover:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",badgeAppearance:"accentPrimary",dividerFill:"surfaceTertiary",emptyMessageTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary"}},q={appearance:{...j,...O,...V,...W,...E},setAppearance:e=>{q.appearance=e}};function G(i){const{appearance:a,className:o,dataTestId:n,dataTour:S,animationClose:p="dropdown_animation_close",animationOpen:x="dropdown_animation_open",dropdownList:z,showDivider:u,before:_,after:b,isSkeleton:g,isOpen:C,setIsOpen:v,onClickItem:P,children:T}=i,h=l(null),H=f(a,q),[A,B]=t({className:""}),$=s(()=>{B(e=>({className:C?e.className:""}))},[C]);c(()=>{x&&p&&B(()=>({className:C?x:p}))},[C,x,p]),c(()=>{function e(e){const r=h.current;if(r&&x){const i=r.contains(e.target),a=r.classList.contains(x);!i&&a&&v(!1)}}return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[x,v]);const w=y(i,H),{alignmentClass:F,fillClass:X,elevationClass:I,shapeClass:k}=w,{styles:N}=m(i);return e("div",{className:d(o,"dropdown",F&&`alignment_${F}`,X&&`fill_${X}`,k&&`shape_${k}`,I&&`elevation_${I}`,C?"dropdown_state_open":"dropdown_state_close",A.className),ref:h,"data-testid":n,"data-tour":S,style:N,children:[_,(T||z)&&e("div",{className:d("dropdown__wrapper"),onAnimationEnd:$,children:[z?.map(e=>r(J,{appearance:a,label:e.label,badgeValue:e.badgeValue,emptyMessage:e.emptyMessage,iconAfter:e.iconAfter,iconBefore:e.iconBefore,iconSrc:e.icon,showDivider:u,isActive:e.isActive,isSkeleton:g,onClick:e.onClick||(r=>P?.(e,r))},e.key)),T]}),b]})}const R={...j,...O,...V,...W,...E},U={appearance:R,setAppearance:e=>{U.appearance=e}};function J(i){const{appearance:o,className:l,dataTestId:t,dataTour:s,label:n,desc:c,badgeValue:S,emptyMessage:p,showDivider:x,before:z,after:u,isActive:b,isDisabled:g,isSkeleton:v,isHover:P,onClick:T,onMouseEnter:h,children:H}=i,A=f(o,U),B=y(i,A),{directionClass:$,justifyContentClass:w,fillActiveClass:F,fillActiveHoverClass:X,fillClass:I,fillDisabledClass:k,fillHoverClass:Q,labelTextAlign:L,labelTextColor:D,labelTextColorActive:W,labelTextColorActiveHover:V,labelTextColorHover:E,labelTextSize:O,labelTextStyle:j,labelTextWeight:q,labelTextWrap:G,descTextColor:R,descTextColorHover:J,descTextGradient:K,descTextSize:Y,descTextStyle:Z,descTextWeight:ee,descTextWrap:re,badgeAppearance:ie,badgeShape:ae,badgeSize:oe,badgeTextColor:le,badgeTextSize:te,dividerDirection:se,dividerFill:ne,dividerSize:ce,emptyMessageTextColor:de,emptyMessageTextColorHover:fe,emptyMessageTextSize:ye,emptyMessageTextStyle:me,emptyMessageTextWeight:Se,emptyMessageTextWrap:pe,iconAfter:xe,iconAfterFill:ze,iconAfterFillIcon:ue,iconAfterFillSize:_e,iconAfterShape:be,iconAfterSize:ge,iconAfterSrc:Ce,iconBadgeAppearance:ve,iconBadgeShape:Pe,iconBadgeSize:Te,iconBadgeTextColor:he,iconBadgeTextSize:He,iconBadgeValue:Ae,iconBefore:Be,iconBeforeFill:$e,iconBeforeFillIcon:we,iconBeforeFillSize:Fe,iconBeforeShape:Xe,iconBeforeSize:Ie,iconBeforeSrc:ke,shapeClass:Ne,sizeClass:Qe,widthClass:Le}=B,{styles:De}=m(i);return e("div",{className:d("dropdown__item",b&&"dropdown__item_state_active",P&&"dropdown__item_state_hover",$&&`dropdown__item_direction_${$}`,l,b?F&&`fill_active_${F}`:I&&`fill_${I}`,b?X&&`fill_active_hover_${X}`:Q&&`fill_hover_${Q}`,k&&`fill_disabled_${k}`,Qe&&`dropdown__item_size_${Qe}`,Ne&&`shape_${Ne}`,Le&&`dropdown__item_width_${Le}`,g&&"dropdown__item_state_disabled",T&&"cursor_type_pointer",v&&"skeleton",w&&`dropdown__item_justify-content_${w}`),"data-testid":t,"data-tour":s,style:De,onClick:T,onMouseEnter:h,children:[r("div",{className:"dropdown__item-wrapper",children:e(a.Fragment,{children:[z,(Be||ke)&&r(N,{className:d("dropdown__item_before",Ae&&"dropdown__item_before-badge"),fill:$e,fillSize:Fe,badgeAppearance:ve,badgeClass:"dropdown__item_before_badge",badgeShape:Pe,badgeSize:Te,badgeTextColor:he,badgeTextSize:He,badgeValue:Ae,iconFill:we,iconSize:Ie,imageSrc:ke,shape:Xe,SvgImage:Be}),H||e(a.Fragment,{children:[n&&r(_,{className:"dropdown__item-label",size:O,textAlign:L,textColor:D,textColorActive:W,textColorActiveHover:V,textColorHover:E,textStyle:j,textWeight:q,textWrap:G,isActive:b,children:n}),S&&r(C,{appearance:ie,size:oe,textColor:le,textSize:te,shape:ae,value:S}),c&&r(_,{className:"dropdown__item-desc",size:Y,textColor:R,textColorGradient:K,textColorHover:J,textStyle:Z,textWeight:ee,textWrap:re,isActive:b,children:c}),p&&r(_,{className:"dropdown__item",size:ye,textColor:de,textColorHover:fe,textStyle:me,textWeight:Se,textWrap:pe,isActive:b,children:p})]}),u,(xe||Ce)&&r(N,{className:d("dropdown__item_after",Ae&&"dropdown__item_after-badge"),fill:ze,fillSize:_e,badgeAppearance:ve,badgeClass:"dropdown__item_after_badge",badgeShape:Pe,badgeSize:Te,badgeTextColor:he,badgeTextSize:He,badgeValue:Ae,iconFill:ue,iconSize:ge,imageSrc:Ce,shape:be,SvgImage:xe})]})}),x&&r(M,{width:"fill",direction:se,size:ce,fill:ne})]})}export{C as B,M as D,N as I,h as L,B as T,_ as a,G as b,J as c,X as d,T as e,F as f,u as g,b as h,g as i,P as j,H as k,v as l,A as m,$ as n,w as o,I as p,k as q,L as r,D as s,z as t,R as u,U as v};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps,
|
|
2
|
+
import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
|
|
3
3
|
import type { StyleAttributes } from '@itcase/ui-core/hooks';
|
|
4
4
|
import { BadgeProps } from '../Badge/Badge.interface';
|
|
5
5
|
import { DividerProps } from '../Divider/Divider.interface';
|
|
@@ -10,7 +10,6 @@ type AccordionAppearanceProps = {
|
|
|
10
10
|
borderColor?: BorderColorProps;
|
|
11
11
|
fill?: FillProps;
|
|
12
12
|
shape?: ShapeProps;
|
|
13
|
-
shapeStrength?: ShapeStrengthProps;
|
|
14
13
|
};
|
|
15
14
|
type AccordionProps = AccordionAppearanceProps & StyleAttributes & {
|
|
16
15
|
appearance?: AccordionItemProps['appearance'];
|
|
@@ -61,7 +60,6 @@ type AccordionItemAppearanceProps = {
|
|
|
61
60
|
shape?: ShapeProps;
|
|
62
61
|
shapeDesktop?: ShapeProps;
|
|
63
62
|
shapeMobile?: ShapeProps;
|
|
64
|
-
shapeStrength?: ShapeStrengthProps;
|
|
65
63
|
shapeTablet?: ShapeProps;
|
|
66
64
|
showDivider?: boolean;
|
|
67
65
|
size?: SizeProps;
|
|
@@ -49,8 +49,8 @@ function Accordion(props) {
|
|
|
49
49
|
return [];
|
|
50
50
|
}, [items, children, appearance, expandedItems, onClickAccordionItem]);
|
|
51
51
|
const propsGenerator = useDevicePropsGenerator(props);
|
|
52
|
-
const { fillClass, borderColorClass, shapeClass,
|
|
52
|
+
const { fillClass, borderColorClass, shapeClass, widthClass } = propsGenerator;
|
|
53
53
|
const { styles: accordionStyles } = useStyles(props);
|
|
54
|
-
return (_jsx("div", { className: clsx(className, 'accordion', borderColorClass && `border-color_${borderColorClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`,
|
|
54
|
+
return (_jsx("div", { className: clsx(className, 'accordion', borderColorClass && `border-color_${borderColorClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, widthClass && `width_${widthClass}`, isSkeleton && 'skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: accordionStyles, children: accordionItemsList }));
|
|
55
55
|
}
|
|
56
56
|
export { Accordion };
|
|
@@ -27,8 +27,8 @@ function AccordionItem(props) {
|
|
|
27
27
|
}, [id, title, content, isExpanded, onClick]);
|
|
28
28
|
const appearanceConfig = useAppearanceConfig(appearance, accordionItemConfig);
|
|
29
29
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
30
|
-
const { fillClass, fillHoverClass, titleBorderColorClass, titleFillClass, titleFillHoverClass, titleTextColor, titleTextSize, titleTextWeight, titleWidthClass, borderColorClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, contentTextColor, contentTextSize, contentTextWeight, dividerDirection, dividerFill, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass,
|
|
30
|
+
const { fillClass, fillHoverClass, titleBorderColorClass, titleFillClass, titleFillHoverClass, titleTextColor, titleTextSize, titleTextWeight, titleWidthClass, borderColorClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, contentTextColor, contentTextSize, contentTextWeight, dividerDirection, dividerFill, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, showDivider, sizeClass, zeroGap, zeroPadding, } = propsGenerator;
|
|
31
31
|
const { styles } = useStyles(props);
|
|
32
|
-
return (_jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`,
|
|
32
|
+
return (_jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [_jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [_jsx(Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), _jsxs("div", { className: "accordion-item__action", children: [badgeValue && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (_jsxs("div", { className: clsx('accordion-item__content'), children: [content && (_jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: _jsx(Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
|
|
33
33
|
}
|
|
34
34
|
export { AccordionItem, accordionItemConfig };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { AppearanceConfig, AppearanceKeysPx, BorderColorProps, CompositeAppearancePxKeys, FillHoverProps, FillProps, ShapeProps,
|
|
2
|
+
import { AppearanceConfig, AppearanceKeysPx, BorderColorProps, CompositeAppearancePxKeys, FillHoverProps, FillProps, ShapeProps, SizePXProps } from '@itcase/types-ui';
|
|
3
3
|
import { StyleAttributes } from '@itcase/ui-core/hooks';
|
|
4
4
|
import { BadgeProps } from '../Badge/Badge.interface';
|
|
5
5
|
import { IconProps } from '../Icon/Icon.interface';
|
|
@@ -25,7 +25,6 @@ type AvatarAppearanceProps = {
|
|
|
25
25
|
iconSrc?: string;
|
|
26
26
|
placeholderUrl?: string;
|
|
27
27
|
shape?: ShapeProps;
|
|
28
|
-
shapeStrength?: ShapeStrengthProps;
|
|
29
28
|
size?: SizePXProps;
|
|
30
29
|
textColor?: TextProps['textColor'];
|
|
31
30
|
textSize?: TextProps['size'];
|
|
@@ -22,7 +22,7 @@ function Avatar(props) {
|
|
|
22
22
|
}, [firstName, secondName]);
|
|
23
23
|
const appearanceConfig = useAppearanceConfig(appearance, avatarConfig);
|
|
24
24
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
25
|
-
const { size, fillClass, fillHoverClass, textColor, textSize, textWeight, badge, badgeAppearance, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, icon, iconFill, iconFillHover, iconFillSize, iconItemFill, iconShape, iconSize, iconSrc, placeholderUrl, shapeClass,
|
|
26
|
-
return (_jsx("div", { className: clsx(className, 'avatar', size && `avatar_size_${sizeClass}`, (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && `skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId, "data-tour": dataTour, onClick: onClick, children: _jsxs("div", { className: clsx('avatar__wrapper', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}
|
|
25
|
+
const { size, fillClass, fillHoverClass, textColor, textSize, textWeight, badge, badgeAppearance, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, icon, iconFill, iconFillHover, iconFillSize, iconItemFill, iconShape, iconSize, iconSrc, placeholderUrl, shapeClass, sizeClass, } = propsGenerator;
|
|
26
|
+
return (_jsx("div", { className: clsx(className, 'avatar', size && `avatar_size_${sizeClass}`, (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && `skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId, "data-tour": dataTour, onClick: onClick, children: _jsxs("div", { className: clsx('avatar__wrapper', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`), children: [before, src ? (_jsx(Image, { className: clsx('avatar__image', shapeClass && `shape_${shapeClass}`), src: src, placeholderUrl: placeholderUrl })) : (_jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (_jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (_jsx(Badge, { appearance: badgeAppearance, className: "avatar__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
|
|
27
27
|
}
|
|
28
28
|
export { Avatar, avatarConfig };
|
|
@@ -7,19 +7,15 @@ const avatarAppearanceShape = {
|
|
|
7
7
|
},
|
|
8
8
|
roundedXL: {
|
|
9
9
|
shape: 'rounded',
|
|
10
|
-
shapeStrength: '2m',
|
|
11
10
|
},
|
|
12
11
|
roundedL: {
|
|
13
12
|
shape: 'rounded',
|
|
14
|
-
shapeStrength: '1_5m',
|
|
15
13
|
},
|
|
16
14
|
roundedM: {
|
|
17
15
|
shape: 'rounded',
|
|
18
|
-
shapeStrength: '1m',
|
|
19
16
|
},
|
|
20
17
|
roundedS: {
|
|
21
18
|
shape: 'rounded',
|
|
22
|
-
shapeStrength: '0_5m',
|
|
23
19
|
},
|
|
24
20
|
};
|
|
25
21
|
export { avatarAppearanceShape };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { AppearanceConfig, AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, FillHoverProps, FillProps, ShapeProps,
|
|
2
|
+
import { AppearanceConfig, AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, FillHoverProps, FillProps, ShapeProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
|
|
3
3
|
import { StyleAttributes } from '@itcase/ui-core/hooks';
|
|
4
4
|
import { IconProps } from '../Icon/Icon.interface';
|
|
5
5
|
import { TextProps } from '../Text/Text.interface';
|
|
@@ -15,7 +15,6 @@ type BadgeAppearanceProps = {
|
|
|
15
15
|
iconShape?: IconProps['shape'];
|
|
16
16
|
iconSize?: IconProps['size'];
|
|
17
17
|
shape?: ShapeProps;
|
|
18
|
-
shapeStrength?: ShapeStrengthProps;
|
|
19
18
|
size?: SizeProps;
|
|
20
19
|
textColor?: TextProps['textColor'];
|
|
21
20
|
textSize?: TextProps['size'];
|
|
@@ -14,7 +14,7 @@ function Badge(props) {
|
|
|
14
14
|
const { appearance, className, dataTestId, dataTour, dot, icon, iconSrc, value, isSkeleton, children, } = props;
|
|
15
15
|
const appearanceConfig = useAppearanceConfig(appearance, badgeConfig);
|
|
16
16
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
17
|
-
const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColor, textSize, dotFillClass, iconFill, iconShape, iconSize, shapeClass,
|
|
17
|
+
const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColor, textSize, dotFillClass, iconFill, iconShape, iconSize, shapeClass, sizeClass, } = propsGenerator;
|
|
18
18
|
const { styles: badgeStyles } = useStyles(props);
|
|
19
19
|
const badgeTypeClass = value
|
|
20
20
|
? icon
|
|
@@ -27,7 +27,7 @@ function Badge(props) {
|
|
|
27
27
|
: dot
|
|
28
28
|
? 'badge_type_dot'
|
|
29
29
|
: 'badge_type_fill';
|
|
30
|
-
return (_jsxs("div", { className: clsx(className, 'badge', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, sizeClass && `badge_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`,
|
|
30
|
+
return (_jsxs("div", { className: clsx(className, 'badge', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, sizeClass && `badge_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, badgeTypeClass, isSkeleton && 'skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: badgeStyles, children: [dot && (_jsx("div", { className: clsx('badge__dot', dotFillClass && `svg_fill_${dotFillClass}`), children: _jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: _jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (_jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
|
|
31
31
|
(value && (_jsx(Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
|
|
32
32
|
}
|
|
33
33
|
export { Badge, badgeConfig };
|
|
@@ -7,19 +7,15 @@ const badgeAppearanceShape = {
|
|
|
7
7
|
},
|
|
8
8
|
roundedXL: {
|
|
9
9
|
shape: 'rounded',
|
|
10
|
-
shapeStrength: '2m',
|
|
11
10
|
},
|
|
12
11
|
roundedL: {
|
|
13
12
|
shape: 'rounded',
|
|
14
|
-
shapeStrength: '1_5m',
|
|
15
13
|
},
|
|
16
14
|
roundedM: {
|
|
17
15
|
shape: 'rounded',
|
|
18
|
-
shapeStrength: '1m',
|
|
19
16
|
},
|
|
20
17
|
roundedS: {
|
|
21
18
|
shape: 'rounded',
|
|
22
|
-
shapeStrength: '0_5m',
|
|
23
19
|
},
|
|
24
20
|
};
|
|
25
21
|
export { badgeAppearanceShape };
|