@kubit-ui-web/react-components 1.16.0 → 1.17.0

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

@@ -1,7 +1,7 @@
-import { PageControlArrowControlType } from '../types/pageControl';
+import { IElementOrIcon } from '../../../components/elementOrIcon/types/elementOrIcon';
 import { ArrowsControlVariantStylesType } from '../types/pageControlTheme';
-interface IArrowControlStandAlone extends PageControlArrowControlType {
-    arrowsControlStyles: ArrowsControlVariantStylesType;
+interface IArrowControlStandAlone extends IElementOrIcon {
+    arrowsControlStyles?: ArrowsControlVariantStylesType;
 }
 export declare const ArrowControlStandAlone: ({ arrowsControlStyles, disabled, ...props }: IArrowControlStandAlone) => JSX.Element;
 export {};

package/dist/esm/components/pageControl/components/arrowControlStandAlone.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ElementOrIcon } from '../../elementOrIcon/elementOrIcon';
-//types
 import { ArrowsControlState } from '../types/pageControlStates';
 export const ArrowControlStandAlone = ({ arrowsControlStyles, disabled = false, ...props }) => {
     const state = disabled ? ArrowsControlState.INACTIVE : ArrowsControlState.ACTIVE;
-    return (_jsx(ElementOrIcon, { customIconStyles: arrowsControlStyles[state]?.icon, disabled: disabled, ...props }));
+    return (_jsx(ElementOrIcon, { customIconStyles: arrowsControlStyles?.[state]?.icon, disabled: disabled, ...props }));
 };
 //# sourceMappingURL=arrowControlStandAlone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrowControlStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/pageControl/components/arrowControlStandAlone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO;AACP,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAOhE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACgB,EAAe,EAAE;IACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC;IACjF,OAAO,CACL,KAAC,aAAa,IACZ,gBAAgB,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,IAAI,EAClD,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"arrowControlStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/pageControl/components/arrowControlStandAlone.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAOhE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACgB,EAAe,EAAE;IACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC;IAEjF,OAAO,CACL,KAAC,aAAa,IACZ,gBAAgB,EAAE,mBAAmB,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EACpD,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { ButtonControl } from '../types/pageControl';
+interface IButtonControlStandAlone extends ButtonControl {
+    buttonControlStyles?: CommonStyleType;
+    dataTestId?: string;
+}
+export declare const ButtonControlStandAlone: ({ buttonControlStyles, disabled, ...props }: IButtonControlStandAlone) => JSX.Element;
+export {};

package/dist/esm/components/pageControl/components/buttonControlStandAlone.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ButtonType } from '../../../components/button/types/type';
+import { pickAriaProps } from '../../../utils/aria/aria';
+import { ButtonControStyled } from '../pageControl.styled';
+export const ButtonControlStandAlone = ({ buttonControlStyles, disabled = false, ...props }) => {
+    const ariaProps = pickAriaProps(props);
+    return (_jsx(ButtonControStyled, { "data-testid": props.dataTestId, disabled: disabled, styles: buttonControlStyles, type: ButtonType.BUTTON, ...props, ...ariaProps }));
+};
+//# sourceMappingURL=buttonControlStandAlone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonControlStandAlone.js","sourceRoot":"","sources":["../../../../../src/components/pageControl/components/buttonControlStandAlone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACiB,EAAe,EAAE;IAC1C,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,kBAAkB,mBACJ,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,mBAAmB,EAC3B,IAAI,EAAE,UAAU,CAAC,MAAM,KACnB,KAAK,KACL,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/pageControl/helper/controlType.d.ts

@@ -0,0 +1,3 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon/types/elementOrIcon';
+import { PageControlControlType } from '../types/pageControl';
+export declare const isIElementOrIcon: (control?: PageControlControlType) => control is IElementOrIcon;

package/dist/esm/components/pageControl/helper/controlType.js

@@ -0,0 +1,4 @@
+export const isIElementOrIcon = (control) => {
+    return control?.icon !== undefined;
+};
+//# sourceMappingURL=controlType.js.map

package/dist/esm/components/pageControl/helper/controlType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlType.js","sourceRoot":"","sources":["../../../../../src/components/pageControl/helper/controlType.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAgC,EAA6B,EAAE;IAC9F,OAAQ,OAA0B,EAAE,IAAI,KAAK,SAAS,CAAC;AACzD,CAAC,CAAC"}

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

@@ -1 +1,2 @@
 export * from './positions';
+export * from './controlType';

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

@@ -1,2 +1,3 @@
 export * from './positions';
+export * from './controlType';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/pageControl/helper/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/pageControl/helper/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

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

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

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

@@ -1,5 +1,5 @@
 // enums
-export { PageControlState, ArrowsControlState } from './types';
+export { PageControlState, ArrowsControlState, PageControlDirectionType } from './types';
 // componet
 export { PageControl } from './pageControl';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pageControl/index.ts"],"names":[],"mappings":"AAcA,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEzF,WAAW;AACX,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

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

