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

package/dist/cjs/components/{storybook/replaceContent/replaceContent.styled.js → link/linkAsButton/linkAsButton.styled.js}

@@ -23,22 +23,30 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReplaceContentStyled = void 0;
+exports.LinkAsButtonWrapperStyled = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
-exports.ReplaceContentStyled = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: ${({ width }) => width || '300px'};
-  height: ${({ height }) => height || '50px'};
-  padding: 20px;
-  background-color: #d1d1d1;
-  color: #000;
-  border-radius: 6px;
-  ${({ theme: { MEDIA_QUERIES: { onlyMobile }, }, width, }) => (0, styled_components_1.css) `
-    ${onlyMobile} {
-      width: ${width ? width : '100%'};
+// Apply button border radius to the link when focus-visible
+exports.LinkAsButtonWrapperStyled = styled_components_1.default.div `
+  display: inline;
+  > *:first-child {
+    display: block;
+    ${({ $sizeStyles, $styles, $state }) => {
+    if (!$styles?.[$state]) {
+        return (0, styled_components_1.css) ``;
     }
-  `}
+    const combinedStyles = { ...$sizeStyles, ...$styles[$state] };
+    return (0, styled_components_1.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=replaceContent.styled.js.map
+//# sourceMappingURL=linkAsButton.styled.js.map

package/dist/cjs/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,uEAAgD;AAIhD,4DAA4D;AAC/C,QAAA,yBAAyB,GAAG,2BAAM,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,IAAA,uBAAG,EAAA,EAAE,CAAC;IACf,CAAC;IACD,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9D,OAAO,IAAA,uBAAG,EAAA;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/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js

@@ -31,9 +31,12 @@ const button_styled_1 = require("../../../components/button/button.styled");
 const buttonStandAlone_1 = require("../../../components/button/buttonStandAlone");
 const text_1 = require("../../../components/text");
 const types_1 = require("../../../components/text/types");
+const linkAsButton_styled_1 = require("./linkAsButton.styled");
 // eslint-disable-next-line complexity
 const LinkAsButtonStandAloneComponent = ({ children, url, component, target, role, onClick, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(text_1.Text, { ref: ref, "aria-label": props['aria-label'], component: component, dataTestId: props.dataTestId, decoration: types_1.TextDecorationType.NONE, isDisabled: props.state === button_1.ButtonStateType.DISABLED, role: role, target: target, url: url, onClick: onClick, children: (0, jsx_runtime_1.jsx)(button_styled_1.ButtonStyled, { as: "span", ...props, "$fullWidth": props.fullWidth, "$iconPosition": props.iconPosition, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: (0, jsx_runtime_1.jsx)(buttonStandAlone_1.ButtonStandAloneStructure, { ...props, children: children }) }) }));
+    return (
+    // Apply button border radius to the link when focus-visible
+    (0, jsx_runtime_1.jsx)(linkAsButton_styled_1.LinkAsButtonWrapperStyled, { "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { ref: ref, "aria-label": props['aria-label'], component: component, dataTestId: props.dataTestId, decoration: types_1.TextDecorationType.NONE, isDisabled: props.state === button_1.ButtonStateType.DISABLED, role: role, target: target, url: url, onClick: onClick, children: (0, jsx_runtime_1.jsx)(button_styled_1.ButtonStyled, { as: "span", ...props, "$fullWidth": props.fullWidth, "$iconPosition": props.iconPosition, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, children: (0, jsx_runtime_1.jsx)(buttonStandAlone_1.ButtonStandAloneStructure, { ...props, children: children }) }) }) }));
 };
 exports.LinkAsButtonStandAloneComponent = LinkAsButtonStandAloneComponent;
 exports.LinkAsButtonStandAlone = React.forwardRef(exports.LinkAsButtonStandAloneComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,gDAAsD;AACtD,qEAAiE;AACjE,2EAAiF;AACjF,4CAAyC;AACzC,mDAA6D;AAI7D,sCAAsC;AAC/B,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,uBAAC,WAAI,IACH,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,0BAAkB,CAAC,IAAI,EACnC,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,wBAAe,CAAC,QAAQ,EACpD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,YAEhB,uBAAC,4BAAY,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,uBAAC,4CAAyB,OAAK,KAAK,YAAG,QAAQ,GAA6B,GAC/D,GACV,CACR,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,+BAA+B,mCA8B1C;AAEW,QAAA,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,uCAA+B,CAAC,CAAC"}
+{"version":3,"file":"linkAsButtonStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/link/linkAsButton/linkAsButtonStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,gDAAsD;AACtD,qEAAiE;AACjE,2EAAiF;AACjF,4CAAyC;AACzC,mDAA6D;AAG7D,+DAAkE;AAElE,sCAAsC;AAC/B,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,uBAAC,+CAAyB,mBACX,KAAK,CAAC,UAAU,YACrB,KAAK,CAAC,KAAK,aACV,KAAK,CAAC,MAAM,YAErB,uBAAC,WAAI,IACH,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,0BAAkB,CAAC,IAAI,EACnC,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,wBAAe,CAAC,QAAQ,EACpD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,YAEhB,uBAAC,4BAAY,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,uBAAC,4CAAyB,OAAK,KAAK,YAAG,QAAQ,GAA6B,GAC/D,GACV,GACmB,CAC7B,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,+BAA+B,mCAqC1C;AAEW,QAAA,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,uCAA+B,CAAC,CAAC"}

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

@@ -34,7 +34,7 @@ const link_styled_1 = require("./link.styled");
 const types_1 = require("./types");
 const LinkStandAloneComponent = ({ url, ...props }, ref) => {
     const ariaProps = (0, aria_1.pickAriaProps)(props);
-    return ((0, jsx_runtime_1.jsx)(link_styled_1.TextStyledExtended, { ...ariaProps, ref: ref, alignCenter: props.alignCenter, as: text_1.Text, color: props.color, component: props.component, dataTestId: props.dataTestId, decoration: props.decoration, draggable: props.draggable, isDisabled: props.state === types_1.LinkStateType.DISABLED, linkStyles: props.styles, target: props.target, variant: props.textVariant, weight: props.weight, 
+    return ((0, jsx_runtime_1.jsx)(link_styled_1.TextStyledExtended, { ...ariaProps, ref: ref, alignCenter: props.alignCenter, as: text_1.Text, color: props.color, component: props.component, dataTestId: props.dataTestId, decoration: props.decoration, draggable: props.draggable, isDisabled: props.state === types_1.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 !== types_1.LinkStateType.DISABLED ? props.onClick : undefined, ...(props.state !== types_1.LinkStateType.DISABLED && { url }), role: props.role, children: props.icon ? ((0, jsx_runtime_1.jsx)(link_styled_1.LabelIconWrapper, { iconPosition: props.iconPosition, styles: props.styles?.[props.state], children: [
                 (0, jsx_runtime_1.jsx)(elementOrIcon_1.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/cjs/components/link/linkStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkStandAlone.js","sourceRoot":"","sources":["../../../../src/components/link/linkStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAA2D;AAC3D,4CAAkD;AAElD,kCAA+B;AAC/B,SAAS;AACT,+CAAqE;AACrE,mCAAyD;AAEzD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAClC,GAAuD,EAC1C,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,uBAAC,gCAAkB,OACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,WAAI,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,qBAAa,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,qBAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACvE,CAAC,KAAK,CAAC,KAAK,KAAK,qBAAa,CAAC,QAAQ,IAAI,EAAE,GAAG,EAAE,CAAC,EACvD,IAAI,EAAE,KAAK,CAAC,IAAI,YAEf,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,8BAAgB,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACpF;gBACC,uBAAC,6BAAa,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;AAEW,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"linkStandAlone.js","sourceRoot":"","sources":["../../../../src/components/link/linkStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAA2D;AAC3D,4CAAkD;AAElD,kCAA+B;AAC/B,SAAS;AACT,+CAAqE;AACrE,mCAAyD;AAEzD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAClC,GAAuD,EAC1C,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,uBAAC,gCAAkB,OACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,WAAI,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,qBAAa,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,qBAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACvE,CAAC,KAAK,CAAC,KAAK,KAAK,qBAAa,CAAC,QAAQ,IAAI,EAAE,GAAG,EAAE,CAAC,EACvD,IAAI,EAAE,KAAK,CAAC,IAAI,YAEf,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,8BAAgB,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACpF;gBACC,uBAAC,6BAAa,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;AAEW,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}

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

@@ -54,7 +54,7 @@ exports.ListOptionsStandAlone = React.forwardRef(({ type = types_2.ListOptionsTy
     const id = props.id ?? _id;
     const isSelection = type === types_2.ListOptionsType.SELECTION;
     const isNavigation = type === types_2.ListOptionsType.NAVIGATION;
-    return ((0, jsx_runtime_1.jsxs)(listOptions_styled_1.ListOptionsWrapperStyled, { styles: props.styles, children: [props.title?.content && props.options.length > 0 && ((0, jsx_runtime_1.jsx)(listOptions_styled_1.TitleWrapperStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles.title, dataTestId: `${dataTestId}Title`, ...props.title, children: props.title.content }) })), props.content, (0, jsx_runtime_1.jsx)(listOptions_styled_1.OptionsWrapperStyled, { ref: listEl, as: 'ul', id: id, role: isSelection ? types_1.ROLES.LISTBOX : types_1.ROLES.MENU, styles: props.styles, children: props.options.map((option, index) => {
+    return ((0, jsx_runtime_1.jsxs)(listOptions_styled_1.ListOptionsWrapperStyled, { styles: props.styles, children: [props.title?.content && props.options.length > 0 && ((0, jsx_runtime_1.jsx)(listOptions_styled_1.TitleWrapperStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: props.styles.title, dataTestId: `${dataTestId}Title`, ...props.title, children: props.title.content }) })), props.content, (0, jsx_runtime_1.jsx)(listOptions_styled_1.OptionsWrapperStyled, { ref: listEl, "aria-label": props.optionsContainerArias?.['aria-label'], "aria-labelledby": props.optionsContainerArias?.['aria-labelledby'], as: 'ul', id: id, role: isSelection ? types_1.ROLES.LISTBOX : types_1.ROLES.MENU, styles: props.styles, children: props.options.map((option, index) => {
                     const selected = (0, utils_1.isSelected)(option, props.selectedValue, props.multiSelect, props.caseSensitive);
                     const optionComponent = ((0, jsx_runtime_1.jsx)(option_1.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 ? types_1.ROLES.OPTION : types_1.ROLES.MENUITEM, selected: selected, tabIndex: isNavigation ? 0 : -1, variant: (0, utils_1.getOptionVariant)(option.highlighted, props.hightlightedOptionVariant, props.optionVariant), ...option, onClick: e => {
                             setFocus(index);

package/dist/cjs/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/cjs/components/mediaProgressBar/mediaProgressBar.styled.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressBarStyled = exports.BarStyled = exports.BarContainerStyled = exports.ParentContainerStyled = void 0;
+exports.ProgressBarStyled = exports.BarContainerStyled = exports.BarStyled = exports.ParentContainerStyled = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const getStyles_1 = require("../../utils/getStyles/getStyles");
 const playSimulation = (width = '0%') => (0, styled_components_1.keyframes) `
@@ -37,6 +37,13 @@ const playSimulation = (width = '0%') => (0, styled_components_1.keyframes) `
 exports.ParentContainerStyled = styled_components_1.default.div `
   ${props => (0, getStyles_1.getStyles)(props.styles.container)}
 `;
+exports.BarStyled = styled_components_1.default.div `
+  ${props => (0, getStyles_1.getStyles)(props.styles.bar)}
+  ${({ barFocused, styles }) => !barFocused &&
+    (0, styled_components_1.css) `
+      ${(0, getStyles_1.getStyles)(styles.bar?.filled)}
+    `};
+`;
 exports.BarContainerStyled = styled_components_1.default.div `
   ${props => (0, getStyles_1.getStyles)(props.styles.barContainer)}
   ${({ barFocused, styles }) => barFocused &&
@@ -47,13 +54,12 @@ exports.BarContainerStyled = styled_components_1.default.div `
     (0, styled_components_1.css) `
       pointer-events: none;
     `};
-`;
-exports.BarStyled = styled_components_1.default.div `
-  ${props => (0, getStyles_1.getStyles)(props.styles.bar)}
-  ${({ barFocused, styles }) => !barFocused &&
-    (0, styled_components_1.css) `
-      ${(0, getStyles_1.getStyles)(styles.bar?.filled)}
-    `};
+  &:focus-visible {
+    outline-style: none;
+    & > ${exports.BarStyled} {
+      ${({ theme: { FOCUS_STYLES } }) => FOCUS_STYLES};
+    }
+  }
 `;
 exports.ProgressBarStyled = styled_components_1.default.div `
   ${props => (0, getStyles_1.getStyles)(props.styles.progressBar)}

package/dist/cjs/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,uEAA2D;AAE3D,2DAAwD;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,IAAA,6BAAS,EAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAC7C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,UAAU;IACV,IAAA,uBAAG,EAAA;QACC,IAAA,qBAAS,EAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;KACzC;IACD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAA4B;IAC3D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;QACC,IAAA,qBAAS,EAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAA4B;IACnE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;;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,uEAA2D;AAE3D,2DAAwD;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,IAAA,6BAAS,EAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAA4B;IAC3D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;QACC,IAAA,qBAAS,EAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAC7C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,UAAU;IACV,IAAA,uBAAG,EAAA;QACC,IAAA,qBAAS,EAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;KACzC;IACD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,IAAA,uBAAG,EAAA;;KAEF;;;UAGK,iBAAS;QACX,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,YAAY;;;CAGpD,CAAC;AACW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAA4B;IACnE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;;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/cjs/components/message/message.styled.js

@@ -3,16 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkContainerStyled = exports.CloseButtonSectionStyled = exports.ActioButtonWrapperStyled = exports.ButtonSectionStyled = exports.ExtraActioButtonWrapperStyled = exports.MessageContentStyled = exports.MessageTextStyled = exports.MessageHeaderTitleStyled = exports.MessageHeaderStyled = exports.MessageStyled = void 0;
+exports.LinkContainerStyled = exports.CloseButtonSectionStyled = exports.ActioButtonWrapperStyled = exports.ButtonSectionStyled = exports.ExtraActioButtonWrapperStyled = exports.MessageContentStyled = exports.MessageTextStyled = exports.MessageHeaderStyled = exports.MessageStyled = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("../../utils");
 exports.MessageStyled = styled_components_1.default.div `
   ${({ styles }) => (0, utils_1.getStyles)(styles.container)};
 `;
 exports.MessageHeaderStyled = styled_components_1.default.div `
-  width: 100%;
-`;
-exports.MessageHeaderTitleStyled = styled_components_1.default.div `
   ${({ styles, withIcon }) => withIcon &&
     `margin-right: calc(${styles?.closeIcon?.width ?? '0rem'} + ${styles?.closeIconContainer?.gap ?? '0rem'});`};
   ${({ styles }) => (0, utils_1.getStyles)(styles.headerContainer)};
@@ -32,10 +29,7 @@ exports.ExtraActioButtonWrapperStyled = styled_components_1.default.div `
   ${({ styles }) => (0, utils_1.getStyles)(styles.extraActionButtonContainer)};
 `;
 exports.ButtonSectionStyled = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: flex-end;
+  ${({ styles }) => (0, utils_1.getStyles)(styles.buttonSectionContainer)};
 `;
 exports.ActioButtonWrapperStyled = styled_components_1.default.div `
   ${({ styles }) => (0, utils_1.getStyles)(styles.actionButtonContainer)};

package/dist/cjs/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,0EAAuC;AAGvC,mCAAoC;AAIvB,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAErC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE5C,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,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,IAAA,iBAAS,EAAC,MAAM,CAAC,eAAe,CAAC;IACjD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,IAAA,iBAAS,EAAC,MAAM,CAAC,2BAA2B,CAAC;CAClE,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,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;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAG5C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,gBAAgB,CAAC;IAClD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,IAAA,iBAAS,EAAC,MAAM,CAAC,4BAA4B,CAAC;CACnE,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAErD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,0BAA0B,CAAC;CAC/D,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK5C,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,qBAAqB,CAAC;CAC1D,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC"}
+{"version":3,"file":"message.styled.js","sourceRoot":"","sources":["../../../../src/components/message/message.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAGvC,mCAAoC;AAIvB,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAErC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,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,IAAA,iBAAS,EAAC,MAAM,CAAC,eAAe,CAAC;IACjD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,IAAA,iBAAS,EAAC,MAAM,CAAC,2BAA2B,CAAC;CAClE,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,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;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAG5C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,gBAAgB,CAAC;IAClD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,IAAA,iBAAS,EAAC,MAAM,CAAC,4BAA4B,CAAC;CACnE,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAErD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,0BAA0B,CAAC;CAC/D,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,sBAAsB,CAAC;CAC3D,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,qBAAqB,CAAC;CAC1D,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC"}

package/dist/cjs/components/message/messageStandAlone.js

@@ -49,12 +49,12 @@ const MessageStandAloneComponent = ({ maxContentLength = 246, ariaLive = types_1
     };
     const buildActionButton = () => props.actionButton?.content &&
         (props.styles.actionButton?.size || props.actionButton?.size) && ((0, jsx_runtime_1.jsx)(message_styled_1.ActioButtonWrapperStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { dataTestId: `${props.dataTestId}ActionButton`, size: props.styles.actionButton?.size, ...props.actionButton, children: props.actionButton?.content }) }));
-    const buildTag = () => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(tag_1.Tag, { option: '', status: '', variant: '', ...props.tag, children: props.tag?.content }) }));
+    const buildTag = () => ((0, jsx_runtime_1.jsx)(tag_1.Tag, { option: '', status: '', variant: '', ...props.tag, children: props.tag?.content }));
     const buildExtraActionButton = () => props.extraActionButton?.content && ((0, jsx_runtime_1.jsx)(message_styled_1.ExtraActioButtonWrapperStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...props.extraActionButton, children: props.extraActionButton?.content }) }));
     const buildContent = () => {
         return typeof props.content.content === 'string' ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.PARAGRAPH, customTypography: props.styles.description, dataTestId: `${props.dataTestId}Description`, ...props.content, children: props.content.content })) : (props.content.content);
     };
-    return props.open ? ((0, jsx_runtime_1.jsxs)(message_styled_1.MessageStyled, { ref: ref, "aria-live": ariaLive, "data-testid": `${props.dataTestId}Message`, id: props.id, role: props.role, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(message_styled_1.MessageHeaderStyled, { children: (0, jsx_runtime_1.jsxs)(message_styled_1.MessageHeaderTitleStyled, { isLargeMessage: isLargeMessage, styles: props.styles, withIcon: !!props.closeIcon, children: [buildIconOrIllustration(), (0, jsx_runtime_1.jsxs)("div", { children: [props.title && ((0, jsx_runtime_1.jsx)(message_styled_1.MessageTextStyled, { "aria-errormessage": props.ariaMessageId, extraPaddingGap: !!props.closeIcon, styles: props.styles.closeIcon, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.H2, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content }) })), props.tag?.content && buildTag(), (0, jsx_runtime_1.jsx)(message_styled_1.MessageContentStyled, { isLargeMessage: isLargeMessage, styles: props.styles, children: buildContent() })] })] }) }), (0, jsx_runtime_1.jsxs)(message_styled_1.ButtonSectionStyled, { children: [buildExtraActionButton(), buildActionButton(), props.closeIcon?.onClick && ((0, jsx_runtime_1.jsx)(message_styled_1.CloseButtonSectionStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) }))] }), props.link?.content && ((0, jsx_runtime_1.jsx)(message_styled_1.LinkContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(link_1.Link, { dataTestId: `${props.dataTestId}Link`, decoration: text_1.TextDecorationType.UNDERLINE, ...props.link, children: props.link.content }) }))] })) : null;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.open && ((0, jsx_runtime_1.jsxs)(message_styled_1.MessageStyled, { ref: ref, "aria-live": ariaLive, "data-testid": `${props.dataTestId}Message`, id: props.id, role: props.role, styles: props.styles, children: [buildIconOrIllustration(), (0, jsx_runtime_1.jsxs)(message_styled_1.MessageHeaderStyled, { isLargeMessage: isLargeMessage, styles: props.styles, withIcon: !!props.closeIcon, children: [props.title && ((0, jsx_runtime_1.jsx)(message_styled_1.MessageTextStyled, { "aria-errormessage": props.ariaMessageId, extraPaddingGap: !!props.closeIcon, styles: props.styles.closeIcon, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.PARAGRAPH, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content }) })), props.tag?.content && buildTag(), (0, jsx_runtime_1.jsx)(message_styled_1.MessageContentStyled, { isLargeMessage: isLargeMessage, styles: props.styles, children: buildContent() }), (0, jsx_runtime_1.jsxs)(message_styled_1.ButtonSectionStyled, { styles: props.styles, children: [buildExtraActionButton(), buildActionButton(), props.closeIcon?.onClick && ((0, jsx_runtime_1.jsx)(message_styled_1.CloseButtonSectionStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) }))] }), props.link?.content && ((0, jsx_runtime_1.jsx)(message_styled_1.LinkContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(link_1.Link, { dataTestId: `${props.dataTestId}Link`, decoration: text_1.TextDecorationType.UNDERLINE, ...props.link, children: props.link.content }) }))] })] })) }));
 };
 exports.MessageStandAlone = React.forwardRef(MessageStandAloneComponent);
 //# sourceMappingURL=messageStandAlone.js.map

