@kubit-ui-web/react-components 1.0.0-beta.4 → 1.1.1

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

@@ -1,14 +1,16 @@
 import styled, { css } from 'styled-components';
 import { LineSeparatorPositionType, } from '../../components/lineSeparator';
 import { srOnlyMixin } from '../../styles/mixins/srOnly.mixin';
+import { DeviceBreakpointsType } from '../../types';
 import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
 /******** UTILS STYLES *******/
-const applyCustomCellStyles = ({ customWidth, customAlign, flexWidth, }) => css `
+const applyCustomCellStyles = ({ customWidth, customAlign, flexWidth, customBackgroundColor, }) => css `
   flex-basis: ${customWidth};
   max-width: ${customWidth};
   justify-content: ${customAlign};
   text-align: ${customAlign};
   flex: ${flexWidth};
+  background-color: ${customBackgroundColor};
 `;
 const applySrOnlyStyles = () => css `
   ${srOnlyMixin}
@@ -29,6 +31,30 @@ export const TableRowGroupHeaderStyled = styled.thead `
   &[hidden] {
     ${srOnlyMixin}
   }
+  ${({ lineSeparatorLineStyles, lineSeparatorTopOnHeader, lineSeparatorBottomOnHeader }) => {
+    const lineSeparator = [];
+    if (lineSeparatorTopOnHeader) {
+        lineSeparator.push(lineSeparatorLineStyles?.buildLineStyles?.(LineSeparatorPositionType.TOP));
+    }
+    if (lineSeparatorBottomOnHeader) {
+        lineSeparator.push(lineSeparatorLineStyles?.buildLineStyles?.(LineSeparatorPositionType.BOTTOM));
+    }
+    return lineSeparator;
+}}
+  ${() => ({ theme: { MEDIA_QUERIES: { onlyDesktop }, }, styles, $scrolling, }) => {
+    return css `
+        ${onlyDesktop} {
+          ${$scrolling
+        ? css `
+                box-shadow: ${styles?.container?.[DeviceBreakpointsType.DESKTOP]?.box_shadow ??
+            'none'};
+              `
+        : css `
+                box-shadow: none;
+              `}
+        }
+      `;
+}}
 `;
 export const TableRowHeaderStyled = styled.tr `
   ${({ styles }) => getStyles(styles?.row)}
@@ -54,7 +80,7 @@ export const TableRowHeaderStyled = styled.tr `
 export const TableColumnHeaderStyled = styled.th `
   ${props => getStyles(props.styles?.column)}
   // Apply custom styles
-  ${({ customWidth, customAlign, flexWidth }) => applyCustomCellStyles({ customWidth, customAlign, flexWidth })}
+  ${({ customWidth, customAlign, flexWidth, customBackgroundColor }) => applyCustomCellStyles({ customWidth, customAlign, flexWidth, customBackgroundColor })}
   ${props => props.hasDivider && applySrOnlyStyles()}
 `;
 /******** TABLE BODY STYLES *******/
@@ -97,11 +123,14 @@ export const TableRowBodyStyled = styled.tr `
   }
 `;
 export const TableColumnBodyStyled = styled.td `
-  ${({ styles }) => getStyles(styles?.column)};
+  ${({ styles }) => css `
+    ${getStyles(styles?.column)}
+    ${getTypographyStyles(styles?.typography)}
+  `}
   align-items: ${({ hasSomeExpandedContent, styles }) => hasSomeExpandedContent ? styles?.column?.align_items : undefined};
   gap: ${props => (props.hasSomeExpandedContent ? props.styles?.column?.gap : 0)};
   // Apply custom styles
-  ${({ customWidth, customAlign, flexWidth }) => applyCustomCellStyles({ customWidth, customAlign, flexWidth })}
+  ${({ customWidth, customAlign, flexWidth, customBackgroundColor }) => applyCustomCellStyles({ customWidth, customAlign, flexWidth, customBackgroundColor })}
 `;
 export const TableExpandedCellStyled = styled.td `
   ${({ styles }) => getStyles(styles?.expanded)}
@@ -120,29 +149,41 @@ export const DividerInternalWrapper = styled.td `
   width: 100%;
 `;
 /******** LIST STYLES *******/
-export const ListStyled = styled.ul `
-  ${({ list }) => getStyles(list)};
-  ${({ formatSideBySideInList, list }) => formatSideBySideInList && getStyles(list?.sideBySide)}
+export const ListContainerStyled = styled.ul `
+  ${({ styles }) => getStyles(styles?.listContainer)};
+  ${({ hasFormatSideBySideInList, styles }) => hasFormatSideBySideInList && getStyles(styles?.listContainerSydeBySyde)}
+`;
+export const ListRowContainerStyled = styled.li `
+  ${({ styles }) => getStyles(styles?.listRowContainer)};
+  // styles?.listRowContainerBorder check is done because in some themes the line separtor may not be wanted
+  // If is required in all themes, listRowContainerBorder token should be deleted
+  ${({ lineSeparatorLineStyles, hasDivider, styles }) => {
+    return (styles?.listRowContainerBorder &&
+        !hasDivider &&
+        lineSeparatorLineStyles.buildLineStyles?.(LineSeparatorPositionType.BOTTOM));
+}}
 `;
