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

package/dist/esm/components/snackbar/snackbarUnControlled.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import { ISnackbarUnControlled } from './types';
 declare const SnackbarUnControlledComponent: <V extends unknown>({ open, variant, closeTimeout, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: ISnackbarUnControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
-declare const SnackbarUnControlled: <V extends unknown>(props: ISnackbarUnControlled<V> & {
-    children?: React.ReactNode;
-} & {
+declare const SnackbarUnControlled: <V extends unknown>(props: React.PropsWithChildren<ISnackbarUnControlled<V>> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
 }) => ReturnType<typeof SnackbarUnControlledComponent>;
 export { SnackbarUnControlled };

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

@@ -12,8 +12,13 @@ export type SnackbarTitleType = Omit<IText<string>, 'children'> & {
     content?: string;
 };
 export type SnackbarDescriptionType = SnackbarTitleType;
-export type SnackbarLinkType = Omit<ILink, 'children' | 'onClick'>;
-export type SnackbarActionButtonType = Omit<IButton, 'children' | 'onClick'>;
+export type SnackbarLinkType = Omit<ILink, 'children' | 'onClick' | 'variant'> & {
+    variant?: string;
+};
+export type SnackbarActionButtonType = Omit<IButton, 'children' | 'onClick' | 'variant' | 'size'> & {
+    variant?: string;
+    size?: string;
+};
 export interface ISnackbarStandAlone {
     icon?: IElementOrIcon;
     closeIcon?: SnackbarCloseIconType;

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

@@ -20,6 +20,6 @@ export interface IStepperNumberStandAlone {
     dataTestId?: string;
 }
 export interface IStepperNumber<V = undefined extends string ? unknown : string> extends Omit<IStepperNumberStandAlone, 'styles' | 'orientation'>, Omit<CustomTokenTypes<StepperNumberDimensionStylesType>, 'cts' | 'extraCt'> {
-    variant?: V;
+    variant: V;
     orientation?: StepperNumberOrientationType;
 }

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

@@ -0,0 +1,3 @@
+export * from './types';
+export { SummaryDetailsUnControlled as SummaryDetails } from './summaryDetailsUnControlled';
+export * from './summaryDetailsControlled';

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

@@ -0,0 +1,4 @@
+export * from './types';
+export { SummaryDetailsUnControlled as SummaryDetails } from './summaryDetailsUnControlled';
+export * from './summaryDetailsControlled';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,0BAA0B,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC5F,cAAc,4BAA4B,CAAC"}

package/dist/esm/components/summaryDetails/stories/argtypes.d.ts

@@ -0,0 +1,3 @@
+import { IThemeObjectVariants } from '../../../designSystem/themesObject';
+import { ArgTypesReturn } from '../../../types';
+export declare const argtypes: (variantsObject: IThemeObjectVariants, themeSelected: string) => ArgTypesReturn;

package/dist/esm/components/summaryDetails/stories/argtypes.js

@@ -0,0 +1,161 @@
+import { CATEGORY_CONTROL } from '../../../constants';
+export const argtypes = (variantsObject, themeSelected) => {
+    return {
+        variant: {
+            description: 'Variant',
+            type: { name: 'string', required: true },
+            control: { type: 'select' },
+            options: Object.keys(variantsObject[themeSelected].SummaryDetailsVariantType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        title: {
+            description: 'Object with title properties',
+            type: { name: 'object', required: true },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'SummaryDetailsTextType',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        leftIcon: {
+            description: 'Object with left icon properties. Decorative left icon',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        leftOpenIcon: {
+            description: 'Object with open icon properties. Left trigger icon when is Opened',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        icon: {
+            description: 'Object with icon properties.Trigger icon',
+            type: { name: 'object', required: true },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        openIcon: {
+            description: 'Object with open icon properties. Trigger icon when is Opened',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'IElementOrIcon',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        rotateOpenIcon: {
+            description: 'Value of rotate deg when summary is opened',
+            type: { name: 'string' },
+            control: { type: 'text' },
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        description: {
+            description: 'Object with description properties',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'SummaryDetailsTextType',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        children: {
+            description: 'You can add the content as children of the component',
+            type: { name: 'string', required: true },
+            control: false,
+            table: {
+                type: {
+                    summary: 'ReactNode',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        open: {
+            description: 'default open state',
+            type: { name: 'boolean' },
+            control: { type: 'boolean' },
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        onOpenClose: {
+            description: 'onHandleOpen callback',
+            type: { name: 'function' },
+            control: false,
+            table: {
+                type: {
+                    summary: '(open: boolean, event: React.MouseEvent<HTMLDetailsElement>) => void',
+                },
+                category: CATEGORY_CONTROL.FUNCTIONS,
+            },
+        },
+        dataTestId: {
+            description: 'Test id',
+            type: { name: 'string' },
+            control: false,
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.TESTING,
+            },
+        },
+        ctv: {
+            description: 'Object used for update variant styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+        extraCt: {
+            description: 'Object used for update lineSeparator styles',
+            type: { name: 'object' },
+            control: { type: 'object' },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                category: CATEGORY_CONTROL.CUSTOMIZATION,
+            },
+        },
+    };
+};
+//# sourceMappingURL=argtypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"argtypes.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/stories/argtypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,cAAoC,EACpC,aAAqB,EACL,EAAE;IAClB,OAAO;QACL,OAAO,EAAE;YACP,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,yBAAyB,IAAI,EAAE,CAAC;YACnF,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,8BAA8B;YAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,wBAAwB;iBAClC;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,wDAAwD;YACrE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,gBAAgB;iBAC1B;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,oEAAoE;YACjF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,gBAAgB;iBAC1B;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,0CAA0C;YACvD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,gBAAgB;iBAC1B;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,+DAA+D;YAC5E,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,gBAAgB;iBAC1B;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,cAAc,EAAE;YACd,WAAW,EAAE,4CAA4C;YACzD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,oCAAoC;YACjD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,wBAAwB;iBAClC;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;YACnE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,oBAAoB;YACjC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,SAAS;iBACnB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,uBAAuB;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;YAC1B,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,sEAAsE;iBAChF;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,UAAU,EAAE;YACV,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,GAAG,EAAE;YACH,WAAW,EAAE,uCAAuC;YACpD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,aAAa;aACzC;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,6CAA6C;YAC1D,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,aAAa;aACzC;SACF;KACF,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { LineSeparatorLinePropsStylesType } from '../../components/lineSeparator';
+import { SummaryDetailsPropsStylesType } from './types';
+export declare const ContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, {
+    styles: SummaryDetailsPropsStylesType;
+}>>;
+export declare const HeaderStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+    styles: SummaryDetailsPropsStylesType;
+    lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
+    $isOpen: boolean;
+    hasLineSeparator?: boolean | undefined;
+}>>;
+export declare const HeaderTitleIconStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    styles: SummaryDetailsPropsStylesType;
+}>>;
+export declare const TitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    styles: SummaryDetailsPropsStylesType;
+}>>;
+export declare const LeftIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    styles: SummaryDetailsPropsStylesType;
+}>>;
+export declare const RightIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    styles: SummaryDetailsPropsStylesType;
+}>>;
+export declare const BodyStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SummaryDetailsPropsStylesType;
+}>>;

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

@@ -0,0 +1,43 @@
+import styled from 'styled-components';
+import { LineSeparatorPositionType, } from '../../components/lineSeparator';
+// styles
+import { getStyles } from '../../utils';
+export const ContainerStyled = styled.details `
+  ${({ styles }) => getStyles(styles.container)};
+`;
+export const HeaderStyled = styled.summary `
+  ${({ styles }) => getStyles(styles.header)};
+  user-select: none;
+  // hide default agent arrow
+  list-style: none;
+  ::-webkit-details-marker {
+    display: none;
+  }
+  > :last-child {
+    ${({ styles }) => getStyles(styles.header?.lastChild)};
+    ${({ styles, lineSeparatorLineStyles, $isOpen, hasLineSeparator }) => styles.hasLineSeparator && !$isOpen && hasLineSeparator
+    ? lineSeparatorLineStyles.buildLineStyles?.(LineSeparatorPositionType.BOTTOM)
+    : undefined}
+  }
+`;
+export const HeaderTitleIconStyled = styled.span `
+  ${({ styles }) => getStyles(styles.header?.firstChild)};
+`;
+export const TitleWrapper = styled.span `
+  ${({ styles }) => getStyles(styles.titleContainer)};
+`;
+export const LeftIconWrapper = styled.span `
+  ${({ styles }) => getStyles(styles.leftIconContainer)};
+`;
+export const RightIconWrapper = styled.span `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: rotate(0deg);
+  transition: 'transform 0.15s ease-in-out';
+  ${({ styles }) => getStyles(styles.rightIconContainer)};
+`;
+export const BodyStyled = styled.div `
+  ${({ styles }) => getStyles(styles.body)};
+`;
+//# sourceMappingURL=summaryDetails.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetails.styled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetails.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAEL,yBAAyB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAA2C;IACpF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAKxC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;;;;;;;MAQtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;MACnD,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACnE,MAAM,CAAC,gBAAgB,IAAI,CAAC,OAAO,IAAI,gBAAgB;IACrD,CAAC,CAAC,uBAAuB,CAAC,eAAe,EAAE,CAAC,yBAAyB,CAAC,MAAM,CAAC;IAC7E,CAAC,CAAC,SAAS;;CAElB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAA2C;IACvF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAA2C;IAC9E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAA2C;IACjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAA2C;;;;;;IAMlF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAA2C;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;CACzC,CAAC"}

package/dist/esm/components/summaryDetails/summaryDetailsControlled.d.ts

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

package/dist/esm/components/summaryDetails/summaryDetailsControlled.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useStyles } from '../../hooks';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+import { SummaryDetailsStandAlone } from './summaryDetailsStandAlone';
+const SUMMARY_DETAILS_STYLES = 'SUMMARY_DETAILS_STYLES';
+const LINE_SEPARATOR_STYLES = 'LINE_SEPARATOR_STYLES';
+const SummaryDetailsControlledComponent = React.forwardRef(({ variant, ctv, extraCt, ...props }, ref) => {
+    const styles = useStyles(SUMMARY_DETAILS_STYLES, variant, ctv);
+    const lineSeparatorLineStyles = useStyles(LINE_SEPARATOR_STYLES, styles.lineSeparatorVariant, extraCt);
+    const handleBodyClick = event => {
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    return (_jsx(SummaryDetailsStandAlone, { ...props, ref: ref, lineSeparatorLineStyles: lineSeparatorLineStyles, styles: styles, onBodyClick: handleBodyClick }));
+});
+SummaryDetailsControlledComponent.displayName = 'SummaryDetailsControlledComponent';
+const SummaryDetailsBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(SummaryDetailsStandAlone, { ...props }) }), children: _jsx(SummaryDetailsControlledComponent, { ...props, ref: ref }) }));
+const SummaryDetailsControlled = React.forwardRef(SummaryDetailsBoundary);
+export { SummaryDetailsControlled };
+//# sourceMappingURL=summaryDetailsControlled.js.map

package/dist/esm/components/summaryDetails/summaryDetailsControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetailsControlled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetailsControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAOtE,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AACxD,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAEtD,MAAM,iCAAiC,GAAG,KAAK,CAAC,UAAU,CACxD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyD,EAC1F,GAA8D,EACjD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,sBAAsB,EACtB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,uBAAuB,GAAG,SAAS,CACvC,qBAAqB,EACrB,MAAM,CAAC,oBAAoB,EAC3B,OAAO,CACR,CAAC;IAEF,MAAM,eAAe,GAA4C,KAAK,CAAC,EAAE;QACvE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,wBAAwB,OACnB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,uBAAuB,EAAE,uBAAuB,EAChD,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,eAAe,GAC5B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,iCAAiC,CAAC,WAAW,GAAG,mCAAmC,CAAC;AAEpF,MAAM,sBAAsB,GAAG,CAC7B,KAA4D,EAC5D,GAA8D,EACjD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,wBAAwB,OAAM,KAA8C,GAAI,GAC/D,YAGtB,KAAC,iCAAiC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC5C,CACjB,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAM1B,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/esm/components/summaryDetails/summaryDetailsStandAlone.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ISummaryDetailsStandAlone } from './types';
+export declare const SummaryDetailsStandAlone: React.ForwardRefExoticComponent<ISummaryDetailsStandAlone & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDetailsElement>>;

package/dist/esm/components/summaryDetails/summaryDetailsStandAlone.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable complexity */
+import * as React from 'react';
+import { ElementOrIcon } from '../../components/elementOrIcon';
+import { Text, TextComponentType } from '../../components/text';
+import { BodyStyled, ContainerStyled, HeaderStyled, HeaderTitleIconStyled, LeftIconWrapper, RightIconWrapper, TitleWrapper, } from './summaryDetails.styled';
+const SummaryDetailsStandAloneComponent = ({ dataTestId = 'summaryDetails', rotateOpenIcon = '180deg', hasLineSeparator = true, ...props }, ref) => {
+    const leftIcon = props.open && props.leftOpenIcon ? props.leftOpenIcon : props.leftIcon;
+    const rightIcon = props.open && props.openIcon ? props.openIcon : props.icon;
+    const leftIconStyles = props.open ? props.styles.leftOpenIcon : props.styles.leftClosedIcon;
+    const rightIconStyles = props.open ? props.styles.rightOpenIcon : props.styles.rightClosedIcon;
+    const leftRotateOpen = props.leftOpenIcon ? '0deg' : rotateOpenIcon;
+    const rightRotateOpen = props.openIcon ? '0deg' : rotateOpenIcon;
+    return (_jsxs(ContainerStyled, { ref: ref, "data-testid": `${dataTestId}Details`, open: props.open, styles: props.styles, onClick: props.onClick, children: [_jsxs(HeaderStyled, { "$isOpen": props.open, "data-testid": `${dataTestId}Summary`, hasLineSeparator: hasLineSeparator, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, children: [_jsxs(HeaderTitleIconStyled, { as: props.title.component, styles: props.styles, children: [leftIcon && (_jsx(LeftIconWrapper, { styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: leftIconStyles, dataTestId: `${dataTestId}SummaryLeftIcon`, rotate: props.styles.leftIconContainer?.allowRotate && props.open
+                                        ? leftRotateOpen
+                                        : '0deg', ...leftIcon }) })), _jsx(TitleWrapper, { styles: props.styles, children: _jsx(Text, { customTypography: props.styles.title, dataTestId: `${dataTestId}SummaryTitle`, ...props.title, component: TextComponentType.SPAN, children: props.title.content }) }), rightIcon && (_jsx(RightIconWrapper, { styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: rightIconStyles, dataTestId: `${dataTestId}SummaryIcon`, rotate: props.styles.rightIconContainer?.allowRotate && props.open
+                                        ? rightRotateOpen
+                                        : '0deg', ...rightIcon }) }))] }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.description, dataTestId: `${dataTestId}SummaryDescription`, ...props.description, children: props.description?.content })] }), _jsx(BodyStyled, { "data-testid": `${dataTestId}Content`, styles: props.styles, onClick: props.onBodyClick, children: props.children })] }));
+};
+export const SummaryDetailsStandAlone = React.forwardRef(SummaryDetailsStandAloneComponent);
+//# sourceMappingURL=summaryDetailsStandAlone.js.map