package/dist/cjs/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/cjs/components/option/option.js

@@ -31,11 +31,14 @@ const useStyles_1 = require("../../hooks/useStyles/useStyles");
 const errorBoundary_1 = require("../../provider/errorBoundary");
 const genericComponents_1 = require("../../provider/genericComponents");
 const optionStandAlone_1 = require("./optionStandAlone");
-exports.OptionComponent = React.forwardRef(({ variant, focus, ctv, ...props }, ref) => {
+const types_1 = require("./types");
+exports.OptionComponent = React.forwardRef(({ variant, focus, onFocus, onBlur, ctv, ...props }, ref) => {
     const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.OPTION, variant, ctv);
+    const hasFocusStyles = !!styles?.[types_1.OptionStateType.FOCUS];
     const { LINK: genericLinkComponent } = (0, genericComponents_1.useGenericComponents)();
     const innerRef = React.useRef();
     const [hover, setHover] = React.useState(false);
+    const [focused, setFocused] = React.useState(false);
     React.useImperativeHandle(ref, () => {
         return innerRef.current;
     }, []);
@@ -44,7 +47,15 @@ exports.OptionComponent = React.forwardRef(({ variant, focus, ctv, ...props }, r
             innerRef.current?.focus();
         }
     }, [focus]);
-    return ((0, jsx_runtime_1.jsx)(optionStandAlone_1.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 ((0, jsx_runtime_1.jsx)(optionStandAlone_1.OptionStandAlone, { ...props, ref: innerRef, componentLink: genericLinkComponent, focus: focused, hover: hover, styles: styles, onBlur: _onBlur, onFocus: _onFocus, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false) }));
 });
 exports.OptionComponent.displayName = 'OptionComponent';
 const OptionBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(optionStandAlone_1.OptionStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(exports.OptionComponent, { ...props, ref: ref }) }));