-export const ItemListLineSeparatorStyled = styled.li `
-  ${({ item }) => getStyles(item)};
+export const ListRowStyled = styled.ul `
+  ${({ styles }) => getStyles(styles?.listRow)};
+  ${({ formatSideBySideInList, styles }) => formatSideBySideInList && getStyles(styles?.listRowSideBySide)}
 `;
-export const ItemListStyled = styled.li `
+export const ListItemStyled = styled.li `
   ${({ hasSomeExpandedContent }) => hasSomeExpandedContent &&
     css `
       display: flex;
       align-items: baseline;
     `}
+  ${({ styles }) => getStyles(styles?.listItem)};
 `;
-export const ItemExpandedListStyled = styled.li `
+export const ListItemExpandedStyled = styled.li `
   ${({ styles }) => getStyles(styles?.expanded)}
   ${props => !props.showExpandedContent && applySrOnlyStyles()}
 `;
-export const ListDividerInternalWrapper = styled.li `
-  width: 100%;
-`;
 export const ListEmptyExpandedContentItem = styled.div `
   width: 0;
   height: 0;
 `;
+export const EmptyRowHeader = styled.td `
+  ${({ styles }) => getStyles(styles?.column)}
+`;
 //# sourceMappingURL=table.styled.js.map

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

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

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

@@ -7,10 +7,10 @@ import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
 import { TableRowHeaderTypes } from './tableTheme';
 /**
  * @description
- * Item list props
- * @interface IItemList
+ * IListRow
+ * @interface IListRow
  */
-export interface IItemList extends IListComponent {
+export interface IListRow extends IListComponent {
     value: IValue;
     index: number;
 }
@@ -38,6 +38,10 @@ export type FlexWidthType = {
 export type TableDividerType = Omit<IDivider, 'variant'> & {
     variant?: string;
 };
+export type ValueConfigType = {
+    value?: string | JSX.Element | undefined | ExpandedContentType | TableDividerType | object | number | boolean;
+    backgroundColor?: string;
+};
 /**
  * @description
  * Table value props
@@ -49,7 +53,9 @@ export type IValue = {
     accordionIconCollapsedAriaLabel?: string;
     accordionIconExpandedAriaLabel?: string;
     rowVariant?: string;
+    rowHeader?: ITableRowHeader;
     rowBorderPosition?: LineSeparatorPositionType;
+    backgroundColor?: string;
 } & {
     [key: string]: string | JSX.Element | undefined | ExpandedContentType | TableDividerType | object | number | boolean;
 };
@@ -64,6 +70,7 @@ export type ConfigType = {
     width?: string;
     hidden?: HiddenType;
     flexWidth?: number | string | FlexWidthType;
+    backgroundColor?: string;
 };
 export type ValueFunctionType = (value?: IValue) => string | JSX.Element | {
     dividerContent: TableDividerType;
@@ -79,9 +86,12 @@ export type DividerContent = {
 export interface ITableHeader {
     label: React.ReactNode;
     id: string;
-    config: ConfigType;
+    config?: ConfigType;
     value?: ValueFunctionType & DividerContent;
 }
+export interface ITableRowHeader extends Omit<ITableHeader, 'id'> {
+    variant: string;
+}
 export type TableFooterType = Omit<IFooter, 'children' | 'variant'> & {
     content?: JSX.Element[] | JSX.Element;
     variant?: string;
@@ -94,7 +104,10 @@ type TableAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-label
  */
 export interface ITableStandAlone extends TableAriaAttributes {
     styles: TableRowHeaderTypes<string, string>;
+    refTableBody?: React.Ref<HTMLTableSectionElement>;
     lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
+    lineSeparatorTopOnHeader?: boolean;
+    lineSeparatorBottomOnHeader?: boolean;
     values: IValue[];
     headers: ITableHeader[];
     accordionIcon?: IElementOrIcon;
@@ -106,6 +119,7 @@ export interface ITableStandAlone extends TableAriaAttributes {
     dataTestId?: string;
     hiddenHeaderOn?: HiddenType;
     device: DeviceBreakpointsType;
+    scrolling: boolean;
     headerVariant?: string;
     expandedContentHelpMessage?: string;
     formatListInMobile?: boolean;
@@ -117,7 +131,8 @@ export interface ITableStandAlone extends TableAriaAttributes {
  * Table props
  * @interface ITable
  */
-export interface ITable<V = undefined extends string ? unknown : string> extends Omit<ITableStandAlone, 'styles' | 'lineSeparatorLineStyles' | 'device'>, Omit<CustomTokenTypes<TableRowHeaderTypes<string, string>>, 'cts' | 'extraCt'> {
+export interface ITable<V = undefined extends string ? unknown : string> extends Omit<ITableStandAlone, 'styles' | 'lineSeparatorLineStyles' | 'device' | 'scrolling' | 'refTableBody'>, Omit<CustomTokenTypes<TableRowHeaderTypes<string, string>>, 'cts' | 'extraCt'> {
     variant: V;
+    lineSeparatorLineVariant?: string;
 }
 export {};

package/dist/esm/components/table/types/tableTheme.d.ts

@@ -26,10 +26,6 @@ export type TableDividerStylesType = {
     lineSeparatorLineVariant?: string;
     dividerVariant?: string;
 };
-export type ListStylesType = CommonStyleType & {
-    item?: CommonStyleType;
-    sideBySide?: CommonStyleType;
-};
 export type TableHeaderVariantStylesTypes<S extends string | number | symbol> = {
     [variant in S]?: TableHeaderStylesTypes;
 };
@@ -38,12 +34,18 @@ export type TableRowVariantStylesTypes<T extends string | number | symbol> = {
 };
 export type TableRowHeaderTypes<S extends string | number | symbol = string, T extends string | number | symbol = string> = {
     table?: CommonStyleType;
-    list?: ListStylesType;
     header?: TableHeaderVariantStylesTypes<S>;
     bodyContainer?: CommonStyleType;
     bodyRows?: TableRowVariantStylesTypes<T>;
     divider?: TableDividerStylesType;
     footerVariant?: string;
+    listContainer?: CommonStyleType;
+    listContainerSydeBySyde?: CommonStyleType;
+    listRowContainer?: CommonStyleType;
+    listRowContainerBorder?: boolean;
+    listRow?: CommonStyleType;
+    listRowSideBySide?: CommonStyleType;
+    listItem?: CommonStyleType;
 };
 /**
  * @description

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

@@ -0,0 +1,3 @@
+export { TabsControlled } from './tabsControlled';
+export { TabsUnControlled as Tabs } from './tabsUnControlled';
+export * from './types';

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

@@ -0,0 +1,4 @@
+export { TabsControlled } from './tabsControlled';
+export { TabsUnControlled as Tabs } from './tabsUnControlled';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC9D,cAAc,SAAS,CAAC"}

package/dist/esm/components/{primaryTabs → tabs}/stories/argtypes.js

@@ -10,7 +10,7 @@ export const argtypes = (variants, themeSelected) => {
             control: { type: 'select' },
             type: { name: 'string', required: true },
             description: 'Primary tabs variant',
-            options: Object.keys(variants[themeSelected].PrimaryTabsVariantType || {}),
+            options: Object.keys(variants[themeSelected].TabsVariantType || {}),
             table: {
                 type: {
                     summary: 'string',

package/dist/esm/components/tabs/stories/argtypes.js.map

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

package/dist/esm/components/{primaryTabs/primaryTabs.styled.d.ts → tabs/tabs.styled.d.ts}

@@ -1,26 +1,26 @@
 /// <reference types="react" />
-import { PrimaryTabsVariantStylesType } from './types/primaryTabsTheme';
-import { PrimaryTabsStateTypes } from './types/state';
+import { TabsStateTypes } from './types/state';
+import { TabsVariantStylesType } from './types/tabsTheme';
 type StylesType = {
-    styles: PrimaryTabsVariantStylesType;
+    styles: TabsVariantStylesType;
 };
 type TabStylesType = StylesType & {
     tabsLength: number;
-    state: PrimaryTabsStateTypes;
+    state: TabsStateTypes;
     compacted: boolean;
     right?: boolean;
     autoWidth?: boolean;
     empty?: boolean;
 };
-export declare const PrimaryTabsContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
-export declare const PrimaryTabsStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
+export declare const TabsContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
+export declare const TabsStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
 export declare const PrimaryTabItemRoveStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
 export declare const OneTabStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const PrimaryTabsLeftArrowContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StylesType>>;
-export declare const PrimaryTabsRightArrowContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StylesType>>;
+export declare const TabsLeftArrowContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StylesType>>;
+export declare const TabsRightArrowContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StylesType>>;
 export declare const TabStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabStylesType>>;
 export declare const TextWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
 export declare const LabelHiddenContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const PrimaryTabsContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
-export declare const PrimaryTabsTabListStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
+export declare const TabsContentStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
+export declare const TabsTabListStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>>;
 export {};

package/dist/esm/components/{primaryTabs/primaryTabs.styled.js → tabs/tabs.styled.js}

@@ -1,13 +1,13 @@
 import styled, { css } from 'styled-components';
 import { ButtonType } from '../../components/button';
 import { getStyles } from '../../utils/getStyles/getStyles';
-import { PrimaryTabsStateTypes } from './types/state';
+import { TabsStateTypes } from './types/state';
 const TWO_TABS = 2;
 const THREE_TABS = 3;
-export const PrimaryTabsContainerStyled = styled.div `
+export const TabsContainerStyled = styled.div `
   ${({ styles }) => getStyles(styles.fullContainer)}
 `;