package/dist/esm/components/summaryDetails/summaryDetailsStandAlone.js.map

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

package/dist/esm/components/summaryDetails/summaryDetailsUnControlled.d.ts

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

package/dist/esm/components/summaryDetails/summaryDetailsUnControlled.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { SummaryDetailsControlled } from './summaryDetailsControlled';
+const SummaryDetailsUnControlledComponent = ({ open = false, onOpenClose, ...props }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(open);
+    const handleClick = event => {
+        event.preventDefault();
+        const newOpenState = !isOpen;
+        setIsOpen(newOpenState);
+        onOpenClose?.(newOpenState, event);
+    };
+    return _jsx(SummaryDetailsControlled, { ...props, ref: ref, open: isOpen, onClick: handleClick });
+};
+const SummaryDetailsUnControlled = React.forwardRef(SummaryDetailsUnControlledComponent);
+export { SummaryDetailsUnControlled };
+//# sourceMappingURL=summaryDetailsUnControlled.js.map

package/dist/esm/components/summaryDetails/summaryDetailsUnControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetailsUnControlled.js","sourceRoot":"","sources":["../../../../src/components/summaryDetails/summaryDetailsUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,MAAM,mCAAmC,GAAG,CAC1C,EAAE,IAAI,GAAG,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAA2D,EAChG,GAA8D,EACjD,EAAE;IACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAgD,KAAK,CAAC,EAAE;QACvE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC;QAC7B,SAAS,CAAC,YAAY,CAAC,CAAC;QACxB,WAAW,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC;AAC/F,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAmC,CAM5B,CAAC;AAE5D,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './summaryDetails';
+export * from './summaryDetailsTheme';

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

