@itcase/ui 1.9.71 → 1.9.73

package/dist/hooks/useMediaQueries/useMediaQueries.js

@@ -1,7 +1,8 @@
 import 'react';
 import 'react-responsive';
-export { l as useMediaQueries } from '../../primitives_es_gY0Wzlk_.js';
+export { n as useMediaQueries } from '../../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/hooks/useMediaQueries.js

@@ -1,5 +1,6 @@
-export { l as useMediaQueries } from '../primitives_es_gY0Wzlk_.js';
+export { n as useMediaQueries } from '../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'react';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useStyles/styleAttributes.js

@@ -1,5 +1,6 @@
-export { o as default } from '../../primitives_es_gY0Wzlk_.js';
+export { p as default } from '../../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'react';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useStyles/useStyles.js

@@ -2,8 +2,9 @@ import 'react';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
-export { u as useStyles } from '../../primitives_es_gY0Wzlk_.js';
+export { u as useStyles } from '../../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/castArray';
 import 'uuid';

package/dist/hooks/useStyles.js

@@ -1,5 +1,6 @@
-export { u as useStyles } from '../primitives_es_gY0Wzlk_.js';
+export { u as useStyles } from '../primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'react';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks.js

@@ -1,5 +1,6 @@
-export { n as getStyleAttributeKey } from './primitives_es_gY0Wzlk_.js';
+export { o as getStyleAttributeKey } from './primitives_es_g9LRUQ6M.js';
 import 'react/jsx-runtime';
+import '@rc-component/tooltip';
 import 'react';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/{primitives_cjs_D8cRUOUa.js → primitives_cjs_BEU-o0FZ.js}

@@ -2,6 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var TooltipTrigger = require('@rc-component/tooltip');
 var React = require('react');
 var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
@@ -1870,15 +1871,20 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
     }), [isTooltipVisible, openTooltip, closeTooltip]);
     const appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tooltipStyles } = useStyles(props);
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
             ? isTooltipVisible
                 ? 'tooltip_state_open'
                 : 'tooltip_state_close'
-            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxRuntime.jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsxRuntime.jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
+            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxRuntime.jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsxRuntime.jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
 });
 
+const TooltipWrapper = (props) => {
+    const { placement = 'right', tooltipContent, trigger = 'hover', openDelay, closeDelay, isOpen, children, ...tooltipProps } = props;
+    return (jsxRuntime.jsx(TooltipTrigger, { prefixCls: "tooltip-wrapper", destroyOnHidden: false, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsxRuntime.jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, trigger: trigger, visible: isOpen, children: children }));
+};
+
 const UrlAssetPrefixContext = React.createContext({
     assetPrefix: undefined,
     ignorePathsList: undefined,
@@ -2686,6 +2692,7 @@ exports.NotificationsProvider = NotificationsProvider;
 exports.Text = Text;
 exports.Title = Title;
 exports.Tooltip = Tooltip;
+exports.TooltipWrapper = TooltipWrapper;
 exports.UIProvider = UIProvider;
 exports.UrlAssetPrefixContext = UrlAssetPrefixContext;
 exports.UrlAssetPrefixProvider = UrlAssetPrefixProvider;

package/dist/{primitives_es_gY0Wzlk_.js → primitives_es_g9LRUQ6M.js}

@@ -1,5 +1,6 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import TooltipTrigger from '@rc-component/tooltip';
 import React, { useMemo, createContext, useState, useCallback, useEffect, useContext, memo, useRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
@@ -1868,15 +1869,20 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
     }), [isTooltipVisible, openTooltip, closeTooltip]);
     const appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tooltipStyles } = useStyles(props);
     return (jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
             ? isTooltipVisible
                 ? 'tooltip_state_open'
                 : 'tooltip_state_close'
-            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_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}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), 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] }));
+            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_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}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), 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] }));
 });
 
