@kubit-ui-web/react-components 1.1.5 → 1.3.0

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

@@ -1,2 +1,2 @@
-export type { IMessageStandAlone, IMessageControlled, IMessageUnControlled } from './message';
+export type { IMessageStandAlone, IMessageControlled, IMessageUnControlled, MessageActionButtonType, MessageExtraActionButtonType, MessageContentType, MessageTitleType, MessageTagType, MessageLinkType, } from './message';
 export type { MessagePropsThemeType, MessageStylesType } from './messageTheme';

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { IButton } from '../../../components/button';
 import { IElementOrIcon } from '../../../components/elementOrIcon';
 import { IElementOrillustration } from '../../../components/elementOrIllustration';
+import { ILink } from '../../../components/link';
 import { ITag } from '../../../components/tag';
 import { IText } from '../../../components/text';
 import { AriaLiveOptionType, CustomTokenTypes, ROLES } from '../../../types';
@@ -22,6 +23,9 @@ export type MessageTitleType = Omit<IText<string>, 'children'> & {
 export type MessageTagType = Omit<ITag, 'children'> & {
     content: string;
 };
+export type MessageLinkType = Omit<ILink, 'children'> & {
+    content?: string;
+};
 export interface IMessageStandAlone {
     illustration?: IElementOrillustration;
     infoIcon?: IElementOrIcon;
@@ -39,6 +43,7 @@ export interface IMessageStandAlone {
     role?: ROLES.STATUS | ROLES.ALERT;
     id?: string;
     ariaLive?: AriaLiveOptionType;
+    link?: MessageLinkType;
 }
 export interface IMessageControlled<V = undefined extends string ? unknown : string> extends Omit<IMessageStandAlone, 'styles'>, Omit<CustomTokenTypes<MessagePropsThemeType>, 'cts' | 'extraCt'> {
     open: boolean;

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

@@ -19,6 +19,7 @@ export type MessagePropsThemeType = {
         size?: string;
     };
     illustration?: IllustrationTypes;
+    linkContainer?: CommonStyleType;
 };
 export type MessageStylesType<P extends string | number | symbol> = {
     [key in P]?: MessagePropsThemeType;

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

@@ -5,6 +5,9 @@ export const OliveMenuStyled = styled.div `
 `;
 export const ButtonContainer = styled.div `
   ${({ styles }) => getStyles(styles.buttonContainer)};
+  > button {
+    ${({ styles }) => getStyles(styles.button)};
+  }
 `;
 export const ListboxStyled = styled.div `
   ${({ styles }) => getStyles(styles.listOptionsContainer)};

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

@@ -1 +1 @@
-{"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}
+{"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;;MAE/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;CAE7C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}

package/dist/esm/components/oliveMenu/types/oliveMenuTheme.d.ts

@@ -2,7 +2,7 @@ import { CommonStyleType, DeviceBreakpointsType, POSITIONS } from '../../../type
 export type OliveMenuGlobalStylesType = {
     container?: CommonStyleType;
     buttonContainer?: CommonStyleType;
-    button?: {
+    button?: CommonStyleType & {
         [key in DeviceBreakpointsType]?: {
             size?: string;
         };

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

@@ -1,3 +1,3 @@
-export type { PageControlCommonProps, PageControlStateProps, PageControlStylesProps, PageControlVariantStylesType, PageControlStateKeys, PageControlStylesType, IPageControlStandAlone, PageControlType, ArrowsControlCommonProps, ArrowsControlVariantStylesType, } from './types';
+export type { PageControlCommonProps, PageControlStateProps, PageControlStylesProps, PageControlVariantStylesType, PageControlStateKeys, PageControlStylesType, IPageControlStandAlone, PageControlType, ArrowsControlCommonProps, ArrowsControlVariantStylesType, PageControlArrowControlType, } from './types';
 export { PageControlState, ArrowsControlState } from './types';
 export { PageControl } from './pageControl';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pageControl/index.ts"],"names":[],"mappings":"AAaA,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,WAAW;AACX,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pageControl/index.ts"],"names":[],"mappings":"AAcA,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,WAAW;AACX,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

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

@@ -5,3 +5,4 @@ export declare const PillStyled: import("styled-components").IStyledComponent<"w
 }>>;
 export declare const PillInputStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IPillStyled>>;
 export declare const PillLabelStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, IPillStyled>>;
+export declare const IconContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IPillStyled>>;

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

@@ -17,4 +17,7 @@ export const PillLabelStyled = styled.label `
   align-items: center;
   ${props => getTypographyStyles(props.styles?.label)}
 `;
+export const IconContainerStyled = styled.div `
+  ${props => getStyles(props.styles?.decorativeIconContainer)}
+`;
 //# sourceMappingURL=pill.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pill.styled.js","sourceRoot":"","sources":["../../../../src/components/pill/pill.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,QAAQ;AACR,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAI7E,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAmC;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;;eAEhC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO;;IAE1D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;IACpD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;;;IAGpD,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CACpD,CAAC"}
+{"version":3,"file":"pill.styled.js","sourceRoot":"","sources":["../../../../src/components/pill/pill.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,QAAQ;AACR,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAI7E,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAmC;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;;eAEhC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO;;IAE1D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;IACpD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAa;;;IAGpD,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAa;IACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,uBAAuB,CAAC;CAC5D,CAAC"}

package/dist/esm/components/pill/pillStandAlone.js

@@ -4,7 +4,7 @@ import { ElementOrIcon } from '../../components/elementOrIcon';
 import { InputTypeType } from '../../components/input';
 import { useId } from '../../hooks';
 import { pickAriaProps } from '../../utils/aria/aria';
-import { PillInputStyled, PillLabelStyled, PillStyled } from './pill.styled';
+import { IconContainerStyled, PillInputStyled, PillLabelStyled, PillStyled } from './pill.styled';
 import { getPillState } from './utils';
 const PillStandAloneComponent = ({ styles, decorativeIcon, selectedIcon, dataTestId, children, multiSelect = false, disabled, selected, name, onFocus, tabIndex, onPillChange, onKeyDown, value, ...props }, ref) => {
     const ariaProps = pickAriaProps(props);
@@ -12,7 +12,7 @@ const PillStandAloneComponent = ({ styles, decorativeIcon, selectedIcon, dataTes
     const component = multiSelect ? InputTypeType.CHECKBOX : InputTypeType.RADIO;
     const state = getPillState(selected, disabled);
     const stateStyles = styles[state];
-    return (_jsxs(PillStyled, { ref: ref, "data-testid": dataTestId, styles: stateStyles, tabIndex: tabIndex, onKeyDown: onKeyDown?.(value || ''), children: [_jsx(PillInputStyled, { "aria-checked": selected, ...ariaProps, checked: selected, "data-testid": `${dataTestId}Input`, disabled: disabled, id: id, name: name, styles: stateStyles, tabIndex: -1, type: component, value: value, onChange: onPillChange, onFocus: onFocus }), decorativeIcon && (_jsx(ElementOrIcon, { color: stateStyles?.decorativeIcon?.color, dataTestId: dataTestId + 'DecorativeIcon', height: stateStyles?.decorativeIcon?.height, width: stateStyles?.decorativeIcon?.width, ...decorativeIcon })), _jsx(PillLabelStyled, { htmlFor: id, styles: stateStyles, children: children }), selectedIcon && selected && (_jsx(ElementOrIcon, { color: stateStyles?.selectedIcon?.color, dataTestId: dataTestId + 'SelectedIcon', height: stateStyles?.selectedIcon?.height, width: stateStyles?.selectedIcon?.width, ...selectedIcon }))] }));
+    return (_jsxs(PillStyled, { ref: ref, "data-testid": dataTestId, styles: stateStyles, tabIndex: tabIndex, onKeyDown: onKeyDown?.(value || ''), children: [_jsx(PillInputStyled, { "aria-checked": selected, ...ariaProps, checked: selected, "data-testid": `${dataTestId}Input`, disabled: disabled, id: id, name: name, styles: stateStyles, tabIndex: -1, type: component, value: value, onChange: onPillChange, onFocus: onFocus }), decorativeIcon && (_jsx(IconContainerStyled, { styles: stateStyles, children: _jsx(ElementOrIcon, { color: stateStyles?.decorativeIcon?.color, dataTestId: dataTestId + 'DecorativeIcon', height: stateStyles?.decorativeIcon?.height, width: stateStyles?.decorativeIcon?.width, ...decorativeIcon }) })), _jsx(PillLabelStyled, { htmlFor: id, styles: stateStyles, children: children }), selectedIcon && selected && (_jsx(ElementOrIcon, { color: stateStyles?.selectedIcon?.color, dataTestId: dataTestId + 'SelectedIcon', height: stateStyles?.selectedIcon?.height, width: stateStyles?.selectedIcon?.width, ...selectedIcon }))] }));
 };
 export const PillStandAlone = React.forwardRef(PillStandAloneComponent);
 //# sourceMappingURL=pillStandAlone.js.map

package/dist/esm/components/pill/pillStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pill/pillStandAlone.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,oBAAoB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,uBAAuB,GAAG,CAC9B,EACE,MAAM,EACN,cAAc,EACd,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACQ,EAClB,GAAuC,EACpB,EAAE;IACrB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;IAE7E,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,UAAU,IACT,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,aAEnC,KAAC,eAAe,oBACA,QAAQ,KAClB,SAAS,EACb,OAAO,EAAE,QAAQ,iBACJ,GAAG,UAAU,OAAO,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,EACD,cAAc,IAAI,CACjB,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,EACzC,UAAU,EAAE,UAAU,GAAG,gBAAgB,EACzC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAC3C,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,KACrC,cAAc,GAClB,CACH,EACD,KAAC,eAAe,IAAC,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,YAC9C,QAAQ,GACO,EACjB,YAAY,IAAI,QAAQ,IAAI,CAC3B,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EACvC,UAAU,EAAE,UAAU,GAAG,cAAc,EACvC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EACzC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,KACnC,YAAY,GAChB,CACH,IACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pill/pillStandAlone.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,oBAAoB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,uBAAuB,GAAG,CAC9B,EACE,MAAM,EACN,cAAc,EACd,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACQ,EAClB,GAAuC,EACpB,EAAE;IACrB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;IAE7E,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,MAAC,UAAU,IACT,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,aAEnC,KAAC,eAAe,oBACA,QAAQ,KAClB,SAAS,EACb,OAAO,EAAE,QAAQ,iBACJ,GAAG,UAAU,OAAO,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,EACD,cAAc,IAAI,CACjB,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,EACzC,UAAU,EAAE,UAAU,GAAG,gBAAgB,EACzC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAC3C,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,KACrC,cAAc,GAClB,GACkB,CACvB,EACD,KAAC,eAAe,IAAC,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,YAC9C,QAAQ,GACO,EACjB,YAAY,IAAI,QAAQ,IAAI,CAC3B,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EACvC,UAAU,EAAE,UAAU,GAAG,cAAc,EACvC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EACzC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,KACnC,YAAY,GAChB,CACH,IACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/pill/types/pillTheme.d.ts

@@ -9,6 +9,7 @@ export type PillStateStylesType = {
         box_shadow?: string;
     };
     input?: CommonStyleType;
+    decorativeIconContainer?: CommonStyleType;
     decorativeIcon?: IconTypes;
     selectedIcon?: IconTypes;
     label?: TypographyTypes;

package/dist/esm/components/popover/popoverControlled.js

@@ -9,6 +9,7 @@ import { useScrollBlock } from '../../hooks/useScrollBlock/useScrollBlock';
 import { useStyles } from '../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
 import { focusFirstDescendant, trapFocus } from '../../utils';
+import { convertDurationToNumber } from '../../utils/stringUtility/string.utility';
 import { PopoverStandAlone } from './popoverStandAlone';
 import { PopoverComponentType } from './types';
 import { getAnimationConfig } from './utils/getAnimationConfig';
@@ -105,15 +106,27 @@ const PopoverControlledComponent = React.forwardRef(({ variant, component = Popo
             }
         }
     }, [props.open]);
+    // deprecated - Remove the condition when `exitDuration`, `duration` and `delay' are type string
+    const animationExitDuration = () => {
+        if (typeof animationConfig?.animationOptions?.exitDuration === 'string' ||
+            typeof animationConfig?.animationOptions?.duration === 'string' ||
+            typeof animationConfig?.animationOptions?.delay === 'string') {
+            const exitDuration = convertDurationToNumber(animationConfig?.animationOptions?.exitDuration);
+            const duration = convertDurationToNumber(animationConfig?.animationOptions?.duration);
+            const delay = convertDurationToNumber(animationConfig?.animationOptions?.delay);
+            return (exitDuration || duration || 0) + (delay || 0);
+        }
+        return (((animationConfig?.animationOptions?.exitDuration ||
+            animationConfig?.animationOptions?.duration ||
+            0) +
+            (animationConfig?.animationOptions?.delay || 0)) *
+            MILISECONDS);
+    };
     const waitForAnimation = () => {
         return new Promise(resolve => {
             setTimeout(() => {
                 resolve();
-            }, ((animationConfig.animationOptions?.exitDuration ||
-                animationConfig.animationOptions?.duration ||
-                0) +
-                (animationConfig.animationOptions?.delay || 0)) *
-                MILISECONDS);
+            }, animationExitDuration());
         });
     };
     return (_jsx(PopoverStandAlone, { ...props, ref: ref, animationConfig: animationConfig, animationExecution: showAnimationEnd ? CssAnimationExecuteOption.END : CssAnimationExecuteOption.START, component: component, device: device, forwardedRef: setRef, open: openAnimation, styles: styles, onKeyDown: handleKeyDown }));

package/dist/esm/components/popover/popoverControlled.js.map

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

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.js

@@ -2,11 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // styles
 import { useStyles } from '../../../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../../../provider/errorBoundary';
+import { getState, radioButtonState } from '../../utils';
 import { RadioButtonStandAlone } from './radioButtonStandAlone';
 const STYLES_NAME = 'RADIO_BUTTON_GROUP_STYLES';
-const RadioButtonComponent = ({ checked = false, styles: propsStyles, ...props }) => {
+const RadioButtonComponent = ({ checked = false, error = false, disabled = false, styles: propsStyles, state: propsState, ...props }) => {
     const styles = useStyles(STYLES_NAME, props.variant);
-    return _jsx(RadioButtonStandAlone, { checked: checked, styles: propsStyles ?? styles, ...props });
+    const state = getState(checked, disabled, error, propsState);
+    // deprecated - use only `error`, `disabled` and `checked` props when `state` prop is removed from `RadioButton`
+    const { isChecked, isDisabled, hasError } = radioButtonState(state);
+    return (_jsx(RadioButtonStandAlone, { checked: isChecked, disabled: isDisabled, error: hasError, state: state, styles: propsStyles ?? styles, ...props }));
 };
 export const RadioButton = (props) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(RadioButtonStandAlone, { ...props }) }), children: _jsx(RadioButtonComponent, { ...props }) }));
 //# sourceMappingURL=radioButton.js.map

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.tsx"],"names":[],"mappings":";AAEA,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAI5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,WAAW,GAAG,2BAA2B,CAAC;AAEhD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,OAAO,GAAG,KAAK,EACf,MAAM,EAAE,WAAW,EACnB,GAAG,KAAK,EACK,EAAe,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,CAA4C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,IAAI,MAAM,KAAM,KAAK,GAAI,CAAC;AAC/F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAe,EAAE,CAAC,CAC/D,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,qBAAqB,OAAM,KAAgC,GAAI,GAC9C,YAGtB,KAAC,oBAAoB,OAAK,KAAK,GAAI,GACrB,CACjB,CAAC"}
+{"version":3,"file":"radioButton.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.tsx"],"names":[],"mappings":";AAEA,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAI5E,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,WAAW,GAAG,2BAA2B,CAAC;AAEhD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,UAAU,EACjB,GAAG,KAAK,EACK,EAAe,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,CAA4C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAChG,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAC7D,gHAAgH;IAChH,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAEpE,OAAO,CACL,KAAC,qBAAqB,IACpB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,WAAW,IAAI,MAAM,KACzB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAe,EAAE,CAAC,CAC/D,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,qBAAqB,OAAM,KAAgC,GAAI,GAC9C,YAGtB,KAAC,oBAAoB,OAAK,KAAK,GAAI,GACrB,CACjB,CAAC"}

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.d.ts