-export const PrimaryTabsStyled = styled.div `
+export const TabsStyled = styled.div `
   position: relative;
   display: flex;
   ${({ styles }) => getStyles(styles.container)}
@@ -23,7 +23,7 @@ PrimaryTabItemRoveStyled.defaultProps = {
     type: ButtonType.BUTTON,
 };
 export const OneTabStyled = styled.div ``;
-export const PrimaryTabsLeftArrowContainerStyled = styled.button `
+export const TabsLeftArrowContainerStyled = styled.button `
   ${({ styles }) => getStyles(styles.arrowLeftIconContainer)}
   ${({ styles, theme: { MEDIA_QUERIES: { onlyMobile }, }, }) => css `
     ${onlyMobile} {
@@ -33,7 +33,7 @@ export const PrimaryTabsLeftArrowContainerStyled = styled.button `
     }
   `}
 `;
-export const PrimaryTabsRightArrowContainerStyled = styled.button `
+export const TabsRightArrowContainerStyled = styled.button `
   ${({ styles }) => getStyles(styles.arrowRightIconContainer)}
   ${({ styles, theme: { MEDIA_QUERIES: { onlyMobile }, }, }) => css `
     ${onlyMobile} {
@@ -79,12 +79,12 @@ export const TabStyled = styled.div `
     ${props => getStyles(props.styles?.[props.state]?.tabButton)}
 
     // When label is empty
-    ${props => props.empty && getStyles(props.styles?.[PrimaryTabsStateTypes.EMPTY]?.tabButton)}
+    ${props => props.empty && getStyles(props.styles?.[TabsStateTypes.EMPTY]?.tabButton)}
   }
 
   & ${OneTabStyled} {
     ${({ styles }) => getStyles(styles.oneTabContainer)}
-    ${props => props.empty && getStyles(props.styles?.[PrimaryTabsStateTypes.EMPTY]?.tabButton)}
+    ${props => props.empty && getStyles(props.styles?.[TabsStateTypes.EMPTY]?.tabButton)}
   }
 `;
 export const TextWrapperStyled = styled.span.withConfig({
@@ -102,10 +102,10 @@ export const TextWrapperStyled = styled.span.withConfig({
 export const LabelHiddenContainer = styled.span `
   display: none;
 `;
-export const PrimaryTabsContentStyled = styled.div `
+export const TabsContentStyled = styled.div `
   ${({ styles }) => getStyles(styles.contentContainer)}
 `;