+const TooltipWrapper = (props) => {
+    const { placement = 'right', tooltipContent, trigger = 'hover', openDelay, closeDelay, isOpen, children, ...tooltipProps } = props;
+    return (jsx(TooltipTrigger, { prefixCls: "tooltip-wrapper", destroyOnHidden: false, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, trigger: trigger, visible: isOpen, children: children }));
+};
+
 const UrlAssetPrefixContext = createContext({
     assetPrefix: undefined,
     ignorePathsList: undefined,
@@ -2673,4 +2679,4 @@ function DropdownItem(props) {
             `dropdown__item_justify-content_${justifyContentClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsx("div", { className: "dropdown__item-wrapper", children: jsxs(React.Fragment, { children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('dropdown__item_before', iconBadgeValue && 'dropdown__item_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorActiveHover: labelTextColorActiveHover, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })), badgeValue && (jsx(Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), desc && (jsx(Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorGradient: descTextGradient, textColorHover: descTextColorHover, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, isActive: isActive, children: desc })), emptyMessage && (jsx(Text, { className: "dropdown__item", size: emptyMessageTextSize, textColor: emptyMessageTextColor, textColorHover: emptyMessageTextColorHover, textStyle: emptyMessageTextStyle, textWeight: emptyMessageTextWeight, textWrap: emptyMessageTextWrap, isActive: isActive, children: emptyMessage }))] })), after, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('dropdown__item_after', iconBadgeValue && 'dropdown__item_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }), showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
 }
 
-export { tooltipConfig as A, Badge as B, UrlAssetPrefixContext as C, Divider as D, UrlAssetPrefixProvider as E, iconAppearance as F, iconConfig as G, dividerAppearance as H, Icon as I, dividerConfig as J, dropdownItemAppearance as K, LinkWrapper as L, dropdownItemConfig as M, NotificationsProvider as N, Title as T, UIProvider as U, useDevicePropsGenerator as a, Text as b, urlWithAssetPrefix as c, useAppearanceConfig as d, useUserDeviceContext as e, Dropdown as f, DropdownItem as g, Link as h, Tooltip as i, useNotifications as j, useNotificationsAPI as k, useMediaQueries as l, mergeAppearanceKeys as m, getStyleAttributeKey as n, styleAttributes as o, textConfig as p, badgeAppearance as q, badgeConfig as r, setViewportProperty as s, textAppearance as t, useStyles as u, linkAppearance as v, linkConfig as w, titleAppearance as x, titleConfig as y, tooltipAppearance as z };
+export { tooltipAppearance as A, Badge as B, tooltipConfig as C, Divider as D, UrlAssetPrefixContext as E, UrlAssetPrefixProvider as F, iconAppearance as G, iconConfig as H, Icon as I, dividerAppearance as J, dividerConfig as K, LinkWrapper as L, dropdownItemAppearance as M, NotificationsProvider as N, dropdownItemConfig as O, Title as T, UIProvider as U, useDevicePropsGenerator as a, Text as b, urlWithAssetPrefix as c, useAppearanceConfig as d, useUserDeviceContext as e, Dropdown as f, DropdownItem as g, TooltipWrapper as h, Link as i, useNotifications as j, useNotificationsAPI as k, Tooltip as l, mergeAppearanceKeys as m, useMediaQueries as n, getStyleAttributeKey as o, styleAttributes as p, textConfig as q, badgeAppearance as r, setViewportProperty as s, textAppearance as t, useStyles as u, badgeConfig as v, linkAppearance as w, linkConfig as x, titleAppearance as y, titleConfig as z };

package/dist/types/components/Accordion/Accordion.appearance.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItemAppearance } from './Accordion.interface';
+declare const accordionAppearance: AccordionItemAppearance;
+export { accordionAppearance };

package/dist/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionProps } from './Accordion.interface';
+declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export { Accordion };

package/dist/types/components/Accordion/Accordion.interface.d.ts

@@ -0,0 +1,99 @@
+import type { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, CompositeAppearanceKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { DividerProps } from '../Divider/Divider.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../Title/Title.interface';
+type AccordionAppearanceProps = {
+    borderColor?: BorderColorProps;
+    fill?: FillProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+};
+type AccordionProps = AccordionAppearanceProps & StyleAttributes & {
+    appearance?: AccordionItemProps['appearance'];
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    initial?: Array<string | null>;
+    isMultiple?: boolean;
+    items?: Omit<AccordionItemEventData, 'isExpanded'>[];
+    onClickItem?: (item: AccordionItemEventData) => void;
+};
+type AccordionItemEventData = {
+    id: string;
+    content: ReactNode;
+    isExpanded: boolean;
+    title: string;
+};
+type AccordionItemAppearanceProps = {
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeAppearanceSize?: AppearanceSizeKey;
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['textSize'];
+    badgeValue?: BadgeProps['value'];
+    borderColor?: BorderColorProps;
+    contentTextColor?: TextProps['textColor'];
+    contentTextSize?: TextProps['size'];
+    contentTextWeight?: TextProps['textWeight'];
+    direction?: DirectionProps;
+    dividerDirection?: DividerProps['direction'];
+    dividerFill?: DividerProps['fill'];
+    dividerSize?: DividerProps['size'];
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    height?: HeightProps;
+    icon?: IconProps['SvgImage'];
+    iconFill?: IconProps['fill'];
+    iconFillIcon?: IconProps['iconFill'];
+    iconFillSize?: IconProps['fillSize'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['iconSize'];
+    iconSrc?: IconProps['imageSrc'];
+    isMultiple?: boolean;
+    labelTextColor?: TextProps['textColor'];
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    shapeTablet?: ShapeProps;
+    showDivider?: boolean;
+    size?: SizeProps;
+    titleBorderColor?: TitleProps['borderColor'];
+    titleFill?: TitleProps['fill'];
+    titleFillHover?: TitleProps['fillHover'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextSize?: TextProps['size'];
+    titleTextWeight?: TitleProps['textWeight'];
+    titleWidth?: TitleProps['textWeight'];
+    width?: WidthProps;
+    zeroGap?: boolean;
+    zeroPadding?: boolean;
+};
+type AccordionItemProps = AccordionItemAppearanceProps & StyleAttributes & {
+    id?: string | null;
+    afterContent?: ReactNode;
+    appearance?: CompositeAppearanceKey;
+    beforeContent?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    content?: ReactNode;
+    isExpanded?: boolean;
+    onClick?: (item: AccordionItemEventData) => void;
+    style?: CSSProperties;
+    title?: string;
+};
+type AccordionItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type AccordionItemAppearance = {
+    [key in AccordionItemAppearanceKey]?: AccordionItemAppearanceProps;
+};
+type AccordionItemConfig = {
+    appearance: AccordionItemAppearance;
+    setAppearance: (appearanceConfig: AccordionItemAppearance) => void;
+};
+export type { AccordionItemAppearance, AccordionItemConfig, AccordionItemEventData, AccordionItemProps, AccordionProps, };

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,4 @@
+import type { AccordionItemConfig, AccordionItemProps } from './Accordion.interface';
+declare const accordionItemConfig: AccordionItemConfig;
+declare function AccordionItem(props: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export { AccordionItem, accordionItemConfig };

package/dist/types/components/Accordion/appearance/accordionSize.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItemAppearance } from '../Accordion.interface';
+declare const accordionAppearanceSize: AccordionItemAppearance;
+export { accordionAppearanceSize };

package/dist/types/components/Accordion/appearance/accordionStyle.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItemAppearance } from '../Accordion.interface';
+declare const accordionAppearanceStyle: AccordionItemAppearance;
+export { accordionAppearanceStyle };

package/dist/types/components/Accordion/appearance/accordionSurface.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItemAppearance } from '../Accordion.interface';
+declare const accordionAppearanceSurface: AccordionItemAppearance;
+export { accordionAppearanceSurface };

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1,5 @@
+import { Accordion } from './Accordion';
+import { accordionAppearance } from './Accordion.appearance';
+import { AccordionItem, accordionItemConfig } from './AccordionItem';
+export { Accordion, accordionAppearance, AccordionItem, accordionItemConfig };
+export type { AccordionItemAppearance, AccordionItemConfig, AccordionItemEventData, AccordionItemProps, AccordionProps, } from './Accordion.interface';

package/dist/types/components/Avatar/Avatar.appearance.d.ts

@@ -0,0 +1,3 @@
+import { AvatarAppearance } from './Avatar.interface';
+declare const avatarAppearance: AvatarAppearance;
+export { avatarAppearance };

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,4 @@
+import type { AvatarConfig, AvatarProps } from './Avatar.interface';
+declare const avatarConfig: AvatarConfig;
+declare function Avatar(props: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export { Avatar, avatarConfig };

package/dist/types/components/Avatar/Avatar.interface.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type AvatarAppearanceProps = {
+    badge?: boolean;
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['textSize'];
+    badgeValue?: BadgeProps['value'];
+    borderColor?: BorderColorProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    icon?: IconProps['SvgImage'];
+    iconFill?: IconProps['fill'];
+    iconFillHover?: IconProps['fillHover'];
+    iconFillSize?: IconProps['fillSize'];
+    iconItemFill?: IconProps['iconFill'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['iconSize'];
+    iconSrc?: string;
+    placeholderUrl?: string;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizePXProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    textWeight?: TextProps['textWeight'];
+};
+type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceKey;
+    before?: string;
+    children?: ReactNode;
+    className?: string;
+    count?: number | string;
+    dataTestId?: string;
+    dataTour?: string;
+    firstName?: string;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    secondName?: string;
+    src?: string;
+    style?: CSSProperties;
+};
+type AvatarAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizePxKey | AppearanceStyleKey;
+type AvatarAppearance = {
+    [key in AvatarAppearanceKey]?: AvatarAppearanceProps;
+};
+type AvatarConfig = {
+    appearance: AvatarAppearance;
+    setAppearance: (appearanceConfig: AvatarAppearance) => void;
+};
+export type { AvatarAppearance, AvatarConfig, AvatarProps };

package/dist/types/components/Avatar/appearance/avatarDefault.d.ts

@@ -0,0 +1,3 @@
+import { AvatarAppearance } from '../Avatar.interface';
+declare const avatarAppearanceDefault: AvatarAppearance;
+export { avatarAppearanceDefault };

package/dist/types/components/Avatar/appearance/avatarShape.d.ts

@@ -0,0 +1,3 @@
+import { AvatarAppearance } from '../Avatar.interface';
+declare const avatarAppearanceShape: AvatarAppearance;
+export { avatarAppearanceShape };

package/dist/types/components/Avatar/appearance/avatarSize.d.ts

@@ -0,0 +1,3 @@
+import { AvatarAppearance } from '../Avatar.interface';
+declare const avatarAppearanceSize: AvatarAppearance;
+export { avatarAppearanceSize };

package/dist/types/components/Avatar/appearance/avatarStyle.d.ts

@@ -0,0 +1,3 @@
+import { AvatarAppearance } from '../Avatar.interface';
+declare const avatarAppearanceStyle: AvatarAppearance;
+export { avatarAppearanceStyle };

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar, avatarConfig } from './Avatar';
+export { avatarAppearance } from './Avatar.appearance';
+export type { AvatarAppearance, AvatarConfig, AvatarProps, } from './Avatar.interface';

package/dist/types/components/AvatarStack/AvatarStack.appearance.d.ts

@@ -0,0 +1,3 @@
+import { AvatarStackAppearance } from './AvatarStack.interface';
+declare const avatarStackAppearance: AvatarStackAppearance;
+export { avatarStackAppearance };

package/dist/types/components/AvatarStack/AvatarStack.d.ts

@@ -0,0 +1,3 @@
+import { AvatarStackProps } from './AvatarStack.interface';
+declare function AvatarStack(props: AvatarStackProps): import("react/jsx-runtime").JSX.Element;
+export { AvatarStack };

package/dist/types/components/AvatarStack/AvatarStack.interface.d.ts

@@ -0,0 +1,26 @@
+import type { AppearanceSizePxKey, DirectionProps, SizePXProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { AvatarProps } from '../Avatar/Avatar.interface';
+type AvatarStackAppearanceProps = {
+    size: SizePXProps;
+};
+type AvatarsItem = {
+    id: string;
+    firstName: string;
+    lastName: string;
+    src: string;
+};
+type AvatarStackProps = AvatarStackAppearanceProps & StyleAttributes & {
+    appearance?: AppearanceKeys;
+    avatarAppearance?: AvatarProps['appearance'];
+    avatarsList: AvatarsItem[];
+    className?: string;
+    direction?: DirectionProps;
+    isSkeleton?: boolean;
+    length?: number;
+};
+type AppearanceKeys = AppearanceSizePxKey & {};
+type AvatarStackAppearance = {
+    [key in AppearanceKeys]?: AvatarStackAppearanceProps;
+};
+export type { AvatarStackAppearance, AvatarStackProps };

package/dist/types/components/AvatarStack/appearance/avatarStackSize.d.ts

@@ -0,0 +1,3 @@
+import { AvatarStackAppearance } from '../AvatarStack.interface';
+declare const avatarStackAppearanceSize: AvatarStackAppearance;
+export { avatarStackAppearanceSize };

package/dist/types/components/AvatarStack/index.d.ts

@@ -0,0 +1,3 @@
+import { AvatarStack } from './AvatarStack';
+export { AvatarStack };
+export type { AvatarStackAppearance, AvatarStackProps, } from './AvatarStack.interface';

package/dist/types/components/Badge/Badge.appearance.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from './Badge.interface';
+declare const badgeAppearance: BadgeAppearance;
+export { badgeAppearance };

package/dist/types/components/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import type { BadgeConfig, BadgeProps } from './Badge.interface';
+declare const badgeConfig: BadgeConfig;
+declare function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeConfig };

package/dist/types/components/Badge/Badge.interface.d.ts

@@ -0,0 +1,46 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type BadgeAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    dotFill?: SvgFillItemProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    iconFill?: IconProps['iconFill'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['size'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+};
+type BadgeProps = BadgeAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceKey;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    dot?: boolean;
+    icon?: IconProps['SvgImage'];
+    iconSrc?: IconProps['imageSrc'];
+    isSkeleton?: boolean;
+    style?: CSSProperties;
+    text?: string;
+    type?: 'counter' | 'dot' | 'dot-icon-counter' | 'fill' | 'icon' | 'icon-counter';
+    value?: number | string;
+};
+type BadgeAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type BadgeAppearance = {
+    [key in BadgeAppearanceKey]?: BadgeAppearanceProps;
+};
+type BadgeConfig = {
+    appearance: BadgeAppearance;
+    setAppearance: (appearanceConfig: BadgeAppearance) => void;
+};
+export type { BadgeAppearance, BadgeAppearanceKey, BadgeConfig, BadgeProps };

package/dist/types/components/Badge/appearance/badgeAccent.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceAccent: BadgeAppearance;
+export { badgeAppearanceAccent };

package/dist/types/components/Badge/appearance/badgeDanger.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceDanger: BadgeAppearance;
+export { badgeAppearanceDanger };

package/dist/types/components/Badge/appearance/badgeDisabled.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceDisabled: BadgeAppearance;
+export { badgeAppearanceDisabled };

package/dist/types/components/Badge/appearance/badgeError.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceError: BadgeAppearance;
+export { badgeAppearanceError };

package/dist/types/components/Badge/appearance/badgeExtra.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceExtra: BadgeAppearance;
+export { badgeAppearanceExtra };

package/dist/types/components/Badge/appearance/badgeInfo.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceInfo: BadgeAppearance;
+export { badgeAppearanceInfo };

package/dist/types/components/Badge/appearance/badgeShape.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceShape: BadgeAppearance;
+export { badgeAppearanceShape };

package/dist/types/components/Badge/appearance/badgeSize.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceSize: BadgeAppearance;
+export { badgeAppearanceSize };

package/dist/types/components/Badge/appearance/badgeSpecial.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceSpecial: BadgeAppearance;
+export { badgeAppearanceSpecial };

package/dist/types/components/Badge/appearance/badgeStyle.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceStyle: BadgeAppearance;
+export { badgeAppearanceStyle };

package/dist/types/components/Badge/appearance/badgeSuccess.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceSuccess: BadgeAppearance;
+export { badgeAppearanceSuccess };

package/dist/types/components/Badge/appearance/badgeSurface.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceSurface: BadgeAppearance;
+export { badgeAppearanceSurface };

package/dist/types/components/Badge/appearance/badgeWarning.d.ts

@@ -0,0 +1,3 @@
+import { BadgeAppearance } from '../Badge.interface';
+declare const badgeAppearanceWarning: BadgeAppearance;
+export { badgeAppearanceWarning };

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge, badgeConfig } from './Badge';
+export { badgeAppearance } from './Badge.appearance';
+export type { BadgeAppearance, BadgeAppearanceKey, BadgeConfig, BadgeProps, } from './Badge.interface';

package/dist/types/components/Breadcrumbs/Breadcrumbs.appearance.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsAppearance } from './Breadcrumbs.interface';
+declare const breadcrumbsAppearance: BreadcrumbsAppearance;
+export { breadcrumbsAppearance };

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import type { BreadcrumbsProps } from './Breadcrumbs.interface';
+declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumbs };