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

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/designSystem/kubit/components/styles.d.ts

@@ -66,3 +66,4 @@ export * from './loadingState/styles';
 export * from './mediaButton/styles';
 export * from './mediaProgressBar/styles';
 export * from './pageControlAutomate/styles';
+export * from './summaryDetails/styles';

package/dist/esm/designSystem/kubit/components/styles.js

@@ -66,4 +66,5 @@ export * from './loadingState/styles';
 export * from './mediaButton/styles';
 export * from './mediaProgressBar/styles';
 export * from './pageControlAutomate/styles';
+export * from './summaryDetails/styles';
 //# sourceMappingURL=styles.js.map

package/dist/esm/designSystem/kubit/components/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './styles';
+export * from './variants';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/summaryDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/dist/esm/designSystem/kubit/components/summaryDetails/styles.d.ts

@@ -0,0 +1,3 @@
+import { SummaryDetailsStylesType } from '../../../../components/summaryDetails/types';
+import { SummaryDetailsVariantType } from './variants';
+export declare const SUMMARY_DETAILS_STYLES: SummaryDetailsStylesType<SummaryDetailsVariantType>;

package/dist/esm/designSystem/kubit/components/summaryDetails/styles.js

@@ -0,0 +1,209 @@
+// fundations
+import { BORDERS, COLORS, FONT_WEIGHT, SIZES, SPACINGS } from '../../foundations';
+import { LineSeparatorLineVariantType, TextVariantType } from '../variants';
+import { SummaryDetailsVariantType } from './variants';
+export const SUMMARY_DETAILS_STYLES = {
+    // Add the same border than OPTION SIDE_MENU_LEVEL_1
+    [SummaryDetailsVariantType.SIDE_MENU]: {
+        container: { width: '100%' },
+        header: {
+            cursor: 'pointer',
+            display: 'flex',
+            flex_direction: 'column',
+            background_color: COLORS.NEUTRAL.color_neutral_bg_250,
+            padding_top: SPACINGS.spacing_250,
+            padding_right: SPACINGS.spacing_300,
+            padding_left: `calc(${SPACINGS.spacing_300} + ${BORDERS.border_200})`,
+            firstChild: {
+                display: 'flex',
+                flex_direction: 'row',
+                justify_content: 'space-between',
+                align_items: 'center',
+                gap: '0.5rem',
+            },
+            lastChild: {
+                border_style: 'none',
+                padding_bottom: SPACINGS.spacing_250,
+            },
+        },
+        leftIconContainer: {
+            display: 'flex',
+            flex_direction: 'row',
+            align_items: 'center',
+            gap: SPACINGS.spacing_150,
+        },
+        leftOpenIcon: {
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+        },
+        leftClosedIcon: {
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+        },
+        title: {
+            font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
+            color: COLORS.NEUTRAL.color_neutral_font_50,
+            font_weight: FONT_WEIGHT.font_weight_400,
+        },
+        titleContainer: {
+            width: '100%',
+        },
+        rightIconContainer: {
+            allowRotate: true,
+        },
+        rightOpenIcon: {
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        rightClosedIcon: {
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        body: {
+            background_color: COLORS.NEUTRAL.color_neutral_bg_250,
+            padding_top: SPACINGS.spacing_150,
+            padding_left: SPACINGS.spacing_300,
+        },
+        lineSeparatorVariant: LineSeparatorLineVariantType.LINE_DEFAULT,
+        hasLineSeparator: false,
+    },
+    [SummaryDetailsVariantType.ACCORDION]: {
+        container: { width: '100%' },
+        header: {
+            cursor: 'pointer',
+            display: 'flex',
+            flex_direction: 'column',
+            padding_top: SPACINGS.spacing_150,
+            firstChild: {
+                display: 'flex',
+                flex_direction: 'row',
+                border_bottom_style: 'solid',
+                border_bottom_width: BORDERS.border_50,
+                border_bottom_color: COLORS.SECONDARY.color_secondary_bg_100,
+                align_items: 'end',
+            },
+        },
+        leftIconContainer: {
+            allowRotate: true,
+            display: 'flex',
+            flex_direction: 'row',
+            align_items: 'center',
+            height: SIZES.size_400,
+            width: SIZES.size_400,
+            max_width: SIZES.size_400,
+            max_height: SIZES.size_400,
+            background_color: COLORS.SECONDARY.color_secondary_bg_100,
+            margin_right: SPACINGS.spacing_300,
+            justify_content: 'center',
+        },
+        leftOpenIcon: {
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+            width: SIZES.size_300,
+            height: SIZES.size_300,
+        },
+        leftClosedIcon: {
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+            width: SIZES.size_300,
+            height: SIZES.size_300,
+        },
+        title: {
+            font_variant: TextVariantType.HEADING_H3_EXPANDED,
+            color: COLORS.NEUTRAL.color_neutral_font_50,
+            font_weight: FONT_WEIGHT.font_weight_400,
+        },
+        titleContainer: {
+            width: '100%',
+        },
+        rightIconContainer: {
+            allowRotate: true,
+        },
+        rightOpenIcon: {
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        rightClosedIcon: {
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        body: {
+            padding_top: SPACINGS.spacing_150,
+            padding_left: SPACINGS.spacing_300,
+        },
+        lineSeparatorVariant: LineSeparatorLineVariantType.LINE_DEFAULT,
+        hasLineSeparator: false,
+    },
+    [SummaryDetailsVariantType.ACCORDION_NO_PADDING]: {
+        container: { width: '100%' },
+        header: {
+            cursor: 'pointer',
+            display: 'flex',
+            flex_direction: 'column',
+            padding_top: SPACINGS.spacing_150,
+            firstChild: {
+                display: 'flex',
+                flex_direction: 'row',
+                border_bottom_style: 'solid',
+                border_bottom_width: BORDERS.border_50,
+                border_bottom_color: COLORS.SECONDARY.color_secondary_bg_100,
+                align_items: 'end',
+            },
+        },
+        leftIconContainer: {
+            allowRotate: true,
+            display: 'flex',
+            flex_direction: 'row',
+            align_items: 'center',
+            height: SIZES.size_400,
+            width: SIZES.size_400,
+            max_width: SIZES.size_400,
+            max_height: SIZES.size_400,
+            background_color: COLORS.SECONDARY.color_secondary_bg_100,
+            margin_right: SPACINGS.spacing_300,
+            justify_content: 'center',
+        },
+        leftOpenIcon: {
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+            width: SIZES.size_300,
+            height: SIZES.size_300,
+        },
+        leftClosedIcon: {
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+            width: SIZES.size_300,
+            height: SIZES.size_300,
+        },
+        title: {
+            font_variant: TextVariantType.HEADING_H3_EXPANDED,
+            color: COLORS.NEUTRAL.color_neutral_font_50,
+            font_weight: FONT_WEIGHT.font_weight_400,
+        },
+        titleContainer: {
+            width: '100%',
+        },
+        rightIconContainer: {
+            allowRotate: true,
+        },
+        rightOpenIcon: {
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        rightClosedIcon: {
+            width: SIZES.size_250,
+            height: SIZES.size_250,
+            color: COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        body: {
+            padding_top: SPACINGS.spacing_300,
+            padding_left: SPACINGS.spacing_0,
+        },
+        lineSeparatorVariant: LineSeparatorLineVariantType.LINE_DEFAULT,
+        hasLineSeparator: false,
+    },
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/designSystem/kubit/components/summaryDetails/styles.js.map

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

package/dist/esm/designSystem/kubit/components/summaryDetails/variants.d.ts

@@ -0,0 +1,5 @@
+export declare enum SummaryDetailsVariantType {
+    SIDE_MENU = "SIDE_MENU",
+    ACCORDION = "ACCORDION",
+    ACCORDION_NO_PADDING = "ACCORDION_NO_PADDING"
+}

package/dist/esm/designSystem/kubit/components/summaryDetails/variants.js

@@ -0,0 +1,7 @@
+export var SummaryDetailsVariantType;
+(function (SummaryDetailsVariantType) {
+    SummaryDetailsVariantType["SIDE_MENU"] = "SIDE_MENU";
+    SummaryDetailsVariantType["ACCORDION"] = "ACCORDION";
+    SummaryDetailsVariantType["ACCORDION_NO_PADDING"] = "ACCORDION_NO_PADDING";
+})(SummaryDetailsVariantType || (SummaryDetailsVariantType = {}));
+//# sourceMappingURL=variants.js.map

package/dist/esm/designSystem/kubit/components/summaryDetails/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/summaryDetails/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,yBAIX;AAJD,WAAY,yBAAyB;IACnC,oDAAuB,CAAA;IACvB,oDAAuB,CAAA;IACvB,0EAA6C,CAAA;AAC/C,CAAC,EAJW,yBAAyB,KAAzB,yBAAyB,QAIpC"}

package/dist/esm/designSystem/kubit/components/variants.d.ts

@@ -66,3 +66,4 @@ export * from './textCount/variants';
 export * from './mediaButton/variants';
 export * from './mediaProgressBar/variants';
 export * from './pageControlAutomate/variants';
+export * from './summaryDetails/variants';

package/dist/esm/designSystem/kubit/components/variants.js

@@ -66,4 +66,5 @@ export * from './textCount/variants';
 export * from './mediaButton/variants';
 export * from './mediaProgressBar/variants';
 export * from './pageControlAutomate/variants';
+export * from './summaryDetails/variants';
 //# sourceMappingURL=variants.js.map

package/dist/esm/designSystem/kubit/components/variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC"}

package/dist/esm/designSystem/kubit/index.d.ts

@@ -69,6 +69,7 @@ export declare const KUBIT_STYLES: {
     MEDIA_BUTTON_STYLES: import("../..").MediaButtonStylesType<VARIANTS.MediaButtonVariantType>;
     MEDIA_PROGRESS_BAR_STYLES: import("../..").MediaProgressBarStylesType<VARIANTS.MediaProgressBarVariantType>;
     PAGE_CONTROL_AUTOMATE_STYLES: import("../..").PageControlAutomateStylesType<VARIANTS.PageControlAutomateVariant>;
+    SUMMARY_DETAILS_STYLES: import("../..").SummaryDetailsStylesType<VARIANTS.SummaryDetailsVariantType>;
     BREAKPOINTS: {
         readonly ZERO: 0;
         readonly S: 22.5;
@@ -547,4 +548,5 @@ export declare const KUBIT_VARIANTS: {
     MediaButtonIconSizeVariantType: typeof VARIANTS.MediaButtonIconSizeVariantType;
     MediaProgressBarVariantType: typeof VARIANTS.MediaProgressBarVariantType;
     PageControlAutomateVariant: typeof VARIANTS.PageControlAutomateVariant;
+    SummaryDetailsVariantType: typeof VARIANTS.SummaryDetailsVariantType;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "1.0.0-beta.3",
-  "description": "Kubit Web Components is a library of web components built with React",
+  "version": "1.0.0-beta.4",
+  "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": "Kubit",
   "private": false,
   "main": "./dist/cjs/index.js",
@@ -59,7 +59,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/kubit-ui/web-components"
+    "url": "https://github.com/kubit-ui/kubit-react-components"
   },
   "sideEffects": false,
   "license": "Apache-2.0",