@@ -1,3 +1,4 @@
+import { CommonStyleType } from '../../types/styles/commonStyle';
 import { PageControlState } from './types/pageControlStates';
 import { ArrowsControlVariantStylesType, PageControlVariantStylesType } from './types/pageControlTheme';
 type ComponentStylesProps = {
@@ -13,6 +14,9 @@ export declare const LeftArrowControlWrapperStyled: import("styled-components/di
     arrowsControlStyles: ArrowsControlVariantStylesType;
 }>> & string;
 export declare const RightArrowControlWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    arrowsControlStyles: ArrowsControlVariantStylesType;
+    arrowsControlStyles?: ArrowsControlVariantStylesType;
+}>> & string;
+export declare const ButtonControStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    styles?: CommonStyleType;
 }>> & string;
 export {};

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

@@ -15,6 +15,10 @@ export const LeftArrowControlWrapperStyled = styled.div `
 `;
 export const RightArrowControlWrapperStyled = styled.div `
   line-height: 0;
-  ${({ arrowsControlStyles }) => getStyles(arrowsControlStyles.rightArrowControlContainer)};
+  ${({ arrowsControlStyles }) => getStyles(arrowsControlStyles?.rightArrowControlContainer)};
+`;
+export const ButtonControStyled = styled.button `
+  line-height: 0;
+  ${({ styles }) => getStyles(styles)};
 `;
 //# sourceMappingURL=pageControl.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pageControl.styled.js","sourceRoot":"","sources":["../../../../src/components/pageControl/pageControl.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAgB5D,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAsB;IAChE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAsB;IACvD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAA4C;IAChF,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAErD;;IAEE,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,yBAAyB,CAAC;CACxF,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAEtD;;IAEE,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,0BAA0B,CAAC;CACzF,CAAC"}
