@kubit-ui-web/react-components 1.8.1 → 1.8.2

package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type UseDataTableStickyRightColumnsParamsType = {
+    ref: React.RefObject<HTMLDivElement>;
+};
+type UseDataTableStickyRightColumnsReturnType = object;
+export declare const useDataTableStickyRightColumns: ({ ref, }: UseDataTableStickyRightColumnsParamsType) => UseDataTableStickyRightColumnsReturnType;
+export {};

package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { hasHorizontalScroll, hasVerticalScroll } from '../../../utils';
+export const useDataTableStickyRightColumns = ({ ref, }) => {
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector('[data-datatable-scrollable-container]');
+        const rightBoxShadowContainer = ref.current?.querySelector('[data-datatable-right-shadow]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement) {
+            const handleElementResize = (element) => {
+                const _hasHorizontalScroll = hasHorizontalScroll(element);
+                // For each row, set the right position of its sticky cells
+                const rows = element.querySelectorAll('[data-table-row]');
+                // used to calc rightBoxShadowContainer position
+                let maxStickyRightWidth = 0;
+                rows.forEach(row => {
+                    if (row instanceof HTMLElement) {
+                        // Retrieve all the cell with sticky attribute
+                        const stickyCells = Array.from(
+                        // deprecated - delete [data-sticky="true"] after boolean is deleted from the sticky type
+                        row.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();
+                        let right = 0;
+                        stickyCells.forEach(stickyCell => {
+                            if (stickyCell instanceof HTMLElement) {
+                                stickyCell.style.right = _hasHorizontalScroll ? `${right}px` : 'auto';
+                                right += stickyCell.offsetWidth;
+                            }
+                        });
+                        maxStickyRightWidth = Math.max(maxStickyRightWidth, right);
+                    }
+                });
+                // Once the sticky position have been added, set the position of the rightBoxShadowContainer
+                // This position should be the same as the max width of the sticky cells
+                if (rightBoxShadowContainer instanceof HTMLElement) {
+                    // If vertical scroll, add scroll bar size to maxStickyRightWidth
+                    const _hasVerticalScroll = hasVerticalScroll(element);
+                    if (_hasVerticalScroll) {
+                        const scrollBarSize = element.offsetWidth - element.clientWidth;
+                        maxStickyRightWidth += scrollBarSize;
+                    }
+                    rightBoxShadowContainer.style.right = `${maxStickyRightWidth}px`;
+                }
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, []);
+    return {};
+};
+//# sourceMappingURL=useDataTableStickyRightColumns.js.map

package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableStickyRightColumns.js","sourceRoot":"","sources":["../../../../../src/components/dataTable/hooks/useDataTableStickyRightColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQjE,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,EAC7C,GAAG,GACsC,EAA4C,EAAE;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,uCAAuC,CAAC,CAAC;QAChG,MAAM,uBAAuB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,+BAA+B,CAAC,CAAC;QAC5F,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,EAAE,CAAC;YAC/C,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,2DAA2D;gBAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,gDAAgD;gBAChD,IAAI,mBAAmB,GAAG,CAAC,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,IAAI,GAAG,YAAY,WAAW,EAAE,CAAC;wBAC/B,8CAA8C;wBAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI;wBAC5B,yFAAyF;wBACzF,GAAG,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,CACpE,CAAC,OAAO,EAAE,CAAC;wBACZ,IAAI,KAAK,GAAG,CAAC,CAAC;wBACd,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;4BAC/B,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;gCACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;gCACtE,KAAK,IAAI,UAAU,CAAC,WAAW,CAAC;4BAClC,CAAC;wBACH,CAAC,CAAC,CAAC;wBACH,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;oBAC7D,CAAC;gBACH,CAAC,CAAC,CAAC;gBACH,4FAA4F;gBAC5F,wEAAwE;gBACxE,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,iEAAiE;oBACjE,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;oBACtD,IAAI,kBAAkB,EAAE,CAAC;wBACvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;wBAChE,mBAAmB,IAAI,aAAa,CAAC;oBACvC,CAAC;oBACD,uBAAuB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,mBAAmB,IAAI,CAAC;gBACnE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

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

@@ -38,7 +38,10 @@ export type DataTableColumnType = {
     minWidth?: string;
     maxWidth?: string;
     hidden?: boolean;
-    sticky?: boolean;
+    /**
+     * @remarks Avoid using boolean values for `sticky`. Prefer specifying 'left' or 'right' to define the sticky side.
+     */
+    sticky?: boolean | 'left' | 'right';
     textAlign?: string;
     valueTextAlign?: string;
     valueGetter?: (value: DataTableCellValueType, row: DataTableRowType) => DataTableCellValueType;

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

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { IElementOrIcon } from './types';
 /**
- * @description
- * ElementOrIcon component is a component that can be used to display an element or an icon.
- * It can be used to display an icon or a component.
+ * ElementOrIcon component is a component that can be used to display either an element or an icon.
+ * It offers flexibility in rendering either icons or more complex components within a given context.
  * @param {IElementOrIcon} props
  * @returns {JSX.Element}
  * @constructor

package/dist/esm/components/elementOrIcon/elementOrIcon.js

@@ -15,9 +15,8 @@ const ElementOrIconComponent = ({ basic = false, ...props }, ref) => {
     return _jsx(_Fragment, { children: element });
 };
 /**
- * @description
- * ElementOrIcon component is a component that can be used to display an element or an icon.
- * It can be used to display an icon or a component.
+ * ElementOrIcon component is a component that can be used to display either an element or an icon.
+ * It offers flexibility in rendering either icons or more complex components within a given context.
  * @param {IElementOrIcon} props
  * @returns {JSX.Element}
  * @constructor

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

@@ -1 +1 @@
-{"version":3,"file":"elementOrIcon.js","sourceRoot":"","sources":["../../../../src/components/elementOrIcon/elementOrIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGpD,MAAM,sBAAsB,GAAG,CAC7B,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAkB,EAC3C,GAAwC,EAC3B,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,mBAAK,CAAC;IACf,CAAC;IAED,oBAAoB;IACpB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAI,CAC5C,CAAC;IACJ,CAAC;IACD,yBAAyB;IACzB,OAAO,4BAAG,OAAO,GAAI,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"elementOrIcon.js","sourceRoot":"","sources":["../../../../src/components/elementOrIcon/elementOrIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGpD,MAAM,sBAAsB,GAAG,CAC7B,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAkB,EAC3C,GAAwC,EAC3B,EAAE;IACf,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,mBAAK,CAAC;IACf,CAAC;IAED,oBAAoB;IACpB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAI,CAC5C,CAAC;IACJ,CAAC;IACD,yBAAyB;IACzB,OAAO,4BAAG,OAAO,GAAI,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC"}

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { IElementOrillustration } from './types';
 /**
- * @description
  * ElementOrIllustration component is a component that can be used to display an element or an illustration.
  * It can be used to display an illustration or a component.
  * @param {IElementOrillustration} props

package/dist/esm/components/elementOrIllustration/elementOrIllustration.js

@@ -14,7 +14,6 @@ const ElementOrIllustrationComponent = (props, ref) => {
     return _jsx(_Fragment, { children: element });
 };
 /**
- * @description
  * ElementOrIllustration component is a component that can be used to display an element or an illustration.
  * It can be used to display an illustration or a component.
  * @param {IElementOrillustration} props

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

@@ -1 +1 @@
-{"version":3,"file":"elementOrIllustration.js","sourceRoot":"","sources":["../../../../src/components/elementOrIllustration/elementOrIllustration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA4D,EAC/C,EAAE;IACf,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,mBAAK,CAAC;IACf,CAAC;IAED,oBAAoB;IACpB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,KAAC,YAAY,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,OAAO,GAAI,CAAC;IACrE,CAAC;IACD,yBAAyB;IACzB,OAAO,4BAAG,OAAO,GAAI,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
+{"version":3,"file":"elementOrIllustration.js","sourceRoot":"","sources":["../../../../src/components/elementOrIllustration/elementOrIllustration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA4D,EAC/C,EAAE;IACf,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,mBAAK,CAAC;IACf,CAAC;IAED,oBAAoB;IACpB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,KAAC,YAAY,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,OAAO,GAAI,CAAC;IACrE,CAAC;IACD,yBAAyB;IACzB,OAAO,4BAAG,OAAO,GAAI,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}

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

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import { IEmptyState } from './types';
+/**
+ *  @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ */
 declare const EmptyState: <V extends string | unknown>(props: IEmptyState<V> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => JSX.Element;

package/dist/esm/components/emptyState/emptyState.js

@@ -10,6 +10,9 @@ const EmptyStateComponent = React.forwardRef(({ ctv, ...props }, ref) => {
 });
 EmptyStateComponent.displayName = 'EmptyStateComponent';
 const EmptyStateBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(EmptyStateStandAlone, { ...props, ref: ref }) }), children: _jsx(EmptyStateComponent, { ...props, ref: ref }) }));