@@ -1,14 +1,23 @@
 /// <reference types="react" />
 import { VariantStyles } from '../../../../types';
-import { IRadioButtonStyled, RadioButtonStateType, RadioButtonStylesType } from './types';
+import { IRadioButtonStyled, RadioButtonBaseStyles, RadioButtonStateType, RadioButtonStylesType } from './types';
 interface IRadioButtonContentStyled {
     styles: VariantStyles<RadioButtonStylesType>;
     state: RadioButtonStateType;
     hasLabel?: boolean;
+    lastChild?: boolean;
+}
+interface IRadioButtonErrorStyled {
+    styles?: RadioButtonBaseStyles;
+}
+interface IRadioButtonErrorStyled {
+    styles?: RadioButtonBaseStyles;
 }
 export declare const RadioButtonContainerInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonStyled>>;
 export declare const RadioButtonInputStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IRadioButtonStyled>>;
 export declare const RadioButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonContentStyled>>;
 export declare const RadioButtonContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const RadioButtonLabelStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const RadioButtonErrorStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonErrorStyled>>;
+export declare const ErrorIconWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IRadioButtonErrorStyled>>;
 export {};

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js

@@ -6,6 +6,11 @@ const getDynamicStyles = (styles) => css `
   ${getStyles(styles?.radioButton)}
 
   &:before {
+    content: '';
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
     ${getStyles(styles?.icon)}
   }
 `;