+{"version":3,"file":"pageControl.styled.js","sourceRoot":"","sources":["../../../../src/components/pageControl/pageControl.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAgB5D,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAsB;IAChE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAsB;IACvD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAA4C;IAChF,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAErD;;IAEE,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,yBAAyB,CAAC;CACxF,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAEtD;;IAEE,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,mBAAmB,EAAE,0BAA0B,CAAC;CAC1F,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAE7C;;IAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC;CACpC,CAAC"}

package/dist/esm/components/pageControl/pageControlStandAlone.js

@@ -1,14 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { ArrowControlStandAlone } from './components/arrowControlStandAlone';
+import { ButtonControlStandAlone } from './components/buttonControlStandAlone';
+import { isIElementOrIcon } from './helper/controlType';
 import { DotsWrapper, LeftArrowControlWrapperStyled, PageControlContainer, PageControlDot, RightArrowControlWrapperStyled, } from './pageControl.styled';
 import { PageControlState } from './types/pageControlStates';
-const PageControlStandAloneComponent = ({ pages, currentPosition, styles, dots, firstVisiblePosition, lastVisiblePosition, dataTestId = 'page-control', arrowsControlStyles, leftArrowControl, rightArrowControl, }, ref) => {
-    return (_jsx(PageControlContainer, { ref: ref, "data-testid": dataTestId, styles: styles, children: dots > 0 && (_jsxs(_Fragment, { children: [leftArrowControl && (_jsx(LeftArrowControlWrapperStyled, { arrowsControlStyles: arrowsControlStyles, children: _jsx(ArrowControlStandAlone, { arrowsControlStyles: arrowsControlStyles, ...leftArrowControl }) })), _jsxs(DotsWrapper, { styles: styles, children: [styles.isBullet && firstVisiblePosition > 0 ? (_jsx(PageControlDot, { state: PageControlState.LAST, styles: styles })) : null, [...Array(dots)].map((_, _index) => {
-                            const index = _index + firstVisiblePosition;
-                            const state = index === currentPosition ? PageControlState.CURRENT : PageControlState.DEFAULT;
-                            return _jsx(PageControlDot, { state: state, styles: styles }, `Dot-middle--${index}`);
-                        }), styles.isBullet && lastVisiblePosition < pages - 1 && (_jsx(PageControlDot, { state: PageControlState.LAST, styles: styles }))] }), rightArrowControl && (_jsx(RightArrowControlWrapperStyled, { arrowsControlStyles: arrowsControlStyles, children: _jsx(ArrowControlStandAlone, { arrowsControlStyles: arrowsControlStyles, ...rightArrowControl }) }))] })) }));
+const PageControlStandAloneComponent = ({ dataTestId = 'page-control', ...props }, ref) => {
+    return (_jsx(PageControlContainer, { ref: ref, "data-testid": dataTestId, styles: props.styles, children: props.dots > 0 && (_jsxs(_Fragment, { children: [props.leftControl && !isIElementOrIcon(props.leftControl) && (_jsx(ButtonControlStandAlone, { ...props.leftControl, buttonControlStyles: props.styles.leftButtonControl, dataTestId: `${dataTestId}-left-control` })), ((props.arrowsControlStyles && isIElementOrIcon(props.leftControl)) ||
+                    (props.arrowsControlStyles && props.leftArrowControl)) && (_jsx(LeftArrowControlWrapperStyled, { arrowsControlStyles: props.arrowsControlStyles, children: _jsx(ArrowControlStandAlone, { arrowsControlStyles: props.arrowsControlStyles, ...props.leftControl, ...props.leftArrowControl }) })), _jsxs(DotsWrapper, { styles: props.styles, children: [props.styles.isBullet && props.firstVisiblePosition > 0 ? (_jsx(PageControlDot, { state: PageControlState.LAST, styles: props.styles })) : null, [...Array(props.dots)].map((_, _index) => {
+                            const index = _index + props.firstVisiblePosition;
+                            const state = index === props.currentPosition
+                                ? PageControlState.CURRENT
+                                : PageControlState.DEFAULT;
+                            return (_jsx(PageControlDot, { state: state, styles: props.styles }, `Dot-middle--${index}`));
+                        }), props.styles.isBullet && props.lastVisiblePosition < props.pages - 1 && (_jsx(PageControlDot, { state: PageControlState.LAST, styles: props.styles }))] }), props.rightControl && !isIElementOrIcon(props.rightControl) && (_jsx(ButtonControlStandAlone, { ...props.rightControl, buttonControlStyles: props.styles.rightButtonControl, dataTestId: `${dataTestId}-right-control` })), ((props.arrowsControlStyles && isIElementOrIcon(props.rightControl)) ||
+                    (props.arrowsControlStyles && props.rightArrowControl)) && (_jsx(RightArrowControlWrapperStyled, { arrowsControlStyles: props.arrowsControlStyles, children: _jsx(ArrowControlStandAlone, { arrowsControlStyles: props.arrowsControlStyles, ...props.rightControl, ...props.rightArrowControl }) }))] })) }));
 };
 export const PageControlStandAlone = React.forwardRef(PageControlStandAloneComponent);
 //# sourceMappingURL=pageControlStandAlone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pageControlStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pageControl/pageControlStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EACL,WAAW,EACX,6BAA6B,EAC7B,oBAAoB,EACpB,cAAc,EACd,8BAA8B,GAC/B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,8BAA8B,GAAG,CACrC,EACE,KAAK,EACL,eAAe,EACf,MAAM,EACN,IAAI,EACJ,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,GAAG,cAAc,EAC3B,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,GACM,EACzB,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,KAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,iBAAe,UAAU,EAAE,MAAM,EAAE,MAAM,YACpE,IAAI,GAAG,CAAC,IAAI,CACX,8BACG,gBAAgB,IAAI,CACnB,KAAC,6BAA6B,IAAC,mBAAmB,EAAE,mBAAmB,YACrE,KAAC,sBAAsB,IACrB,mBAAmB,EAAE,mBAAmB,KACpC,gBAAgB,GACpB,GAC4B,CACjC,EACD,MAAC,WAAW,IAAC,MAAM,EAAE,MAAM,aACxB,MAAM,CAAC,QAAQ,IAAI,oBAAoB,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7C,KAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;4BAClC,MAAM,KAAK,GAAG,MAAM,GAAG,oBAAoB,CAAC;4BAC5C,MAAM,KAAK,GACT,KAAK,KAAK,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC;4BAElF,OAAO,KAAC,cAAc,IAA8B,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAApD,eAAe,KAAK,EAAE,CAAkC,CAAC;wBACvF,CAAC,CAAC,EACD,MAAM,CAAC,QAAQ,IAAI,mBAAmB,GAAG,KAAK,GAAG,CAAC,IAAI,CACrD,KAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,IACW,EACb,iBAAiB,IAAI,CACpB,KAAC,8BAA8B,IAAC,mBAAmB,EAAE,mBAAmB,YACtE,KAAC,sBAAsB,IACrB,mBAAmB,EAAE,mBAAmB,KACpC,iBAAiB,GACrB,GAC6B,CAClC,IACA,CACJ,GACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
+{"version":3,"file":"pageControlStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pageControl/pageControlStandAlone.tsx"],"names":[],"mappings":"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"}

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

@@ -1,21 +1,38 @@
 import { CustomTokenTypes } from '../../../types/customToken/customToken';
 import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
 import { ArrowsControlVariantStylesType, PageControlVariantStylesType } from './pageControlTheme';
+/**
+ * @deprecated `PageControlArrowControlType` is deprecated because `leftArrowControl` and `rightArrowControl` are deprecated.
+ */
 export type PageControlArrowControlType = IElementOrIcon;
+export type ButtonControlAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-controls' | 'aria-expanded' | 'aria-pressed' | 'aria-disabled' | 'aria-hidden'>;
+export type ButtonControl = ButtonControlAriaAttributes & {
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+};
+export type PageControlControlType = IElementOrIcon | ButtonControl;
 export interface IPageControlStandAlone {
     styles: PageControlVariantStylesType;
-    arrowsControlStyles: ArrowsControlVariantStylesType;
+    arrowsControlStyles?: ArrowsControlVariantStylesType;
     pages: number;
     dots: number;
     currentPosition: number;
     firstVisiblePosition: number;
     lastVisiblePosition: number;
+    leftControl?: PageControlControlType;
+    rightControl?: PageControlControlType;
+    /**
+     * @deprecated `leftArrowControl` is deprecated. Please use `leftControl` instead.
+     */
     leftArrowControl?: PageControlArrowControlType;
+    /**
+     * @deprecated `rightArrowControl` is deprecated. Please use `rightControl` instead.
+     */
     rightArrowControl?: PageControlArrowControlType;
     dataTestId?: string;
 }
 export interface PageControlType<V = undefined extends string ? unknown : string> extends Omit<IPageControlStandAlone, 'styles' | 'arrowsControlStyles' | 'dots' | 'firstVisiblePosition' | 'lastVisiblePosition'>, Omit<CustomTokenTypes<PageControlVariantStylesType, undefined, ArrowsControlVariantStylesType>, 'cts'> {
     maxDots?: number;
-    arrowsControlVariant: string;
+    arrowsControlVariant?: string;
     variant: V;
 }

package/dist/esm/components/pageControl/types/pageControlTheme.d.ts

@@ -4,6 +4,8 @@ import { ArrowsControlState, PageControlState } from './pageControlStates';
 export type PageControlCommonProps = {
     container?: CommonStyleType;
     dotsContainer?: CommonStyleType;
+    leftButtonControl?: CommonStyleType;
+    rightButtonControl?: CommonStyleType;
     isBullet?: boolean;
 };
 export type PageControlStateProps = {

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

@@ -1,4 +1,2 @@
-export type { IPill as IPillV2, PillStylesType as PillStylesTypeV2, PillVariantPropsStylesType as PillVariantPropsStylesTypeV2, PillSizePropsStylesType as PillSizePropsStylesTypeV2, PillPropsStylesType as PillPropsStylesTypeV2, PillLabelType as PillLabelTypeV2, } from './types';
-export { PillStateType as PillStateTypeV2 } from './types/pillStateType';
-export { PillType as PillTypeV2 } from './types/pillType';
+export * from './types';
 export { Pill as PillV2 } from './pill';

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

@@ -1,4 +1,3 @@
-export { PillStateType as PillStateTypeV2 } from './types/pillStateType';
-export { PillType as PillTypeV2 } from './types/pillType';
+export * from './types';
 export { Pill as PillV2 } from './pill';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pillV2/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pillV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -16,11 +16,7 @@ const PillComponent = ({ variant, size, ctv, selected = false, disabled = false,
     const styles = size
         ? variantStyles?.[size]?.[state]
         : variantStyles?.[Object.keys(variantStyles)[0]]?.[state];
-    return (_jsx(PillStandAlone
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    , { 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: ref, disabled: disabled, selected: selected, styles: styles, ...props }));
+    return (_jsx(PillStandAlone, { ref: ref, disabled: disabled, selected: selected, styles: styles, ...props }));
 };
 export const Pill = React.forwardRef(PillComponent);
 export { Pill as PillV2 };

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

@@ -1 +1 @@
-{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,aAAa,GAAG,CACpB,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAC3E,GAAuC,EACvC,EAAE;IACF,MAAM,aAAa,GAAG,WAAW,CAA6B;QAC5D,SAAS,EAAE,WAAW,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,2EAA2E;IAC3E,MAAM,MAAM,GAAG,IAAI;QACjB,CAAC,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,cAAc;IACb,8DAA8D;;QAA9D,8DAA8D;QAC9D,GAAG,EAAE,GAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAEpD,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"pill.js","sourceRoot":"","sources":["../../../../src/components/pillV2/pill.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,aAAa,GAAG,CACpB,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAC3E,GAAuC,EACvC,EAAE;IACF,MAAM,aAAa,GAAG,WAAW,CAA6B;QAC5D,SAAS,EAAE,WAAW,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,2EAA2E;IAC3E,MAAM,MAAM,GAAG,IAAI;QACjB,CAAC,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,cAAc,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAChG,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAEpD,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,CAAC"}

package/dist/esm/components/pillV2/pillStandAlone.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IPillStandAlone } from './types/pill';
-export declare const PillStandAlone: React.ForwardRefExoticComponent<IPillStandAlone & React.RefAttributes<HTMLButtonElement>>;
+export declare const PillStandAlone: React.ForwardRefExoticComponent<IPillStandAlone & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useId } from '../../hooks/useId/useId';
 import { InputTypeType } from '../../types/inputType/inputType';
+import { pickAriaProps } from '../../utils/aria/aria';
 import { ROLES } from '../../types/role/role';
 import { ButtonType } from '../button/types/type';
 import { ElementOrIcon } from '../elementOrIcon/elementOrIcon';
@@ -10,9 +11,10 @@ import { TextComponentType } from '../text/types/component';
 import { PillAsButton, PillContentContainerStyled, PillInputStyled, PillRootContainerStyled, } from './pill.styled';
 import { PillType } from './types/pillType';
 const PillStandAloneComponent = ({ dataTestId = 'pill', type = PillType.BUTTON, ...props }, ref) => {
+    const ariaProps = pickAriaProps(props);
     const id = useId('pill');
     const pillContentId = `${id}-content`;
-    return (_jsxs(PillRootContainerStyled, { ref: ref, "aria-controls": props['aria-controls'], "aria-selected": type === PillType.TAB ? props.selected : undefined, as: [PillType.BUTTON, PillType.TAB].includes(type) ? PillAsButton : undefined, "data-testid": dataTestId, role: type === PillType.TAB ? ROLES.TAB : undefined, styles: props.styles, type: [PillType.BUTTON, PillType.TAB].includes(type) ? ButtonType.BUTTON : undefined, onClick: props.onClick, children: [_jsxs(PillContentContainerStyled, { id: pillContentId, styles: props.styles, children: [_jsx(ElementOrIcon, { customIconStyles: props.styles?.leftIcon, ...props.leftIcon }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.label, ...props.label, children: props.label?.content }), _jsx(ElementOrIcon, { customIconStyles: props.styles?.rightIcon, ...props.rightIcon })] }), [PillType.SELECTOR_SIMPLE, PillType.SELECTOR_MULTIPLE].includes(type) && (_jsx(PillInputStyled, { "aria-labelledby": pillContentId, checked: props.selected, disabled: props.disabled, name: props.name, styles: props.styles, type: type === PillType.SELECTOR_SIMPLE ? InputTypeType.RADIO : InputTypeType.CHECKBOX, value: props.value, onChange: props.onChange }))] }));
+    return (_jsxs(PillRootContainerStyled, { ref: ref, ...ariaProps, "aria-selected": type === PillType.TAB ? props.selected : undefined, as: ([PillType.BUTTON, PillType.TAB].includes(type) ? PillAsButton : undefined), "data-testid": dataTestId, role: type === PillType.TAB ? ROLES.TAB : undefined, styles: props.styles, type: [PillType.BUTTON, PillType.TAB].includes(type) ? ButtonType.BUTTON : undefined, onClick: props.onClick, children: [_jsxs(PillContentContainerStyled, { "data-pill-content": true, id: pillContentId, styles: props.styles, children: [_jsx(ElementOrIcon, { customIconStyles: props.styles?.leftIcon, ...props.leftIcon }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.label, ...props.label, children: props.label?.content }), _jsx(ElementOrIcon, { customIconStyles: props.styles?.rightIcon, ...props.rightIcon })] }), [PillType.SELECTOR_SIMPLE, PillType.SELECTOR_MULTIPLE].includes(type) && (_jsx(PillInputStyled, { "aria-labelledby": pillContentId, checked: props.selected, disabled: props.disabled, name: props.name, styles: props.styles, type: type === PillType.SELECTOR_SIMPLE ? InputTypeType.RADIO : InputTypeType.CHECKBOX, value: props.value, onChange: props.onChange }))] }));
 };
 export const PillStandAlone = React.forwardRef(PillStandAloneComponent);
 //# sourceMappingURL=pillStandAlone.js.map

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

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

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