+/**
+ *  @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ */
 const EmptyState = React.forwardRef(EmptyStateBoundary);
 export { EmptyState };
 //# sourceMappingURL=emptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"emptyState.js","sourceRoot":"","sources":["../../../../src/components/emptyState/emptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAkB,EACjC,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAmC,SAAS,CACtD,WAAW,CAAC,WAAW,EACvB,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IAEF,OAAO,KAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAI,CAAC;AACtF,CAAC,CACF,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,MAAM,kBAAkB,GAAG,CACzB,KAAqB,EACrB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,oBAAoB,OAAM,KAA0C,EAAE,GAAG,EAAE,GAAG,GAAI,GACjE,YAGtB,KAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC9B,CACjB,CAAC;AAEF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAItC,CAAC;AAEjB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"emptyState.js","sourceRoot":"","sources":["../../../../src/components/emptyState/emptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAkB,EACjC,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAmC,SAAS,CACtD,WAAW,CAAC,WAAW,EACvB,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IAEF,OAAO,KAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAI,CAAC;AACtF,CAAC,CACF,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,MAAM,kBAAkB,GAAG,CACzB,KAAqB,EACrB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,oBAAoB,OAAM,KAA0C,EAAE,GAAG,EAAE,GAAG,GAAI,GACjE,YAGtB,KAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC9B,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAItC,CAAC;AAEjB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/footer/components/footerSection.d.ts