@@ -19,29 +24,7 @@ export const RadioButtonInputStyled = styled.input `
   vertical-align: bottom;
   position: relative;
 
-  ${({ styles }) => getDynamicStyles(styles[RadioButtonStateType.DEFAULT])}
-
-  // Check - Centering & sizing
-  &:before {
-    content: '';
-    left: 50%;
-    position: absolute;
-    top: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  &:checked:not(:disabled) {
-    ${({ styles }) => getDynamicStyles(styles[RadioButtonStateType.SELECTED])}
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    ${({ styles }) => getDynamicStyles(styles[RadioButtonStateType.DISABLED])}
-
-    :checked {
-      ${({ styles }) => getDynamicStyles(styles[RadioButtonStateType.DISABLED_SELECTED])}
-    }
-  }
+  ${({ styles, state }) => state && getDynamicStyles(styles?.[state])}
 
   &:focus-visible {
     border-radius: 100%;
@@ -53,7 +36,7 @@ export const RadioButtonStyled = styled.div `
   display: ${props => (props.hasLabel ? 'grid' : 'block')};
   grid-template-columns: auto 1fr;
   ${props => getStyles(props.styles?.[props.state]?.rowContainer)}
-
+  margin-bottom: ${props => (props.lastChild ? 0 : undefined)};
   & > :nth-child(3) {
     grid-column: 2;
   }
