@itcase/ui-web 1.9.102 → 1.9.104
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_DKhJ2uww.js → Avatar_cjs_xThGdOLX.js} +1 -1
- package/dist/{Avatar_es_DM5z3fcT.js → Avatar_es_BsCCcacw.js} +1 -1
- package/dist/{Button_cjs_CT6npnpY.js → Button_cjs_D0UPBIsl.js} +1 -1
- package/dist/{Button_es_DI9lkqsp.js → Button_es_BjsE6L1v.js} +1 -1
- package/dist/{ChipsGroup_cjs_DgaAwQ38.js → ChipsGroup_cjs_Dk7tYi8b.js} +1 -1
- package/dist/{ChipsGroup_es_Du1_y5Ad.js → ChipsGroup_es_ol25tWz9.js} +1 -1
- package/dist/{DatePicker_cjs_Bo2hCzAE.js → DatePicker_cjs_DL2RlUWb.js} +1 -1
- package/dist/{DatePicker_es_B4rUhWX3.js → DatePicker_es_Blt14fUB.js} +1 -1
- package/dist/{Label_cjs_CheBzT1N.js → Label_cjs_vBDgxasn.js} +1 -1
- package/dist/{Label_es_VtgwFFpw.js → Label_es_CwFIYaUE.js} +1 -1
- package/dist/Loader_cjs_D2eU4Cq6.js +1 -0
- package/dist/Loader_es_BpHMMwc0.js +1 -0
- package/dist/{SelectContainer_cjs_CEmmi1Nm.js → SelectContainer_cjs_D9_SCVQg.js} +1 -1
- package/dist/{SelectContainer_es_CKAp558d.js → SelectContainer_es_DDjoF9eR.js} +1 -1
- 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/CookiesWarning.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/HeroTitle.js +1 -1
- package/dist/cjs/components/Icon.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/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/CookiesWarning.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/HeroTitle.js +1 -1
- package/dist/components/Icon.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/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/mixins/mixin_typography.css +1 -1
- package/dist/css/styles/bundles.css +2 -4
- package/dist/primitives_cjs_BphFj-db.js +1 -0
- package/dist/{primitives_es_C--Iga1S.js → primitives_es_BkqjUVO-.js} +1 -1
- package/dist/types/components/Button/Button.appearance.d.ts +9 -9
- package/dist/types/components/Button/appearance/buttonSize.d.ts +5 -5
- package/dist/types/components/Button/appearance/buttonSize.js +5 -5
- package/dist/types/components/Button/appearance/buttonSurface.d.ts +4 -4
- package/dist/types/components/Button/appearance/buttonSurface.js +4 -4
- package/dist/types/components/Loader/Loader.appearance.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.d.ts +5 -0
- package/dist/types/components/Loader/appearance/loaderSurface.js +5 -0
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +2 -0
- package/dist/types/components/MenuItem/MenuItem.js +4 -4
- package/dist/types/components/Response/Response.constant.d.ts +8 -0
- package/dist/types/components/Response/Response.constant.js +8 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +1 -0
- package/dist/types/components/Tooltip/Tooltip.interface.d.ts +2 -1
- package/dist/types/components/Tooltip/Tooltip.js +2 -2
- package/dist/types/components/Tooltip/stories/TooltipAppearance.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipArrow.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipCustom.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipDemo.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipSize.stories.d.ts +1 -0
- package/dist/types/components/Tooltip/stories/TooltipStyle.stories.d.ts +1 -0
- package/package.json +2 -2
- package/dist/Loader_cjs_CAR5bwl1.js +0 -1
- package/dist/Loader_es_C3TNP44Q.js +0 -1
- package/dist/primitives_cjs_DHu3CIR7.js +0 -1
|
@@ -20,14 +20,14 @@ const buttonAppearanceSurface = {
|
|
|
20
20
|
loaderAppearance: 'surfacePrimary',
|
|
21
21
|
},
|
|
22
22
|
surfaceQuaternary: {
|
|
23
|
-
fill: '
|
|
23
|
+
fill: 'surfaceQuaternary',
|
|
24
24
|
fillHover: 'surfaceTertiary',
|
|
25
25
|
labelTextColor: 'surfaceTextPrimary',
|
|
26
26
|
borderColor: 'surfaceBorderTertiary',
|
|
27
27
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
28
28
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
29
29
|
iconFillIcon: 'surfaceItemPrimary',
|
|
30
|
-
loaderAppearance: '
|
|
30
|
+
loaderAppearance: 'surfaceQuaternary',
|
|
31
31
|
},
|
|
32
32
|
surfaceSecondary: {
|
|
33
33
|
fill: 'surfaceSecondary',
|
|
@@ -37,7 +37,7 @@ const buttonAppearanceSurface = {
|
|
|
37
37
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
38
38
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
39
39
|
iconFillIcon: 'surfaceItemPrimary',
|
|
40
|
-
loaderAppearance: '
|
|
40
|
+
loaderAppearance: 'surfaceSecondary',
|
|
41
41
|
},
|
|
42
42
|
surfaceTertiary: {
|
|
43
43
|
fill: 'surfaceTertiary',
|
|
@@ -46,7 +46,7 @@ const buttonAppearanceSurface = {
|
|
|
46
46
|
iconAfterFillIcon: 'surfaceItemPrimary',
|
|
47
47
|
iconBeforeFillIcon: 'surfaceItemPrimary',
|
|
48
48
|
iconFillIcon: 'surfaceItemPrimary',
|
|
49
|
-
loaderAppearance: '
|
|
49
|
+
loaderAppearance: 'surfaceTertiary',
|
|
50
50
|
},
|
|
51
51
|
};
|
|
52
52
|
export { buttonAppearanceSurface };
|
|
@@ -40,6 +40,11 @@ declare const loaderAppearance: {
|
|
|
40
40
|
borderColor: "surfaceBorderPrimary";
|
|
41
41
|
itemFill: "surfaceItemPrimary";
|
|
42
42
|
};
|
|
43
|
+
surfaceQuaternary: {
|
|
44
|
+
fill: "surfaceQuaternary";
|
|
45
|
+
borderColor: "surfaceBorderPrimary";
|
|
46
|
+
itemFill: "surfaceItemPrimary";
|
|
47
|
+
};
|
|
43
48
|
surfaceSecondary: {
|
|
44
49
|
fill: "surfaceSecondary";
|
|
45
50
|
borderColor: "surfaceBorderPrimary";
|
|
@@ -4,6 +4,11 @@ declare const loaderAppearanceSurface: {
|
|
|
4
4
|
borderColor: "surfaceBorderPrimary";
|
|
5
5
|
itemFill: "surfaceItemPrimary";
|
|
6
6
|
};
|
|
7
|
+
surfaceQuaternary: {
|
|
8
|
+
fill: "surfaceQuaternary";
|
|
9
|
+
borderColor: "surfaceBorderPrimary";
|
|
10
|
+
itemFill: "surfaceItemPrimary";
|
|
11
|
+
};
|
|
7
12
|
surfaceSecondary: {
|
|
8
13
|
fill: "surfaceSecondary";
|
|
9
14
|
borderColor: "surfaceBorderPrimary";
|
|
@@ -4,6 +4,11 @@ const loaderAppearanceSurface = {
|
|
|
4
4
|
borderColor: 'surfaceBorderPrimary',
|
|
5
5
|
itemFill: 'surfaceItemPrimary',
|
|
6
6
|
},
|
|
7
|
+
surfaceQuaternary: {
|
|
8
|
+
fill: 'surfaceQuaternary',
|
|
9
|
+
borderColor: 'surfaceBorderPrimary',
|
|
10
|
+
itemFill: 'surfaceItemPrimary',
|
|
11
|
+
},
|
|
7
12
|
surfaceSecondary: {
|
|
8
13
|
fill: 'surfaceSecondary',
|
|
9
14
|
borderColor: 'surfaceBorderPrimary',
|
|
@@ -50,12 +50,14 @@ type MenuItemAppearanceProps = {
|
|
|
50
50
|
size?: TextSizeProps;
|
|
51
51
|
tooltipFill?: TooltipProps['fill'];
|
|
52
52
|
tooltipShape?: TooltipProps['shape'];
|
|
53
|
+
tooltipShowArrow?: TooltipWrapperProps['showArrow'];
|
|
53
54
|
tooltipSize?: TooltipProps['size'];
|
|
54
55
|
tooltipText?: TooltipProps['text'];
|
|
55
56
|
tooltipTextColor?: TooltipProps['textColor'];
|
|
56
57
|
tooltipTextSize?: TooltipProps['textSize'];
|
|
57
58
|
tooltipTitle?: TooltipProps['title'];
|
|
58
59
|
tooltipTitleTextColor?: TooltipProps['titleColor'];
|
|
60
|
+
tooltipZIndex?: TooltipWrapperProps['zIndex'];
|
|
59
61
|
type?: string;
|
|
60
62
|
};
|
|
61
63
|
type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
|
|
@@ -28,14 +28,14 @@ const menuItemConfig = {
|
|
|
28
28
|
},
|
|
29
29
|
};
|
|
30
30
|
function MenuItem(props) {
|
|
31
|
-
const { appearance, className, dataTestId, dataTour, label, easing, href, link, LinkComponent, rel, showTooltip, target, tooltipAppearance, tooltipArrowPosition, tooltipContent, underline, before, after, isActive, isDisabled, onClick, children, } = props;
|
|
31
|
+
const { appearance, className, dataTestId, dataTour, label, easing, href, link, LinkComponent, rel, showTooltip, target, tooltipAppearance, tooltipArrowPosition, tooltipContent, tooltipShowArrow, underline, before, after, isActive, isDisabled, onClick, children, } = props;
|
|
32
32
|
const appearanceConfig = useAppearanceConfig(appearance, menuItemConfig, isDisabled);
|
|
33
33
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
34
|
-
const { directionClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorDisabled, labelTextColorHover, labelTextSize, labelWeight, labelWrap, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, sizeClass, tooltipFill, tooltipPlacement = 'top', tooltipShape, tooltipSize, tooltipText, tooltipTextColor, tooltipTextSize, tooltipTitle, tooltipTitleTextColor, typeClass, widthClass, isSkeleton, } = propsGenerator;
|
|
34
|
+
const { directionClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorDisabled, labelTextColorHover, labelTextSize, labelWeight, labelWrap, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, sizeClass, tooltipFill, tooltipPlacement = 'top', tooltipShape, tooltipSize, tooltipText, tooltipTextColor, tooltipTextSize, tooltipTitle, tooltipTitleTextColor, tooltipZIndex, typeClass, widthClass, isSkeleton, } = propsGenerator;
|
|
35
35
|
const { styles: menuItem } = useStyles(props);
|
|
36
36
|
const TooltipWrapperComponent = showTooltip ? TooltipWrapper : React.Fragment;
|
|
37
|
-
return (_jsx(TooltipWrapperComponent, { appearance: tooltipAppearance, minWidth: "auto", size: tooltipSize, fill: tooltipFill, title: tooltipTitle, titleColor: tooltipTitleTextColor, text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition ??
|
|
38
|
-
menuItemTooltipPlacementToArrowPosition[tooltipPlacement], placement: tooltipPlacement, shape: tooltipShape, tooltipContent: tooltipContent, children: _jsx("div", { className: clsx('menu-item', easing && `easing_${easing}`, isActive && 'menu-item_state_active', isDisabled && `menu-item_state_disabled`, directionClass && `menu-item_direction_${directionClass}`, className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
|
|
37
|
+
return (_jsx(TooltipWrapperComponent, { appearance: tooltipAppearance, minWidth: "auto", size: tooltipSize, fill: tooltipFill, zIndex: tooltipZIndex, title: tooltipTitle, titleColor: tooltipTitleTextColor, text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition ??
|
|
38
|
+
menuItemTooltipPlacementToArrowPosition[tooltipPlacement], placement: tooltipPlacement, shape: tooltipShape, showArrow: tooltipShowArrow, tooltipContent: tooltipContent, children: _jsx("div", { className: clsx('menu-item', easing && `easing_${easing}`, isActive && 'menu-item_state_active', isDisabled && `menu-item_state_disabled`, directionClass && `menu-item_direction_${directionClass}`, className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
|
|
39
39
|
'menu-item_label-icon', sizeClass && `menu-item_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, !isActive
|
|
40
40
|
? fillClass && `fill_${fillClass}`
|
|
41
41
|
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
@@ -43,6 +43,14 @@ declare const RESPONSE_MESSAGES: {
|
|
|
43
43
|
secondaryButtonAppearance: string;
|
|
44
44
|
secondaryButtonLabel: string;
|
|
45
45
|
};
|
|
46
|
+
confirm: {
|
|
47
|
+
appearance: string;
|
|
48
|
+
title: string;
|
|
49
|
+
primaryButtonAppearance: string;
|
|
50
|
+
primaryButtonLabel: string;
|
|
51
|
+
secondaryButtonAppearance: string;
|
|
52
|
+
secondaryButtonLabel: string;
|
|
53
|
+
};
|
|
46
54
|
empty: {
|
|
47
55
|
appearance: string;
|
|
48
56
|
title: string;
|
|
@@ -48,6 +48,14 @@ const RESPONSE_MESSAGES = {
|
|
|
48
48
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
49
49
|
secondaryButtonLabel: 'Отмена',
|
|
50
50
|
},
|
|
51
|
+
confirm: {
|
|
52
|
+
appearance: 'confirm ghost',
|
|
53
|
+
title: 'Вы уверены?',
|
|
54
|
+
primaryButtonAppearance: 'accentPrimary sizeXXL solid rounded',
|
|
55
|
+
primaryButtonLabel: 'Да',
|
|
56
|
+
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
57
|
+
secondaryButtonLabel: 'Отмена',
|
|
58
|
+
},
|
|
51
59
|
empty: {
|
|
52
60
|
appearance: 'empty ghost',
|
|
53
61
|
title: 'Список пуст',
|
|
@@ -43,12 +43,13 @@ type TooltipProps = StyleAttributes & TooltipAppearanceProps & {
|
|
|
43
43
|
isSkeleton?: boolean;
|
|
44
44
|
onClick?: () => void;
|
|
45
45
|
openTimeoutDelay?: number;
|
|
46
|
+
showArrow?: boolean;
|
|
46
47
|
style?: CSSProperties;
|
|
47
48
|
text?: string;
|
|
48
49
|
title?: string;
|
|
49
50
|
};
|
|
50
51
|
type RCComponentTooltipProps = Omit<TooltipProps, keyof Pick<TooltipProps, 'align' | 'children' | 'closeTimeoutDelay' | 'initialIsVisible' | 'openTimeoutDelay' | 'zIndex'>>;
|
|
51
|
-
type RCComponentTooltipPropsTrigger = Pick<RCComponentTooltipTriggerProps, 'children' | 'destroyOnHidden' | 'trigger'>;
|
|
52
|
+
type RCComponentTooltipPropsTrigger = Pick<RCComponentTooltipTriggerProps, 'children' | 'destroyOnHidden' | 'showArrow' | 'trigger'>;
|
|
52
53
|
type TooltipWrapperProps = RCComponentTooltipProps & RCComponentTooltipPropsTrigger & {
|
|
53
54
|
closeDelay?: number;
|
|
54
55
|
isOpen?: boolean;
|
|
@@ -12,7 +12,7 @@ const tooltipConfig = {
|
|
|
12
12
|
},
|
|
13
13
|
};
|
|
14
14
|
const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
15
|
-
const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, children, } = props;
|
|
15
|
+
const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, showArrow = true, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, children, } = props;
|
|
16
16
|
const tooltipElementRef = useRef(null);
|
|
17
17
|
const tooltipTimeoutHideRef = useRef(null);
|
|
18
18
|
const tooltipTimeoutShowRef = useRef(null);
|
|
@@ -57,6 +57,6 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
|
57
57
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
58
58
|
const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, elevationClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
|
|
59
59
|
const { styles: tooltipStyles } = useStyles(props);
|
|
60
|
-
return (_jsxs("div", { className: clsx(className, 'tooltip', alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (_jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, _jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`), children: [title && (_jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (_jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
|
|
60
|
+
return (_jsxs("div", { className: clsx(className, 'tooltip', alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && showArrow && (_jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, _jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`), children: [title && (_jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (_jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
|
|
61
61
|
});
|
|
62
62
|
export { Tooltip, tooltipConfig };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.104",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"storybook": "^10.3.6",
|
|
115
115
|
"typescript": "^6.0.3"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "4b3a1faf6ea63fdf252fb4e66b7445b5fde1ef4e"
|
|
118
118
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),a=require("@itcase/ui-core/hooks"),i=require("./primitives_cjs_DHu3CIR7.js");const l={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},o={appearance:l,setAppearance:r=>{o.appearance=r}};exports.Loader=function(l){const{appearance:s,className:t,dataTestId:c,dataTour:d,type:m="dot",text:n,isDisabled:y,isSkeleton:f,children:u}=l,P=a.useAppearanceConfig(s,o,y),p=a.useDevicePropsGenerator(l,P),{fillClass:C,borderColorClass:x,textColor:_,textSize:S,heightClass:b,itemFillClass:h,shapeClass:z,sizeClass:F,widthClass:I}=p,{styles:B}=a.useStyles(l);return r.jsxs("div",{className:e("loader",t,I&&`width_${I}`,b&&`height_${b}`,C&&`fill_${C}`,F&&`loader_size_${F}`,f&&"skeleton",m&&`loader_type_${m}`,z&&`shape_${z}`),"data-testid":c,"data-tour":d,style:B,children:[u||r.jsxs("div",{className:"loader__inner",children:[r.jsx("span",{className:e("loader__item",h&&`fill_${h}`,"circular"===m&&`border-color_${x}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "}),r.jsx("span",{className:e("loader__item",h&&`fill_${h}`),children:" "})]}),n&&r.jsx(i.Text,{className:"loader__text",size:S,textColor:_,children:n})]})},exports.loaderAppearance=l,exports.loaderConfig=o;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import a from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as l,useStyles as o}from"@itcase/ui-core/hooks";import{a as s}from"./primitives_es_C--Iga1S.js";const t={accentPrimary:{fill:"accentPrimary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemPrimary"},accentTertiary:{fill:"accentTertiary",borderColor:"surfaceBorderSecondary",itemFill:"accentItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"surfaceBorderSecondary",itemFill:"specialItemPrimary"},sizeL:{size:"l",textSize:"m"},sizeM:{size:"m",textSize:"s"},sizeS:{size:"s",textSize:"xs"},extraPrimary:{fill:"extraPrimary",borderColor:"surfaceBorderSecondary",itemFill:"extraItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderPrimary",itemFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"surfaceBorderSecondary",itemFill:"warningItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"surfaceBorderSecondary",itemFill:"successItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"surfaceBorderSecondary",itemFill:"infoItemPrimary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"surfaceBorderSecondary",itemFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",borderColor:"surfaceBorderSecondary",itemFill:"errorItemPrimary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},c={appearance:t,setAppearance:r=>{c.appearance=r}};function m(t){const{appearance:m,className:d,dataTestId:n,dataTour:y,type:f="dot",text:u,isDisabled:P,isSkeleton:p,children:C}=t,_=i(m,c,P),S=l(t,_),{fillClass:b,borderColorClass:h,textColor:x,textSize:z,heightClass:F,itemFillClass:I,shapeClass:B,sizeClass:$,widthClass:g}=S,{styles:N}=o(t);return r("div",{className:a("loader",d,g&&`width_${g}`,F&&`height_${F}`,b&&`fill_${b}`,$&&`loader_size_${$}`,p&&"skeleton",f&&`loader_type_${f}`,B&&`shape_${B}`),"data-testid":n,"data-tour":y,style:N,children:[C||r("div",{className:"loader__inner",children:[e("span",{className:a("loader__item",I&&`fill_${I}`,"circular"===f&&`border-color_${h}`),children:" "}),e("span",{className:a("loader__item",I&&`fill_${I}`),children:" "}),e("span",{className:a("loader__item",I&&`fill_${I}`),children:" "})]}),u&&e(s,{className:"loader__text",size:z,textColor:x,children:u})]})}export{m as L,c as a,t as l};
|
|
@@ -1 +0,0 @@
|
|
|
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,text:n,cursor:d,style:f,tag:y="span",before:p,after:x,isActive:m,isDisabled:u,isSkeleton:S,onClick:z,onDoubleClick:C,children:g}=r,_=o.useAppearanceConfig(i,c,u),b=o.useDevicePropsGenerator(r,_),{textAlignClass:v,textColorActiveClass:P,textColorActiveHoverClass:T,textColorClass:h,textColorDisabledClass:A,textColorHoverClass:H,textDecorationClass:w,textFontClass:B,textStyleClass:$,textTruncateClass:F,textWeightClass:I,textWrapClass:X,cursorClass:k,sizeClass:j,widthClass:D}=b,{styles:N}=o.useStyles(r);return e.jsxs(y,{className:a(l,"text",j&&`text_size_${j}`,I&&`text-weight_${I}`,v&&`text-align_${v}`,u&&A&&`text-color_${A}`,!m&&!u&&h&&`text-color_${h}`,!m&&!u&&H&&`text-color_hover_${H}`,m&&!u&&T&&`text-color_active_hover_${T}`,m&&!u&&P&&`text-color_active_${P}`,B&&`text-font_${B}`,$&&`text-style_${$}`,X&&`word-wrap_${X}`,w&&`text-decoration_${w}`,F&&`text-truncate_${F}`,S&&"skeleton",D&&`width_${D}`,k&&`cursor_${k}`,z&&(d||"cursor_type_pointer")),"data-testid":t,"data-tour":s,style:Object.assign({},N,f),onClick:z,onDoubleClick:C,children:[p,g||n,x]})}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:"xxs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xxs",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=Boolean(p||0===p),S=o.useAppearanceConfig(i,y),z=o.useDevicePropsGenerator(r,S),{fillClass:C,fillHoverClass:g,borderColorClass:_,borderColorHoverClass:b,borderTypeClass:v,borderWidthClass:P,textColor:h,textSize:A,dotFillClass:H,iconFill:w,iconShape:B,iconSize:$,shapeClass:F,sizeClass:I}=z,{styles:X}=o.useStyles(r),k=u?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",_&&`border-color_${_}`,b&&`border-color_hover_${b}`,P&&`border-width_${P}`,v&&`border_type_${v}`,C&&`fill_${C}`,g&&`fill_hover_${g}`,I&&`badge_size_${I}`,F&&`shape_${F}`,k,x&&"skeleton"),"data-testid":t,"data-tour":s,style:X,children:[n&&e.jsx("div",{className:a("badge__dot",H&&`svg_fill_${H}`),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:$,iconFill:w,imageSrc:f,shape:B,SvgImage:c}),m||u&&e.jsx(d,{className:"badge__value",size:A,textColor:h,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 C(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:C,onClick:g,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",C&&"skeleton"),"data-testid":s,"data-tour":n,style:Object.assign({},pe,y),onClick:g,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 g={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:g,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:g}=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(C,{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}),g]}),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:"surfaceHoverTertiary",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:C,link:g,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 C?C.endsWith(".svg")?A?e.jsx(l,{src:C}):e.jsx(l,{src:C,preProcessor:h}):e.jsx("img",{src:C}):null},[w,C,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:Ce}=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:Ce,onClick:j,onMouseEnter:D,onMouseLeave:N,children:[$,e.jsxs(u,{className:a((g||z||j)&&"cursor_type_pointer",g||z?"icon__link":"icon__item",ye&&`icon_size_${ye}`),href:g||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:C,shapeClass:g,sizeClass:_,widthClass:b}=p,{styles:v}=o.useStyles(r);return e.jsx("hr",{className:a(l,"divider",b&&`width_${b}`,x&&`divider_direction_${x}`,g&&`shape_${g}`,_&&`divider_size_${_}`,c?m&&`fill_active_${m}`:S&&`fill_${S}`,c?u&&`fill_active_hover_${u}`:C&&`fill_hover_${C}`,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:C,isSkeleton:g,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:Ce,iconBadgeAppearance:ge,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}`,C&&"dropdown__item_state_disabled",b&&"cursor_type_pointer",g&&"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:ge,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||Ce)&&e.jsx(T,{className:a("dropdown__item_after",Te&&"dropdown__item_after-badge"),fill:xe,fillSize:ue,badgeAppearance:ge,badgeClass:"dropdown__item_after_badge",badgeShape:_e,badgeSize:be,badgeTextColor:ve,badgeTextSize:Pe,badgeValue:Te,iconFill:me,iconSize:ze,imageSrc:Ce,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:C}=r,g=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=g.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:g,"data-testid":s,"data-tour":n,style:B,children:[p,(C||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)),C]}),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:C,onClick:g,onMouseDown:_,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:h}=r,A=o.useAppearanceConfig(i,m,C),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:g,onMouseDown:_,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:[S,h||n,z]})},exports.LinkWrapper=u,exports.Text=d,exports.Title=C,exports.Tooltip=b,exports.TooltipWrapper=i=>{const{zIndex:a,destroyOnHidden:o=!1,placement:l="right",tooltipContent:t,trigger:s="hover",openDelay:n=.5,closeDelay:c=.25,isOpen:d,children:f,...y}=i;return e.jsx(r,{zIndex:a,destroyOnHidden:o,mouseEnterDelay:n,mouseLeaveDelay:c,overlay:e.jsx(b,{initialIsVisible:!0,...y,children:t}),placement:l,prefixCls:"tooltip-wrapper",trigger:s,visible:d,children:f})},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=g,exports.tooltipConfig=_;
|