-export const PrimaryTabsTabListStyled = styled.div `
+export const TabsTabListStyled = styled.div `
   display: flex;
   width: 100%;
   ${({ styles }) => getStyles(styles.tabButtonsContainer)}
@@ -122,4 +122,4 @@ export const PrimaryTabsTabListStyled = styled.div `
     ${props => getStyles(props.styles?.lastTabButton)}
   }
 `;
-//# sourceMappingURL=primaryTabs.styled.js.map
+//# sourceMappingURL=tabs.styled.js.map

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

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

package/dist/esm/components/tabs/tabsControlled.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ITabsControlled } from './types/tabs';
+declare const PrimaryTabBoundary: <V extends unknown>(props: ITabsControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const TabsControlled: <V extends unknown>(props: React.PropsWithChildren<ITabsControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof PrimaryTabBoundary>;
+export { TabsControlled };

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useMediaDevice, useStyles } from '../../hooks';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+// styles
+import { TabsStandAlone } from './tabsStandAlone';
+const TabsControlledComponent = React.forwardRef(({ ctv, ...props }, ref) => {
+    const styles = useStyles(STYLES_NAME.PRIMARY_TABS, props.variant, ctv);
+    const device = useMediaDevice();
+    return _jsx(TabsStandAlone, { ...props, ref: ref, device: device, styles: styles });
+});
+TabsControlledComponent.displayName = 'TabsControlledComponent';
+const PrimaryTabBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(TabsStandAlone, { ...props, ref: ref }) }), children: _jsx(TabsControlledComponent, { ...props, ref: ref }) }));
+const TabsControlled = React.forwardRef(PrimaryTabBoundary);
+export { TabsControlled };
+//# sourceMappingURL=tabsControlled.js.map