@@ -2,9 +2,16 @@ import * as React from 'react';
 import { FooterPropsStylesType } from '../types';
 interface IFooterSection {
     styles: FooterPropsStylesType;
-    forceVertical?: boolean;
+    setVertical?: boolean;
     position: string;
-    tabInverse?: boolean;
+    orderConfiguration: {
+        flexReverse?: boolean;
+        reverse?: boolean;
+    };
+    /**
+     * @deprecated
+     */
+    alignItems?: string;
     children: React.ReactNode[];
 }
 export declare const FooterSection: (props: IFooterSection) => JSX.Element | null;

package/dist/esm/components/footer/components/footerSection.js

@@ -7,12 +7,12 @@ export const FooterSection = (props) => {
     }
     const getElementJustify = (position) => {
         const styles = {
-            [FooterPositionType.LEFT]: props.tabInverse ? 'flex-end' : 'flex-start',
+            [FooterPositionType.LEFT]: props.orderConfiguration.reverse ? 'flex-end' : 'flex-start',
             [FooterPositionType.CENTER]: 'center',
-            [FooterPositionType.RIGHT]: props.tabInverse ? 'flex-start' : 'flex-end',
+            [FooterPositionType.RIGHT]: props.orderConfiguration.reverse ? 'flex-start' : 'flex-end',
         };
         return styles[position] || 'center';
     };
-    return (_jsx(FooterSectionStyled, { "$forceVertical": props.forceVertical, "$justifyContent": getElementJustify(props.position), "$tabInverse": props.tabInverse, "aria-hidden": !props.children.length, styles: props.styles, children: props.tabInverse ? props.children.reverse() : props.children }));
+    return (_jsx(FooterSectionStyled, { "$alignItems": props.alignItems, "$flexReverse": props.orderConfiguration.flexReverse, "$justifyContent": getElementJustify(props.position), "$setVertical": props.setVertical, "aria-hidden": !props.children.length, styles: props.styles, children: props.orderConfiguration.reverse ? props.children.reverse() : props.children }));
 };
 //# sourceMappingURL=footerSection.js.map