@@ -0,0 +1,3 @@
+export * from './summaryDetails';
+export * from './summaryDetailsTheme';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { LineSeparatorLinePropsStylesType } from '../../../components/lineSeparator';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes } from '../../../types';
+import { SummaryDetailsPropsStylesType } from './summaryDetailsTheme';
+export type SummaryDetailsTextType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+export interface ISummaryDetailsStandAlone {
+    styles: SummaryDetailsPropsStylesType;
+    lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
+    title: SummaryDetailsTextType;
+    description?: SummaryDetailsTextType;
+    leftIcon?: IElementOrIcon;
+    leftOpenIcon?: IElementOrIcon;
+    icon?: IElementOrIcon;
+    openIcon?: IElementOrIcon;
+    open: boolean;
+    onClick: React.MouseEventHandler<HTMLDetailsElement>;
+    onBodyClick: React.MouseEventHandler<HTMLDivElement>;
+    dataTestId?: string;
+    rotateOpenIcon?: string;
+    hasLineSeparator?: boolean;
+}
+export interface ISummaryDetailsControlled<V = undefined extends string ? unknown : string> extends Omit<ISummaryDetailsStandAlone, 'styles' | 'lineSeparatorLineStyles' | 'onBodyClick'>, Omit<CustomTokenTypes<SummaryDetailsPropsStylesType, undefined, LineSeparatorLinePropsStylesType>, 'cts'> {
+    variant: V;
+}
+export interface ISummaryDetailsUnControlled<V = undefined extends string ? unknown : string> extends Omit<ISummaryDetailsControlled<V>, 'open' | 'onClick'> {
+    open?: boolean;
+    onOpenClose?: (open: boolean, event: React.MouseEvent<HTMLDetailsElement>) => void;
+}