@@ -63,4 +46,13 @@ export const RadioButtonLabelStyled = styled.div `
   display: flex;
   align-items: center;
 `;
+export const RadioButtonErrorStyled = styled.div `
+  ${({ styles }) => getStyles(styles?.errorMessageContainer)};
+  p {
+    display: flex;
+  }
+`;
+export const ErrorIconWrapperStyled = styled.span `
+  ${({ styles }) => getStyles(styles?.errorMessageIconContainer)};
+`;
 //# sourceMappingURL=radioButton.styled.js.map

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAGL,oBAAoB,GAErB,MAAM,SAAS,CAAC;AAQjB,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,EAAE,CAAC,GAAG,CAAA;IAC5D,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC;;;MAG5B,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;;CAE5B,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAoB;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CACvF,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAoB;;;;;;;IAOlE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;;;;;;;;;;;;MAYpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;;;;;MAKvE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;;;QAGrE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;;;;;;;;IAQpF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA2B;aACzD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;IAErD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;;;;;CAKhE,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/C,CAAC"}
+{"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAGL,oBAAoB,GAErB,MAAM,SAAS,CAAC;AAiBjB,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,EAAE,CAAC,GAAG,CAAA;IAC5D,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC;;;;;;;;MAQ5B,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;;CAE5B,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAoB;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CACvF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAoB;;;;;;;IAOlE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,gBAAgB,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;;;;;;IAMjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA2B;aACzD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;IAErD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;mBAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;;;CAI5D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAyB;IACrE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC;;;;CAI3D,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAyB;IACtE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,yBAAyB,CAAC;CAC/D,CAAC"}

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.d.ts