package/dist/esm/components/footer/components/footerSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSection.js","sourceRoot":"","sources":["../../../../../src/components/footer/components/footerSection.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAyB,MAAM,UAAU,CAAC;AAUrE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAsB,EAAE;IACzE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,MAAM,MAAM,GAAG;YACb,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;YACvE,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,QAAQ;YACrC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;SACzE,CAAC;QACF,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,sBACF,KAAK,CAAC,aAAa,qBAClB,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,iBACrC,KAAK,CAAC,UAAU,iBAChB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EACnC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GACzC,CACvB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"footerSection.js","sourceRoot":"","sources":["../../../../../src/components/footer/components/footerSection.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAyB,MAAM,UAAU,CAAC;AAiBrE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAqB,EAAsB,EAAE;IACzE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,MAAM,MAAM,GAAG;YACb,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;YACvF,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,QAAQ;YACrC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;SACzF,CAAC;QACF,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,mBACL,KAAK,CAAC,UAAU,kBACf,KAAK,CAAC,kBAAkB,CAAC,WAAW,qBACjC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,kBACpC,KAAK,CAAC,WAAW,iBAClB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EACnC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GACzD,CACvB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { IFooter } from './types';
 declare const FooterBoundary: <V extends string | unknown>(props: IFooter<V>, ref: React.ForwardedRef<HTMLElement> | undefined | null) => JSX.Element;
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the CheckBox component
+ */
 declare const Footer: <V extends string | unknown>(props: React.PropsWithChildren<IFooter<V>> & {
     ref?: React.ForwardedRef<HTMLElement> | undefined | null;
 }) => ReturnType<typeof FooterBoundary>;

package/dist/esm/components/footer/footer.js

@@ -13,6 +13,9 @@ const FooterComponent = React.forwardRef(({ variant, ctv, extraCt, ...props }, r
 });
 FooterComponent.displayName = 'FooterComponent';
 const FooterBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(FooterStandAlone, { ...props, ref: ref }) }), children: _jsx(FooterComponent, { ...props, ref: ref }) }));
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the CheckBox component
+ */
 const Footer = React.forwardRef(FooterBoundary);
 export { Footer };
 //# sourceMappingURL=footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/footer/footer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc,EAC/C,GAAuD,EAC1C,EAAE;IACf,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,SAAS,CAA2B,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACrF,MAAM,uBAAuB,GAAG,SAAS,CACvC,WAAW,CAAC,cAAc,EAC1B,MAAM,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,IAAI,MAAM,CAAC,aAAa,EAAE,OAAO,EACxE,OAAO,CACR,CAAC;IACF,OAAO,CACL,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAAuD,EAC1C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIR,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/footer/footer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc,EAC/C,GAAuD,EAC1C,EAAE;IACf,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,SAAS,CAA2B,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACrF,MAAM,uBAAuB,GAAG,SAAS,CACvC,WAAW,CAAC,cAAc,EAC1B,MAAM,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,IAAI,MAAM,CAAC,aAAa,EAAE,OAAO,EACxE,OAAO,CACR,CAAC;IACF,OAAO,CACL,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAAuD,EAC1C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIR,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -2,8 +2,12 @@ import { LineSeparatorLinePropsStylesType } from '../lineSeparator';
 import { FooterPropsStylesType } from './types';
 type FooterStylesType = {
     styles: FooterPropsStylesType;
-    $forceVertical?: boolean;
-    $tabInverse?: boolean;
+    $setVertical?: boolean;
+    $flexReverse?: boolean;
+    /**
+     * @deprecated
+     */
+    $alignItems?: string;
 };
 type FooterSectionStyledType = FooterStylesType & {
     $justifyContent: string;
@@ -11,6 +15,6 @@ type FooterSectionStyledType = FooterStylesType & {
 type RootContainerStyledType = FooterStylesType & {
     lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
 };
-export declare const FooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RootContainerStyledType>> & string;
 export declare const FooterSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FooterSectionStyledType>> & string;
+export declare const FooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RootContainerStyledType>> & string;
 export {};

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

@@ -1,49 +1,48 @@
 import styled, { css } from 'styled-components';
 import { getStyles } from '../../utils';
 import { LineSeparatorPositionType } from '../lineSeparator';
-export const FooterStyled = styled.div `
-  ${({ lineSeparatorLineStyles }) => lineSeparatorLineStyles?.buildLineStyles?.(LineSeparatorPositionType.TOP)}
-  ${props => getStyles(props.styles?.rootContainer)}
+export const FooterSectionStyled = styled.div `
+  ${props => getStyles(props.styles?.contentContainer)}
 
   display: flex;
-  ${() => ({ theme: { MEDIA_QUERIES: { onlyMobile, tabletAndDesktop }, }, $forceVertical, $tabInverse, }) => css `
-      ${tabletAndDesktop} {
-        flex-direction: ${$forceVertical
-    ? $tabInverse
+  width: 100%;
+  ${({ $justifyContent, $setVertical, $flexReverse, $alignItems, theme: { MEDIA_QUERIES: { onlyMobile, tabletAndDesktop }, }, }) => css `
+    ${onlyMobile} {
+      flex-direction: ${$flexReverse ? 'column-reverse' : 'column'};
+    }
+
+    ${tabletAndDesktop} {
+      align-items: ${$alignItems};
+      justify-content: ${$setVertical ? 'center' : $justifyContent};
+      flex-direction: ${$setVertical
+    ? $flexReverse
         ? 'column-reverse'
         : 'column'
-    : $tabInverse
+    : $flexReverse
         ? 'row-reverse'
         : 'row'};
-      }
-      ${onlyMobile} {
-        flex-direction: ${$tabInverse ? 'column-reverse' : 'column'};
-        justify-content: center;
-      }
-    `};
+    }
+  `};
 `;
-export const FooterSectionStyled = styled.div `
-  ${props => getStyles(props.styles?.contentContainer)}
+export const FooterStyled = styled.div `
+  ${({ lineSeparatorLineStyles }) => lineSeparatorLineStyles?.buildLineStyles?.(LineSeparatorPositionType.TOP)}
+  ${props => getStyles(props.styles?.rootContainer)}
 
   display: flex;
-  width: 100%;
-  ${() => ({ theme: { MEDIA_QUERIES: { onlyMobile, tabletAndDesktop }, }, $justifyContent, $forceVertical, $tabInverse, }) => css `
-      ${tabletAndDesktop} {
-        justify-content: ${$forceVertical ? 'center' : $justifyContent};
-        flex-direction: ${$forceVertical
-    ? $tabInverse
+  ${({ $setVertical, $flexReverse, theme: { MEDIA_QUERIES: { onlyMobile, tabletAndDesktop }, }, }) => css `
+    ${onlyMobile} {
+      flex-direction: ${$flexReverse ? 'column-reverse' : 'column'};
+    }
+
+    ${tabletAndDesktop} {
+      flex-direction: ${$setVertical
+    ? $flexReverse
         ? 'column-reverse'
         : 'column'
-    : $tabInverse
+    : $flexReverse
         ? 'row-reverse'
         : 'row'};
-
-        align-items: ${$forceVertical && 'center'};
-      }
-      ${onlyMobile} {
-        flex-direction: ${$tabInverse ? 'column-reverse' : 'column'};
-        align-items: center;
-      }
-    `};
+    }
+  `};
 `;
 //# sourceMappingURL=footer.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.styled.js","sourceRoot":"","sources":["../../../../src/components/footer/footer.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAoC,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAiB/F,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAyB;IAC3D,CAAC,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAChC,uBAAuB,EAAE,eAAe,EAAE,CAAC,yBAAyB,CAAC,GAAG,CAAC;IACzE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;;;IAG/C,GAAG,EAAE,CACL,CAAC,EACC,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAChD,EACD,cAAc,EACd,WAAW,GACZ,EAAE,EAAE,CAAC,GAAG,CAAA;QACL,gBAAgB;0BACE,cAAc;IAC9B,CAAC,CAAC,WAAW;QACX,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,QAAQ;IACZ,CAAC,CAAC,WAAW;QACX,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,KAAK;;QAEX,UAAU;0BACQ,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ;;;KAG9D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAyB;IAClE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC;;;;IAIlD,GAAG,EAAE,CACL,CAAC,EACC,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAChD,EAED,eAAe,EACf,cAAc,EACd,WAAW,GACZ,EAAE,EAAE,CAAC,GAAG,CAAA;QACL,gBAAgB;2BACG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;0BAC5C,cAAc;IAC9B,CAAC,CAAC,WAAW;QACX,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,QAAQ;IACZ,CAAC,CAAC,WAAW;QACX,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,KAAK;;uBAEI,cAAc,IAAI,QAAQ;;QAEzC,UAAU;0BACQ,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ;;;KAG9D;CACJ,CAAC"}
+{"version":3,"file":"footer.styled.js","sourceRoot":"","sources":["../../../../src/components/footer/footer.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAoC,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAqB/F,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAyB;IAClE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC;;;;IAIlD,CAAC,EACD,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAChD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,UAAU;wBACQ,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ;;;MAG5D,gBAAgB;qBACD,WAAW;yBACP,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;wBAC1C,YAAY;IAC5B,CAAC,CAAC,YAAY;QACZ,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,QAAQ;IACZ,CAAC,CAAC,YAAY;QACZ,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,KAAK;;GAEd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAyB;IAC3D,CAAC,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAChC,uBAAuB,EAAE,eAAe,EAAE,CAAC,yBAAyB,CAAC,GAAG,CAAC;IACzE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;;;IAG/C,CAAC,EACD,YAAY,EACZ,YAAY,EACZ,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAChD,GACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,UAAU;wBACQ,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ;;;MAG5D,gBAAgB;wBACE,YAAY;IAC5B,CAAC,CAAC,YAAY;QACZ,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,QAAQ;IACZ,CAAC,CAAC,YAAY;QACZ,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,KAAK;;GAEd;CACF,CAAC"}

package/dist/esm/components/footer/footerStandAlone.js

@@ -1,18 +1,36 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
+import { DeviceBreakpointsType } from '../../types';
 import { pickAriaProps } from '../../utils/aria/aria';
 // inner components
 import { FooterSection } from './components';
 import { FooterStyled } from './footer.styled';
 import { ContentDirectionType, FooterMobileColumnFlow, FooterPositionType, } from './types';
+import { getOrderConfiguration } from './utils/getOrderConfiguration';
 // simple container tag
 const FOOTER = 'footer';
-const FooterStandAloneComponent = ({ ...props }, ref) => {
+const DEFAULT_SORT = {
+    column: FooterMobileColumnFlow.DEFAULT,
+    firstContent: FooterPositionType.LEFT,
+    secondContent: FooterPositionType.CENTER,
+    thirdContent: FooterPositionType.RIGHT,
+};
+const FooterStandAloneComponent = ({ orderInverse = [], footerMobileSortConfig = DEFAULT_SORT, ...props }, ref) => {
     if (!props.children) {
         return null;
     }
     const ariaProps = pickAriaProps(props);
     const asFooter = props.simpleContainer ? undefined : FOOTER;
+    // START CONTENT: Remove when footerMobileSortConfig is removed
+    if (footerMobileSortConfig?.column === FooterMobileColumnFlow.REVERSE) {
+        orderInverse.push(DeviceBreakpointsType.MOBILE);
+    }
+    // END CONTENT
+    const setVertical = props.contentDirection === ContentDirectionType.VERTICAL ||
+        // START CONTENT: Remove when forceVertical is removed
+        props.forceVertical;
+    // END CONTENT
+    const orderConfiguration = getOrderConfiguration(props.tabInverse || [], orderInverse);
     const renderChildren = (children) => {
         const childrenArray = React.Children.toArray(children);
         const positions = {
@@ -24,15 +42,19 @@ const FooterStandAloneComponent = ({ ...props }, ref) => {
         childrenArray.forEach((child) => {
             let position = child?.props?.['data-position'];
             // START CONTENT: Remove when footerMobileSortConfig is removed
-            if (props.footerMobileSortConfig) {
-                if (props.footerMobileSortConfig.firstContent === position) {
-                    position = FooterPositionType.LEFT;
+            if (footerMobileSortConfig && props.device === DeviceBreakpointsType.MOBILE) {
+                const { firstContent, secondContent, thirdContent } = footerMobileSortConfig;
+                if (position === firstContent) {
+                    positions[FooterPositionType.LEFT].push(child);
+                    return;
                 }
-                else if (props.footerMobileSortConfig.secondContent === position) {
-                    position = FooterPositionType.CENTER;
+                else if (position === secondContent) {
+                    positions[FooterPositionType.CENTER].push(child);
+                    return;
                 }
-                else if (props.footerMobileSortConfig.thirdContent === position) {
-                    position = FooterPositionType.RIGHT;
+                else if (position === thirdContent) {
+                    positions[FooterPositionType.RIGHT].push(child);
+                    return;
                 }
             }
             // END CONTENT
@@ -49,16 +71,13 @@ const FooterStandAloneComponent = ({ ...props }, ref) => {
                 positions[position].push(child);
             }
         });
-        const sections = Object.entries(positions).map(([position, children]) => (_jsx(FooterSection, { forceVertical: forceVertical, position: position, styles: props.styles, tabInverse: tabInverse, children: children }, position)));
-        return _jsx(_Fragment, { children: tabInverse ? sections.reverse() : sections });
+        const sections = Object.entries(positions).map(([position, children]) => (_jsx(FooterSection, { alignItems: props.alignItems, orderConfiguration: {
+                flexReverse: orderConfiguration[props.device].flexReverse,
+                reverse: orderConfiguration[props.device].reverse,
+            }, position: position, setVertical: setVertical, styles: props.styles, children: children }, position)));
+        return _jsx(_Fragment, { children: orderConfiguration[props.device].reverse ? sections.reverse() : sections });
     };
-    // START CONTENT: Remove when contentDirection is removed
-    const forceVertical = props.forceVertical || props.contentDirection === ContentDirectionType.VERTICAL;
-    // END CONTENT
-    // START CONTENT: Remove when footerMobileSortConfig is removed
-    const tabInverse = props.tabInverse || props.footerMobileSortConfig?.column === FooterMobileColumnFlow.REVERSE;
-    // END CONTENT
-    return (_jsx(FooterStyled, { ...ariaProps, ...props, ref: ref, "$forceVertical": forceVertical, "$tabInverse": tabInverse, as: asFooter, "data-testid": props.dataTestId, lineSeparatorLineStyles: props.lineSeparatorLineStyles, role: props.role, styles: props.styles, children: renderChildren(props.children) }));
+    return (_jsx(FooterStyled, { ...ariaProps, ...props, ref: ref, "$flexReverse": orderConfiguration[props.device].flexReverse, "$setVertical": setVertical, as: asFooter, "data-testid": props.dataTestId, lineSeparatorLineStyles: props.lineSeparatorLineStyles, role: props.role, styles: props.styles, children: renderChildren(props.children) }));
 };
 export const FooterStandAlone = React.forwardRef(FooterStandAloneComponent);
 //# sourceMappingURL=footerStandAlone.js.map

package/dist/esm/components/footer/footerStandAlone.js.map

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

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

@@ -25,13 +25,14 @@ export interface IFooterStandAlone extends FooterAriaAttributes {
     role?: ROLES;
     children: IPositionedElement[] | IPositionedElement;
     dataTestId?: string;
+    contentDirection?: ContentDirectionType;
+    simpleContainer?: boolean;
     /**
      * @deprecated
      */
-    contentDirection?: ContentDirectionType;
-    simpleContainer?: boolean;
     forceVertical?: boolean;
-    tabInverse?: boolean;
+    tabInverse?: DeviceBreakpointsType[];
+    orderInverse?: DeviceBreakpointsType[];
     /**
      * @deprecated
      */

package/dist/esm/components/footer/utils/getOrderConfiguration.d.ts

@@ -0,0 +1,9 @@
+import { DeviceBreakpointsType } from '../../../types';
+interface Configuration {
+    [key: string]: {
+        flexReverse: boolean;
+        reverse: boolean;
+    };
+}
+export declare const getOrderConfiguration: (tabInverse: DeviceBreakpointsType[], orderInverse: DeviceBreakpointsType[]) => Configuration;
+export {};

package/dist/esm/components/footer/utils/getOrderConfiguration.js

@@ -0,0 +1,18 @@
+import { DeviceBreakpointsType } from '../../../types';
+export const getOrderConfiguration = (tabInverse, orderInverse) => {
+    const breakpoints = [
+        DeviceBreakpointsType.MOBILE,
+        DeviceBreakpointsType.TABLET,
+        DeviceBreakpointsType.DESKTOP,
+    ];
+    const configuration = {};
+    breakpoints.forEach(breakpoint => {
+        configuration[breakpoint] = {
+            flexReverse: tabInverse.includes(breakpoint),
+            reverse: (tabInverse.includes(breakpoint) && !orderInverse.includes(breakpoint)) ||
+                (orderInverse.includes(breakpoint) && !tabInverse.includes(breakpoint)),
+        };
+    });
+    return configuration;
+};
+//# sourceMappingURL=getOrderConfiguration.js.map

package/dist/esm/components/footer/utils/getOrderConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrderConfiguration.js","sourceRoot":"","sources":["../../../../../src/components/footer/utils/getOrderConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAShD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,UAAmC,EACnC,YAAqC,EACtB,EAAE;IACjB,MAAM,WAAW,GAAG;QAClB,qBAAqB,CAAC,MAAM;QAC5B,qBAAqB,CAAC,MAAM;QAC5B,qBAAqB,CAAC,OAAO;KAC9B,CAAC;IAEF,MAAM,aAAa,GAAkB,EAAE,CAAC;IAExC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;QAC/B,aAAa,CAAC,UAAU,CAAC,GAAG;YAC1B,WAAW,EAAE,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC;YAC5C,OAAO,EACL,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;gBACvE,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;SAC1E,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC"}

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

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import { IHeader } from './types';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the NavBar component
+ */
 declare const Header: <V extends string | unknown>(props: IHeader<V> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => JSX.Element;

package/dist/esm/components/header/header.js

@@ -18,6 +18,9 @@ const HeaderComponent = React.forwardRef(({ variant, ctv, showShadowFrom, ...pro
 });
 HeaderComponent.displayName = 'HeaderComponent';
 const HeaderBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(HeaderStandAlone, { ...props, ref: ref }) }), children: _jsx(HeaderComponent, { ...props, ref: ref }) }));
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the NavBar component
+ */
 const Header = React.forwardRef(HeaderBoundary);
 export { Header };
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/header/header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,KAAK,EAAc,EACtD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA2B,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACrF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,YAAY,IAAI,EAAE,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QACpC,GAAG;QACH,MAAM,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE;KAClD,CAAC,CAAC;IAEH,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzF,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAI9B,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/header/header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,KAAK,EAAc,EACtD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAA2B,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACrF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,YAAY,IAAI,EAAE,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QACpC,GAAG;QACH,MAAM,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE;KAClD,CAAC,CAAC;IAEH,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzF,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAG,CACrB,KAAiB,EACjB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC1B,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAI9B,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import { IHeaderStructure } from './types';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the NavBar component
+ */
 declare const HeaderStructure: <V extends string | unknown>(props: IHeaderStructure<V> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => React.JSX.Element;

package/dist/esm/components/headerStructure/headerStructure.js

@@ -13,6 +13,9 @@ const HeaderStructureComponent = React.forwardRef(({ variant, ctv, ...props }, r
 });
 HeaderStructureComponent.displayName = 'HeaderStructureComponent';
 const HeaderStructureBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(HeaderStandAlone, { scrolling: false, ...props, ref: ref }) }), children: _jsx(HeaderStructureComponent, { ...props, ref: ref }) }));
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the NavBar component
+ */
 const HeaderStructure = React.forwardRef(HeaderStructureBoundary);
 export { HeaderStructure };
 //# sourceMappingURL=headerStructure.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"headerStructure.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/headerStructure.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAuB,EAC/C,GAA0D,EACvC,EAAE;IACrB,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,gBAAgB,EAC5B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,CAAC,EACrB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,uBAAuB,GAAG,CAC9B,KAA0B,EAC1B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,KACX,KAAsC,EAC3C,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAI1C,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"headerStructure.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/headerStructure.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAuB,EAC/C,GAA0D,EACvC,EAAE;IACrB,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,gBAAgB,EAC5B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,CAAC,EACrB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,uBAAuB,GAAG,CAC9B,KAA0B,EAC1B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,KACX,KAAsC,EAC3C,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAI1C,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/esm/components/icon/icon.js

@@ -15,7 +15,7 @@ const IconBasicComponent = ({ tabIndex = 0, ...props }, ref) => {
         return _jsx(_Fragment, {});
     }
     if (props.onClick) {
-        return (_jsxs(IconButtonStyled, { ...ariaProps, "$customIconStyles": props.customIconStyles, "$height": props.height, "$width": props.width, "aria-disabled": disabled, "aria-label": props['aria-label'] || altText, "data-testid": iconProps.dataTestId, disabled: disabled, tabIndex: tabIndex, type: ButtonType.BUTTON, onClick: onClick, children: [_jsx(ScreenReaderOnly, { children: screenReaderText }), _jsx(IconStandAlone, { ...iconProps, ref: ref, dataTestId: undefined, linearIcon: isLinearIcon })] }));
+        return (_jsxs(IconButtonStyled, { ...ariaProps, "$customIconStyles": props.customIconStyles, "$height": props.height, "$width": props.width, "aria-disabled": disabled, "aria-label": props['aria-label'] || altText, "data-testid": iconProps.dataTestId, disabled: disabled, id: props.id, tabIndex: tabIndex, type: ButtonType.BUTTON, onClick: onClick, children: [_jsx(ScreenReaderOnly, { children: screenReaderText }), _jsx(IconStandAlone, { ...iconProps, ref: ref, dataTestId: undefined, id: undefined, linearIcon: isLinearIcon })] }));
     }
     return _jsx(IconStandAlone, { ...iconProps, ref: ref, altText: altText, linearIcon: isLinearIcon });
 };