@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/esm/components/accordion/accordionStandAlone.js

@@ -7,13 +7,13 @@ import { TextComponentType } from '../../components/text/types/component';
 import { useId } from '../../hooks';
 import { AccordionContainerStyled, AccordionContentStyled, AccordionDecorativeBackgroundStyled, AccordionFooterStyled, AccordionHeaderExternalContainerStyled, AccordionHeaderInternalContainerStyled, AccordionHeaderMainContainerStyled, AccordionHeaderRightContentStyled, AccordionHeaderTitleHeadlineStyled, AccordionPanelStyled, AccordionSubHeaderContainerStyled, AccordionTitleIconWrapper, AccordionTitleStyled, AccordionTriggerIconContainerStyled, AccordionTriggerStyled, LineSeparatorContainerStyled, } from './accordion.styled';
 const ACCORDION_BASE_ID = 'AccordionComponent';
-const AccordionStandAloneComponent = ({ hasHeaderLineSeparator = true, open = false, ...props }, ref) => {
+const AccordionStandAloneComponent = ({ dataTestId = 'accordion', hasHeaderLineSeparator = true, open = false, ...props }, ref) => {
     const BASE_ID = useId(ACCORDION_BASE_ID);
     const TRIGGER_ID = `${BASE_ID}-trigger`;
     const HEADER_ID = `${BASE_ID}-header`;
     const PANEL_ID = `${BASE_ID}-panel`;
-    const getDataTestId = (uniqueId = '') => `${props.dataTestId}${uniqueId}`;
-    return (_jsxs(AccordionContainerStyled, { ref: ref, "data-testid": getDataTestId(), id: BASE_ID, styles: props.styles.container, children: [_jsx(AccordionDecorativeBackgroundStyled, { styles: props.styles.decorative }), _jsx(AccordionHeaderExternalContainerStyled, { styles: props.styles.headerExternalContainer, children: _jsxs(AccordionHeaderInternalContainerStyled, { "data-testid": getDataTestId('Header'), id: HEADER_ID, styles: props.styles.headerInternalContainer, children: [_jsxs(AccordionHeaderMainContainerStyled, { styles: props.styles.headerMainContainer, children: [_jsx(AccordionHeaderTitleHeadlineStyled, { as: props.triggerComponent, styles: props.styles.titleHeaderMainContainer, children: _jsxs(AccordionTriggerStyled, { "aria-controls": PANEL_ID, "aria-expanded": open, "data-testid": getDataTestId('TriggerButton'), id: TRIGGER_ID, styles: props.styles[typeof props.title?.content !== 'string' ? 'link' : 'trigger'], type: ButtonType.BUTTON, ...props.triggerButton, children: [_jsx(AccordionTriggerIconContainerStyled, { "$rotate": open, "data-testid": `${props.dataTestId}TriggerIconWrapper`, styles: props.styles.triggerIconContainer, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.triggerIcon, dataTestId: getDataTestId('TriggerIcon'), ...props.triggerIcon }) }), _jsxs(AccordionTitleStyled, { styles: props.styles.titleContainer, children: [props.titleIcon && (_jsx(AccordionTitleIconWrapper, { styles: props.styles.titleIconContainer, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.titleIcon, dataTestId: getDataTestId('TitleIcon'), ...props.titleIcon }) })), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.title, dataTestId: getDataTestId('TriggerText'), ...props.title, children: props.title?.content })] })] }) }), props.headerRightContent && (_jsx(AccordionHeaderRightContentStyled, { "data-testid": `${props.dataTestId}RightContent`, styles: props.styles.headerRightContentContainer, children: props.headerRightContent }))] }), props.subHeaderContent && (_jsx(AccordionSubHeaderContainerStyled, { "data-testid": `${props.dataTestId}SubHeader`, styles: props.styles.subHeader, children: props.subHeaderContent }))] }) }), _jsxs(AccordionContentStyled, { "aria-labelledby": TRIGGER_ID, displayOption: !open ? 'none' : 'block', id: PANEL_ID, styles: props.styles.content, children: [hasHeaderLineSeparator && props.styles.lineSeparatorContainer && (_jsx(LineSeparatorContainerStyled, { lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.lineSeparatorContainer })), _jsx(AccordionPanelStyled, { "data-testid": getDataTestId('Panel'), styles: props.styles.panel, children: props.children }), props.footerContent && (_jsx(AccordionFooterStyled, { "data-testid": getDataTestId('Footer'), styles: props.styles.footer, children: props.footerContent }))] })] }));
+    const getDataTestId = (uniqueId = '') => `${dataTestId}-${uniqueId}`;
+    return (_jsxs(AccordionContainerStyled, { ref: ref, "data-testid": dataTestId, id: BASE_ID, styles: props.styles.container, children: [_jsx(AccordionDecorativeBackgroundStyled, { styles: props.styles.decorative }), _jsx(AccordionHeaderExternalContainerStyled, { styles: props.styles.headerExternalContainer, children: _jsxs(AccordionHeaderInternalContainerStyled, { "data-testid": getDataTestId('header'), id: HEADER_ID, styles: props.styles.headerInternalContainer, children: [_jsxs(AccordionHeaderMainContainerStyled, { styles: props.styles.headerMainContainer, children: [_jsx(AccordionHeaderTitleHeadlineStyled, { as: props.triggerComponent, styles: props.styles.titleHeaderMainContainer, children: _jsxs(AccordionTriggerStyled, { "aria-controls": PANEL_ID, "aria-expanded": open, "data-testid": getDataTestId('trigger-button'), id: TRIGGER_ID, styles: props.styles[typeof props.title?.content !== 'string' ? 'link' : 'trigger'], type: ButtonType.BUTTON, ...props.triggerButton, children: [_jsx(AccordionTriggerIconContainerStyled, { "$rotate": open, "data-testid": `${dataTestId}-trigger-icon-wrapper`, styles: props.styles.triggerIconContainer, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.triggerIcon, ...props.triggerIcon }) }), _jsxs(AccordionTitleStyled, { styles: props.styles.titleContainer, children: [props.titleIcon && (_jsx(AccordionTitleIconWrapper, { styles: props.styles.titleIconContainer, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.titleIcon, ...props.titleIcon }) })), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.title, ...props.title, children: props.title?.content })] })] }) }), props.headerRightContent && (_jsx(AccordionHeaderRightContentStyled, { "data-testid": `${dataTestId}-right-content`, styles: props.styles.headerRightContentContainer, children: props.headerRightContent }))] }), props.subHeaderContent && (_jsx(AccordionSubHeaderContainerStyled, { "data-testid": `${dataTestId}-subheader`, styles: props.styles.subHeader, children: props.subHeaderContent }))] }) }), _jsxs(AccordionContentStyled, { "aria-labelledby": TRIGGER_ID, displayOption: !open ? 'none' : 'block', id: PANEL_ID, styles: props.styles.content, children: [hasHeaderLineSeparator && props.styles.lineSeparatorContainer && (_jsx(LineSeparatorContainerStyled, { lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.lineSeparatorContainer })), _jsx(AccordionPanelStyled, { "data-testid": getDataTestId('panel'), styles: props.styles.panel, children: props.children }), props.footerContent && (_jsx(AccordionFooterStyled, { "data-testid": getDataTestId('footer'), styles: props.styles.footer, children: props.footerContent }))] })] }));
 };
 export const AccordionStandAlone = React.forwardRef(AccordionStandAloneComponent);
 //# sourceMappingURL=accordionStandAlone.js.map