@@ -1,2 +1,2 @@
-import { IRadioButtonStandAlone } from './types';
-export declare const RadioButtonStandAlone: ({ checked, label, name, id, onBlur, onChange, state, styles, subTitle, value, dataTestId, screenReaderId, }: IRadioButtonStandAlone) => JSX.Element;
+import { IRadioButtonStandAlone } from './types/radioButton';
+export declare const RadioButtonStandAlone: (props: IRadioButtonStandAlone) => JSX.Element;

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js

@@ -1,26 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ElementOrIcon } from '../../../../components/elementOrIcon';
 import { Label } from '../../../../components/label';
 import { Text } from '../../../../components/text';
 import { useId } from '../../../../hooks';
-import { RadioButtonContainerInput, RadioButtonContentStyled, RadioButtonInputStyled, RadioButtonLabelStyled, RadioButtonStyled, } from './radioButton.styled';
-import { RadioButtonStateType } from './types';
+import { buildAriaLabelledBy } from '../../utils';
+import { ErrorIconWrapperStyled, RadioButtonContainerInput, RadioButtonContentStyled, RadioButtonErrorStyled, RadioButtonInputStyled, RadioButtonLabelStyled, RadioButtonStyled, } from './radioButton.styled';
 const CURSOR_POINTER = 'pointer';
 const CURSOR_DEFAULT = 'default';