@@ -1,4 +1,4 @@
-export * from './pill';
-export * from './pillTheme';
-export * from './pillStateType';
-export * from './pillType';
+export type { PillStylesType as PillStylesTypeV2, PillVariantPropsStylesType as PillVariantPropsStylesTypeV2, PillSizePropsStylesType as PillSizePropsStylesTypeV2, PillPropsStylesType as PillPropsStylesTypeV2, } from './pillTheme';
+export type { IPill as IPillV2, PillLabelType as PillLabelTypeV2, PillAriaAttributes as PillAriaAttributesV2, } from './pill';
+export { PillStateType as PillStateTypeV2 } from './pillStateType';
+export { PillType as PillTypeV2 } from './pillType';

package/dist/esm/components/pillV2/types/index.js

@@ -1,5 +1,3 @@
-export * from './pill';
-export * from './pillTheme';
-export * from './pillStateType';
-export * from './pillType';
+export { PillStateType as PillStateTypeV2 } from './pillStateType';
+export { PillType as PillTypeV2 } from './pillType';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/pillV2/types/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,YAAY,CAAC"}

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

@@ -7,7 +7,8 @@ import { PillType } from './pillType';
 export type PillLabelType = Omit<IText<string>, 'children'> & {
     content?: ReactNode;
 };