package/dist/esm/components/accordion/accordionStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordionStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"accordionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordionStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.d.ts

@@ -16,4 +16,5 @@ export declare const ActionBottomSheetIconSyled: import("styled-components/dist/
 export declare const ActionBottomSheetTitleSyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ActionBottomSheetStylesTypes>> & string;
 export declare const ActionBottomSheetHeaderContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ActionBottomSheetStylesTypes>> & string;
 export declare const ActionBottomSheetContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IActionBottomSheetStyles>> & string;
+export declare const DraggableIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ActionBottomSheetStylesTypes>> & string;
 export {};

package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.js

@@ -44,4 +44,7 @@ export const ActionBottomSheetContentStyled = styled.div `
     }
   `}
 `;
+export const DraggableIcon = styled.div `
+  ${props => getStyles(props.styles.dragIconContainer)}
+`;
 //# sourceMappingURL=actionBottomSheet.styled.js.map

package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionBottomSheet.styled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheet.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAY7E,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAiD;;;;IAI9F,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;YACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAA0B;;IAE1E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAA8B;;IAE/E,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACnC,aAAa,EAAE,WAAW;;;GAG7B;IACC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;MAC7C,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC,GAAG,CAA8B;IACxF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;;IAEhC,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACnC,aAAa,EAAE,eAAe;;;;;GAKjC;CACF,CAAC"}
+{"version":3,"file":"actionBottomSheet.styled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheet.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAY7E,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAiD;;;;IAI9F,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;YACxB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC7E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAA0B;;IAE1E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAA8B;;IAE/E,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACnC,aAAa,EAAE,WAAW;;;GAG7B;IACC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;MAC7C,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC,GAAG,CAA8B;IACxF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC9E,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;;IAEhC,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACnC,aAAa,EAAE,eAAe;;;;;GAKjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA8B;IACjE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC;CACrD,CAAC"}

package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { PopoverControlled as Popover } from '../../components/popover';
+import { PopoverControlled as Popover, PopoverComponentType } from '../../components/popover';
 import { STYLES_NAME } from '../../constants';
-import { useDeviceHeight, useId, useMediaDevice, useScrollEffect } from '../../hooks';
+import { useDeviceHeight, useId, useMediaDevice, useScrollEffect, useSwipeDown } from '../../hooks';
 import { useStyles } from '../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
-import { DeviceBreakpointsType } from '../../types';
+import { DeviceBreakpointsType, ROLES } from '../../types';
 import { ActionBottomSheetStandAlone } from './actionBottomSheetStandAlone';
 const SCROLL_DISTANCE = 5;
 const ActionBottomSheetControlledStructureComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
@@ -26,9 +26,21 @@ const ActionBottomSheetControlledStructureComponentBoundary = (props, ref) => (_
 export const ActionBottomSheetControlledStructure = React.forwardRef(ActionBottomSheetControlledStructureComponentBoundary);
 const ActionBottomSheetControlledComponent = React.forwardRef(({ open, title, popover, blocked = false, ...props }, ref) => {
     const uniqueTitleId = useId('actionSheet-title');
-    const titleId = title?.id ?? uniqueTitleId;
+    const titleId = (title?.id ?? title?.content) ? uniqueTitleId : undefined;
     const styles = useStyles(STYLES_NAME.ACTION_BOTTOM_SHEET, props.variant, props.ctv);
-    return (_jsx(Popover, { "aria-labelledby": titleId, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: open, trapFocusInsideModal: true, variant: styles.popoverVariant, ...popover, children: _jsx(ActionBottomSheetControlledStructure, { ...props, ref: ref, title: { ...title, id: titleId } }) }));
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => {
+        return innerRef.current;
+    }, []);
+    const { setPopoverRef, setDragIconRef } = useSwipeDown(popover?.animationOptions, popover?.onCloseInternally);
+    const setInnerRef = React.useCallback(node => {
+        innerRef.current = node;
+        const dragIcon = innerRef.current?.querySelector('[data-drag-icon]');
+        if (dragIcon instanceof HTMLElement) {
+            setDragIconRef(dragIcon);
+        }
+    }, []);
+    return (_jsx(Popover, { "aria-labelledby": titleId, "aria-modal": true, clickOverlayClose: !blocked, component: PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, forwardedRef: setPopoverRef, hasBackDrop: true, open: open, role: ROLES.DIALOG, trapFocusInsideModal: true, variant: styles.popoverVariant, ...popover, children: _jsx(ActionBottomSheetControlledStructure, { ...props, ref: setInnerRef, title: { ...title, id: titleId } }) }));
 });
 ActionBottomSheetControlledComponent.displayName = 'ActionBottomSheetControlledComponent';
 const ActionBottomSheetControlledComponentBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ActionBottomSheetControlledStructure, { ...props, ref: ref }) }), children: _jsx(ActionBottomSheetControlledComponent, { ...props, ref: ref }) }));

package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionBottomSheetControlled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetControlled.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"actionBottomSheetControlled.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetControlled.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js

@@ -3,9 +3,10 @@ import * as React from 'react';
 import { ElementOrIcon } from '../../components/elementOrIcon';
 import { Text } from '../../components/text/text';
 import { TextComponentType } from '../../components/text/types/component';
+import { DeviceBreakpointsType } from '../../types';
 import { Link } from '../link';
-import { ActionBottomSheetActionStyled, ActionBottomSheetContentStyled, ActionBottomSheetControlStyled, ActionBottomSheetHeaderContentStyled, ActionBottomSheetHeaderStyled, ActionBottomSheetIconSyled, ActionBottomSheetStyled, ActionBottomSheetTitleSyled, } from './actionBottomSheet.styled';
-const ActionBottomSheetStandAloneComponent = ({ hasHeader = true, scrollableRef, shadowRef, ...props }, ref) => {
+import { ActionBottomSheetActionStyled, ActionBottomSheetContentStyled, ActionBottomSheetControlStyled, ActionBottomSheetHeaderContentStyled, ActionBottomSheetHeaderStyled, ActionBottomSheetIconSyled, ActionBottomSheetStyled, ActionBottomSheetTitleSyled, DraggableIcon, } from './actionBottomSheet.styled';
+const ActionBottomSheetStandAloneComponent = ({ dataTestId = 'action-bottom-sheet', hasHeader = true, scrollableRef, shadowRef, ...props }, ref) => {
     // Parent container Ref
     const actionBottomRef = React.useRef(null);
     // Expose the ref to the parent component
@@ -16,7 +17,8 @@ const ActionBottomSheetStandAloneComponent = ({ hasHeader = true, scrollableRef,
     React.useEffect(() => {
         scrollableRef(actionBottomRef.current);
     }, []);
-    return (_jsxs(ActionBottomSheetStyled, { ref: actionBottomRef, "$height": props.height, "data-testid": `${props.dataTestId}Container`, styles: props.styles.container, children: [hasHeader && (_jsxs(_Fragment, { children: [_jsxs(ActionBottomSheetControlStyled, { ref: shadowRef, styles: props.styles.controlContainer, children: [_jsx(ActionBottomSheetActionStyled, { styles: props.styles.actionLinkContainer, children: props.actionLink && _jsx(Link, { ...props.actionLink }) }), _jsx(ActionBottomSheetIconSyled, { styles: props.styles.closeIconContainer, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.closeIcon, dataTestId: `${props.dataTestId}Icon`, ...props.closeIcon }) })] }), _jsxs(ActionBottomSheetHeaderStyled, { styles: props.styles.header, children: [_jsx(ActionBottomSheetTitleSyled, { styles: props.styles, children: _jsx(Text, { component: TextComponentType.H5, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title?.content }) }), props.headerContent && (_jsx(ActionBottomSheetHeaderContentStyled, { styles: props.styles, children: props.headerContent }))] })] })), _jsx(ActionBottomSheetContentStyled, { styles: props.styles.content, children: props.children })] }));
+    const isMobileOrTablet = [DeviceBreakpointsType.MOBILE, DeviceBreakpointsType.TABLET].includes(props.device);
+    return (_jsxs(ActionBottomSheetStyled, { ref: actionBottomRef, "$height": props.height, "data-testid": dataTestId, styles: props.styles.container, children: [props.dragIcon && isMobileOrTablet && (_jsx(DraggableIcon, { ref: props.dragIconRef, "data-drag-icon": true, styles: props.styles, children: _jsx(ElementOrIcon, { ...props.dragIcon }) })), hasHeader && (_jsxs(_Fragment, { children: [_jsxs(ActionBottomSheetControlStyled, { ref: shadowRef, styles: props.styles.controlContainer, children: [_jsx(ActionBottomSheetActionStyled, { styles: props.styles.actionLinkContainer, children: props.actionLink && _jsx(Link, { ...props.actionLink }) }), _jsx(ActionBottomSheetIconSyled, { styles: props.styles.closeIconContainer, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) })] }), _jsxs(ActionBottomSheetHeaderStyled, { styles: props.styles.header, children: [_jsx(ActionBottomSheetTitleSyled, { styles: props.styles, children: _jsx(Text, { component: TextComponentType.H5, customTypography: props.styles.title, ...props.title, children: props.title?.content }) }), props.headerContent && (_jsx(ActionBottomSheetHeaderContentStyled, { styles: props.styles, children: props.headerContent }))] })] })), _jsx(ActionBottomSheetContentStyled, { styles: props.styles.content, children: props.children })] }));
 };
 export const ActionBottomSheetStandAlone = React.forwardRef(ActionBottomSheetStandAloneComponent);
 //# sourceMappingURL=actionBottomSheetStandAlone.js.map

package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionBottomSheetStandAlone.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,8BAA8B,EAC9B,oCAAoC,EACpC,6BAA6B,EAC7B,0BAA0B,EAC1B,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AAGpC,MAAM,oCAAoC,GAAG,CAC3C,EAAE,SAAS,GAAG,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC,EACtF,GAA0D,EAC7C,EAAE;IACf,uBAAuB;IACvB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAElE,yCAAyC;IACzC,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAClC,OAAO,eAAe,CAAC,OAAyB,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,+DAA+D;IAC/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,uBAAuB,IACtB,GAAG,EAAE,eAAe,aACX,KAAK,CAAC,MAAM,iBACR,GAAG,KAAK,CAAC,UAAU,WAAW,EAC3C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,aAE7B,SAAS,IAAI,CACZ,8BACE,MAAC,8BAA8B,IAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,aACnF,KAAC,6BAA6B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,YACpE,KAAK,CAAC,UAAU,IAAI,KAAC,IAAI,OAAK,KAAK,CAAC,UAAU,GAAI,GACrB,EAChC,KAAC,0BAA0B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,YACjE,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EACxC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,KACjC,KAAK,CAAC,SAAS,GACnB,GACyB,IACE,EACjC,MAAC,6BAA6B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,aACxD,KAAC,2BAA2B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC/C,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,KAClC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACqB,EAC7B,KAAK,CAAC,aAAa,IAAI,CACtB,KAAC,oCAAoC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACvD,KAAK,CAAC,aAAa,GACiB,CACxC,IAC6B,IAC/B,CACJ,EACD,KAAC,8BAA8B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,YACzD,KAAK,CAAC,QAAQ,GACgB,IACT,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAoC,CAAC,CAAC"}
+{"version":3,"file":"actionBottomSheetStandAlone.js","sourceRoot":"","sources":["../../../../src/components/actionBottomSheet/actionBottomSheetStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/actionBottomSheet/types/actionBottomSheet.d.ts

@@ -25,6 +25,8 @@ export interface IActionBottomSheetStandAlone {
     device: DeviceBreakpointsType;
     headerContent?: React.ReactNode;
     height?: string;
+    dragIcon?: IElementOrIcon;
+    dragIconRef?: (node: HTMLDivElement) => void;
     scrollableRef: (node: any) => void;
     shadowRef: (node: any) => void;
 }
@@ -46,7 +48,7 @@ export interface IActionBottomSheetControlledStructure<V = undefined extends str
  * @template V
  * @extends {IActionBottomSheetControlledStructure<V>}
  */
-export interface IActionBottomSheetControlled<V = undefined extends string ? unknown : string> extends IActionBottomSheetControlledStructure<V> {
+export interface IActionBottomSheetControlled<V = undefined extends string ? unknown : string> extends Omit<IActionBottomSheetControlledStructure<V>, 'dragIconRef'> {
     open: boolean;
     popover?: ActionBottomPopoverType;
 }
@@ -56,5 +58,7 @@ export interface IActionBottomSheetControlled<V = undefined extends string ? unk
  * @interface ActionBottomSheetPropsStylesType
  * @template V
  */
-export type ActionBottomSheetUnControlledType<V = undefined extends string ? unknown : string> = IActionBottomSheetControlled<V>;
+export interface ActionBottomSheetUnControlledType<V = undefined extends string ? unknown : string> extends Omit<IActionBottomSheetControlled<V>, 'open'> {
+    open?: boolean;
+}
 export {};

package/dist/esm/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts

@@ -18,6 +18,7 @@ export type ActionBottomSheetVariantStylesType = {
     headerContent?: CommonStyleType;
     content?: CommonStyleType;
     popoverVariant?: string;
+    dragIconContainer?: CommonStyleType;
 };
 /**
  * @description

package/dist/esm/components/avatar/avatarStandAlone.js

@@ -9,7 +9,7 @@ import { TextComponentType } from '../../components/text/types/component';
 import { pickAriaProps } from '../../utils/aria/aria';
 import { AvatarDotStyled, AvatarLinkStyled, AvatarStyled } from './avatar.styled';
 import { AvatarBackgroundColor, AvatarContentType } from './types/';
-export const AvatarStandAloneComponent = ({ contentType, backgroundColor = AvatarBackgroundColor.COLOR_DEFAULT, image, onClick, styles, dataTestId, maxLengthInitials = 2, ...props }, ref) => {
+export const AvatarStandAloneComponent = ({ contentType, backgroundColor = AvatarBackgroundColor.COLOR_DEFAULT, image, onClick, styles, dataTestId = 'avatar', maxLengthInitials = 2, ...props }, ref) => {
     const ariaProps = pickAriaProps(props);
     const drawContent = () => (_jsxs(_Fragment, { children: [props.dot?.number && (_jsx(AvatarDotStyled, { children: _jsx(Dot, { ...props.dot }) })), contentType === AvatarContentType.WITH_ICON && (_jsx(ElementOrIcon, { color: styles?.containerBackgroundColor?.[backgroundColor]?.contentColor, customIconStyles: styles?.avatar, ...props.icon })), contentType === AvatarContentType.WITH_INITIALS && (_jsx(Text, { "aria-hidden": true, color: styles?.containerBackgroundColor?.[backgroundColor]?.contentColor, component: TextComponentType.SPAN, customTypography: styles?.initials, ...props.initials, children: props.initials?.content?.substring(0, maxLengthInitials) }))] }));
     return props.link ? (_jsx(AvatarLinkStyled, { ref: ref, backgroundColor: backgroundColor, "data-testid": dataTestId, image: image, styles: styles, children: _jsx(Link, { "aria-label": props['aria-label'], ...props.link, children: drawContent() }) })) : (_jsx(AvatarStyled, { ref: ref, as: onClick ? 'button' : 'div', backgroundColor: backgroundColor, "data-testid": dataTestId, image: image, styles: styles, type: onClick && ButtonType.BUTTON, onClick: onClick, ...ariaProps, children: drawContent() }));

package/dist/esm/components/avatar/avatarStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAqB,MAAM,UAAU,CAAC;AAEvF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,EACE,WAAW,EACX,eAAe,GAAG,qBAAqB,CAAC,aAAa,EACrD,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,EACV,iBAAiB,GAAG,CAAC,EACrB,GAAG,KAAK,EACU,EACpB,GAA2D,EAC9C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,8BACG,KAAK,CAAC,GAAG,EAAE,MAAM,IAAI,CACpB,KAAC,eAAe,cACd,KAAC,GAAG,OAAK,KAAK,CAAC,GAAG,GAAI,GACN,CACnB,EACA,WAAW,KAAK,iBAAiB,CAAC,SAAS,IAAI,CAC9C,KAAC,aAAa,IACZ,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,gBAAgB,EAAE,MAAM,EAAE,MAAM,KAC5B,KAAK,CAAC,IAAI,GACd,CACH,EACA,WAAW,KAAK,iBAAiB,CAAC,aAAa,IAAI,CAClD,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,MAAM,EAAE,QAAQ,KAC9B,KAAK,CAAC,QAAQ,YAEjB,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,iBAAiB,CAAC,GACpD,CACR,IACA,CACJ,CAAC;IACF,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAyC,EAC9C,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEd,KAAC,IAAI,kBAAa,KAAK,CAAC,YAAY,CAAC,KAAM,KAAK,CAAC,IAAI,YAClD,WAAW,EAAE,GACT,GACU,CACpB,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IACX,GAAG,EAAE,GAA4C,EACjD,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC9B,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,IAAI,UAAU,CAAC,MAAM,EAClC,OAAO,EAAE,OAAO,KACZ,SAAS,YAEZ,WAAW,EAAE,GACD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}
+{"version":3,"file":"avatarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAqB,MAAM,UAAU,CAAC;AAEvF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,EACE,WAAW,EACX,eAAe,GAAG,qBAAqB,CAAC,aAAa,EACrD,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,GAAG,QAAQ,EACrB,iBAAiB,GAAG,CAAC,EACrB,GAAG,KAAK,EACU,EACpB,GAA2D,EAC9C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,8BACG,KAAK,CAAC,GAAG,EAAE,MAAM,IAAI,CACpB,KAAC,eAAe,cACd,KAAC,GAAG,OAAK,KAAK,CAAC,GAAG,GAAI,GACN,CACnB,EACA,WAAW,KAAK,iBAAiB,CAAC,SAAS,IAAI,CAC9C,KAAC,aAAa,IACZ,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,gBAAgB,EAAE,MAAM,EAAE,MAAM,KAC5B,KAAK,CAAC,IAAI,GACd,CACH,EACA,WAAW,KAAK,iBAAiB,CAAC,aAAa,IAAI,CAClD,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAAE,CAAC,eAAe,CAAC,EAAE,YAAY,EACxE,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,MAAM,EAAE,QAAQ,KAC9B,KAAK,CAAC,QAAQ,YAEjB,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,iBAAiB,CAAC,GACpD,CACR,IACA,CACJ,CAAC;IACF,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAyC,EAC9C,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,YAEd,KAAC,IAAI,kBAAa,KAAK,CAAC,YAAY,CAAC,KAAM,KAAK,CAAC,IAAI,YAClD,WAAW,EAAE,GACT,GACU,CACpB,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IACX,GAAG,EAAE,GAA4C,EACjD,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC9B,eAAe,EAAE,eAAe,iBACnB,UAAU,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,IAAI,UAAU,CAAC,MAAM,EAClC,OAAO,EAAE,OAAO,KACZ,SAAS,YAEZ,WAAW,EAAE,GACD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/esm/components/backToTop/backToTopStandAlone.js

@@ -4,9 +4,9 @@ import * as React from 'react';
 import { Icon } from '../../components/icon';
 import { pickAriaProps } from '../../utils/aria/aria';
 import { BackToTopStyled } from './backToTop.styled';
-const BackToTopStandAloneComponent = ({ dataTestId = 'backToTop', ...props }, ref) => {
+const BackToTopStandAloneComponent = ({ dataTestId = 'back-to-top', ...props }, ref) => {
     const ariaProps = pickAriaProps(props);
-    return (_jsx(BackToTopStyled, { ...ariaProps, ref: ref, "data-testid": `${dataTestId}Button`, styles: props.styles, onClick: props.onClick, children: props.icon?.icon && (_jsx(Icon, { customIconStyles: props.styles[props.state]?.icon, dataTestId: `${dataTestId}Icon`, ...props.icon })) }));
+    return (_jsx(BackToTopStyled, { ...ariaProps, ref: ref, "data-testid": dataTestId, styles: props.styles, onClick: props.onClick, children: props.icon?.icon && (_jsx(Icon, { customIconStyles: props.styles[props.state]?.icon, ...props.icon })) }));
 };
 export const BackToTopStandAlone = React.forwardRef(BackToTopStandAloneComponent);
 //# sourceMappingURL=backToTopStandAlone.js.map

package/dist/esm/components/backToTop/backToTopStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"backToTopStandAlone.js","sourceRoot":"","sources":["../../../../src/components/backToTop/backToTopStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,4BAA4B,GAAG,CACnC,EAAE,UAAU,GAAG,WAAW,EAAE,GAAG,KAAK,EAAwB,EAC5D,GAAsD,EACzC,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,KAAC,eAAe,OACV,SAAS,EACb,GAAG,EAAE,GAAG,iBACK,GAAG,UAAU,QAAQ,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,CACnB,KAAC,IAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EACjD,UAAU,EAAE,GAAG,UAAU,MAAM,KAC3B,KAAK,CAAC,IAAI,GACd,CACH,GACe,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC"}
+{"version":3,"file":"backToTopStandAlone.js","sourceRoot":"","sources":["../../../../src/components/backToTop/backToTopStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,4BAA4B,GAAG,CACnC,EAAE,UAAU,GAAG,aAAa,EAAE,GAAG,KAAK,EAAwB,EAC9D,GAAsD,EACzC,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,KAAC,eAAe,OACV,SAAS,EACb,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,CACnB,KAAC,IAAI,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,KAAM,KAAK,CAAC,IAAI,GAAI,CAC5E,GACe,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC"}

package/dist/esm/components/badge/badgeControlled.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { IBadgeControlled } from './types/badge';
 /**
+ * @deprecated Try the new BadgeV2 component
+ *
  * @description
  * Badge component is a component that shows a badge with a number or a dot.
  * @param {React.PropsWithChildren<IBadgeControlled<V>>} props

package/dist/esm/components/badge/badgeControlled.js

@@ -14,6 +14,8 @@ const BadgeControlledComponent = React.forwardRef(({ ctv, cts, ...props }, ref)
 BadgeControlledComponent.displayName = 'BadgeControlledComponent';
 const BagdeBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(BadgeStandAlone, { ...props, ref: ref }) }), children: _jsx(BadgeControlledComponent, { ...props, ref: ref }) }));
 /**
+ * @deprecated Try the new BadgeV2 component
+ *
  * @description
  * Badge component is a component that shows a badge with a number or a dot.
  * @param {React.PropsWithChildren<IBadgeControlled<V>>} props

package/dist/esm/components/badge/badgeControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"badgeControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CAIE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0B,EAC9C,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA4B,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,SAAS,CAAwB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAExF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CAIpB,KAA6B,EAC7B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,eAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,GACvD,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAOtC,CAAC;AAEjB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"badgeControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CAIE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0B,EAC9C,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA4B,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3F,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,SAAS,CAAwB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAExF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CAIpB,KAA6B,EAC7B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,eAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,GACvD,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAOtC,CAAC;AAEjB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/esm/components/badge/badgeStandAlone.js

@@ -12,7 +12,7 @@ import { useId } from '../../hooks';
 import { POSITIONS } from '../../types';
 import { AriaLiveOptionType } from '../../types/ariaLiveOption';
 import { BadgeContainerStyled, BadgeDotStyled, BadgeLabelStyled, BadgeStyled, SpanContainerIconAndDot, } from './badge.styled';
-const BadgeStandAloneComponent = ({ ...props }, ref) => {
+const BadgeStandAloneComponent = ({ dataTestId = 'badge', ...props }, ref) => {
     const badgeButtonRef = React.useRef(null);
     const [dotWidthHeight, setDotWidthHeight] = React.useState(null);
     const id = useId('badget');
@@ -51,7 +51,7 @@ const BadgeStandAloneComponent = ({ ...props }, ref) => {
         return props.sizeStyles.customDotTranslate;
     };
     const labelStyles = { ...props.styles.label, ...props.sizeStyles.label };
-    return (_jsxs(BadgeContainerStyled, { ref: containerRef, "data-testid": `${props.dataTestId}BadgeContainer`, onBlur: props.onBadgeBlur, children: [_jsxs(BadgeStyled, { ref: badgeButtonRef, "aria-controls": `${id}-popover`, "aria-expanded": props.open, "aria-label": props['aria-label'], "data-testid": `${props.dataTestId}Badge`, styles: props.styles, type: ButtonType.BUTTON, onClick: props.onClick, children: [_jsxs(SpanContainerIconAndDot, { children: [props.hasDot && props.dot && (_jsx(BadgeDotStyled, { "aria-hidden": true, customDotTranslate: getCustomDotTranslate(), dotWidthHeight: dotWidthHeight, children: _jsx(Dot, { ref: dotRef, dataTestId: `${props.dataTestId}Dot`, ...props.dot }) })), _jsx(ElementOrIcon, { color: props.iconStyles?.iconColor, customIconStyles: props.sizeStyles.icon, ...props.icon })] }), props.label?.content && (_jsxs(BadgeLabelStyled, { "aria-hidden": true, styles: props.styles, children: [_jsx(Text, { color: props.iconStyles?.labelFontColor, component: TextComponentType.SPAN, customTypography: labelStyles, dataTestId: `${props.dataTestId}Label`, ...props.label, children: props.label.content }), _jsx(ElementOrIcon, { color: props.iconStyles?.labelIconColor, customIconStyles: props.styles.labelIcon, rotate: props.open ? '180deg' : '0deg', ...props.labelIcon })] })), _jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, dataTestId: `${props.dataTestId}ScreenReader`, children: props.ariaLiveText })] }), props.popover.variant && props.popover.content && (_jsx(Popover, { ref: callbackRef, align: POSITIONS.BOTTOM_GAP_RIGHT, dataTestId: `${props.dataTestId}Popover`, id: `${id}-popover`, open: props.open, preventCloseOnClickElements: [badgeButtonRef.current], tabIndex: 0, ...props.popover, children: props.popover?.content }))] }));
+    return (_jsxs(BadgeContainerStyled, { ref: containerRef, "data-testid": `${dataTestId}-container`, onBlur: props.onBadgeBlur, children: [_jsxs(BadgeStyled, { ref: badgeButtonRef, "aria-controls": `${id}-popover`, "aria-expanded": props.open, "aria-label": props['aria-label'], "data-testid": dataTestId, styles: props.styles, type: ButtonType.BUTTON, onClick: props.onClick, children: [_jsxs(SpanContainerIconAndDot, { children: [props.hasDot && props.dot && (_jsx(BadgeDotStyled, { "aria-hidden": true, customDotTranslate: getCustomDotTranslate(), dotWidthHeight: dotWidthHeight, children: _jsx(Dot, { ref: dotRef, ...props.dot }) })), _jsx(ElementOrIcon, { color: props.iconStyles?.iconColor, customIconStyles: props.sizeStyles.icon, ...props.icon })] }), props.label?.content && (_jsxs(BadgeLabelStyled, { "aria-hidden": true, styles: props.styles, children: [_jsx(Text, { color: props.iconStyles?.labelFontColor, component: TextComponentType.SPAN, customTypography: labelStyles, dataTestId: `${dataTestId}-label`, ...props.label, children: props.label.content }), _jsx(ElementOrIcon, { color: props.iconStyles?.labelIconColor, customIconStyles: props.styles.labelIcon, rotate: props.open ? '180deg' : '0deg', ...props.labelIcon })] })), _jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, children: props.ariaLiveText })] }), props.popover.variant && props.popover.content && (_jsx(Popover, { ref: callbackRef, align: POSITIONS.BOTTOM_GAP_RIGHT, id: `${id}-popover`, open: props.open, preventCloseOnClickElements: [badgeButtonRef.current], tabIndex: 0, ...props.popover, children: props.popover?.content }))] }));
 };
 export const BadgeStandAlone = React.forwardRef(BadgeStandAloneComponent);
 //# sourceMappingURL=badgeStandAlone.js.map

package/dist/esm/components/badge/badgeStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"badgeStandAlone.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"badgeStandAlone.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,YAAY;AACZ,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,wBAAwB,GAAG,CAC/B,EAAE,UAAU,GAAG,OAAO,EAAE,GAAG,KAAK,EAAoB,EACpD,GAAmD,EACtC,EAAE;IACf,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzF,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,+CAA+C;IAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAC3C,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YAC7B,iBAAiB,CAAC;gBAChB,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW;gBACpC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,YAAY;aACvC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAEtB,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,IAAI,KAAK;YACP,OAAO,YAAY,CAAC,OAAO,CAAC;QAC9B,CAAC;QACD,IAAI,OAAO;YACT,OAAO,UAAU,CAAC,OAAO,CAAC;QAC5B,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,KAAK,CAAC,kBAAkB,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC,kBAAkB,CAAC;QAClC,CAAC;QACD,IAAI,KAAK,CAAC,UAAU,CAAC,wBAAwB,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;YACjF,OAAO,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC;QACnD,CAAC;QACD,OAAO,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAEzE,OAAO,CACL,MAAC,oBAAoB,IACnB,GAAG,EAAE,YAAY,iBACJ,GAAG,UAAU,YAAY,EACtC,MAAM,EAAE,KAAK,CAAC,WAAW,aAEzB,MAAC,WAAW,IACV,GAAG,EAAE,cAAc,mBACJ,GAAG,EAAE,UAAU,mBACf,KAAK,CAAC,IAAI,gBACb,KAAK,CAAC,YAAY,CAAC,iBAClB,UAAU,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,aAEtB,MAAC,uBAAuB,eACrB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,CAC5B,KAAC,cAAc,yBAEb,kBAAkB,EAAE,qBAAqB,EAAE,EAC3C,cAAc,EAAE,cAAc,YAE9B,KAAC,GAAG,IAAC,GAAG,EAAE,MAAM,KAAM,KAAK,CAAC,GAAG,GAAI,GACpB,CAClB,EACD,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAClC,gBAAgB,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,KACnC,KAAK,CAAC,IAAI,GACd,IACsB,EACzB,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,CACvB,MAAC,gBAAgB,yBAAa,MAAM,EAAE,KAAK,CAAC,MAAM,aAChD,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,cAAc,EACvC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,WAAW,EAC7B,UAAU,EAAE,GAAG,UAAU,QAAQ,KAC7B,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACf,EACP,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,cAAc,EACvC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EACxC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAClC,KAAK,CAAC,SAAS,GACnB,IACe,CACpB,EACD,KAAC,gBAAgB,IAAC,QAAQ,EAAE,kBAAkB,CAAC,MAAM,YAClD,KAAK,CAAC,YAAY,GACF,IACP,EACb,KAAK,CAAC,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,IAAI,CACjD,KAAC,OAAO,IACN,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,SAAS,CAAC,gBAAgB,EACjC,EAAE,EAAE,GAAG,EAAE,UAAU,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,2BAA2B,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,EACrD,QAAQ,EAAE,CAAC,KACP,KAAK,CAAC,OAAO,YAEhB,KAAK,CAAC,OAAO,EAAE,OAAO,GACf,CACX,IACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/esm/components/badge/badgeUnControlled.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { IBadgeUnControlled } from './types/badge';
 /**
+ * @deprecated Try the new BadgeV2 component
+ *
  * @description
  * Badge component is a component that shows a badge with a number or a dot.
  * @param {React.PropsWithChildren<IBadgeUnControlled<V>>} props

package/dist/esm/components/badge/badgeUnControlled.js

@@ -26,6 +26,8 @@ const BadgeUnControlledComponent = ({ hasDot = true, ...props }, ref) => {
         }, onBadgeBlur: handleOnBadgeBlur, onClick: onClick }));
 };
 /**
+ * @deprecated Try the new BadgeV2 component
+ *
  * @description
  * Badge component is a component that shows a badge with a number or a dot.
  * @param {React.PropsWithChildren<IBadgeUnControlled<V>>} props

package/dist/esm/components/badge/badgeUnControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"badgeUnControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,0BAA0B,GAAG,CAIjC,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,EAA4B,EACrD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,GAAG,EAAE;QAC1C,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;YACvD,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,GAAG,KAAK,CAAC,OAAO;YAChB,iBAAiB,EAAE,GAAG,EAAE;gBACtB,KAAK,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBACpC,8BAA8B,EAAE,CAAC;YACnC,CAAC;SACF,EACD,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAOrD,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"badgeUnControlled.js","sourceRoot":"","sources":["../../../../src/components/badge/badgeUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,0BAA0B,GAAG,CAIjC,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,EAA4B,EACrD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,GAAG,EAAE;QAC1C,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;YACvD,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,GAAG,KAAK,CAAC,OAAO;YAChB,iBAAiB,EAAE,GAAG,EAAE;gBACtB,KAAK,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBACpC,8BAA8B,EAAE,CAAC;YACnC,CAAC;SACF,EACD,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAOrD,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/esm/components/badgeV2/badge.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { IBadge } from './types/badge';
+/**
+ * @description
+ * Badge component is a component that shows a badge with a number or a dot.
+ * @param {React.PropsWithChildren<IBadge<V>>} props
+ * @returns {JSX.Element}
+ */
+declare const Badge: <V = undefined extends string | unknown ? string | undefined : string | unknown, S = undefined extends string | unknown ? string | undefined : string | unknown>(props: React.PropsWithChildren<IBadge<V, S>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => JSX.Element;
+export { Badge };

package/dist/esm/components/badgeV2/badge.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useStyles } from '../../hooks/useStyles/useStyles';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+import { BadgeStandAlone } from './badgeStandAlone';
+import { BadgeState } from './types';
+const BadgeComponent = React.forwardRef(({ hasDot = true, ctv, cts, ...props }, ref) => {
+    const [active, setActive] = React.useState(false);
+    const styles = useStyles(STYLES_NAME.BADGE_V2, props.variant, ctv);
+    const stateStyles = styles[active ? BadgeState.ACTIVE : BadgeState.DEFAULT];
+    const sizeStyles = useStyles(STYLES_NAME.BADGE_V2, props.size, cts);
+    const handleIconClick = (e) => {
+        props.onClick?.(e);
+        setActive(!active);
+    };
+    const handleOnBadgeBlur = event => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+            setActive(false);
+        }
+    };
+    return (_jsx(BadgeStandAlone, { ...props, ref: ref, active: active, hasDot: hasDot, sizeStyles: sizeStyles, styles: stateStyles, onBadgeBlur: handleOnBadgeBlur, onClick: handleIconClick }));
+});
+BadgeComponent.displayName = 'BadgeComponent';
+const BagdeBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(BadgeStandAlone, { ...props, ref: ref }) }), children: _jsx(BadgeComponent, { ...props, ref: ref }) }));
+/**
+ * @description
+ * Badge component is a component that shows a badge with a number or a dot.
+ * @param {React.PropsWithChildren<IBadge<V>>} props
+ * @returns {JSX.Element}
+ */
+const Badge = React.forwardRef(BagdeBoundary);
+export { Badge };
+//# sourceMappingURL=badge.js.map

package/dist/esm/components/badgeV2/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAIE,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,EAAgB,EACnD,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,SAAS,CAA4B,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC9F,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5E,MAAM,UAAU,GAAG,SAAS,CAAwB,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAE3F,MAAM,eAAe,GAAG,CAAC,CAAsC,EAAE,EAAE;QACjE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACnB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;YACvD,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,eAAe,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,aAAa,GAAG,CAIpB,KAAmB,EACnB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,eAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,GACvD,YAGtB,KAAC,cAAc,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACzB,CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAO5B,CAAC;AAEjB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/badgeV2/badge.styled.d.ts

@@ -0,0 +1,13 @@
+import { BadgeVariantStylesType } from './types/badgeTheme';
+type BadgeStylesProps = {
+    styles: BadgeVariantStylesType;
+};
+type BadgeDotProps = {
+    customDotTranslate?: string;
+};
+export declare const BadgeStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, BadgeStylesProps>> & string;
+export declare const SpanContainerIconAndDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const BadgeDotStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeDotProps>> & string;
+export declare const BadgeLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeStylesProps>> & string;
+export declare const BadgeContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/esm/components/badgeV2/badge.styled.js

@@ -0,0 +1,37 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils/getStyles/getStyles';
+export const BadgeStyled = styled.button `
+  display: inline-flex;
+  align-items: center;
+  flex-direction: column;
+  cursor: pointer;
+  ${props => getStyles(props.styles.container)}
+`;
+export const SpanContainerIconAndDot = styled.span `
+  position: relative;
+  display: inline-flex;
+`;
+export const BadgeDotStyled = styled.span `
+  z-index: ${props => props.theme.Z_INDEX?.INTERN_1};
+  position: absolute;
+  top: 0;
+  right: 0;
+  line-height: 0;
+  transform: ${({ customDotTranslate }) => {
+    if (customDotTranslate) {
+        return customDotTranslate;
+    }
+    return 'translate(30%, -30%)';
+}};
+`;
+export const BadgeLabelStyled = styled.span `
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  ${props => getStyles(props.styles.labelContainer)}
+`;
+export const BadgeContainerStyled = styled.div `
+  position: relative;
+`;
+//# sourceMappingURL=badge.styled.js.map

package/dist/esm/components/badgeV2/badge.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.styled.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/badge.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAYxD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAkB;;;;;IAKtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGjD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAe;aAC3C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ;;;;;eAKpC,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;IACtC,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IACD,OAAO,sBAAsB,CAAC;AAChC,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAkB;;;;;IAKzD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE7C,CAAC"}

package/dist/esm/components/badgeV2/badgeStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IBadgeStandAlone } from './types';
+export declare const BadgeStandAlone: React.ForwardRefExoticComponent<IBadgeStandAlone & React.RefAttributes<unknown>>;

package/dist/esm/components/badgeV2/badgeStandAlone.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ButtonType } from '../../components/button';
+import { Dot } from '../../components/dot/dot';
+//components
+import { ElementOrIcon } from '../../components/elementOrIcon';
+import { ScreenReaderOnly } from '../../components/screenReaderOnly';
+import { Text } from '../../components/text/text';
+import { TextComponentType } from '../../components/text/types/component';
+import { AriaLiveOptionType } from '../../types/ariaLiveOption';
+import { pickAriaProps } from '../../utils';
+import { BadgeContainerStyled, BadgeDotStyled, BadgeLabelStyled, BadgeStyled, SpanContainerIconAndDot, } from './badge.styled';
+const BadgeStandAloneComponent = ({ dataTestId = 'badge', ...props }, ref) => {
+    const badgeButtonRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const ariaProps = pickAriaProps(props);
+    React.useImperativeHandle(ref, () => containerRef.current, []);
+    const getCustomDotTranslate = () => {
+        if (props.customDotTranslate) {
+            return props.customDotTranslate;
+        }
+        if (props.sizeStyles.customDotNumberTranslate && props.dot?.number !== undefined) {
+            return props.sizeStyles.customDotNumberTranslate;
+        }
+        return props.sizeStyles.customDotTranslate;
+    };
+    const labelStyles = { ...props.styles.label, ...props.sizeStyles.label };
+    return (_jsx(BadgeContainerStyled, { ref: containerRef, "data-testid": `${dataTestId}-container`, onBlur: props.onBadgeBlur, children: _jsxs(BadgeStyled, { ref: badgeButtonRef, "data-testid": dataTestId, role: props.role, styles: props.styles, type: ButtonType.BUTTON, onClick: props.onClick, ...ariaProps, children: [_jsxs(SpanContainerIconAndDot, { children: [props.hasDot && props.dot && (_jsx(BadgeDotStyled, { "aria-hidden": true, customDotTranslate: getCustomDotTranslate(), children: _jsx(Dot, { ...props.dot }) })), _jsx(ElementOrIcon, { color: props.styles?.icon?.color, customIconStyles: props.sizeStyles.icon, ...props.icon })] }), props.label?.content && (_jsxs(BadgeLabelStyled, { "aria-hidden": true, styles: props.styles, children: [_jsx(Text, { color: props.styles?.label?.color, component: TextComponentType.SPAN, customTypography: labelStyles, ...props.label, children: props.label.content }), _jsx(ElementOrIcon, { color: props.styles?.labelIcon?.color, customIconStyles: props.styles.labelIcon, rotate: props.active ? '180deg' : '0deg', ...props.labelIcon })] })), _jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, children: props.ariaLiveText })] }) }));
+};
+export const BadgeStandAlone = React.forwardRef(BadgeStandAloneComponent);
+//# sourceMappingURL=badgeStandAlone.js.map

package/dist/esm/components/badgeV2/badgeStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeStandAlone.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/badgeStandAlone.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/badgeV2/index.d.ts

@@ -0,0 +1,3 @@
+export type { BadgeLabelType as BadgeLabelTypeV2, IBadgeStandAlone as IBadgeStandAloneV2, IBadge as IBadgeV2, BadgeVariantStylesType as BadgeVariantStylesTypeV2, BadgeStylesType as BadgeStylesTypeV2, } from './types';
+export { BadgeState as BadgeStateV2 } from './types';
+export { Badge as BadgeV2 } from './badge';

package/dist/esm/components/badgeV2/index.js

@@ -0,0 +1,4 @@
+// enums
+export { BadgeState as BadgeStateV2 } from './types';
+export { Badge as BadgeV2 } from './badge';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/badgeV2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/badgeV2/index.ts"],"names":[],"mappings":"AASA,QAAQ;AACR,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC"}