package/dist/cjs/components/option/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sourceRoot":"","sources":["../../../../src/components/option/option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAC5E,oEAAoE;AAEpE,yDAAsD;AAGzC,QAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EAC7C,GAAuD,EAC1C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA2B,uBAAW,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACrF,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAe,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,KAAK,CAAC,mBAAmB,CACvB,GAAG,EACH,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,OAAsB,CAAC;IACzC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,QAAQ,EACb,aAAa,EAAE,oBAAoB,EACnC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACnC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAAuD,EAC1C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,mCAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,uBAAC,uBAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIR,CAAC;AAU9B,wBAAM"}
+{"version":3,"file":"option.js","sourceRoot":"","sources":["../../../../src/components/option/option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAC5E,oEAAoE;AAEpE,yDAAsD;AACtD,mCAA6F;AAEhF,QAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EAC9D,GAAuD,EAC1C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA2B,uBAAW,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACrF,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,uBAAe,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAC9D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAe,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,KAAK,CAAC,mBAAmB,CACvB,GAAG,EACH,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,OAAsB,CAAC;IACzC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,QAAQ,GAAG,CAAC,KAAoC,EAAE,EAAE;QACxD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,KAAoC,EAAE,EAAE;QACvD,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAChB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,QAAQ,EACb,aAAa,EAAE,oBAAoB,EACnC,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,EACjB,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACnC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAAuD,EAC1C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,mCAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,uBAAC,uBAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIR,CAAC;AAU9B,wBAAM"}

package/dist/cjs/components/option/optionStandAlone.js

@@ -40,7 +40,7 @@ const utils_2 = require("./utils");
 const OptionStandAlone = React.forwardRef((props, ref) => {
     const ariaProps = (0, aria_1.pickAriaProps)(props);
     const filling = !!props.labelCharsHighlighted && props.labelCharsHighlighted?.length > 0;
-    const state = (0, utils_2.getState)(props.disabled, props.selected, props.multiSelect, props.hover, filling);
+    const state = (0, utils_2.getState)(props.disabled, props.focus, props.selected, props.multiSelect, props.hover, filling);
     const stateStyles = props.styles[state];
     const disabled = state === types_1.OptionStateType.DISABLED;
     const handleClickOption = event => {
@@ -56,7 +56,7 @@ const OptionStandAlone = React.forwardRef((props, ref) => {
     const _firstNoHighlightedLabel = props.label.substring(0, firstHighlightedIndex);
     const _highlightedLabel = props.label.substring(firstHighlightedIndex, lastHighlightedIndex);
     const _lastNoHighlightedLabel = props.label.substring(lastHighlightedIndex);
-    return ((0, jsx_runtime_1.jsxs)(option_styled_1.OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : props.as ?? option_styled_1.OptionDivStyled, "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
+    return ((0, jsx_runtime_1.jsxs)(option_styled_1.OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : props.as ?? option_styled_1.OptionDivStyled, "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onBlur: props.onBlur, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
             if (!disabled && ((0, utils_1.isKeyEnterPressed)(event.key) || (0, utils_1.isKeySpacePressed)(event.key))) {
                 props.onClick?.(event);
             }

package/dist/cjs/components/option/optionStandAlone.js.map

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

package/dist/cjs/components/option/types/state.js

@@ -16,5 +16,6 @@ var OptionStateType;
     OptionStateType["MULTIPLE_SELECTED"] = "MULTIPLE_SELECTED";
     OptionStateType["MULTIPLE_SELECTED_HOVER"] = "MULTIPLE_SELECTED_HOVER";
     OptionStateType["DISABLED"] = "DISABLED";
+    OptionStateType["FOCUS"] = "FOCUS";
 })(OptionStateType || (exports.OptionStateType = OptionStateType = {}));
 //# sourceMappingURL=state.js.map

package/dist/cjs/components/option/types/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/option/types/state.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,IAAY,eASX;AATD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;IACf,wCAAqB,CAAA;IACrB,oDAAiC,CAAA;IACjC,0DAAuC,CAAA;IACvC,sEAAmD,CAAA;IACnD,wCAAqB,CAAA;AACvB,CAAC,EATW,eAAe,+BAAf,eAAe,QAS1B"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/option/types/state.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,IAAY,eAUX;AAVD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;IACf,wCAAqB,CAAA;IACrB,oDAAiC,CAAA;IACjC,0DAAuC,CAAA;IACvC,sEAAmD,CAAA;IACnD,wCAAqB,CAAA;IACrB,kCAAe,CAAA;AACjB,CAAC,EAVW,eAAe,+BAAf,eAAe,QAU1B"}

package/dist/cjs/components/option/utils/option.utils.js

@@ -3,10 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getState = exports.getHighlightedIndexes = void 0;
 const types_1 = require("../types");
 // eslint-disable-next-line complexity
-const getState = (disabled, selected, multiSelected, hover, filling) => {
+const getState = (disabled, focused, selected, multiSelected, hover, filling) => {
     if (disabled) {
         return types_1.OptionStateType.DISABLED;
     }
+    if (focused) {
+        return types_1.OptionStateType.FOCUS;
+    }
     if (selected) {
         if (multiSelected) {
             return hover ? types_1.OptionStateType.MULTIPLE_SELECTED_HOVER : types_1.OptionStateType.MULTIPLE_SELECTED;

package/dist/cjs/components/option/utils/option.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.utils.js","sourceRoot":"","sources":["../../../../../src/components/option/utils/option.utils.ts"],"names":[],"mappings":";;;AAAA,oCAA2C;AAE3C,sCAAsC;AACtC,MAAM,QAAQ,GAAG,CACf,QAA6B,EAC7B,QAA6B,EAC7B,aAAkC,EAClC,KAAc,EACd,OAAgB,EACC,EAAE;IACnB,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,uBAAe,CAAC,QAAQ,CAAC;IAClC,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,KAAK,CAAC,CAAC,CAAC,uBAAe,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAe,CAAC,iBAAiB,CAAC;QAC7F,CAAC;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,uBAAe,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAe,CAAC,QAAQ,CAAC;IAC3E,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,uBAAe,CAAC,KAAK,CAAC;IAC/B,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,uBAAe,CAAC,OAAO,CAAC;IACjC,CAAC;IACD,OAAO,uBAAe,CAAC,OAAO,CAAC;AACjC,CAAC,CAAC;AAoCO,4BAAQ;AAlCjB;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CACnC,KAAa,EACb,qBAAyC,EACwB,EAAE;IACnE,IAAI,qBAAqB,GAAG,CAAC,CAAC;IAC9B,IAAI,oBAAoB,GAAG,CAAC,CAAC;IAC7B,IAAI,qBAAqB,EAAE,CAAC;QAC1B,MAAM,cAAc,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC;QACjD,MAAM,0BAA0B,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,CAAC;QAC7E,IAAI,cAAc,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE,CAAC;YACxD,qBAAqB,GAAG,cAAc,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;YAC3E,oBAAoB,GAAG,qBAAqB,GAAG,qBAAqB,CAAC,MAAM,CAAC;QAC9E,CAAC;IACH,CAAC;IACD,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;AACzD,CAAC,CAAC;AAfW,QAAA,qBAAqB,yBAehC"}
+{"version":3,"file":"option.utils.js","sourceRoot":"","sources":["../../../../../src/components/option/utils/option.utils.ts"],"names":[],"mappings":";;;AAAA,oCAA2C;AAE3C,sCAAsC;AACtC,MAAM,QAAQ,GAAG,CACf,QAA6B,EAC7B,OAA4B,EAC5B,QAA6B,EAC7B,aAAkC,EAClC,KAAc,EACd,OAAgB,EACC,EAAE;IACnB,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,uBAAe,CAAC,QAAQ,CAAC;IAClC,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,uBAAe,CAAC,KAAK,CAAC;IAC/B,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,KAAK,CAAC,CAAC,CAAC,uBAAe,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAe,CAAC,iBAAiB,CAAC;QAC7F,CAAC;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,uBAAe,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAe,CAAC,QAAQ,CAAC;IAC3E,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,uBAAe,CAAC,KAAK,CAAC;IAC/B,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,uBAAe,CAAC,OAAO,CAAC;IACjC,CAAC;IACD,OAAO,uBAAe,CAAC,OAAO,CAAC;AACjC,CAAC,CAAC;AAoCO,4BAAQ;AAlCjB;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CACnC,KAAa,EACb,qBAAyC,EACwB,EAAE;IACnE,IAAI,qBAAqB,GAAG,CAAC,CAAC;IAC9B,IAAI,oBAAoB,GAAG,CAAC,CAAC;IAC7B,IAAI,qBAAqB,EAAE,CAAC;QAC1B,MAAM,cAAc,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC;QACjD,MAAM,0BAA0B,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,CAAC;QAC7E,IAAI,cAAc,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE,CAAC;YACxD,qBAAqB,GAAG,cAAc,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;YAC3E,oBAAoB,GAAG,qBAAqB,GAAG,qBAAqB,CAAC,MAAM,CAAC;QAC9E,CAAC;IACH,CAAC;IACD,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;AACzD,CAAC,CAAC;AAfW,QAAA,qBAAqB,yBAehC"}

package/dist/cjs/components/pillSelector/pillSelector.styled.js

@@ -1,26 +1,63 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThumbStyled = exports.PillSelectorWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
+const styled_components_1 = __importStar(require("styled-components"));
 const utils_1 = require("../../utils");
 exports.PillSelectorWrapper = styled_components_1.default.div `
   ${({ styles }) => (0, utils_1.getStyles)(styles?.container)};
 
-  & :first-child {
-    ${({ styles }) => (0, utils_1.getStyles)(styles?.firstPill)};
-    ${({ isSelected, styles }) => isSelected && (0, utils_1.getStyles)(styles?.firstPill?.selected)}
-  }
-  & :last-child {
-    ${({ styles }) => (0, utils_1.getStyles)(styles?.lastPill)};
-    ${({ isSelected, styles }) => isSelected && (0, utils_1.getStyles)(styles?.lastPill?.selected)}
-  }
-  & :not(:last-child, :first-child) {
-    ${({ styles }) => (0, utils_1.getStyles)(styles?.pill)};
-    ${({ isSelected, styles }) => isSelected && (0, utils_1.getStyles)(styles?.pill?.selected)}
-  }
+  ${({ hasThumb, styles, isSelected }) => hasThumb
+    ? (0, styled_components_1.css) `
+          & > :nth-child(2) {
+            ${(0, utils_1.getStyles)(styles?.firstPill)};
+            ${isSelected && (0, utils_1.getStyles)(styles?.firstPill?.selected)}
+          }
+          & > :last-child {
+            ${(0, utils_1.getStyles)(styles?.lastPill)};
+            ${isSelected && (0, utils_1.getStyles)(styles?.lastPill?.selected)}
+          }
+          & > :not(:last-child, :nth-child(2)) {
+            ${(0, utils_1.getStyles)(styles?.pill)};
+            ${isSelected && (0, utils_1.getStyles)(styles?.pill?.selected)}
+          }
+        `
+    : (0, styled_components_1.css) `
+          & > :first-child {
+            ${(0, utils_1.getStyles)(styles?.firstPill)};
+            ${isSelected && (0, utils_1.getStyles)(styles?.firstPill?.selected)}
+          }
+          & > :last-child {
+            ${(0, utils_1.getStyles)(styles?.lastPill)};
+            ${isSelected && (0, utils_1.getStyles)(styles?.lastPill?.selected)}
+          }
+          & > :not(:last-child, :first-child) {
+            ${(0, utils_1.getStyles)(styles?.pill)};
+            ${isSelected && (0, utils_1.getStyles)(styles?.pill?.selected)}
+          }
+        `};
 `;
 exports.ThumbStyled = styled_components_1.default.div `
   ${({ styles }) => (0, utils_1.getStyles)(styles?.thumb)};

package/dist/cjs/components/pillSelector/pillSelector.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillSelector.styled.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelector.styled.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAoC;AASvB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAwB;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;;;MAG1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;MAC5C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC;;;MAGhF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,QAAQ,CAAC;MAC3C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;;;MAG/E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,CAAC;MACvC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC;;CAEhF,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAwB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,KAAK,CAAC;CAC3C,CAAC"}
+{"version":3,"file":"pillSelector.styled.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelector.styled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,mCAAoC;AAUvB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAwB;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;;IAE5C,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,CACrC,QAAQ;IACN,CAAC,CAAC,IAAA,uBAAG,EAAA;;cAEG,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;cAC5B,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC;;;cAGpD,IAAA,iBAAS,EAAC,MAAM,EAAE,QAAQ,CAAC;cAC3B,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;;;cAGnD,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,CAAC;cACvB,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC;;SAEpD;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;cAEG,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;cAC5B,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC;;;cAGpD,IAAA,iBAAS,EAAC,MAAM,EAAE,QAAQ,CAAC;cAC3B,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;;;cAGnD,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,CAAC;cACvB,UAAU,IAAI,IAAA,iBAAS,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC;;SAEpD;CACR,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAwB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,KAAK,CAAC;CAC3C,CAAC"}

package/dist/cjs/components/pillSelector/pillSelectorControlled.js

@@ -45,16 +45,25 @@ const PillSelectorControlledComponent = React.forwardRef(({ ctv, ...props }, ref
             const selectedPill = measuredRef.current.childNodes[index];
             thumb.style.width = `${selectedPill?.clientWidth}px`;
             thumb.style.height = `${selectedPill?.getBoundingClientRect().height}px`;
-            thumb.style.left = `calc(${selectedPill?.getBoundingClientRect().left}px - ${window?.getComputedStyle(selectedPill)?.paddingLeft})`;
+            thumb.style.left = `${selectedPill.offsetLeft}px`;
         }
     };
     React.useImperativeHandle(ref, () => {
         return measuredRef.current;
     }, []);
     React.useEffect(() => {
+        let resizeObserver;
         if (!props.multiSelect && measuredRef?.current && props.pillSelected?.[0] && styles?.thumb) {
             updateMeasurements();
+            resizeObserver = new ResizeObserver(() => {
+                updateMeasurements();
+            });
+            // Start observing the element
+            resizeObserver.observe(measuredRef.current);
         }
+        return () => {
+            resizeObserver?.disconnect();
+        };
     }, [props.multiSelect, measuredRef, props.pills, props.pillSelected?.[0]]);
     return ((0, jsx_runtime_1.jsx)(pillSelectorStandAlone_1.PillSelectorStandAlone, { ref: measuredRef, name: `pillSelector${id}`, styles: styles, ...props }));
 });

package/dist/cjs/components/pillSelector/pillSelectorControlled.js.map

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

package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js

@@ -47,7 +47,7 @@ const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...
     React.useImperativeHandle(ref, () => {
         return listEl.current;
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(pillSelector_styled_1.PillSelectorWrapper, { ref: listEl, "data-testid": `${dataTestId}PillSelector`, isSelected: isPillSelected, role: types_1.ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && ((0, jsx_runtime_1.jsx)(pillSelector_styled_1.ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
+    return ((0, jsx_runtime_1.jsxs)(pillSelector_styled_1.PillSelectorWrapper, { ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: types_1.ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && ((0, jsx_runtime_1.jsx)(pillSelector_styled_1.ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
                 ? props.pills.map((pill, index) => {
                     const pillSelected = props.pillSelected?.includes(pill.value.toString());
                     return ((props.pillSize || pill?.size) && ((0, jsx_runtime_1.jsx)(pill_1.Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...pill, value: pill.value.toString(), variant: props.pillVariant, onFocus: () => {

package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js.map

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

package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js

@@ -10,7 +10,7 @@ const InfoIconWithTooltipStandAlone = ({ styles, infoIcon, tooltip, dataTestId,
     if (!infoIcon) {
         return null;
     }
-    const infoIconWithoutTooltip = ((0, jsx_runtime_1.jsx)(infoIconWithTooltipStandAlone_styled_1.InfoIconWrapperStyled, { children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles[types_1.RadioButtonGroupStateType.DEFAULT]?.tooltip?.icon, dataTestId: dataTestId, ...infoIcon }) }));
+    const infoIconWithoutTooltip = ((0, jsx_runtime_1.jsx)(infoIconWithTooltipStandAlone_styled_1.InfoIconWrapperStyled, { styles: styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: styles[types_1.RadioButtonGroupStateType.DEFAULT]?.tooltip?.icon, dataTestId: dataTestId, ...infoIcon }) }));
     const tooltipVariant = tooltip?.variant ?? styles[types_1.RadioButtonGroupStateType.DEFAULT]?.tooltip?.variant;
     if ((!tooltip?.title?.content && !tooltip?.content?.content) || !tooltipVariant) {
         return infoIconWithoutTooltip;

package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoIconWithTooltipStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.tsx"],"names":[],"mappings":";;;;AAGA,8DAA2D;AAC3D,kDAA+C;AAE/C,uCAAwF;AACxF,iGAA+E;AAExE,MAAM,6BAA6B,GAAG,CAAC,EAC5C,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,GACqB,EAAsB,EAAE;IACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,sBAAsB,GAAG,CAC7B,uBAAC,4DAAqB,cACpB,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,MAAM,CAAC,iCAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAC1E,UAAU,EAAE,UAAU,KAClB,QAAQ,GACZ,GACoB,CACzB,CAAC;IACF,MAAM,cAAc,GAClB,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,iCAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC;IAClF,IAAI,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAChF,OAAO,sBAAsB,CAAC;IAChC,CAAC;IACD,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,MAAM,CAAC,iCAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAChE,UAAU,EAAE,GAAG,UAAU,SAAS,KAC9B,OAAO,EACX,OAAO,EAAE,cAAc,YAEtB,sBAAsB,GACf,CACX,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,6BAA6B,iCAiCxC"}
+{"version":3,"file":"infoIconWithTooltipStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.tsx"],"names":[],"mappings":";;;;AAGA,8DAA2D;AAC3D,kDAA+C;AAE/C,uCAAwF;AACxF,iGAA+E;AAExE,MAAM,6BAA6B,GAAG,CAAC,EAC5C,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,GACqB,EAAsB,EAAE;IACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,sBAAsB,GAAG,CAC7B,uBAAC,4DAAqB,IAAC,MAAM,EAAE,MAAM,YACnC,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,MAAM,CAAC,iCAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAC1E,UAAU,EAAE,UAAU,KAClB,QAAQ,GACZ,GACoB,CACzB,CAAC;IACF,MAAM,cAAc,GAClB,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,iCAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC;IAClF,IAAI,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAChF,OAAO,sBAAsB,CAAC;IAChC,CAAC;IACD,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,MAAM,CAAC,iCAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAChE,UAAU,EAAE,GAAG,UAAU,SAAS,KAC9B,OAAO,EACX,OAAO,EAAE,cAAc,YAEtB,sBAAsB,GACf,CACX,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,6BAA6B,iCAiCxC"}