@kubit-ui-web/react-components 1.6.2 → 1.7.1

package/dist/esm/components/dataTable/utils/tableConfig.js

@@ -0,0 +1,27 @@
+export const applyZIndexToWrapper = ({ tableConfig, zIndex, }) => {
+    const overridenTableConfig = {
+        ...tableConfig,
+        ctv: {
+            ...tableConfig?.ctv,
+            wrapper: {
+                ...tableConfig?.ctv?.wrapper,
+                z_index: tableConfig?.ctv?.wrapper?.z_index ?? zIndex,
+            },
+        },
+    };
+    return overridenTableConfig;
+};
+export const applyPositionToWrapper = ({ tableConfig, position, }) => {
+    const overridenTableConfig = {
+        ...tableConfig,
+        ctv: {
+            ...tableConfig?.ctv,
+            wrapper: {
+                ...tableConfig?.ctv?.wrapper,
+                position: tableConfig?.ctv?.wrapper?.position ?? position,
+            },
+        },
+    };
+    return overridenTableConfig;
+};
+//# sourceMappingURL=tableConfig.js.map

package/dist/esm/components/dataTable/utils/tableConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableConfig.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/utils/tableConfig.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,WAAW,EACX,MAAM,GACqB,EAA4B,EAAE;IACzD,MAAM,oBAAoB,GAAG;QAC3B,GAAG,WAAW;QACd,GAAG,EAAE;YACH,GAAG,WAAW,EAAE,GAAG;YACnB,OAAO,EAAE;gBACP,GAAG,WAAW,EAAE,GAAG,EAAE,OAAO;gBAC5B,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM;aACtD;SACF;KACF,CAAC;IACF,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,WAAW,EACX,QAAQ,GACqB,EAA4B,EAAE;IAC3D,MAAM,oBAAoB,GAAG;QAC3B,GAAG,WAAW;QACd,GAAG,EAAE;YACH,GAAG,WAAW,EAAE,GAAG;YACnB,OAAO,EAAE;gBACP,GAAG,WAAW,EAAE,GAAG,EAAE,OAAO;gBAC5B,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,IAAI,QAAQ;aAC1D;SACF;KACF,CAAC;IACF,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC"}

package/dist/esm/components/drawer/drawerStandAlone.js

@@ -3,15 +3,14 @@ import * as React from 'react';
 import { ElementOrIcon } from '../../components/elementOrIcon';
 import { Footer } from '../../components/footer';
 import { PopoverControlled as Popover } from '../../components/popover';
-import { Text } from '../../components/text';
+import { Text, TextComponentType } from '../../components/text';
 import { useId } from '../../hooks';
 import { DrawerContentStyled, DrawerFooterStyled, DrawerNavigationStyled, DrawerStyled, DrawerTitleContentFooterContainerStyled, DrawerTitleStyled, } from './drawer.styled';
-import { DrawerTitleComponentType } from './types';
-const DrawerStandAloneComponent = ({ blocked = false, scrollableRef, shadowRef, footerRef, contentRef, ...props }, ref) => {
+const DrawerStandAloneComponent = ({ blocked = false, scrollableRef, shadowRef, footerRef, contentRef, titleComponent = TextComponentType.H3, ...props }, ref) => {
     const uniqueTitleId = useId('drawer-title');
     const titleIdFinal = props.title?.id ?? uniqueTitleId;
     const position = props.styles[props.level]?.containerPosition;
-    return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: props.open, trapFocusInsideModal: true, variant: position, ...props.popover, children: _jsxs(DrawerStyled, { ref: ref, "data-testid": `${props.dataTestId}Drawer`, position: position, styles: props.styles, children: [!blocked && (_jsx(DrawerNavigationStyled, { level: props.level, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.closeIcon, dataTestId: `${props.dataTestId}CloseIcon` }) })), _jsxs(DrawerTitleContentFooterContainerStyled, { ref: contentRef, blocked: blocked, styles: props.styles, children: [_jsx(DrawerTitleStyled, { ref: shadowRef, as: Text, component: DrawerTitleComponentType.H3, customTypography: props.styles.title, dataTestId: `${titleIdFinal}Title`, id: titleIdFinal, ...props.title, children: props.title?.content }), _jsx(DrawerContentStyled, { ref: scrollableRef, styles: props.styles, children: props.children }), props.footer?.content && props.styles.footer?.variant && (_jsx(DrawerFooterStyled, { ref: footerRef, as: Footer, customFooterStyles: props.styles, variant: props.styles.footer?.variant, ...props.footer, children: props.footer.content }))] })] }) }));
+    return (_jsx(Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !blocked, dataTestId: `${props.dataTestId}Popover`, hasBackDrop: true, open: props.open, trapFocusInsideModal: true, variant: position, ...props.popover, children: _jsxs(DrawerStyled, { ref: ref, "data-testid": `${props.dataTestId}Drawer`, position: position, styles: props.styles, children: [!blocked && (_jsx(DrawerNavigationStyled, { level: props.level, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.closeIcon, dataTestId: `${props.dataTestId}CloseIcon` }) })), _jsxs(DrawerTitleContentFooterContainerStyled, { ref: contentRef, blocked: blocked, styles: props.styles, children: [_jsx(DrawerTitleStyled, { ref: shadowRef, as: Text, component: titleComponent, customTypography: props.styles.title, dataTestId: `${titleIdFinal}Title`, id: titleIdFinal, ...props.title, children: props.title?.content }), _jsx(DrawerContentStyled, { ref: scrollableRef, styles: props.styles, children: props.children }), props.footer?.content && props.styles.footer?.variant && (_jsx(DrawerFooterStyled, { ref: footerRef, as: Footer, customFooterStyles: props.styles, variant: props.styles.footer?.variant, ...props.footer, children: props.footer.content }))] })] }) }));
 };
 export const DrawerStandAlone = React.forwardRef(DrawerStandAloneComponent);
 //# sourceMappingURL=drawerStandAlone.js.map