package/dist/esm/components/tabs/tabsControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsControlled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,SAAS;AACT,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,CACE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB,EACrC,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,YAAY,EACxB,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,OAAO,KAAC,cAAc,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACjF,CAAC,CACF,CAAC;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEhE,MAAM,kBAAkB,GAAG,CACzB,KAAyB,EACzB,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,cAAc,OAAM,KAAoC,EAAE,GAAG,EAAE,GAAG,GAAI,GACrD,YAGtB,KAAC,uBAAuB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAClC,CACjB,CAAC;AAEF,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAIhB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/esm/components/tabs/tabsStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ITabsStandAlone } from './types/tabs';
+export declare const TabsStandAlone: React.ForwardRefExoticComponent<ITabsStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/{primaryTabs/primaryTabsStandAlone.js → tabs/tabsStandAlone.js}

@@ -8,12 +8,12 @@ import { useId } from '../../hooks';
 import { useTabs } from '../../hooks/useTabs/useTabs';
 import { DeviceBreakpointsType, ROLES } from '../../types';
 // styles
-import { LabelHiddenContainer, OneTabStyled, PrimaryTabItemRoveStyled, PrimaryTabsContainerStyled, PrimaryTabsContentStyled, PrimaryTabsLeftArrowContainerStyled, PrimaryTabsRightArrowContainerStyled, PrimaryTabsStyled, PrimaryTabsTabListStyled, TabStyled, TextWrapperStyled, } from './primaryTabs.styled';
-import { PrimaryTabsStateTypes } from './types/state';
+import { LabelHiddenContainer, OneTabStyled, PrimaryTabItemRoveStyled, TabStyled, TabsContainerStyled, TabsContentStyled, TabsLeftArrowContainerStyled, TabsRightArrowContainerStyled, TabsStyled, TabsTabListStyled, TextWrapperStyled, } from './tabs.styled';
+import { TabsStateTypes } from './types/state';
 const MAX_TABS_IN_VIEW = 3;
 const MIN_TABS_IN_VIEW = 2;