package/dist/esm/components/summaryDetails/types/summaryDetails.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=summaryDetails.js.map

package/dist/esm/components/summaryDetails/types/summaryDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetails.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/types/summaryDetails.ts"],"names":[],"mappings":""}

package/dist/esm/components/summaryDetails/types/summaryDetailsTheme.d.ts

@@ -0,0 +1,27 @@
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
+export type SummaryDetailsPropsStylesType = {
+    container?: CommonStyleType;
+    header?: CommonStyleType & {
+        firstChild?: CommonStyleType;
+        lastChild?: CommonStyleType;
+    };
+    leftIconContainer?: CommonStyleType & {
+        allowRotate?: boolean;
+    };
+    leftOpenIcon?: IconTypes;
+    leftClosedIcon?: IconTypes;
+    titleContainer?: CommonStyleType;
+    title?: TypographyTypes;
+    rightIconContainer?: CommonStyleType & {
+        allowRotate?: boolean;
+    };
+    rightOpenIcon?: IconTypes;
+    rightClosedIcon?: IconTypes;
+    description?: TypographyTypes;
+    body?: CommonStyleType;
+    lineSeparatorVariant?: string;
+    hasLineSeparator?: boolean;
+};
+export type SummaryDetailsStylesType<V extends PropertyKey> = {
+    [key in V]: SummaryDetailsPropsStylesType;
+};