package/dist/esm/components/drawer/drawerStandAlone.js.map

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

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { IElementOrIcon } from '../../../components/elementOrIcon';
 import { IFooter } from '../../../components/footer';
 import { IPopoverControlled } from '../../../components/popover';
-import { IText } from '../../../components/text';
+import { IText, TextComponentType } from '../../../components/text';
 import { CustomTokenTypes } from '../../../types';
 import { DeviceBreakpointsType } from '../../../types/breakpoints';
 import { DrawerDeviceStyleType, DrawerVariantStylesType } from './drawerTheme';
@@ -21,6 +21,7 @@ export interface IDrawerStandAlone {
     footer?: DrawerFooterType;
     closeIcon?: IElementOrIcon;
     title?: DrawerTextType;
+    titleComponent?: TextComponentType | string;
     open: boolean;
     level: DrawerLevelPositionTypes;
     dataTestId?: string;

package/dist/esm/components/header/hook/useHeaderShadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderShadow.js","sourceRoot":"","sources":["../../../../../src/components/header/hook/useHeaderShadow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAgBlF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAqB,EAA4B,EAAE;IAC9F,MAAM,SAAS,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEnD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE;QACH,OAAO,SAAS,EAAE,OAAyB,CAAC;IAC9C,CAAC,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,MAAM,EAAE,cAAc,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YACjD,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC9C,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACnD,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC;YAC7E,IAAI,gBAAgB,IAAI,cAAc,EAAE,CAAC;gBACvC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;YACpD,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,EAAE,SAAS,EAAE,SAA4C,EAAE,CAAC;AACrE,CAAC,CAAC"}
+{"version":3,"file":"useHeaderShadow.js","sourceRoot":"","sources":["../../../../../src/components/header/hook/useHeaderShadow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAgBlF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAqB,EAA4B,EAAE;IAC9F,MAAM,SAAS,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEnD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAC5B,OAAO,SAAS,EAAE,OAAyB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,MAAM,EAAE,cAAc,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YACjD,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC9C,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACnD,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC;YAC7E,IAAI,gBAAgB,IAAI,cAAc,EAAE,CAAC;gBACvC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;YACpD,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,EAAE,SAAS,EAAE,SAA4C,EAAE,CAAC;AACrE,CAAC,CAAC"}

package/dist/esm/components/illustration/illustrationStandAlone.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 // styles
 import { IllustrationStyled } from './illustration.styled';
-const IllustrationStandAloneComponent = ({ illustration, customIllustrationStyles, altText, width, height, rotate = '0deg', transitionDuration = '0.2s', dataTestId, }, ref) => {
-    const isEmptyAltText = !altText;
+const IllustrationStandAloneComponent = ({ illustration, customIllustrationStyles, altText, width, height, rotate = '0deg', transitionDuration = '0.2s', dataTestId, 'aria-hidden': ariaHidden, }, ref) => {
+    const isEmptyAltText = ariaHidden || !altText;
     return (_jsx(IllustrationStyled, { ref: ref, "$height": height, "$width": width, alt: altText, "aria-hidden": isEmptyAltText, customIllustrationStyles: customIllustrationStyles, "data-testid": dataTestId, loading: "lazy", moveRound: rotate, src: illustration, transitionDuration: transitionDuration }));
 };
 export const IllustrationStandAlone = React.forwardRef(IllustrationStandAloneComponent);

package/dist/esm/components/illustration/illustrationStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"illustrationStandAlone.js","sourceRoot":"","sources":["../../../../src/components/illustration/illustrationStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS;AACT,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,MAAM,+BAA+B,GAAG,CACtC,EACE,YAAY,EACZ,wBAAwB,EACxB,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,GAAG,MAAM,EACf,kBAAkB,GAAG,MAAM,EAC3B,UAAU,GACc,EAC1B,GAA4D,EAC/C,EAAE;IACf,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC;IAEhC,OAAO,CACL,KAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,aACC,MAAM,YACP,KAAK,EACb,GAAG,EAAE,OAAO,iBACC,cAAc,EAC3B,wBAAwB,EAAE,wBAAwB,iBACrC,UAAU,EACvB,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,YAAY,EACjB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}
+{"version":3,"file":"illustrationStandAlone.js","sourceRoot":"","sources":["../../../../src/components/illustration/illustrationStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS;AACT,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,MAAM,+BAA+B,GAAG,CACtC,EACE,YAAY,EACZ,wBAAwB,EACxB,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,GAAG,MAAM,EACf,kBAAkB,GAAG,MAAM,EAC3B,UAAU,EACV,aAAa,EAAE,UAAU,GACD,EAC1B,GAA4D,EAC/C,EAAE;IACf,MAAM,cAAc,GAAG,UAAU,IAAI,CAAC,OAAO,CAAC;IAE9C,OAAO,CACL,KAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,aACC,MAAM,YACP,KAAK,EACb,GAAG,EAAE,OAAO,iBACC,cAAc,EAC3B,wBAAwB,EAAE,wBAAwB,iBACrC,UAAU,EACvB,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,YAAY,EACjB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import { IllustrationTypes } from '../../../types';
-type IllustrationAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-controls' | 'aria-checked'>;
+type IllustrationAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-controls' | 'aria-checked' | 'aria-hidden'>;
 export interface IIllustrationStandAlone extends IllustrationAriaAttributes {
     altText?: string;
     height?: string;

package/dist/esm/components/image/image.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
+import { useGenericComponents } from '../../provider/genericComponents';
 import { ImageStandAlone } from './imageStandAlone';
 const ImageComponent = (props, ref) => {
-    return _jsx(ImageStandAlone, { ...props, ref: ref });
+    const { IMAGE: GenericImageType } = useGenericComponents();
+    return _jsx(ImageStandAlone, { ...props, ref: ref, component: GenericImageType });
 };
 /**
  * @description

package/dist/esm/components/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/components/image/image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,cAAc,GAAG,CACrB,KAAa,EACb,GAAuD,EAC1C,EAAE;IACf,OAAO,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/components/image/image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,cAAc,GAAG,CACrB,KAAa,EACb,GAAuD,EAC1C,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC3D,OAAO,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,gBAAgB,GAAI,CAAC;AAC/E,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC"}

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

@@ -1,2 +1,3 @@
 import { ImageStylesPropsType } from './types';
+export declare const ImageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const ImagePictureStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, ImageStylesPropsType>> & string;

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

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import { ImageObjectFitType } from './types';
+export const ImageStyled = styled.img ``;
 export const ImagePictureStyled = styled.picture `
   position: relative;
   display: inline-block;

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

@@ -1 +1 @@
-{"version":3,"file":"image.styled.js","sourceRoot":"","sources":["../../../../src/components/image/image.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAwB,MAAM,SAAS,CAAC;AAEnE,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAsB;;;;;;WAM3D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,MAAM;;IAErC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,iBAAiB,KAAK,GAAG;;;MAGjD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,gBAAgB,aAAa,IAAI;;;;;qBAKzC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY;kBAC9B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC;;MAErF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,iBAAiB,KAAK,GAAG;;;;;;;;;;CAUxD,CAAC"}
+{"version":3,"file":"image.styled.js","sourceRoot":"","sources":["../../../../src/components/image/image.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAwB,MAAM,SAAS,CAAC;AAEnE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAsB;;;;;;WAM3D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,MAAM;;IAErC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,iBAAiB,KAAK,GAAG;;;MAGjD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,gBAAgB,aAAa,IAAI;;;;;qBAKzC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY;kBAC9B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC;;MAErF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,iBAAiB,KAAK,GAAG;;;;;;;;;;CAUxD,CAAC"}

package/dist/esm/components/image/imageStandAlone.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import { ROLES } from '../../types';
 import { DeviceBreakpointsType } from '../../types/breakpoints';
 // internal components
 import { PictureSourceStandAlone } from './components/pictureSourceStandAlone';
 // styles
-import { ImagePictureStyled } from './image.styled';
+import { ImagePictureStyled, ImageStyled } from './image.styled';
 import { ImageLoadingType } from './types';
 import { getFallbackRatio } from './utils/getFallbackRatio';
 const ImageStandAloneComponent = ({ loading = ImageLoadingType.LAZY, ...props }, ref) => {
-    return (_jsxs("figure", { ref: ref, "data-testid": props.dataTestId, children: [_jsxs(ImagePictureStyled, { borderRadius: props?.borderRadius, fallbackRatio: props.ratio && getFallbackRatio(props.ratio), objectFit: props?.objectFit, ratio: props.ratio, children: [_jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.LARGE_DESKTOP] }), _jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.DESKTOP] }), _jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.TABLET] }), _jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.MOBILE] }), _jsx("img", { alt: props.alt, height: props.height, loading: loading, src: props.images.DEFAULT.src, title: props.title, width: props.width, onLoad: props.onLoad })] }), props.caption && _jsx("figcaption", { children: props.caption })] }));
+    return (_jsxs("figure", { ref: ref, "data-testid": props.dataTestId, children: [_jsxs(ImagePictureStyled, { borderRadius: props?.borderRadius, fallbackRatio: props.ratio && getFallbackRatio(props.ratio), objectFit: props?.objectFit, ratio: props.ratio, children: [_jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.LARGE_DESKTOP] }), _jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.DESKTOP] }), _jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.TABLET] }), _jsx(PictureSourceStandAlone, { mediaSource: props.images[DeviceBreakpointsType.MOBILE] }), _jsx(ImageStyled, { alt: props.alt, as: props.component || ROLES.IMG, height: props.height, loading: loading, src: props.images.DEFAULT.src, title: props.title, width: props.width, onLoad: props.onLoad })] }), props.caption && _jsx("figcaption", { children: props.caption })] }));
 };
 /**
  * @description

package/dist/esm/components/image/imageStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/image/imageStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,sBAAsB;AACtB,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,SAAS;AACT,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAoB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,wBAAwB,GAAG,CAC/B,EAAE,OAAO,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,KAAK,EAAoB,EAC/D,GAAuD,EAC1C,EAAE;IACf,OAAO,CACL,kBAAQ,GAAG,EAAE,GAAG,iBAAe,KAAK,CAAC,UAAU,aAC7C,MAAC,kBAAkB,IACjB,YAAY,EAAE,KAAK,EAAE,YAAY,EACjC,aAAa,EAAE,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,EAC3D,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,aAAa,CAAC,GAAI,EAC3F,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,GAAI,EACrF,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAI,EACpF,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAI,EACpF,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACiB,EACpB,KAAK,CAAC,OAAO,IAAI,+BAAa,KAAK,CAAC,OAAO,GAAc,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"imageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/image/imageStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,sBAAsB;AACtB,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,SAAS;AACT,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAoB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,wBAAwB,GAAG,CAC/B,EAAE,OAAO,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,KAAK,EAAoB,EAC/D,GAAuD,EAC1C,EAAE;IACf,OAAO,CACL,kBAAQ,GAAG,EAAE,GAAG,iBAAe,KAAK,CAAC,UAAU,aAC7C,MAAC,kBAAkB,IACjB,YAAY,EAAE,KAAK,EAAE,YAAY,EACjC,aAAa,EAAE,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,EAC3D,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,aAAa,CAAC,GAAI,EAC3F,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,GAAI,EACrF,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAI,EACpF,KAAC,uBAAuB,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAI,EACpF,KAAC,WAAW,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,EAAE,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,GAAG,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACiB,EACpB,KAAK,CAAC,OAAO,IAAI,+BAAa,KAAK,CAAC,OAAO,GAAc,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import { GenericImageType } from '../../../provider/genericComponents';
 import { DeviceBreakpointsType } from '../../../types/breakpoints';
 import { ImageLoadingType } from './loading';
 import { ImageObjectFitType } from './objectFit';
@@ -21,5 +22,6 @@ export interface IImageStandAlone {
     dataTestId?: string;
     borderRadius?: string;
     objectFit?: ImageObjectFitType;
+    component?: GenericImageType;
 }
 export type IImage = IImageStandAlone;

package/dist/esm/components/image/types/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../../src/components/image/types/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../../src/components/image/types/image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -88,3 +88,12 @@ export * from './textCount';
 export * from './dropdownSelected';
 export * from './portal';
 export * from './inputSignature';
+export * from './tableCell';
+export * from './tableRow';
+export * from './tableBody';
+export * from './tableHead';
+export * from './tableFoot';
+export * from './tableCaption';
+export * from './tableDivider';
+export * from './tableV2';
+export * from './dataTable';

package/dist/esm/components/index.js

@@ -88,4 +88,13 @@ export * from './textCount';
 export * from './dropdownSelected';
 export * from './portal';
 export * from './inputSignature';
+export * from './tableCell';
+export * from './tableRow';
+export * from './tableBody';
+export * from './tableHead';
+export * from './tableFoot';
+export * from './tableCaption';
+export * from './tableDivider';
+export * from './tableV2';
+export * from './dataTable';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}

package/dist/esm/components/input/components/informationAssociated.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button } from '../../../components/button';
 import { ElementOrIcon } from '../../../components/elementOrIcon';
 import { IconHighlighted } from '../../../components/iconHighlighted';
@@ -9,6 +9,10 @@ import { AriaLiveOptionType } from '../../../types';
 import { InfoAssociatedButtonStyled, InfoAssociatedTextAndDecorativeStyled, InformationAssociatedWrapperStyled, } from '../input.styled';
 import { InputState } from '../types/inputTheme';
 export const InformationAssociatedStandAlone = (props) => {
+    const isInformationAssociatedVisible = !!props.informationAssociatedValue &&
+        (props.state === InputState.FILLED ||
+            props.state === InputState.ERROR_FILLED_WITH_INFO ||
+            props.state === InputState.DISABLED_FILLED_WITH_INFO);
     const InfoAssociatedDecoration = (props) => {
         const iconHighlightedVariant = props.highlightedInformationAssociatedIcon?.variant ??
             props.styles?.informationAssociatedIconHightlight?.variant;
@@ -18,18 +22,12 @@ export const InformationAssociatedStandAlone = (props) => {
             iconHighlightedVariant &&
             iconHighlightedSize ? (_jsx(IconHighlighted, { backgroundColor: props.styles?.informationAssociatedIconHightlightContainer?.background_color, color: props.styles?.informationAssociatedIconHightlight?.color, ...props.highlightedInformationAssociatedIcon, size: iconHighlightedSize, variant: iconHighlightedVariant })) : (_jsx(ElementOrIcon, { customIconStyles: props.styles?.informationAssociatedIcon, ...props.informationAssociatedIcon }));
     };
-    if (!props.informationAssociatedValue ||
-        (props.state !== InputState.FILLED &&
-            props.state !== InputState.DISABLED_FILLED_WITH_INFO &&
-            props.state !== InputState.ERROR_FILLED_WITH_INFO)) {
-        return null;
-    }
-    return (_jsxs(InformationAssociatedWrapperStyled, { "aria-live": AriaLiveOptionType.POLITE, "data-testid": `${props.dataTestId}InfoAssociated`, iconPosition: props.informationAssociatedIcon?.position ||
-            props.highlightedInformationAssociatedIcon?.position, styles: props.styles, children: [_jsxs(InfoAssociatedTextAndDecorativeStyled, { styles: props.styles, children: [_jsx(InfoAssociatedDecoration, { highlightedInformationAssociatedIcon: props.highlightedInformationAssociatedIcon, informationAssociatedIcon: props.informationAssociatedIcon, styles: props.styles }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.informationAssociated, ...props.informationAssociatedValue, children: props.informationAssociatedValue.content })] }), props.informationAssociatedButton &&
-                (props.styles?.informationAssociatedButton?.size ||
-                    props.informationAssociatedButton?.size) &&
-                (props.styles?.informationAssociatedButton?.variant ||
-                    props.informationAssociatedButton?.variant) &&
-                props.state === InputState.ERROR_FILLED_WITH_INFO && (_jsx(InfoAssociatedButtonStyled, { styles: props.styles, children: _jsx(Button, { size: props.styles?.informationAssociatedButton?.size, variant: props.styles?.informationAssociatedButton?.variant, ...props.informationAssociatedButton, children: props.informationAssociatedButton.content }) }))] }));
+    return (_jsx(_Fragment, { children: props.informationAssociatedValue && (_jsx(InformationAssociatedWrapperStyled, { "aria-live": AriaLiveOptionType.POLITE, "data-testid": `${props.dataTestId}InfoAssociated`, iconPosition: props.informationAssociatedIcon?.position ||
+                props.highlightedInformationAssociatedIcon?.position, styles: props.styles, children: isInformationAssociatedVisible && (_jsxs(_Fragment, { children: [_jsxs(InfoAssociatedTextAndDecorativeStyled, { styles: props.styles, children: [_jsx(InfoAssociatedDecoration, { highlightedInformationAssociatedIcon: props.highlightedInformationAssociatedIcon, informationAssociatedIcon: props.informationAssociatedIcon, styles: props.styles }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.informationAssociated, ...props.informationAssociatedValue, children: props.informationAssociatedValue?.content })] }), props.informationAssociatedButton &&
+                        (props.styles?.informationAssociatedButton?.size ||
+                            props.informationAssociatedButton?.size) &&
+                        (props.styles?.informationAssociatedButton?.variant ||
+                            props.informationAssociatedButton?.variant) &&
+                        props.state === InputState.ERROR_FILLED_WITH_INFO && (_jsx(InfoAssociatedButtonStyled, { styles: props.styles, children: _jsx(Button, { size: props.styles?.informationAssociatedButton?.size, variant: props.styles?.informationAssociatedButton?.variant, ...props.informationAssociatedButton, children: props.informationAssociatedButton.content }) }))] })) })) }));
 };
 //# sourceMappingURL=informationAssociated.js.map

package/dist/esm/components/input/components/informationAssociated.js.map

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

package/dist/esm/components/input/components/inputIcon.js

@@ -18,7 +18,7 @@ const InputIconStandAloneComponent = (props, ref) => {
 export const InputIconStandAlone = React.forwardRef(InputIconStandAloneComponent);
 // deprecated - remove this function when icon prop is removed
 const InputIconStandAloneDeprecatedComponent = (props, ref) => {
-    if (!props.icon || props.loading) {
+    if (!props.icon || props.rightIcon || props.leftIcon || props.loading) {
         return null;
     }
     const hasAction = !!props.icon.onClick;

package/dist/esm/components/input/components/inputIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputIcon.js","sourceRoot":"","sources":["../../../../../src/components/input/components/inputIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,SAAS;AACT,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,4BAA4B,GAAG,CACnC,KAAiB,EACjB,GAAuC,EACnB,EAAE;IACtB,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC;IAC/C,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC;IAE1E,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAClC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,oBACQ,SAAS,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KACpB,KAAK,CAAC,SAAS,KACf,KAAK,CAAC,QAAQ,EAClB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACxC,GACc,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC;AAElF,8DAA8D;AAC9D,MAAM,sCAAsC,GAAG,CAC7C,KAAiB,EACjB,GAAuC,EACnB,EAAE;IACtB,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IAEvC,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,oBACQ,SAAS,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KACpB,KAAK,CAAC,IAAI,EACd,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACxC,GACc,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAC3D,sCAAsC,CACvC,CAAC"}
+{"version":3,"file":"inputIcon.js","sourceRoot":"","sources":["../../../../../src/components/input/components/inputIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,SAAS;AACT,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,4BAA4B,GAAG,CACnC,KAAiB,EACjB,GAAuC,EACnB,EAAE;IACtB,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC;IAC/C,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC;IAE1E,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAClC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,oBACQ,SAAS,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KACpB,KAAK,CAAC,SAAS,KACf,KAAK,CAAC,QAAQ,EAClB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACxC,GACc,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC;AAElF,8DAA8D;AAC9D,MAAM,sCAAsC,GAAG,CAC7C,KAAiB,EACjB,GAAuC,EACnB,EAAE;IACtB,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACtE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IAEvC,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,oBACQ,SAAS,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EACzC,QAAQ,EAAE,KAAK,CAAC,QAAQ,KACpB,KAAK,CAAC,IAAI,EACd,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACxC,GACc,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAC3D,sCAAsC,CACvC,CAAC"}

package/dist/esm/components/input/components/label.js

@@ -1,8 +1,8 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Label } from '../../../components/label';
 // styles
-import { LabelWrapperStyled } from '../input.styled';
+import { AdditionalInfoWrapperStyled, LabelWrapperStyled } from '../input.styled';
 import { LABEL_TYPE } from '../types';
 import { getFontSize, getMaxLabelSize } from '../utils';
 export const LabelStandAlone = (props) => {
@@ -21,6 +21,6 @@ export const LabelStandAlone = (props) => {
             });
         };
     }, []);
-    return props.label ? (_jsxs(LabelWrapperStyled, { "$maxLabelSize": maxLabelSize, "$placeholder": props.placeholder, leftExtraStyles: props.leftExtraStyles, state: props.state, styles: props.styles?.[props.state], topExtraStyles: props.topExtraStyles, children: [_jsxs(Label, { asteriskColor: props.styles?.[props.state]?.asterisk?.color, asteriskVariant: getFontSize(props.state, 'font_variant', 'asterisk', props.styles, props.placeholder), asteriskWeight: props.styles?.[props.state]?.asterisk?.font_weight, color: props.styles?.[props.state]?.label?.color, dataTestId: `${props.dataTestId}Label`, id: props.id, inputId: props.inputId, required: props.required, textVariant: getFontSize(props.state, 'font_variant', 'label', props.styles, props.placeholder), weight: props.styles?.[props.state]?.label?.font_weight, ...props.label, children: [props.label.content, !props.required && props.secondaryLabel ? props.secondaryLabel : null] }), props.additionalInfo] })) : null;
+    return props.label ? (_jsxs(LabelWrapperStyled, { "$maxLabelSize": maxLabelSize, "$placeholder": props.placeholder, leftExtraStyles: props.leftExtraStyles, state: props.state, styles: props.styles?.[props.state], topExtraStyles: props.topExtraStyles, children: [_jsxs(Label, { asteriskColor: props.styles?.[props.state]?.asterisk?.color, asteriskVariant: getFontSize(props.state, 'font_variant', 'asterisk', props.styles, props.placeholder), asteriskWeight: props.styles?.[props.state]?.asterisk?.font_weight, color: props.styles?.[props.state]?.label?.color, dataTestId: `${props.dataTestId}Label`, id: props.id, inputId: props.inputId, required: props.required, textVariant: getFontSize(props.state, 'font_variant', 'label', props.styles, props.placeholder), weight: props.styles?.[props.state]?.label?.font_weight, ...props.label, children: [props.label.content, !props.required && props.secondaryLabel ? props.secondaryLabel : null] }), _jsx(AdditionalInfoWrapperStyled, { styles: props.styles?.[props.state], children: props.additionalInfo })] })) : null;
 };
 //# sourceMappingURL=label.js.map

package/dist/esm/components/input/components/label.js.map

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

package/dist/esm/components/input/components/title.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../../components/text';
 // styles
-import { TitleWrapperStyled } from '../input.styled';
+import { AdditionalInfoWrapperStyled, TitleAndAdditionalInfoWrapperStyled, TitleWrapperStyled, } from '../input.styled';
 import { InputTitleComponentType } from '../types';
 export const TitleStandAlone = (props) => {
     if (!props.title?.content) {
         return null;
     }
-    return (_jsx(TitleWrapperStyled, { "$titleStyles": props.styles, as: Text, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, component: (props.title.component
-            ? props.title.component
-            : InputTitleComponentType.PARAGRAPH), children: props.title.content }));
+    return (_jsxs(TitleAndAdditionalInfoWrapperStyled, { styles: props.styles, children: [_jsx(TitleWrapperStyled, { "$titleStyles": props.styles, as: Text, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, component: (props.title.component
+                    ? props.title.component
+                    : InputTitleComponentType.PARAGRAPH), children: props.title.content }), _jsx(AdditionalInfoWrapperStyled, { styles: props.styles, children: props.additionalInfo })] }));
 };
 //# sourceMappingURL=title.js.map

package/dist/esm/components/input/components/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../../../src/components/input/components/title.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAqB,MAAM,mBAAmB,CAAC;AAE5D,SAAS;AACT,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAsB,EAAE;IACnE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,KAAC,kBAAkB,oBACH,KAAK,CAAC,MAAM,EAC1B,EAAE,EAAE,IAAI,EACR,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EACrC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,KAClC,KAAK,CAAC,KAAK,EACf,SAAS,EACP,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;YACpB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;YACvB,CAAC,CAAC,uBAAuB,CAAC,SAAS,CAAiC,YAGvE,KAAK,CAAC,KAAK,CAAC,OAAO,GACD,CACtB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../../../src/components/input/components/title.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAqB,MAAM,mBAAmB,CAAC;AAE5D,SAAS;AACT,OAAO,EACL,2BAA2B,EAC3B,mCAAmC,EACnC,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAsB,EAAE;IACnE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,mCAAmC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACvD,KAAC,kBAAkB,oBACH,KAAK,CAAC,MAAM,EAC1B,EAAE,EAAE,IAAI,EACR,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EACrC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,KAClC,KAAK,CAAC,KAAK,EACf,SAAS,EACP,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;oBACpB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;oBACvB,CAAC,CAAC,uBAAuB,CAAC,SAAS,CAAiC,YAGvE,KAAK,CAAC,KAAK,CAAC,OAAO,GACD,EACrB,KAAC,2BAA2B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC9C,KAAK,CAAC,cAAc,GACO,IACM,CACvC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/input/hooks/useInternalValidations.js

@@ -12,7 +12,7 @@ export const useInternalValidations = (type, minLength, onInternalErrors) => {
         }
         // Min length validation
         const minLengthValidation = () => {
-            if (value && type === InputTypeType.TEXT && minLength && value.length < minLength) {
+            if (type === InputTypeType.TEXT && minLength && value.length < minLength) {
                 errors.push(InternalErrorType.INVALID_MIN_LENGTH);
             }
         };

package/dist/esm/components/input/hooks/useInternalValidations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInternalValidations.js","sourceRoot":"","sources":["../../../../../src/components/input/hooks/useInternalValidations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,YAAY,GAAG,0DAA0D,CAAC;AAShF,gGAAgG;AAChG,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,IAAoB,EACpB,SAAkB,EAClB,gBAA6C,EACjC,EAAE;IACd,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEnE,MAAM,wBAAwB,GAAG,CAAC,KAAa,EAAE,EAAE;QACjD,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,mBAAmB;QACnB,IAAI,KAAK,IAAI,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACvE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAC/C,CAAC;QACD,wBAAwB;QACxB,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,IAAI,KAAK,IAAI,IAAI,KAAK,aAAa,CAAC,IAAI,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;gBAClF,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,CAAC;QACF,mBAAmB,EAAE,CAAC;QACtB,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC1B,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,iBAAoC,EAAE,EAAE;QAChE,MAAM,MAAM,GAAgB,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;QACpD,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAC9B,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACtC,gBAAgB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,iBAAoC,EAAE,EAAE;QACnE,MAAM,MAAM,GAAgB,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,KAAK,KAAK,iBAAiB,EAAE,CAAC;gBAChC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACtC,gBAAgB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;AAC7F,CAAC,CAAC"}
+{"version":3,"file":"useInternalValidations.js","sourceRoot":"","sources":["../../../../../src/components/input/hooks/useInternalValidations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,YAAY,GAAG,0DAA0D,CAAC;AAShF,gGAAgG;AAChG,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,IAAoB,EACpB,SAAkB,EAClB,gBAA6C,EACjC,EAAE;IACd,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEnE,MAAM,wBAAwB,GAAG,CAAC,KAAa,EAAE,EAAE;QACjD,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,mBAAmB;QACnB,IAAI,KAAK,IAAI,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACvE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAC/C,CAAC;QACD,wBAAwB;QACxB,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,IAAI,IAAI,KAAK,aAAa,CAAC,IAAI,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;gBACzE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,CAAC;QACF,mBAAmB,EAAE,CAAC;QACtB,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC1B,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,iBAAoC,EAAE,EAAE;QAChE,MAAM,MAAM,GAAgB,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;QACpD,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAC9B,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACtC,gBAAgB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,iBAAoC,EAAE,EAAE;QACnE,MAAM,MAAM,GAAgB,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,KAAK,KAAK,iBAAiB,EAAE,CAAC;gBAChC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACtC,gBAAgB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;AAC7F,CAAC,CAAC"}

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

@@ -1,7 +1,14 @@
 import { InputCounterStateProps } from '../inputCounter/types/inputCounterTheme';
+import { InputStateProps } from './types';
 import { ErrorAndHelpMessageWrapperStyledProps, ErrorMessageStyledProps, HelpMessageStyledProps, InformationAssociatedStyledProps, InputIconStyledProps, InputStyledProps, InputWrapperStyledProps, LabelStyledProps, LoaderStyledProps, TitleStyledProps, TopContentWrapperStyledProps } from './types/inputStyledPropsType';
 export declare const TitleWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TitleStyledProps>> & string;
 export declare const LabelWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelStyledProps>> & string;
+export declare const AdditionalInfoWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles?: InputStateProps;
+}>> & string;
+export declare const TitleAndAdditionalInfoWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles?: InputStateProps;
+}>> & string;
 export declare const InformationAssociatedWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InformationAssociatedStyledProps>> & string;
 export declare const InfoAssociatedTextAndDecorativeStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InformationAssociatedStyledProps>> & string;
 export declare const InfoAssociatedButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InformationAssociatedStyledProps>> & string;

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

@@ -12,6 +12,12 @@ export const TitleWrapperStyled = styled.div.withConfig({
 export const LabelWrapperStyled = styled.div `
   ${mapLabelTypeStyles}
 `;
+export const AdditionalInfoWrapperStyled = styled.div `
+  ${({ styles }) => getStyles(styles?.additionalInfoContainer)};
+`;
+export const TitleAndAdditionalInfoWrapperStyled = styled.div `
+  ${({ styles }) => getStyles(styles?.titleAndAdditionalInfoContainer)};
+`;
 export const InformationAssociatedWrapperStyled = styled.div `
   flex-direction: ${({ iconPosition }) => iconPosition === InputIconPosition.RIGHT ? 'row-reverse' : 'row'};
   ${({ styles }) => getStyles(styles?.informationAssociatedContainer)};
@@ -50,6 +56,9 @@ export const LoaderWrapperStyled = styled.div `
   ${({ styles }) => getStyles(styles?.loaderContainer)};
 `;
 export const InputIconStyled = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
   pointer-events: ${({ $pointerEvents }) => ($pointerEvents ? 'auto' : 'none')};
   ${({ iconPosition, styles }) => css `
     ${getStyles(iconPosition === InputIconPosition.RIGHT

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

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

package/dist/esm/components/input/inputStandAlone.js

@@ -6,7 +6,7 @@ import { ErrorMessageStandAlone, HelpMessageStandAlone, InformationAssociatedSta
 // styles
 import { BottomContentWrapperStyled, InputErrorAndHelpMessageWrapperStyled, InputStyled, InputWrapperStyled, MessagesAndCounterWrapperStyled, TopContentWrapperStyled, } from './input.styled';
 import { AUTOCOMPLETE_TYPE, InputHelpMessagePosition, InputIconPosition, LABEL_TYPE, } from './types';
-import { buildAriaLabelledBy, hasError, isDisabled } from './utils';
+import { buildAriaDescribedBy, buildAriaLabelledBy, hasError, isDisabled } from './utils';
 const InputStandAloneComponent = ({ extraAriaLabelledBy, styles, state, helpMessage, errorMessage, inputMode = 'text', autocomplete = AUTOCOMPLETE_TYPE.ON, autoCapitalize = 'off', ...props }, ref) => {
     const ariaProps = pickAriaProps(props);
     const helpMessageId = `${props.inputId}HelpText`;
@@ -18,14 +18,17 @@ const InputStandAloneComponent = ({ extraAriaLabelledBy, styles, state, helpMess
                     : undefined, disabled: isDisabled(state), iconPosition: InputIconPosition.LEFT, leftIcon: props.leftIcon, state: state, styles: styles?.[state] }), _jsx(InputStyled, { ref: ref && 'refInput' in ref
                     ? ref.refInput
                     : ref, "aria-haspopup": props['aria-haspopup'], "aria-invalid": hasError(state), "aria-labelledby": buildAriaLabelledBy({
-                    extraAriaLabelledBy,
                     labelId,
+                    extraAriaLabelledBy,
                     helpMessage: helpMessage?.content,
                     helpMessageId,
+                    state: state,
+                }), ...ariaProps, "aria-describedby": buildAriaDescribedBy({
+                    ariaDescribedBy: props['aria-describedby'],
                     errorMessage: errorMessage?.content,
                     errorMessageId,
                     state,
-                }), ...ariaProps, autoCapitalize: autoCapitalize, autoComplete: autocomplete, cursorPointer: styles?.[state]?.inputContainer?.cursor, "data-testid": `${props.dataTestId}Input`, "data-truncate": props.truncate, disabled: isDisabled(state), icon: props.icon?.icon, iconPosition: props.iconPosition, id: props.inputId, inputMode: inputMode, leftIcon: props.leftIcon, max: props.max, maxLength: props.maxLength, min: props.min, minLength: props.minLength, name: props.name, placeholder: props.placeholder, required: props.required, rightIcon: props.rightIcon, role: props.role, state: state, styles: styles, type: props.type, value: props.value || '', onBlur: props.onBlur, onChange: props.onChange, onClick: props.onClick, onCopy: e => {
+                }), autoCapitalize: autoCapitalize, autoComplete: autocomplete, cursorPointer: styles?.[state]?.inputContainer?.cursor, "data-testid": `${props.dataTestId}Input`, "data-truncate": props.truncate, disabled: isDisabled(state), icon: props.icon?.icon, iconPosition: props.iconPosition, id: props.inputId, inputMode: inputMode, leftIcon: props.leftIcon, max: props.max, maxLength: props.maxLength, min: props.min, minLength: props.minLength, name: props.name, placeholder: props.placeholder, required: props.required, rightIcon: props.rightIcon, role: props.role, state: state, styles: styles, type: props.type, value: props.value || '', onBlur: props.onBlur, onChange: props.onChange, onClick: props.onClick, onCopy: e => {
                     if (props.disabledCopyAndPaste) {
                         e.preventDefault();
                     }
@@ -38,8 +41,8 @@ const InputStandAloneComponent = ({ extraAriaLabelledBy, styles, state, helpMess
                         ?.refRightIcon
                     : undefined, disabled: isDisabled(state), iconPosition: InputIconPosition.RIGHT, rightIcon: props.rightIcon, state: state, styles: styles?.[state] }), _jsx(InputIconStandAloneDeprecated, { ref: ref && 'refIcon' in ref
                     ? ref?.refIcon
-                    : undefined, disabled: isDisabled(state), icon: { dataTestId: `${props.dataTestId}Icon`, ...props.icon }, iconPosition: props.iconPosition, loading: props.loading, state: state, styles: styles?.[state] })] }));
-    const buildTopContent = () => (_jsxs(TopContentWrapperStyled, { styles: styles?.[state], children: [_jsx(TitleStandAlone, { dataTestId: props.dataTestId, styles: styles?.[state], title: props.title }), _jsx(LabelStandAlone, { additionalInfo: props.additionalInfo, dataTestId: props.dataTestId, id: labelId, inputId: props.inputId, label: props.label, leftExtraStyles: styles?.[state]?.label?.type !== LABEL_TYPE.STANDARD || !!props.leftExtraStyles, placeholder: props.placeholder, required: props.required, secondaryLabel: props.secondaryLabel, state: state, styles: styles, topExtraStyles: styles?.[state]?.label?.type !== LABEL_TYPE.STANDARD && !!props.topExtraStyles }), styles?.[state]?.helpMessage?.position === InputHelpMessagePosition.TOP ? (_jsx(HelpMessageStandAlone, { dataTestId: props.dataTestId, helpMessage: helpMessage, helpMessageId: helpMessageId, styles: styles?.[state] })) : null] }));
+                    : undefined, disabled: isDisabled(state), icon: { dataTestId: `${props.dataTestId}Icon`, ...props.icon }, iconPosition: props.iconPosition, leftIcon: props.leftIcon, loading: props.loading, rightIcon: props.rightIcon, state: state, styles: styles?.[state] })] }));
+    const buildTopContent = () => (_jsxs(TopContentWrapperStyled, { styles: styles?.[state], children: [_jsx(TitleStandAlone, { additionalInfo: props.label ? undefined : props.additionalInfo, dataTestId: props.dataTestId, state: state, styles: styles?.[state], title: props.title }), _jsx(LabelStandAlone, { additionalInfo: props.additionalInfo, dataTestId: props.dataTestId, id: labelId, inputId: props.inputId, label: props.label, leftExtraStyles: styles?.[state]?.label?.type !== LABEL_TYPE.STANDARD || !!props.leftExtraStyles, placeholder: props.placeholder, required: props.required, secondaryLabel: props.secondaryLabel, state: state, styles: styles, topExtraStyles: styles?.[state]?.label?.type !== LABEL_TYPE.STANDARD && !!props.topExtraStyles }), styles?.[state]?.helpMessage?.position === InputHelpMessagePosition.TOP ? (_jsx(HelpMessageStandAlone, { dataTestId: props.dataTestId, helpMessage: helpMessage, helpMessageId: helpMessageId, styles: styles?.[state] })) : null] }));
     const buildBottomContent = () => (_jsxs(BottomContentWrapperStyled, { isExpanded: !!props['aria-expanded'], children: [_jsx(InformationAssociatedStandAlone, { dataTestId: props.dataTestId, highlightedInformationAssociatedIcon: props.highlightedInformationAssociatedIcon, informationAssociatedButton: props.informationAssociatedButton, informationAssociatedIcon: props.informationAssociatedIcon, informationAssociatedValue: props.informationAssociatedValue, state: state, styles: styles?.[state] }), _jsxs(MessagesAndCounterWrapperStyled, { children: [_jsxs(InputErrorAndHelpMessageWrapperStyled, { styles: styles?.[state], children: [_jsx(ErrorMessageStandAlone, { dataTestId: props.dataTestId, errorAriaLiveType: props.errorAriaLiveType, errorIcon: props.errorIcon, errorMessage: errorMessage, errorMessageId: errorMessageId, state: state, styles: styles?.[state] }), styles?.[state]?.helpMessage?.position === InputHelpMessagePosition.BOTTOM ? (_jsx(HelpMessageStandAlone, { dataTestId: props.dataTestId, helpMessage: helpMessage, helpMessageId: helpMessageId, styles: styles?.[state] })) : null] }), _jsx(TextCountStandAlone, { styles: styles?.[state], textCounter: props.textCounter })] })] }));
     return (_jsx(InputStructure, { bottomContent: buildBottomContent(), bottomExtraStyles: props.bottomExtraStyles, centerContent: buildInput(), centerExtraStyles: props.centerExtraStyles, leftContent: props.leftContent, leftExtraStyles: props.leftExtraStyles, rightContent: props.rightContent, rightExtraStyles: props.rightExtraStyles, topContent: buildTopContent(), topExtraStyles: props.topExtraStyles }));
 };