-const PRIMARY_TABS_BASE_ID = 'PrimaryTabs';
-const PrimaryTabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel = true, dataTestId = 'primaryTab', minTabsInView = MIN_TABS_IN_VIEW, maxTabsInView = MAX_TABS_IN_VIEW, ...props }, ref) => {
+const PRIMARY_TABS_BASE_ID = 'Tabs';
+const TabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel = true, dataTestId = 'primaryTab', minTabsInView = MIN_TABS_IN_VIEW, maxTabsInView = MAX_TABS_IN_VIEW, ...props }, ref) => {
     const BASE_ID = useId(PRIMARY_TABS_BASE_ID);
     const TAB_LIST_ID = `${BASE_ID}-tab-list`;
     const TAB_PANEL_ID = `${BASE_ID}-tab-panel`;
@@ -25,15 +25,13 @@ const PrimaryTabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel
         tabsLength: tabsLength,
         selectedTab: props.selectedTab,
     });
-    const buildIconLeft = () => position !== 0 && (_jsx(PrimaryTabsLeftArrowContainerStyled, { "aria-label": props.leftControlAriaLabel, "data-testid": `${dataTestId}IconLeft`, 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(PrimaryTabsRightArrowContainerStyled, { "aria-label": props.rightControlAriaLabel, "data-testid": `${dataTestId}IconRight`, styles: props.styles, tabIndex: 0, type: ButtonType.BUTTON, onClick: () => handleClickIcon(true), children: _jsx(ElementOrIcon, { customIconStyles: props.styles.rightIcon, ...props.rightIcon }) }));
+    const buildIconLeft = () => position !== 0 && (_jsx(TabsLeftArrowContainerStyled, { "aria-label": props.leftControlAriaLabel, "data-testid": `${dataTestId}IconLeft`, 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}IconRight`, styles: props.styles, tabIndex: 0, type: ButtonType.BUTTON, onClick: () => handleClickIcon(true), children: _jsx(ElementOrIcon, { customIconStyles: props.styles.rightIcon, ...props.rightIcon }) }));
     const buildTabContent = () => props.selectedTab !== undefined &&
-        props.selectedTab !== null && (_jsx(PrimaryTabsContentStyled, { "aria-labelledby": `${BASE_ID}-tab-${props.selectedTab}`, id: TAB_PANEL_ID, role: ROLES.TABPANEL, styles: props.styles, tabIndex: allowFocusTabPanel ? 0 : -1, children: props.content?.[props.selectedTab] }));
-    return (_jsxs(PrimaryTabsContainerStyled, { ref: ref, styles: props.styles, children: [_jsxs(PrimaryTabsStyled, { styles: props.styles, children: [buildIconLeft(), _jsx(PrimaryTabsTabListStyled, { ref: listEl, id: TAB_LIST_ID, role: ROLES.TABLIST, styles: props.styles, children: _jsx(_Fragment, { children: props.tabs?.map((tab, index) => {
+        props.selectedTab !== null && (_jsx(TabsContentStyled, { "aria-labelledby": `${BASE_ID}-tab-${props.selectedTab}`, id: TAB_PANEL_ID, role: ROLES.TABPANEL, styles: props.styles, tabIndex: allowFocusTabPanel ? 0 : -1, children: props.content?.[props.selectedTab] }));
+    return (_jsxs(TabsContainerStyled, { ref: ref, styles: props.styles, children: [_jsxs(TabsStyled, { styles: props.styles, children: [buildIconLeft(), _jsx(TabsTabListStyled, { ref: listEl, id: TAB_LIST_ID, role: ROLES.TABLIST, styles: props.styles, children: _jsx(_Fragment, { children: props.tabs?.map((tab, index) => {
                                 const isSelected = props.selectedTab === index;
-                                const stateTab = isSelected
-                                    ? PrimaryTabsStateTypes.SELECTED
-                                    : PrimaryTabsStateTypes.UNSELECTED;
+                                const stateTab = isSelected ? TabsStateTypes.SELECTED : TabsStateTypes.UNSELECTED;
                                 const positionVisibleInView = index >= position && index < position + numTabsInView;
                                 return (_jsx(TabStyled, { autoWidth: autoWidth, compacted: compacted, "data-testid": `${dataTestId}Tab${index}`, empty: props.hideLabelForSingleTab, state: stateTab, styles: props.styles, tabsLength: tabsLength, children: tabsLength > 1 ? (_jsx(ItemRove, { ariaSelected: isSelected, asElement: PrimaryTabItemRoveStyled, checkIsFirstTime: true, disabled: props.device === DeviceBreakpointsType.MOBILE && !positionVisibleInView, focus: focus === index, id: `${BASE_ID}-tab-${index}`, index: index, preventScrollOnFocus: true, role: ROLES.TAB, onSelectItem: () => {
                                             props.onSelectTab?.(index);
@@ -41,5 +39,5 @@ const PrimaryTabsStandAloneComponent = ({ autoWidth = false, allowFocusTabPanel
                                         }, children: _jsx(TextWrapperStyled, { as: Text, component: TextComponentType.SPAN, customTypography: props.styles[stateTab]?.label, ...tab, children: tab.content }) })) : (_jsx(OneTabStyled, { id: `${BASE_ID}-tab-${index}`, role: ROLES.TAB, children: props.hideLabelForSingleTab ? (_jsx(LabelHiddenContainer, { as: Text, id: `${BASE_ID}-tab-${index}`, role: ROLES.TAB, ...tab, children: tab.content })) : (_jsx(TextWrapperStyled, { as: Text, customTypography: props.styles[stateTab]?.label, ...tab, children: tab.content })) })) }, index));
                             }) }) }), buildIconRight()] }), buildTabContent()] }));
 };
-export const PrimaryTabsStandAlone = React.forwardRef(PrimaryTabsStandAloneComponent);
-//# sourceMappingURL=primaryTabsStandAlone.js.map
+export const TabsStandAlone = React.forwardRef(TabsStandAloneComponent);
+//# sourceMappingURL=tabsStandAlone.js.map

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

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

package/dist/esm/components/tabs/tabsUnControlled.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ITabsUnControlled } from './types/tabs';
+export declare const TabsUnControlledComponent: <V extends unknown>({ defaultSelectedTab, onSelectTab, ...props }: ITabsUnControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const TabsUnControlled: <V extends unknown>(props: React.PropsWithChildren<ITabsUnControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof TabsUnControlledComponent>;
+export { TabsUnControlled };

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+// styles
+import { TabsControlled } from './tabsControlled';
+export const TabsUnControlledComponent = ({ defaultSelectedTab = 0, onSelectTab, ...props }, ref) => {
+    const [selectedTab, setSelectedTab] = React.useState(defaultSelectedTab);
+    const handleSelectTab = (tab) => {
+        setSelectedTab(tab);
+        onSelectTab?.(tab);
+    };
+    return (_jsx(TabsControlled, { ...props, ref: ref, selectedTab: selectedTab, onSelectTab: handleSelectTab }));
+};
+const TabsUnControlled = React.forwardRef(TabsUnControlledComponent);
+export { TabsUnControlled };
+//# sourceMappingURL=tabsUnControlled.js.map

package/dist/esm/components/tabs/tabsUnControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS;AACT,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,EAAE,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAwB,EACvE,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAEzE,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE;QACtC,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,GAAI,CAChG,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAMlB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+export { TabsStateTypes } from './state';
+export * from './tabsTheme';
+export * from './tabs';

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

@@ -0,0 +1,4 @@
+export { TabsStateTypes } from './state';
+export * from './tabsTheme';
+export * from './tabs';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tabs/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}

package/dist/esm/components/{primaryTabs → tabs}/types/state.d.ts

@@ -1,4 +1,4 @@
-export declare enum PrimaryTabsStateTypes {
+export declare enum TabsStateTypes {
     SELECTED = "SELECTED",
     UNSELECTED = "UNSELECTED",
     EMPTY = "EMPTY"

package/dist/esm/components/tabs/types/state.js

@@ -0,0 +1,7 @@
+export var TabsStateTypes;
+(function (TabsStateTypes) {
+    TabsStateTypes["SELECTED"] = "SELECTED";
+    TabsStateTypes["UNSELECTED"] = "UNSELECTED";
+    TabsStateTypes["EMPTY"] = "EMPTY";
+})(TabsStateTypes || (TabsStateTypes = {}));
+//# sourceMappingURL=state.js.map

package/dist/esm/components/tabs/types/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/tabs/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;IACzB,iCAAe,CAAA;AACjB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB"}