package/dist/esm/components/summaryDetails/types/summaryDetailsTheme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=summaryDetailsTheme.js.map

package/dist/esm/components/summaryDetails/types/summaryDetailsTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summaryDetailsTheme.js","sourceRoot":"","sources":["../../../../../src/components/summaryDetails/types/summaryDetailsTheme.ts"],"names":[],"mappings":""}

package/dist/esm/components/table/component/list.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Footer } from '../../../components/footer';
-import { ListStyled } from '../table.styled';
-import { ItemList } from './itemList';
+import { ListContainerStyled } from '../table.styled';
+import { ListRow } from './listRow';
 export const List = (props) => {
     const footerVariant = props.footer?.variant ?? props.styles?.footerVariant;
-    return (_jsxs(_Fragment, { children: [_jsx(ListStyled, { "data-testid": `${props.dataTestId}Table`, list: props.styles.list, children: props.values.map((value, indexValue) => {
-                    return _jsx(ItemList, { ...props, index: indexValue, value: value }, indexValue);
+    return (_jsxs(_Fragment, { children: [_jsx(ListContainerStyled, { "data-testid": `${props.dataTestId}Table`, styles: props.styles, children: props.values.map((value, indexValue) => {
+                    return _jsx(ListRow, { ...props, index: indexValue, value: value }, indexValue);
                 }) }), props.footer?.content && footerVariant && (_jsx(Footer, { dataTestId: `${props.dataTestId}Navbar`, simpleContainer: false, ...props.footer, variant: footerVariant, children: props.footer.content }))] }));
 };
 //# sourceMappingURL=list.js.map

package/dist/esm/components/table/component/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/table/component/list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAqB,EAAe,EAAE;IACzD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;IAC3E,OAAO,CACL,8BACE,KAAC,UAAU,mBAAc,GAAG,KAAK,CAAC,UAAU,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,YACzE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;oBACtC,OAAO,KAAC,QAAQ,OAAsB,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAAtD,UAAU,CAAgD,CAAC;gBACnF,CAAC,CAAC,GACS,EACZ,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,aAAa,IAAI,CACzC,KAAC,MAAM,IACL,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACvC,eAAe,EAAE,KAAK,KAClB,KAAK,CAAC,MAAM,EAChB,OAAO,EAAE,aAAa,YAErB,KAAK,CAAC,MAAM,CAAC,OAAO,GACd,CACV,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/table/component/list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAqB,EAAe,EAAE;IACzD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;IAC3E,OAAO,CACL,8BACE,KAAC,mBAAmB,mBAAc,GAAG,KAAK,CAAC,UAAU,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC/E,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;oBACtC,OAAO,KAAC,OAAO,OAAsB,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAAtD,UAAU,CAAgD,CAAC;gBAClF,CAAC,CAAC,GACkB,EACrB,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,aAAa,IAAI,CACzC,KAAC,MAAM,IACL,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACvC,eAAe,EAAE,KAAK,KAClB,KAAK,CAAC,MAAM,EAChB,OAAO,EAAE,aAAa,YAErB,KAAK,CAAC,MAAM,CAAC,OAAO,GACd,CACV,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/table/component/listDivider.d.ts

@@ -1,10 +1,7 @@
-import * as React from 'react';
-import { ListStylesType, TableDividerStylesType, TableDividerType } from '../types';
+import { TableDividerStylesType, TableDividerType } from '../types';
 export interface IListDivider {
     divider: null | TableDividerType | unknown;
-    listStyles?: ListStylesType;
     dividerStyles?: TableDividerStylesType;
-    children?: React.ReactNode;
 }
 /**
  * @description

package/dist/esm/components/table/component/listDivider.js

@@ -1,7 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Divider } from '../../../components/divider';
 import { LineSeparator } from '../../../components/lineSeparator';
-import { ItemListLineSeparatorStyled, ListDividerInternalWrapper } from '../table.styled';
 /**
  * @description
  * ListDivider component is used to display a divider between lists.
@@ -18,12 +17,12 @@ export const ListDivider = (props) => {
         return null;
     }
     if (typeof props.divider === 'string') {
-        return (_jsxs(ItemListLineSeparatorStyled, { item: props.listStyles, children: [_jsx(LineSeparator, { label: { content: props.divider }, labelVariant: props.dividerStyles?.lineSeparatorLabelVariant, lineVariant: props.dividerStyles?.lineSeparatorLineVariant }), props.children] }));
+        return (_jsx(LineSeparator, { label: { content: props.divider }, labelVariant: props.dividerStyles?.lineSeparatorLabelVariant, lineVariant: props.dividerStyles?.lineSeparatorLineVariant }));
     }
     const dividerVariant = props.divider.variant ?? props.dividerStyles?.dividerVariant;
     if (!dividerVariant) {
         return null;
     }
-    return (_jsxs(ListDividerInternalWrapper, { children: [_jsx(Divider, { ...props.divider, variant: dividerVariant }), props.children] }));
+    return _jsx(Divider, { ...props.divider, variant: dividerVariant });
 };
 //# sourceMappingURL=listDivider.js.map

package/dist/esm/components/table/component/listDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"listDivider.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listDivider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAU1F;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAsB,EAAE;IACrE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,CACL,MAAC,2BAA2B,IAAC,IAAI,EAAE,KAAK,CAAC,UAAU,aACjD,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAiB,EAAE,EAC3C,YAAY,EAAE,KAAK,CAAC,aAAa,EAAE,yBAAyB,EAC5D,WAAW,EAAE,KAAK,CAAC,aAAa,EAAE,wBAAwB,GAC1D,EACD,KAAK,CAAC,QAAQ,IACa,CAC/B,CAAC;IACJ,CAAC;IACD,MAAM,cAAc,GACjB,KAAK,CAAC,OAA4B,CAAC,OAAO,IAAI,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC;IACrF,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,MAAC,0BAA0B,eACzB,KAAC,OAAO,OAAM,KAAK,CAAC,OAA4B,EAAE,OAAO,EAAE,cAAc,GAAI,EAC5E,KAAK,CAAC,QAAQ,IACY,CAC9B,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"listDivider.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listDivider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAS3D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAsB,EAAE;IACrE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAiB,EAAE,EAC3C,YAAY,EAAE,KAAK,CAAC,aAAa,EAAE,yBAAyB,EAC5D,WAAW,EAAE,KAAK,CAAC,aAAa,EAAE,wBAAwB,GAC1D,CACH,CAAC;IACJ,CAAC;IACD,MAAM,cAAc,GACjB,KAAK,CAAC,OAA4B,CAAC,OAAO,IAAI,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC;IACrF,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,KAAC,OAAO,OAAM,KAAK,CAAC,OAA4B,EAAE,OAAO,EAAE,cAAc,GAAI,CAAC;AACvF,CAAC,CAAC"}

package/dist/esm/components/table/component/listRow.d.ts

@@ -0,0 +1,2 @@
+import { IListRow } from '../types/table';
+export declare const ListRow: (props: IListRow) => JSX.Element;

package/dist/esm/components/table/component/listRow.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ButtonType } from '../../../components/button';
+import { ElementOrIcon } from '../../../components/elementOrIcon';
+import { useContent } from '../hooks/useContent';
+import { ListEmptyExpandedContentItem, ListItemExpandedStyled, ListItemStyled, ListRowContainerStyled, ListRowStyled, TableExpandedButton, } from '../table.styled';
+import { ListDivider } from './listDivider';
+export const ListRow = (props) => {
+    const { divider, dividerValue, getExpandedAria, getValue, handleShowExpandedContent, hasExpandedContentRow, showExpandedContent, rowVariant, } = useContent({ ...props });
+    return (_jsxs(ListRowContainerStyled, { hasDivider: !!dividerValue(), lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, children: [_jsx(ListDivider, { divider: dividerValue(), dividerStyles: props.styles.divider }), _jsxs(ListRowStyled, { formatSideBySideInList: props.formatSideBySideInList, styles: props.styles, children: [props.headers
+                        .filter(headerValue => headerValue.id !== divider?.id)
+                        .map((headerValue, indexHeader) => {
+                        const hasExpandedIcon = indexHeader === 0;
+                        return (_jsxs(ListItemStyled, { "data-testid": `${props.dataTestId}ItemList${indexHeader}`, hasSomeExpandedContent: hasExpandedIcon && props.hasSomeExpandedContent && hasExpandedContentRow, styles: props.styles, children: [hasExpandedIcon &&
+                                    props.hasSomeExpandedContent &&
+                                    (hasExpandedContentRow ? (_jsx(TableExpandedButton, { "aria-label": getExpandedAria(), styles: props.styles.bodyRows?.[rowVariant], type: ButtonType.BUTTON, onClick: () => {
+                                            props.onExpandedContentOpen?.(!showExpandedContent, getValue(headerValue), indexHeader);
+                                            handleShowExpandedContent(!showExpandedContent);
+                                        }, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.bodyRows?.[rowVariant]?.accordionIcon, rotate: showExpandedContent ? '180deg' : '0deg', ...props.accordionIcon }) })) : (_jsx(ListEmptyExpandedContentItem, {}))), getValue(headerValue)] }, indexHeader));
+                    }), hasExpandedContentRow && (_jsx(ListItemExpandedStyled, { showExpandedContent: showExpandedContent, styles: props.styles.bodyRows?.[rowVariant], children: showExpandedContent && props.value.expandedContent
+                            ? props.value.expandedContent[props.device]
+                            : props.expandedContentHelpMessage }))] })] }));
+};
+//# sourceMappingURL=listRow.js.map

package/dist/esm/components/table/component/listRow.js.map

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