-export const RadioButtonStandAlone = ({ checked, label, name, id, onBlur, onChange, state = RadioButtonStateType.DEFAULT, styles, subTitle, value, dataTestId, screenReaderId, }) => {
+export const RadioButtonStandAlone = (props) => {
     let inputId = useId('RadioButton');
-    inputId = id ?? inputId;
-    const descriptionId = subTitle?.content && `${inputId}__description`;
-    const isDisabled = state === RadioButtonStateType.DISABLED;
-    const getAriaDescribedBy = () => {
-        if (descriptionId) {
-            return `${descriptionId} ${screenReaderId}`;
-        }
-        return screenReaderId;
-    };
-    const getLabelFontWeight = () => subTitle?.content
-        ? styles?.[state]?.specialLabel?.font_weight
-        : styles?.[state]?.label?.font_weight;
-    return (_jsxs(RadioButtonStyled, { hasLabel: !!label, state: state, styles: styles, children: [_jsx(RadioButtonContainerInput, { styles: styles, children: _jsx(RadioButtonInputStyled, { "aria-describedby": screenReaderId && getAriaDescribedBy(), checked: checked, "data-testid": `${dataTestId}Input`, disabled: isDisabled, id: inputId, name: name, styles: styles, type: "radio", value: value, onBlur: onBlur, onChange: onChange }) }), label?.content && (_jsx(RadioButtonLabelStyled, { children: _jsx(Label, { color: styles?.[state]?.label?.color, cursor: isDisabled ? CURSOR_DEFAULT : CURSOR_POINTER, "data-testid": `${dataTestId}Label`, inputId: inputId, textVariant: styles?.[state]?.label?.font_variant, weight: getLabelFontWeight(), ...label, children: label.content }) })), subTitle?.content &&
-                (typeof subTitle.content === 'string' ? (_jsx(Text, { customTypography: styles?.[state]?.sublabel, ...subTitle, id: descriptionId, children: subTitle.content })) : (_jsx(RadioButtonContentStyled, { id: descriptionId, children: subTitle.content })))] }));
+    inputId = props.id ?? inputId;
+    const descriptionId = props.subTitle?.content && `${inputId}__description`;
+    const errorMessageId = props.errorMessage && `${inputId}__error`;
+    const getLabelFontWeight = () => props.subTitle?.content
+        ? props.styles?.[props.state]?.specialLabel?.font_weight
+        : props.styles?.[props.state]?.label?.font_weight;
+    return (_jsxs(RadioButtonStyled, { hasLabel: !!props.label, lastChild: props.lastChild, state: props.state, styles: props.styles, children: [_jsx(RadioButtonContainerInput, { styles: props.styles, children: _jsx(RadioButtonInputStyled, { "aria-describedby": props.screenReaderId &&
+                        buildAriaLabelledBy({
+                            descriptionId,
+                            screenReaderId: props.screenReaderId,
+                            errorMessage: props.errorMessage,
+                            errorMessageId,
+                            error: props.error,
+                        }), checked: props.checked, "data-testid": `${props.dataTestId}Input`, disabled: props.disabled, id: inputId, name: props.name, state: props.state, styles: props.styles, type: "radio", value: props.value, onBlur: props.onBlur, onChange: props.onChange }) }), props.label?.content && (_jsx(RadioButtonLabelStyled, { children: _jsx(Label, { color: props.styles?.[props.state]?.label?.color, cursor: props.disabled ? CURSOR_DEFAULT : CURSOR_POINTER, dataTestId: `${props.dataTestId}Label`, inputId: inputId, textVariant: props.styles?.[props.state]?.label?.font_variant, weight: getLabelFontWeight(), ...props.label, children: props.label.content }) })), props.subTitle?.content &&
+                (typeof props.subTitle.content === 'string' ? (_jsx(Text, { customTypography: props.styles?.[props.state]?.sublabel, ...props.subTitle, id: descriptionId, children: props.subTitle.content })) : (_jsx(RadioButtonContentStyled, { id: descriptionId, children: props.subTitle.content }))), props.error && props.errorMessage && (_jsx(RadioButtonErrorStyled, { "aria-live": props.errorAriaLiveType, id: errorMessageId, styles: props.styles?.[props.state], children: _jsxs(Text, { customTypography: props.styles?.[props.state]?.errorMessage, dataTestId: `${props.dataTestId}ErrorMessage`, children: [props.errorIcon && (_jsx(ErrorIconWrapperStyled, { styles: props.styles?.[props.state], children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.[props.state]?.errorMessageIcon, ...props.errorIcon }) })), props.errorMessage] }) }))] }));
 };
 //# sourceMappingURL=radioButtonStandAlone.js.map

package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map

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

package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButton.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { IElementOrIcon } from '../../../../../components/elementOrIcon';
 import { ILabelStandAlone } from '../../../../../components/label';
 import { IText } from '../../../../../components/text';
+import { AriaLiveOptionType } from '../../../../../types';
 import { VariantStyles } from '../../../../../types/variantStyles';
 import { RadioButtonStylesType } from './radioButtonTheme';
 import { RadioButtonStateType } from './state';
@@ -21,14 +23,20 @@ export interface IRadioButtonStandAlone extends IRadioButtonStyled {
     checked: boolean;
     name: string;
     label?: RadioButtonLabelType;
+    errorMessage?: string;
+    errorIcon?: IElementOrIcon;
+    errorAriaLiveType?: AriaLiveOptionType;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     subTitle?: RadioButtonSubtitleType;
-    state?: RadioButtonStateType;
+    state: RadioButtonStateType;
+    error?: boolean;
+    disabled?: boolean;
     value: string | number;
     dataTestId?: string;
-    screenReaderId?: string | undefined;
+    screenReaderId?: string;
     id?: string;
+    lastChild?: boolean;
 }
 /**
  * @description
@@ -37,6 +45,10 @@ export interface IRadioButtonStandAlone extends IRadioButtonStyled {
  * @template V
  * @property {V} variant - Variant of the radio button.
  */
