@kubit-ui-web/react-components 1.4.0 → 1.5.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/components/layout/layoutStandAlone.js

@@ -8,6 +8,6 @@ export const LayoutStandAlone = ({ headerContent, mainContent, asideContent, sty
     const columnsConfiguration = columnsConfig ?? styles.defaultColumnsConfig;
     const gridConfiguration = gridConfig ?? styles.gridConfig;
     const { header, main, aside, footer } = columnsConfiguration ?? {};
-    return (_jsxs(LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, children: _jsx(GridItem, { as: LayoutRoleType.header, desktop: header?.[DeviceBreakpointsType.DESKTOP], mobile: header?.[DeviceBreakpointsType.MOBILE], tablet: header?.[DeviceBreakpointsType.TABLET], children: headerContent }) })), _jsxs(Grid, { addPaddingForLayout: true, config: gridConfiguration, children: [_jsx(GridItem, { as: LayoutRoleType.main, desktop: asideContent ? main?.[DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[DeviceBreakpointsType.MOBILE], tablet: main?.[DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && (_jsx(GridItem, { as: LayoutRoleType.aside, desktop: aside?.[DeviceBreakpointsType.DESKTOP], mobile: aside?.[DeviceBreakpointsType.MOBILE], tablet: aside?.[DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, children: _jsx(GridItem, { as: LayoutRoleType.footer, desktop: footer[DeviceBreakpointsType.DESKTOP], mobile: footer[DeviceBreakpointsType.MOBILE], tablet: footer[DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
+    return (_jsxs(LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, children: _jsx(GridItem, { as: LayoutRoleType.header, desktop: header?.[DeviceBreakpointsType.DESKTOP], mobile: header?.[DeviceBreakpointsType.MOBILE], tablet: header?.[DeviceBreakpointsType.TABLET], children: headerContent }) })), _jsxs(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Main`, children: [_jsx(GridItem, { as: LayoutRoleType.main, desktop: asideContent ? main?.[DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[DeviceBreakpointsType.MOBILE], tablet: main?.[DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && (_jsx(GridItem, { as: LayoutRoleType.aside, "data-testid": `${dataTestId}Aside`, desktop: aside?.[DeviceBreakpointsType.DESKTOP], mobile: aside?.[DeviceBreakpointsType.MOBILE], tablet: aside?.[DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Footer`, children: _jsx(GridItem, { as: LayoutRoleType.footer, desktop: footer[DeviceBreakpointsType.DESKTOP], mobile: footer[DeviceBreakpointsType.MOBILE], tablet: footer[DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
 };
 //# sourceMappingURL=layoutStandAlone.js.map

package/dist/esm/components/layout/layoutStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":";AAGA,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAqB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GAAG,QAAQ,GACH,EAAe,EAAE;IACnC,MAAM,oBAAoB,GAAG,aAAa,IAAI,MAAM,CAAC,oBAAoB,CAAC;IAC1E,MAAM,iBAAiB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,MAAC,eAAe,sBAAiB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,eAAe,aACzF,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAChD,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC9C,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE7C,aAAa,GACL,GACN,CACR,EACD,MAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,aACjD,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,IAAI,EACvB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,YAAY,EAClF,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,WAAW,GACH,EACV,YAAY,IAAI,CACf,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,KAAK,EACxB,OAAO,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC/C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC7C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE5C,YAAY,GACJ,CACZ,IACI,EACN,aAAa,IAAI,MAAM,IAAI,CAC1B,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,YACjD,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC9C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,aAAa,GACL,GACN,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":";AAGA,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAqB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GAAG,QAAQ,GACH,EAAe,EAAE;IACnC,MAAM,oBAAoB,GAAG,aAAa,IAAI,MAAM,CAAC,oBAAoB,CAAC;IAC1E,MAAM,iBAAiB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,MAAC,eAAe,sBAAiB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,eAAe,aACzF,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAChD,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC9C,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE7C,aAAa,GACL,GACN,CACR,EACD,MAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,MAAM,aACnF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,IAAI,EACvB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,YAAY,EAClF,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,WAAW,GACH,EACV,YAAY,IAAI,CACf,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,KAAK,iBACX,GAAG,UAAU,OAAO,EACjC,OAAO,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC/C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC7C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE5C,YAAY,GACJ,CACZ,IACI,EACN,aAAa,IAAI,MAAM,IAAI,CAC1B,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC9C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,aAAa,GACL,GACN,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/link/link.js

@@ -3,22 +3,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { TextDecorationType } from '../../components/text/types';
 import { STYLES_NAME } from '../../constants';
-import { useManageState } from '../../hooks';
+import { useManageState, useStylesV2 } from '../../hooks';
 import { useStyles } from '../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
 import { useGenericComponents } from '../../provider/genericComponents/genericComponentsProvider';
 import { disabledLink } from './helpers/disabled';
 import { LinkStandAlone } from './linkStandAlone';
 import { LinkActionType, LinkStateType, } from './types';
-const LinkComponent = React.forwardRef(({ action = LinkActionType.NAVIGATION, decoration = TextDecorationType.AUTO, alignCenter = false, disabled = false, color: colorLinkProp, textVariant: textVariantProp, role: roleProp, variant, ctv, ...props }, ref) => {
+const LinkComponent = React.forwardRef(({ action = LinkActionType.NAVIGATION, decoration = TextDecorationType.AUTO, alignCenter = false, disabled = false, color: colorLinkProp, textVariant, role: roleProp, variant, ctv, ...props }, ref) => {
     const { LINK: genericLinkComponent } = useGenericComponents();
     const { role } = disabledLink(disabled, roleProp);
     const ariaDisabled = disabled || undefined;
     const actionStyles = useStyles(STYLES_NAME.LINK, action, ctv?.[action]);
+    const textStyles = useStylesV2({
+        styleName: STYLES_NAME.TEXT,
+        variantName: textVariant,
+        isOptional: true,
+    });
     const styles = (variant && actionStyles?.[variant]) || {};
     const isInline = action === LinkActionType.INLINE;
     const textDecoration = isInline ? TextDecorationType.UNDERLINE : decoration;
-    const textVariant = textVariantProp ?? styles.container?.font_variant;
     const weight = props.weight || styles.container?.font_weight;
     const color = colorLinkProp || styles.font_color || styles.container?.color;
     const { state, setRef } = useManageState({
@@ -26,7 +30,7 @@ const LinkComponent = React.forwardRef(({ action = LinkActionType.NAVIGATION, de
         ref,
         disabled,
     });
-    return (_jsx(LinkStandAlone, { ...props, ref: setRef, action: action, alignCenter: alignCenter, "aria-disabled": ariaDisabled, color: color, component: genericLinkComponent, decoration: textDecoration, role: role, state: state, styles: styles, textVariant: textVariant, weight: weight }));
+    return (_jsx(LinkStandAlone, { ...props, ref: setRef, action: action, alignCenter: alignCenter, "aria-disabled": ariaDisabled, color: color, component: genericLinkComponent, decoration: textDecoration, role: role, state: state, styles: styles, textStyles: textStyles, weight: weight }));
 });
 LinkComponent.displayName = 'LinkComponent';
 const LinkBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(LinkStandAlone, { ...props, ref: ref }) }), children: _jsx(LinkComponent, { ...props, ref: ref }) }));

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

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

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+import { TextVariantStylesType } from '../text/types';
 import { LinkPropsStylesType, LinkPropsType } from './types';
 type LinkPropsExtended = {
     linkStyles: LinkPropsStylesType;
     alignCenter: boolean;
+    textStyles?: TextVariantStylesType;
 };
 export declare const TextStyledExtended: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, LinkPropsExtended>>;
 export declare const LabelIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LinkPropsType>>;

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

@@ -2,6 +2,7 @@ import styled, { css } from 'styled-components';
 // mixin
 import { focusVisibleAlt } from '../../styles/mixins';
 import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
+import { applyVariantStyles as applyTextVariantStyles } from '../text/text.styled';
 import { LinkPositionType, LinkStateType } from './types';
 const applyDevicePropsTextStyles = (props) => {
     return css `
@@ -30,44 +31,39 @@ const applyPropsTextStyles = (props) => css `
     }
   `}
 `;
+const applyLinkStateStyles = ({ textStyles, linkPropsStyles, }) => {
+    return css `
+    ${getStyles(linkPropsStyles?.container)}
+    ${getTypographyStyles(linkPropsStyles?.container)}
+    // If textVariant is defined it should be applied before the own variant styles
+    ${applyTextVariantStyles(textStyles)}
+    // In alternative variants, the focus colors must be change
+    ${linkPropsStyles?.altVariant && focusVisibleAlt()}
+  `;
+};
 export const TextStyledExtended = styled.p.withConfig({
     shouldForwardProp: () => true,
 }) `
-  ${({ linkStyles }) => getStyles(linkStyles?.[LinkStateType.DEFAULT]?.container)}
-  ${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.DEFAULT]?.container)}
-  // In alternative variants, the focus colors must be change
-  ${({ linkStyles }) => linkStyles?.[LinkStateType.DEFAULT]?.altVariant && focusVisibleAlt()}
+  ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.DEFAULT] })}
   ${({ alignCenter }) => alignCenter &&
     css `
       margin: auto;
     `};
 
   &[aria-disabled='true'] {
-    ${({ linkStyles }) => getStyles(linkStyles?.[LinkStateType.DISABLED]?.container)}
-    ${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.DISABLED]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[LinkStateType.DEFAULT]?.altVariant && focusVisibleAlt()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.DISABLED] })}
   }
 
   &:hover:not([aria-disabled='true']) {
-    ${({ linkStyles }) => getStyles(linkStyles?.[LinkStateType.HOVER]?.container)}
-    ${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.HOVER]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[LinkStateType.HOVER]?.altVariant && focusVisibleAlt()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.HOVER] })}
   }
 
   &:active:not([aria-disabled='true']) {
-    ${({ linkStyles }) => getStyles(linkStyles?.[LinkStateType.PRESSED]?.container)}
-    ${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.PRESSED]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[LinkStateType.PRESSED]?.altVariant && focusVisibleAlt()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.PRESSED] })}
   }
 
   &:visited:not([aria-disabled='true']) {
-    ${({ linkStyles }) => getStyles(linkStyles?.[LinkStateType.VISITED]?.container)}
-    ${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.VISITED]?.container)}
-    // In alternative variants, the focus colors must be change
-    ${({ linkStyles }) => linkStyles?.[LinkStateType.VISITED]?.altVariant && focusVisibleAlt()}
+    ${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.VISITED] })}
   }
 
   // Apply props tokens

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

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

package/dist/esm/components/link/linkAsButton/linkAsButton.styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ButtonSizePropsType, ButtonStateKeyOfType, ButtonStateType } from '../../../components/button';
+export declare const LinkAsButtonWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $styles?: ButtonStateKeyOfType | undefined;
+    $state: ButtonStateType;
+    $sizeStyles?: ButtonSizePropsType | undefined;
+}>>;

package/dist/esm/components/link/linkAsButton/linkAsButton.styled.js

@@ -0,0 +1,26 @@
+import styled, { css } from 'styled-components';
+// Apply button border radius to the link when focus-visible
+export const LinkAsButtonWrapperStyled = styled.div `
+  display: inline;
+  > *:first-child {
+    display: block;
+    ${({ $sizeStyles, $styles, $state }) => {
+    if (!$styles?.[$state]) {
+        return css ``;
+    }
+    const combinedStyles = { ...$sizeStyles, ...$styles[$state] };
+    return css `
+        ${combinedStyles.border_radius && `border-radius: ${combinedStyles.border_radius};`}
+        ${combinedStyles.border_top_left_radius &&
+        `border-top-left-radius: ${combinedStyles.border_top_left_radius};`}
+      ${combinedStyles.border_top_right_radius &&
+        `border-top-right-radius: ${combinedStyles.border_top_right_radius};`}
+      ${combinedStyles.border_bottom_left_radius &&
+        `border-bottom-left-radius: ${combinedStyles.border_bottom_left_radius};`}
+      ${combinedStyles.border_bottom_right_radius &&
+        `border-bottom-right-radius: ${combinedStyles.border_bottom_right_radius};`}
+      `;
+}}
+  }
+`;
+//# sourceMappingURL=linkAsButton.styled.js.map

package/dist/esm/components/link/linkAsButton/linkAsButton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkAsButton.styled.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,4DAA4D;AAC5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAIjD;;;;MAII,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACrC,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;QACvB,OAAO,GAAG,CAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9D,OAAO,GAAG,CAAA;UACN,cAAc,CAAC,aAAa,IAAI,kBAAkB,cAAc,CAAC,aAAa,GAAG;UACjF,cAAc,CAAC,sBAAsB;QACvC,2BAA2B,cAAc,CAAC,sBAAsB,GAAG;QACnE,cAAc,CAAC,uBAAuB;QACtC,4BAA4B,cAAc,CAAC,uBAAuB,GAAG;QACrE,cAAc,CAAC,yBAAyB;QACxC,8BAA8B,cAAc,CAAC,yBAAyB,GAAG;QACzE,cAAc,CAAC,0BAA0B;QACzC,+BAA+B,cAAc,CAAC,0BAA0B,GAAG;OAC5E,CAAC;AACJ,CAAC;;CAEJ,CAAC"}

package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js

@@ -5,9 +5,12 @@ import { ButtonStyled } from '../../../components/button/button.styled';
 import { ButtonStandAloneStructure } from '../../../components/button/buttonStandAlone';
 import { Text } from '../../../components/text';
 import { TextDecorationType } from '../../../components/text/types';
+import { LinkAsButtonWrapperStyled } from './linkAsButton.styled';
 // eslint-disable-next-line complexity
 export const LinkAsButtonStandAloneComponent = ({ children, url, component, target, role, onClick, ...props }, ref) => {
-    return (_jsx(Text, { ref: ref, "aria-label": props['aria-label'], component: component, dataTestId: props.dataTestId, decoration: TextDecorationType.NONE, isDisabled: props.state === ButtonStateType.DISABLED, role: role, target: target, url: url, onClick: onClick, children: _jsx(ButtonStyled, { as: "span", ...props, "$fullWidth": props.fullWidth, "$iconPosition": props.iconPosition, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: _jsx(ButtonStandAloneStructure, { ...props, children: children }) }) }));
+    return (
+    // Apply button border radius to the link when focus-visible
+    _jsx(LinkAsButtonWrapperStyled, { "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: _jsx(Text, { ref: ref, "aria-label": props['aria-label'], component: component, dataTestId: props.dataTestId, decoration: TextDecorationType.NONE, isDisabled: props.state === ButtonStateType.DISABLED, role: role, target: target, url: url, onClick: onClick, children: _jsx(ButtonStyled, { as: "span", ...props, "$fullWidth": props.fullWidth, "$iconPosition": props.iconPosition, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: _jsx(ButtonStandAloneStructure, { ...props, children: children }) }) }) }));
 };
 export const LinkAsButtonStandAlone = React.forwardRef(LinkAsButtonStandAloneComponent);
 //# sourceMappingURL=linkAsButtonStandAlone.js.map

package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,sCAAsC;AACtC,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAA2B,EACtF,GAAgD,EACnC,EAAE;IACf,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,kBAAkB,CAAC,IAAI,EACnC,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,eAAe,CAAC,QAAQ,EACpD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,YAEhB,KAAC,YAAY,IACX,EAAE,EAAC,MAAM,KACL,KAAK,gBACG,KAAK,CAAC,SAAS,mBACZ,KAAK,CAAC,YAAY,iBACpB,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,YAErB,KAAC,yBAAyB,OAAK,KAAK,YAAG,QAAQ,GAA6B,GAC/D,GACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}
+{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,sCAAsC;AACtC,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAA2B,EACtF,GAAgD,EACnC,EAAE;IACf,OAAO;IACL,4DAA4D;IAC5D,KAAC,yBAAyB,mBACX,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,YAErB,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,kBAAkB,CAAC,IAAI,EACnC,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,eAAe,CAAC,QAAQ,EACpD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,YAEhB,KAAC,YAAY,IACX,EAAE,EAAC,MAAM,KACL,KAAK,gBACG,KAAK,CAAC,SAAS,mBACZ,KAAK,CAAC,YAAY,iBACpB,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,YAErB,KAAC,yBAAyB,OAAK,KAAK,YAAG,QAAQ,GAA6B,GAC/D,GACV,GACmB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}

package/dist/esm/components/link/linkStandAlone.js

@@ -8,7 +8,7 @@ import { LabelIconWrapper, TextStyledExtended } from './link.styled';
 import { LinkStateType } from './types';
 const LinkStandAloneComponent = ({ url, ...props }, ref) => {
     const ariaProps = pickAriaProps(props);
-    return (_jsx(TextStyledExtended, { ...ariaProps, ref: ref, alignCenter: props.alignCenter, as: Text, color: props.color, component: props.component, dataTestId: props.dataTestId, decoration: props.decoration, draggable: props.draggable, isDisabled: props.state === LinkStateType.DISABLED, linkStyles: props.styles, target: props.target, variant: props.textVariant, weight: props.weight, 
+    return (_jsx(TextStyledExtended, { ...ariaProps, ref: ref, alignCenter: props.alignCenter, as: Text, color: props.color, component: props.component, dataTestId: props.dataTestId, decoration: props.decoration, draggable: props.draggable, isDisabled: props.state === LinkStateType.DISABLED, linkStyles: props.styles, target: props.target, textStyles: props.textStyles, weight: props.weight, 
         //We have to make this because even it was disabled, you could access to onClick by arrows
         onClick: props.state !== LinkStateType.DISABLED ? props.onClick : undefined, ...(props.state !== LinkStateType.DISABLED && { url }), role: props.role, children: props.icon ? (_jsx(LabelIconWrapper, { iconPosition: props.iconPosition, styles: props.styles?.[props.state], children: [
                 _jsx(ElementOrIcon, { color: props.styles?.[props.state]?.icon?.color, height: props.styles?.[props.state]?.icon?.height, width: props.styles?.[props.state]?.icon?.width, ...props.icon }, "icon"),

package/dist/esm/components/link/linkStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkStandAlone.js","sourceRoot":"","sources":["../../../../src/components/link/linkStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,SAAS;AACT,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAClC,GAAuD,EAC1C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,kBAAkB,OACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,EAClD,UAAU,EAAE,KAAK,CAAC,MAAM,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,0FAA0F;QAC1F,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACvE,CAAC,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,IAAI,EAAE,GAAG,EAAE,CAAC,EACvD,IAAI,EAAE,KAAK,CAAC,IAAI,YAEf,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACpF;gBACC,KAAC,aAAa,IAEZ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAC/C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EACjD,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,KAC3C,KAAK,CAAC,IAAI,IAJV,MAAM,CAKV;gBACF,KAAK,CAAC,QAAQ;aACf,GACgB,CACpB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,GACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"linkStandAlone.js","sourceRoot":"","sources":["../../../../src/components/link/linkStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,SAAS;AACT,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAClC,GAAuD,EAC1C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,kBAAkB,OACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,EAClD,UAAU,EAAE,KAAK,CAAC,MAAM,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,0FAA0F;QAC1F,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACvE,CAAC,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,IAAI,EAAE,GAAG,EAAE,CAAC,EACvD,IAAI,EAAE,KAAK,CAAC,IAAI,YAEf,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACpF;gBACC,KAAC,aAAa,IAEZ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAC/C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EACjD,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,KAC3C,KAAK,CAAC,IAAI,IAJV,MAAM,CAKV;gBACF,KAAK,CAAC,QAAQ;aACf,GACgB,CACpB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,GACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ButtonSizePropsType, ButtonStateKeyOfType, ButtonStateType, IButtonStandAlone } from '../../../components/button';
 import { IElementOrIcon } from '../../../components/elementOrIcon';
-import { TextComponentType, TextDecorationType } from '../../../components/text/types';
+import { TextComponentType, TextDecorationType, TextVariantStylesType } from '../../../components/text/types';
 import { GenericLinkType } from '../../../provider/genericComponents';
 import { CustomTokenTypes } from '../../../types';
 import type { LinkActionType } from './action';
@@ -23,17 +23,18 @@ export interface ILinkStandAlone extends LinkAriaAttributes {
     role?: string;
     state: LinkStateType;
     styles: LinkPropsStylesType;
+    textStyles?: TextVariantStylesType;
     target?: LinkTargetType;
-    textVariant?: string;
     url: string;
     weight?: number;
     alignCenter: boolean;
     draggable?: boolean;
 }
-export interface ILink extends Omit<ILinkStandAlone, 'styles' | 'component' | 'alignCenter' | 'state' | 'aria-disabled'>, Omit<CustomTokenTypes<LinkStylesType<string>>, 'cts' | 'extraCt'> {
+export interface ILink extends Omit<ILinkStandAlone, 'styles' | 'component' | 'alignCenter' | 'state' | 'aria-disabled' | 'textStyles'>, Omit<CustomTokenTypes<LinkStylesType<string>>, 'cts' | 'extraCt'> {
     alignCenter?: boolean;
     disabled?: boolean;
     variant: string;
+    textVariant?: string;
 }
 export interface ILinkAsButtonStandAlone extends Omit<IButtonStandAlone, 'showLoader'> {
     styles: ButtonStateKeyOfType;

package/dist/esm/components/listOptions/listOptionsStandAlone.js

@@ -28,7 +28,7 @@ export const ListOptionsStandAlone = React.forwardRef(({ type = ListOptionsType.
     const id = props.id ?? _id;
     const isSelection = type === ListOptionsType.SELECTION;
     const isNavigation = type === ListOptionsType.NAVIGATION;
-    return (_jsxs(ListOptionsWrapperStyled, { styles: props.styles, children: [props.title?.content && props.options.length > 0 && (_jsx(TitleWrapperStyled, { styles: props.styles, children: _jsx(Text, { customTypography: props.styles.title, dataTestId: `${dataTestId}Title`, ...props.title, children: props.title.content }) })), props.content, _jsx(OptionsWrapperStyled, { ref: listEl, as: 'ul', id: id, role: isSelection ? ROLES.LISTBOX : ROLES.MENU, styles: props.styles, children: props.options.map((option, index) => {
+    return (_jsxs(ListOptionsWrapperStyled, { styles: props.styles, children: [props.title?.content && props.options.length > 0 && (_jsx(TitleWrapperStyled, { styles: props.styles, children: _jsx(Text, { customTypography: props.styles.title, dataTestId: `${dataTestId}Title`, ...props.title, children: props.title.content }) })), props.content, _jsx(OptionsWrapperStyled, { ref: listEl, "aria-label": props.optionsContainerArias?.['aria-label'], "aria-labelledby": props.optionsContainerArias?.['aria-labelledby'], as: 'ul', id: id, role: isSelection ? ROLES.LISTBOX : ROLES.MENU, styles: props.styles, children: props.options.map((option, index) => {
                     const selected = isSelected(option, props.selectedValue, props.multiSelect, props.caseSensitive);
                     const optionComponent = (_jsx(Option, { "aria-selected": isSelection ? selected : undefined, as: isNavigation ? 'div' : 'li', checkedIcon: props.checkedIcon, dataTestId: `${dataTestId}Option${index}`, focus: focus === index, labelCharsHighlighted: props.charsHighlighted, multiSelect: props.multiSelect, role: isSelection ? ROLES.OPTION : ROLES.MENUITEM, selected: selected, tabIndex: isNavigation ? 0 : -1, variant: getOptionVariant(option.highlighted, props.hightlightedOptionVariant, props.optionVariant), ...option, onClick: e => {
                             setFocus(index);

package/dist/esm/components/listOptions/listOptionsStandAlone.js.map

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

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

@@ -14,11 +14,13 @@ export type ListOptionsOptionType = Omit<IOption<string>, 'children' | 'variant'
     highlighted?: boolean;
     value?: string | number;
 };
+export type OptionsContainerAriasType = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby'>;
 export interface IListOptionsStandAlone {
     optionVariant: string;
     hightlightedOptionVariant?: string;
     styles: ListOptionsPropsStylesType;
     type?: ListOptionsType;
+    optionsContainerArias?: OptionsContainerAriasType;
     options: ListOptionsOptionType[];
     caseSensitive?: boolean;
     charsHighlighted?: string;

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

@@ -8,7 +8,7 @@ type MediaProgressBarStylesType = {
     barProgressDuration?: number;
 };
 export declare const ParentContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
-export declare const BarContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
 export declare const BarStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
+export declare const BarContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
 export declare const ProgressBarStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
 export {};

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

@@ -11,6 +11,13 @@ const playSimulation = (width = '0%') => keyframes `
 export const ParentContainerStyled = styled.div `
   ${props => getStyles(props.styles.container)}
 `;
+export const BarStyled = styled.div `
+  ${props => getStyles(props.styles.bar)}
+  ${({ barFocused, styles }) => !barFocused &&
+    css `
+      ${getStyles(styles.bar?.filled)}
+    `};
+`;
 export const BarContainerStyled = styled.div `
   ${props => getStyles(props.styles.barContainer)}
   ${({ barFocused, styles }) => barFocused &&
@@ -21,13 +28,12 @@ export const BarContainerStyled = styled.div `
     css `
       pointer-events: none;
     `};
-`;
-export const BarStyled = styled.div `
-  ${props => getStyles(props.styles.bar)}
-  ${({ barFocused, styles }) => !barFocused &&
-    css `
-      ${getStyles(styles.bar?.filled)}
-    `};
+  &:focus-visible {
+    outline-style: none;
+    & > ${BarStyled} {
+      ${({ theme: { FOCUS_STYLES } }) => FOCUS_STYLES};
+    }
+  }
 `;
 export const ProgressBarStyled = styled.div `
   ${props => getStyles(props.styles.progressBar)}

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

@@ -1 +1 @@
-{"version":3,"file":"mediaProgressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,SAAS,CAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAC7C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,UAAU;IACV,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;KACzC;IACD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,GAAG,CAAA;;KAEF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA4B;IAC3D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,CAAC,UAAU;IACX,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,GAAG,CAAA;;KAEF;oBACe,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC;wBACpD,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,GAAG,mBAAmB,IAAI;;;;;0BAKrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;CAC1E,CAAC"}
+{"version":3,"file":"mediaProgressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,SAAS,CAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA4B;IAC3D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,CAAC,UAAU;IACX,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAC7C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,UAAU;IACV,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;KACzC;IACD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,GAAG,CAAA;;KAEF;;;UAGK,SAAS;QACX,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,YAAY;;;CAGpD,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,GAAG,CAAA;;KAEF;oBACe,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC;wBACpD,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,GAAG,mBAAmB,IAAI;;;;;0BAKrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;CAC1E,CAAC"}

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

@@ -4,8 +4,7 @@ import { MessagePropsThemeType } from './types/messageTheme';
 export declare const MessageStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     styles: MessagePropsThemeType;
 }>>;
-export declare const MessageHeaderStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const MessageHeaderTitleStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const MessageHeaderStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     styles: MessagePropsThemeType;
     isLargeMessage?: boolean | undefined;
     withIcon?: boolean | undefined;
@@ -21,7 +20,9 @@ export declare const MessageContentStyled: import("styled-components").IStyledCo
 export declare const ExtraActioButtonWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     styles: MessagePropsThemeType;
 }>>;
-export declare const ButtonSectionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ButtonSectionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: MessagePropsThemeType;
+}>>;
 export declare const ActioButtonWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     styles: MessagePropsThemeType;
 }>>;

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

@@ -4,9 +4,6 @@ export const MessageStyled = styled.div `
   ${({ styles }) => getStyles(styles.container)};
 `;
 export const MessageHeaderStyled = styled.div `
-  width: 100%;
-`;
-export const MessageHeaderTitleStyled = styled.div `
   ${({ styles, withIcon }) => withIcon &&
     `margin-right: calc(${styles?.closeIcon?.width ?? '0rem'} + ${styles?.closeIconContainer?.gap ?? '0rem'});`};
   ${({ styles }) => getStyles(styles.headerContainer)};
@@ -26,10 +23,7 @@ export const ExtraActioButtonWrapperStyled = styled.div `
   ${({ styles }) => getStyles(styles.extraActionButtonContainer)};
 `;
 export const ButtonSectionStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: flex-end;
+  ${({ styles }) => getStyles(styles.buttonSectionContainer)};
 `;
 export const ActioButtonWrapperStyled = styled.div `
   ${({ styles }) => getStyles(styles.actionButtonContainer)};

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

@@ -1 +1 @@
-{"version":3,"file":"message.styled.js","sourceRoot":"","sources":["../../../../src/components/message/message.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAErC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAIhD;IACE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzB,QAAQ;IACR,sBAAsB,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,MAAM,MACtD,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,MACrC,IAAI;IACJ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;IACjD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAmD;;;mBAG3E,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;CAE9E,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAG5C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAClD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAErD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK5C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC"}
+{"version":3,"file":"message.styled.js","sourceRoot":"","sources":["../../../../src/components/message/message.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAErC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAI3C;IACE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzB,QAAQ;IACR,sBAAsB,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,MAAM,MACtD,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,MACrC,IAAI;IACJ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;IACjD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAmD;;;mBAG3E,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;CAE9E,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAG5C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAClD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAErD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC"}

package/dist/esm/components/message/messageStandAlone.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 * as React from 'react';
 import { Button } from '../../components/button';
 import { ElementOrIcon } from '../../components/elementOrIcon';
@@ -8,7 +8,7 @@ import { Text, TextComponentType, TextDecorationType } from '../../components/te
 import { AriaLiveOptionType } from '../../types';
 import { Link } from '../link';
 // styles
-import { ActioButtonWrapperStyled, ButtonSectionStyled, CloseButtonSectionStyled, ExtraActioButtonWrapperStyled, LinkContainerStyled, MessageContentStyled, MessageHeaderStyled, MessageHeaderTitleStyled, MessageStyled, MessageTextStyled, } from './message.styled';
+import { ActioButtonWrapperStyled, ButtonSectionStyled, CloseButtonSectionStyled, ExtraActioButtonWrapperStyled, LinkContainerStyled, MessageContentStyled, MessageHeaderStyled, MessageStyled, MessageTextStyled, } from './message.styled';
 const MessageStandAloneComponent = ({ maxContentLength = 246, ariaLive = AriaLiveOptionType.OFF, ...props }, ref) => {
     const isLargeMessage = (() => typeof props.content.content === 'string' &&
         props.content.content.length >= maxContentLength)();
@@ -23,12 +23,12 @@ const MessageStandAloneComponent = ({ maxContentLength = 246, ariaLive = AriaLiv
     };
     const buildActionButton = () => props.actionButton?.content &&
         (props.styles.actionButton?.size || props.actionButton?.size) && (_jsx(ActioButtonWrapperStyled, { styles: props.styles, children: _jsx(Button, { dataTestId: `${props.dataTestId}ActionButton`, size: props.styles.actionButton?.size, ...props.actionButton, children: props.actionButton?.content }) }));
-    const buildTag = () => (_jsx("div", { children: _jsx(Tag, { option: '', status: '', variant: '', ...props.tag, children: props.tag?.content }) }));
+    const buildTag = () => (_jsx(Tag, { option: '', status: '', variant: '', ...props.tag, children: props.tag?.content }));
     const buildExtraActionButton = () => props.extraActionButton?.content && (_jsx(ExtraActioButtonWrapperStyled, { styles: props.styles, children: _jsx(Button, { ...props.extraActionButton, children: props.extraActionButton?.content }) }));
     const buildContent = () => {
         return typeof props.content.content === 'string' ? (_jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles.description, dataTestId: `${props.dataTestId}Description`, ...props.content, children: props.content.content })) : (props.content.content);
     };
-    return props.open ? (_jsxs(MessageStyled, { ref: ref, "aria-live": ariaLive, "data-testid": `${props.dataTestId}Message`, id: props.id, role: props.role, styles: props.styles, children: [_jsx(MessageHeaderStyled, { children: _jsxs(MessageHeaderTitleStyled, { isLargeMessage: isLargeMessage, styles: props.styles, withIcon: !!props.closeIcon, children: [buildIconOrIllustration(), _jsxs("div", { children: [props.title && (_jsx(MessageTextStyled, { "aria-errormessage": props.ariaMessageId, extraPaddingGap: !!props.closeIcon, styles: props.styles.closeIcon, children: _jsx(Text, { component: TextComponentType.H2, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content }) })), props.tag?.content && buildTag(), _jsx(MessageContentStyled, { isLargeMessage: isLargeMessage, styles: props.styles, children: buildContent() })] })] }) }), _jsxs(ButtonSectionStyled, { children: [buildExtraActionButton(), buildActionButton(), props.closeIcon?.onClick && (_jsx(CloseButtonSectionStyled, { styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) }))] }), props.link?.content && (_jsx(LinkContainerStyled, { styles: props.styles, children: _jsx(Link, { dataTestId: `${props.dataTestId}Link`, decoration: TextDecorationType.UNDERLINE, ...props.link, children: props.link.content }) }))] })) : null;
+    return (_jsx(_Fragment, { children: props.open && (_jsxs(MessageStyled, { ref: ref, "aria-live": ariaLive, "data-testid": `${props.dataTestId}Message`, id: props.id, role: props.role, styles: props.styles, children: [buildIconOrIllustration(), _jsxs(MessageHeaderStyled, { isLargeMessage: isLargeMessage, styles: props.styles, withIcon: !!props.closeIcon, children: [props.title && (_jsx(MessageTextStyled, { "aria-errormessage": props.ariaMessageId, extraPaddingGap: !!props.closeIcon, styles: props.styles.closeIcon, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content }) })), props.tag?.content && buildTag(), _jsx(MessageContentStyled, { isLargeMessage: isLargeMessage, styles: props.styles, children: buildContent() }), _jsxs(ButtonSectionStyled, { styles: props.styles, children: [buildExtraActionButton(), buildActionButton(), props.closeIcon?.onClick && (_jsx(CloseButtonSectionStyled, { styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) }))] }), props.link?.content && (_jsx(LinkContainerStyled, { styles: props.styles, children: _jsx(Link, { dataTestId: `${props.dataTestId}Link`, decoration: TextDecorationType.UNDERLINE, ...props.link, children: props.link.content }) }))] })] })) }));
 };
 export const MessageStandAlone = React.forwardRef(MessageStandAloneComponent);
 //# sourceMappingURL=messageStandAlone.js.map

package/dist/esm/components/message/messageStandAlone.js.map

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

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import * as React from 'react';
 import { IButton } from '../../../components/button';
 import { IElementOrIcon } from '../../../components/elementOrIcon';
 import { IElementOrillustration } from '../../../components/elementOrIllustration';
@@ -15,7 +15,7 @@ export type MessageExtraActionButtonType = Omit<IButton, 'children'> & {
     content?: React.ReactNode;
 };
 export type MessageContentType = Omit<IText<string>, 'children'> & {
-    content: string | ReactNode;
+    content: React.ReactNode;
 };
 export type MessageTitleType = Omit<IText<string>, 'children'> & {
     content: string;

package/dist/esm/components/message/types/messageTheme.d.ts

@@ -10,6 +10,7 @@ export type MessagePropsThemeType = {
     infoIcon?: IconTypes;
     closeIcon?: IconTypes;
     closeIconContainer?: CommonStyleType;
+    buttonSectionContainer?: CommonStyleType;
     actionButtonContainer?: CommonStyleType;
     actionButton?: {
         size?: string;

package/dist/esm/components/option/option.js

@@ -5,11 +5,14 @@ import { useStyles } from '../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
 import { useGenericComponents } from '../../provider/genericComponents';
 import { OptionStandAlone } from './optionStandAlone';
-export const OptionComponent = React.forwardRef(({ variant, focus, ctv, ...props }, ref) => {
+import { OptionStateType } from './types';
+export const OptionComponent = React.forwardRef(({ variant, focus, onFocus, onBlur, ctv, ...props }, ref) => {
     const styles = useStyles(STYLES_NAME.OPTION, variant, ctv);
+    const hasFocusStyles = !!styles?.[OptionStateType.FOCUS];
     const { LINK: genericLinkComponent } = useGenericComponents();
     const innerRef = React.useRef();
     const [hover, setHover] = React.useState(false);
+    const [focused, setFocused] = React.useState(false);
     React.useImperativeHandle(ref, () => {
         return innerRef.current;
     }, []);
@@ -18,7 +21,15 @@ export const OptionComponent = React.forwardRef(({ variant, focus, ctv, ...props
             innerRef.current?.focus();
         }
     }, [focus]);
-    return (_jsx(OptionStandAlone, { ...props, ref: innerRef, componentLink: genericLinkComponent, hover: hover, styles: styles, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false) }));
+    const _onFocus = (event) => {
+        onFocus?.(event);
+        setFocused(hasFocusStyles);
+    };
+    const _onBlur = (event) => {
+        onBlur?.(event);
+        setFocused(false);
+    };
+    return (_jsx(OptionStandAlone, { ...props, ref: innerRef, componentLink: genericLinkComponent, focus: focused, hover: hover, styles: styles, onBlur: _onBlur, onFocus: _onFocus, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false) }));
 });
 OptionComponent.displayName = 'OptionComponent';
 const OptionBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(OptionStandAlone, { ...props, ref: ref }) }), children: _jsx(OptionComponent, { ...props, ref: ref }) }));