-export interface IPillStandAlone {
+export type PillAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-checked' | 'aria-describedby' | 'aria-pressed' | 'aria-disabled' | 'aria-controls' | 'aria-expanded'>;
+export interface IPillStandAlone extends PillAriaAttributes {
     styles?: PillPropsStylesType;
     leftIcon?: IElementOrIcon;
     label?: PillLabelType;

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

@@ -6,7 +6,7 @@ export type PillPropsStylesType = {
     rootContainer?: CommonStyleType;
     contentContainer?: CommonStyleType;
     leftIcon?: IconTypes;
-    label?: TypographyTypes;
+    label?: TypographyTypes & CommonStyleType;
     rightIcon?: IconTypes;
     input?: CommonStyleType;
 };

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

@@ -39,15 +39,16 @@ export const PopoverStyled = styled.div `
   ${props => props.align
     ? alignProps(props.align, props.extraAlignGap)
     : alignProps(props[DeviceBreakpointsType.DESKTOP]?.align)};
-  top: ${props => props.top};
-  bottom: ${props => props.bottom};
-  right: ${props => props.right};
-  left: ${props => props.left};
   ${({ theme: { MEDIA_QUERIES: { onlyMobile, onlyTablet, onlyDesktop }, }, zIndex, ...props }) => css `
     ${onlyDesktop} {
       ${getWidth(props)}
     }
 
+    top: ${props.top};
+    bottom: ${props.bottom};
+    right: ${props.right};
+    left: ${props.left};
+
     ${onlyTablet} {
       position: ${!props[DeviceBreakpointsType.TABLET]
     ? props.positionVariant
@@ -56,6 +57,10 @@ export const PopoverStyled = styled.div `
     ? alignProps(props.align, props.extraAlignGap)
     : alignProps(props[DeviceBreakpointsType.TABLET]?.align)};
       ${getWidth(props)}
+      top: ${props.top};
+      bottom: ${props.bottom};
+      right: ${props.right};
+      left: ${props.left};
       z-index: ${props => props[DeviceBreakpointsType.TABLET]?.zIndex || zIndex || 'auto'};
     }
 
@@ -65,6 +70,10 @@ export const PopoverStyled = styled.div `
     : props[DeviceBreakpointsType.MOBILE]?.positionVariant};
       ${alignProps(props[DeviceBreakpointsType.MOBILE]?.align)};
       ${getWidth(props)}
+      top: ${props.top};
+      bottom: ${props.bottom};
+      right: ${props.right};
+      left: ${props.left};
       z-index: ${props => props[DeviceBreakpointsType.MOBILE]?.zIndex || zIndex || 'auto'};
     }
   `}

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

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

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

@@ -8,5 +8,9 @@ export declare const BarContainerStyled: import("styled-components/dist/types").
 export declare const BarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ProgressBarStylesType>> & string;
 export declare const ProgressBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ProgressBarStylesType & {
     progressCompleted?: number;
+    progressAnimation?: {
+        duration?: string;
+        timingFunction?: string;
+    };
 }>> & string;
 export {};

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

@@ -14,5 +14,6 @@ export const ProgressBarStyled = styled.div `
   ${props => getStyles(props.styles.progressBar)}
   ${props => getStyles(props.sizeStyles?.progressBar)}
   width: ${({ progressCompleted }) => `${progressCompleted}%`};
+  transition: ${({ progressAnimation }) => `width ${progressAnimation?.duration} ${progressAnimation?.timingFunction}`};
 `;
 //# sourceMappingURL=progressBar.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AASxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAuB;IAClE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAuB;IAC/D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAuB;IACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwD;IAC/F,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC;WAC1C,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,GAAG,iBAAiB,GAAG;CAC5D,CAAC"}
+{"version":3,"file":"progressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AASxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAuB;IAClE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAuB;IAC/D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAuB;IACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAQ1C;IACG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC;WAC1C,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,GAAG,iBAAiB,GAAG;gBAC7C,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CACtC,SAAS,iBAAiB,EAAE,QAAQ,IAAI,iBAAiB,EAAE,cAAc,EAAE;CAC9E,CAAC"}

package/dist/esm/components/progressBar/progressBarStandAlone.js

@@ -14,7 +14,7 @@ const ProgressBarStandaloneComponent = ({ dataTestIdBar = 'bar', dataTestIdProgr
                         // in order to retun a value 0 - 100
                         props.onChange(newValue / SLIDER_PERCENTAGE_CONVERSION);
                     }
-                }, onDragEnd: props.onDragEnd, onDragStart: props.onDragStart })) : (_jsxs(_Fragment, { children: [_jsx(BarStyled, { "data-testid": dataTestIdBar, sizeStyles: props.sizeStyles, styles: props.styles }), _jsx(ProgressBarStyled, { "data-testid": dataTestIdProgressBar, progressCompleted: props.progressCompleted, sizeStyles: props.sizeStyles, styles: props.styles })] })) }) }));
+                }, onDragEnd: props.onDragEnd, onDragStart: props.onDragStart })) : (_jsxs(_Fragment, { children: [_jsx(BarStyled, { "data-testid": dataTestIdBar, sizeStyles: props.sizeStyles, styles: props.styles }), _jsx(ProgressBarStyled, { "data-testid": dataTestIdProgressBar, progressAnimation: props.progressAnimation, progressCompleted: props.progressCompleted, sizeStyles: props.sizeStyles, styles: props.styles })] })) }) }));
 };
 /**
  * @description

package/dist/esm/components/progressBar/progressBarStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBarStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAG9B,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC9B,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAExC,MAAM,8BAA8B,GAAG,CACrC,EACE,aAAa,GAAG,KAAK,EACrB,qBAAqB,GAAG,cAAc,EACtC,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACrC,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACxD,KAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,YAAY,EAC7B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAE,gBAAgB,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,UAAU,CAAC,UAAU;gBAC3B,mCAAmC;gBACnC,KAAK,EAAE,KAAK,CAAC,iBAAiB,GAAG,4BAA4B,EAC7D,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EACnC,QAAQ,EAAE,CAAC,QAA2B,EAAE,EAAE;oBACxC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;wBAC/C,oCAAoC;wBACpC,KAAK,CAAC,QAAQ,CAAC,QAAQ,GAAG,4BAA4B,CAAC,CAAC;oBAC1D,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,SAAS,mBACK,aAAa,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,KAAC,iBAAiB,mBACH,qBAAqB,EAClC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACD,CACJ,GACkB,GACC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
+{"version":3,"file":"progressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBarStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAG9B,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC9B,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAExC,MAAM,8BAA8B,GAAG,CACrC,EACE,aAAa,GAAG,KAAK,EACrB,qBAAqB,GAAG,cAAc,EACtC,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACrC,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACxD,KAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,YAAY,EAC7B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAE,gBAAgB,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,UAAU,CAAC,UAAU;gBAC3B,mCAAmC;gBACnC,KAAK,EAAE,KAAK,CAAC,iBAAiB,GAAG,4BAA4B,EAC7D,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EACnC,QAAQ,EAAE,CAAC,QAA2B,EAAE,EAAE;oBACxC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;wBAC/C,oCAAoC;wBACpC,KAAK,CAAC,QAAQ,CAAC,QAAQ,GAAG,4BAA4B,CAAC,CAAC;oBAC1D,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,SAAS,mBACK,aAAa,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,KAAC,iBAAiB,mBACH,qBAAqB,EAClC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACD,CACJ,GACkB,GACC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}

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

@@ -12,6 +12,10 @@ export interface IProgressBarStandAlone {
     onDragStart?: () => void;
     onDragEnd?: () => void;
     tooltip?: SliderTooltipType;
+    progressAnimation?: {
+        duration?: string;
+        timingFunction?: string;
+    };
 }
 export interface IProgressBar<V = undefined extends string | unknown ? string | undefined : string | unknown, S = undefined extends string | unknown ? string | undefined : string | unknown> extends Omit<IProgressBarStandAlone, 'styles' | 'sizeStyles' | 'progressCompleted'>, Omit<CustomTokenTypes<ProgressBarVariantStylesType>, 'extraCt'> {
     variant: V;

package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js

@@ -21,7 +21,7 @@ const StepperNumberStandAloneComponent = ({ currentStep = defaultStep, dataTestI
     const usingScreenReaderTextBuilder = Boolean(props.screenReaderTextBuilder);
     return (_jsxs(StepperNumberContainerStyled, { ref: ref, "aria-hidden": !isVertical, "aria-label": props['aria-label'], "aria-labelledby": ariaLabelledBy, "data-testid": dataTestId, children: [props.screenReaderTitle?.content && (_jsx(ScreenReaderTitle, { as: props.screenReaderTitle.component, id: screenReaderTitleId, children: props.screenReaderTitle?.content })), _jsx(StepsContainerStyled, { "data-testid": `${dataTestId}-steps-container`, styles: props.styles, children: steps.map((step, index) => {
                     const isLastStep = index === steps.length - 1;
-                    return (_jsxs(BuilStepContainerStyled, { "$orientation": props.orientation, "aria-current": buildAriaCurrent(currentStep, index, props.orientation), "data-testid": `${dataTestId}-li-${index}`, horizontalOrientationWidth: isLastStep ? 'auto' : props.horizontalOrientationWidth, children: [usingScreenReaderTextBuilder && (_jsx(ScreenReaderOnly, { children: buildScreenReaderText(index, currentStep, steps.length, props.screenReaderTextBuilder, step.name, isVertical) })), _jsxs(StepContainerStyled, { "aria-hidden": !isVertical || usingScreenReaderTextBuilder ? true : undefined, state: step.state, styles: props.styles, children: [_jsxs(StepCircleBarWrapperStyled, { "$orientation": props.orientation, children: [_jsx(StepCircleStyled, { state: step.state, styles: props.styles, children: step.state === StepperNumberStateType.COMPLETED ? (_jsxs(React.Fragment, { children: [_jsx(ElementOrIcon, { customIconStyles: props.styles?.[step.state]?.iconSelected, ...props.completedStepIcon }), _jsx(ScreenReaderOnly, { children: index + 1 })] })) : (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.[step.state]?.stepIndex, children: index + 1 })) }), !isLastStep && (_jsx(StepBarStyled, { state: steps[index + 1].state, styles: props.styles }))] }), isVertical && (_jsxs(StepperNumberContainerVerticalStep, { "aria-hidden": usingScreenReaderTextBuilder ? true : undefined, isLastStep: isLastStep, state: step.state, styles: props.styles, children: [_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.[step.state]?.stepName, children: step.name }), !usingScreenReaderTextBuilder &&
+                    return (_jsxs(BuilStepContainerStyled, { "$orientation": props.orientation, "aria-current": buildAriaCurrent(currentStep, index, props.orientation), "data-testid": `${dataTestId}-li-${index}`, horizontalOrientationWidth: isLastStep ? 'auto' : props.horizontalOrientationWidth, children: [usingScreenReaderTextBuilder && (_jsx(ScreenReaderOnly, { children: buildScreenReaderText(index, currentStep, steps.length, props.screenReaderTextBuilder, step.name, isVertical) })), _jsxs(StepContainerStyled, { "aria-hidden": !isVertical || usingScreenReaderTextBuilder ? true : undefined, state: step.state, styles: props.styles, children: [_jsxs(StepCircleBarWrapperStyled, { "$orientation": props.orientation, children: [_jsx(StepCircleStyled, { state: step.state, styles: props.styles, children: step.state === StepperNumberStateType.COMPLETED ? (_jsxs(React.Fragment, { children: [_jsx(ElementOrIcon, { customIconStyles: props.styles?.[step.state]?.iconSelected, ...props.completedStepIcon }), _jsx(ScreenReaderOnly, { children: index + 1 })] })) : (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.[step.state]?.stepIndex, children: index + 1 })) }), !isLastStep && (_jsx(StepBarStyled, { state: steps[index + 1].state, styles: props.styles }))] }), isVertical && (_jsxs(StepperNumberContainerVerticalStep, { "aria-hidden": usingScreenReaderTextBuilder ? true : undefined, isLastStep: isLastStep, state: step.state, styles: props.styles, children: [_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.[step.state]?.stepName, maxTruncatedLines: props.stepMaxTruncatedLines, children: step.name }), !usingScreenReaderTextBuilder &&
                                                 step.state === StepperNumberStateType.COMPLETED &&
                                                 props.screenReaderCompletedStep?.content && (_jsxs(ScreenReaderCompletedStep, { as: props.screenReaderCompletedStep.component, "data-testid": props.screenReaderCompletedStep.dataTestId, children: ["\u00A0", props.screenReaderCompletedStep.content] }))] }))] })] }, 'stepContainer' + index));
                 }) })] }));

package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js.map

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

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

@@ -18,6 +18,7 @@ export interface IStepperNumberStandAlone {
     horizontalOrientationWidth?: string;
     completedStepIcon?: IElementOrIcon;
     steps?: string[];
+    stepMaxTruncatedLines?: number;
     currentStep?: number;
     ['aria-label']?: string;
     /**

package/dist/esm/components/tabs/tabsStandAlone.js

@@ -29,8 +29,18 @@ minTabsInView = MIN_TABS_IN_VIEW, maxTabsInView = MAX_TABS_IN_VIEW, unMountConte
         tabsLength: tabsLength,
         selectedTab: props.selectedTab,
     });
-    const buildIconLeft = () => position !== 0 && (_jsx(TabsLeftArrowContainerStyled, { "aria-label": props.leftControlAriaLabel, "data-testid": `${dataTestId}-icon-left`, styles: props.styles, tabIndex: 0, type: ButtonType.BUTTON, onClick: () => handleClickIcon(false), children: _jsx(ElementOrIcon, { customIconStyles: props.styles.leftIcon, ...props.leftIcon }) }));
-    const buildIconRight = () => position < tabsLength - numTabsInView && (_jsx(TabsRightArrowContainerStyled, { "aria-label": props.rightControlAriaLabel, "data-testid": `${dataTestId}-icon-right`, styles: props.styles, tabIndex: 0, type: ButtonType.BUTTON, onClick: () => handleClickIcon(true), children: _jsx(ElementOrIcon, { customIconStyles: props.styles.rightIcon, ...props.rightIcon }) }));
+    const disabledIconLeft = position === 0;
+    const disabledIconRight = position >= tabsLength - numTabsInView;
+    const buildIconLeft = () => tabsLength > numTabsInView && (_jsx(TabsLeftArrowContainerStyled, { "aria-label": props.leftControlAriaLabel, "data-testid": `${dataTestId}-icon-left`, disabled: disabledIconLeft, styles: props.styles, tabIndex: 0, type: ButtonType.BUTTON, onClick: () => {
+            if (!disabledIconLeft) {
+                handleClickIcon(false);
+            }
+        }, children: _jsx(ElementOrIcon, { customIconStyles: !disabledIconLeft ? props.styles.leftIcon : props.styles.leftIcon?.disabled, ...props.leftIcon }) }));
+    const buildIconRight = () => tabsLength > numTabsInView && (_jsx(TabsRightArrowContainerStyled, { "aria-label": props.rightControlAriaLabel, "data-testid": `${dataTestId}-icon-right`, disabled: disabledIconRight, styles: props.styles, tabIndex: 0, type: ButtonType.BUTTON, onClick: () => {
+            if (!disabledIconRight) {
+                handleClickIcon(true);
+            }
+        }, children: _jsx(ElementOrIcon, { customIconStyles: !disabledIconRight ? props.styles.rightIcon : props.styles.rightIcon?.disabled, ...props.rightIcon }) }));
     const buildTabContent = () => {
         const commonTokens = {
             id: TAB_PANEL_ID,