-export interface IRadioButton<V = undefined extends string ? unknown : string> extends IRadioButtonStandAlone {
+export interface IRadioButton<V = undefined extends string ? unknown : string> extends Omit<IRadioButtonStandAlone, 'state'> {
+    /**
+     * @deprecated `state` is deprecated. Please use `error`, `disabled` or `checked` instead.
+     */
+    state?: RadioButtonStateType;
     variant: V;
 }

package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButtonTheme.d.ts

@@ -8,6 +8,10 @@ export type RadioButtonBaseStyles = {
     label?: TypographyTypes;
     specialLabel?: TypographyTypes;
     sublabel?: TypographyTypes;
+    errorMessage?: TypographyTypes;
+    errorMessageContainer?: CommonStyleType;
+    errorMessageIcon?: IconTypes;
+    errorMessageIconContainer?: CommonStyleType;
     radioButtonContainer?: CommonStyleType;
     radioButton?: CommonStyleType;
     tooltip?: {

package/dist/esm/components/radioButtonGroup/components/radioButton/types/state.d.ts

@@ -2,5 +2,7 @@ export declare enum RadioButtonStateType {
     DEFAULT = "DEFAULT",
     DISABLED = "DISABLED",
     DISABLED_SELECTED = "DISABLED_SELECTED",
-    SELECTED = "SELECTED"
+    SELECTED = "SELECTED",
+    ERROR = "ERROR",
+    ERROR_SELECTED = "ERROR_SELECTED"
 }

package/dist/esm/components/radioButtonGroup/components/radioButton/types/state.js

@@ -4,5 +4,7 @@ export var RadioButtonStateType;
     RadioButtonStateType["DISABLED"] = "DISABLED";
     RadioButtonStateType["DISABLED_SELECTED"] = "DISABLED_SELECTED";
     RadioButtonStateType["SELECTED"] = "SELECTED";
+    RadioButtonStateType["ERROR"] = "ERROR";
+    RadioButtonStateType["ERROR_SELECTED"] = "ERROR_SELECTED";
 })(RadioButtonStateType || (RadioButtonStateType = {}));
 //# sourceMappingURL=state.js.map

package/dist/esm/components/radioButtonGroup/components/radioButton/types/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../src/components/radioButtonGroup/components/radioButton/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,2CAAmB,CAAA;IACnB,6CAAqB,CAAA;IACrB,+DAAuC,CAAA;IACvC,6CAAqB,CAAA;AACvB,CAAC,EALW,oBAAoB,KAApB,oBAAoB,QAK/B"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../src/components/radioButtonGroup/components/radioButton/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,oBAOX;AAPD,WAAY,oBAAoB;IAC9B,2CAAmB,CAAA;IACnB,6CAAqB,CAAA;IACrB,+DAAuC,CAAA;IACvC,6CAAqB,CAAA;IACrB,uCAAe,CAAA;IACf,yDAAiC,CAAA;AACnC,CAAC,EAPW,oBAAoB,KAApB,oBAAoB,QAO/B"}

package/dist/esm/components/radioButtonGroup/radioButtonGroupStandAlone.js

@@ -12,7 +12,7 @@ import { RadioButtonGroupStateType } from './types';
 const RadioButtonGroupStandAloneComponent = ({ dataTestId = 'radioButtonGroup', requiredSymbol = '*', state = RadioButtonGroupStateType.DEFAULT, legendComponent = TextComponentType.LEGEND, ...props }, ref) => {
     const uniqueId = useId('radiogroup');
     const screenReaderId = `${uniqueId}ScreenReader`;
-    return (_jsxs(RadioButtonGroupStyled, { ref: ref, "aria-errormessage": props.errorMessageId, "data-testid": `${dataTestId}RadioGroup`, disabled: state === RadioButtonGroupStateType.DISABLED, name: props.name, styles: props.styles, children: [props.legend && (_jsxs(_Fragment, { children: [_jsxs(Text, { component: legendComponent, customTypography: props.styles?.[state]?.title, children: [props.legend, props.required && (_jsxs(_Fragment, { children: [requiredSymbol, _jsx(ScreenReaderOnly, { children: props.requiredScreenReaderText })] }))] }), _jsx(InfoIconWithTooltipStandAlone, { dataTestId: `${dataTestId}InfoIcon`, infoIcon: props.infoIcon, styles: props.styles, tooltip: props.tooltip })] })), props.options.map((o, index) => (_jsx(RadioButton, { checked: props.selectedOption?.value === o.value, dataTestId: `${dataTestId}RadioButton${index}`, label: { content: o.label }, name: props.name, screenReaderId: o.screenReader ? screenReaderId : undefined, state: o.state, styles: props.styles, subTitle: { content: o.description }, value: o.value, variant: props.variant, onBlur: props.onBlur, onChange: props.onChange }, o.value))), _jsx(ScreenReaderOnly, { dataTestId: `${dataTestId}ScreenReader`, id: screenReaderId, children: props.screenReaderText })] }));
+    return (_jsxs(RadioButtonGroupStyled, { ref: ref, "aria-errormessage": props.errorMessageId, "data-testid": `${dataTestId}RadioGroup`, disabled: state === RadioButtonGroupStateType.DISABLED || props.disabled, name: props.name, styles: props.styles, children: [props.legend && (_jsxs(_Fragment, { children: [_jsxs(Text, { component: legendComponent, customTypography: props.styles?.[state]?.title, children: [props.legend, props.required && (_jsxs(_Fragment, { children: [requiredSymbol, _jsx(ScreenReaderOnly, { children: props.requiredScreenReaderText })] }))] }), _jsx(InfoIconWithTooltipStandAlone, { dataTestId: `${dataTestId}InfoIcon`, infoIcon: props.infoIcon, styles: props.styles, tooltip: props.tooltip })] })), props.options.map((o, index) => (_jsx(RadioButton, { checked: props.selectedOption?.value === o.value, dataTestId: `${dataTestId}RadioButton${index}`, disabled: o.disabled, error: o.error, errorAriaLiveType: o.errorAriaLiveType, errorIcon: o.errorIcon, errorMessage: o.errorMessage, label: { content: o.label }, lastChild: index === props.options.length - 1, name: props.name, screenReaderId: o.screenReader ? screenReaderId : undefined, state: o.state, styles: props.styles, subTitle: { content: o.description }, value: o.value, variant: props.variant, onBlur: props.onBlur, onChange: props.onChange }, o.value))), _jsx(ScreenReaderOnly, { dataTestId: `${dataTestId}ScreenReader`, id: screenReaderId, children: props.screenReaderText })] }));
 };
 export const RadioButtonGroupStandAlone = React.forwardRef(RadioButtonGroupStandAloneComponent);
 //# sourceMappingURL=radioButtonGroupStandAlone.js.map

package/dist/esm/components/radioButtonGroup/radioButtonGroupStandAlone.js.map

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

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

@@ -32,7 +32,12 @@ export interface IRadioButtonGroupStandAlone extends IRadioButtonGroupStyled, II
     requiredSymbol?: React.ReactNode;
     requiredScreenReaderText?: string;
     selectedOption?: RadioButtonOptionType;
+    /**
+     * @deprecated `state` is deprecated. Please use `error` or `disabled` instead.
+     */
     state?: RadioButtonGroupStateType;
+    error?: boolean;
+    disabled?: boolean;
     legendComponent?: TextComponentType;
 }
 export interface IRadioButtonGroupControlled extends Omit<IRadioButtonGroupStandAlone, 'styles'>, Omit<CustomTokenTypes<VariantStyles<RadioButtonGroupStylesType>>, 'cts' | 'extraCt'> {

package/dist/esm/components/radioButtonGroup/types/radioButtonOption.d.ts

@@ -1,7 +1,17 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { AriaLiveOptionType } from '../../../types';
 import { OptionType } from '../../../types/option';
 import { RadioButtonStateType } from '../components/radioButton/types';
 export type RadioButtonOptionType = OptionType & {
     description?: JSX.Element | string;
+    errorMessage?: string;
+    errorIcon?: IElementOrIcon;
+    errorAriaLiveType?: AriaLiveOptionType;
+    /**
+     * @deprecated `state` in `RadioButtonOptionType` is deprecated. Please use `error` or `disabled` instead.
+     */
     state?: RadioButtonStateType;
+    error?: boolean;
+    disabled?: boolean;
     screenReader?: boolean;
 };

package/dist/esm/components/radioButtonGroup/utils/aria.utils.d.ts

@@ -0,0 +1,7 @@
+export declare const buildAriaLabelledBy: ({ descriptionId, screenReaderId, errorMessage, errorMessageId, error, }: {
+    descriptionId?: string | undefined;
+    screenReaderId?: string | undefined;
+    errorMessage?: string | undefined;
+    errorMessageId?: string | undefined;
+    error?: boolean | undefined;
+}) => string | undefined;