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

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

@@ -0,0 +1,212 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SUMMARY_DETAILS_STYLES = void 0;
+// fundations
+const foundations_1 = require("../../foundations");
+const variants_1 = require("../variants");
+const variants_2 = require("./variants");
+exports.SUMMARY_DETAILS_STYLES = {
+    // Add the same border than OPTION SIDE_MENU_LEVEL_1
+    [variants_2.SummaryDetailsVariantType.SIDE_MENU]: {
+        container: { width: '100%' },
+        header: {
+            cursor: 'pointer',
+            display: 'flex',
+            flex_direction: 'column',
+            background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+            padding_top: foundations_1.SPACINGS.spacing_250,
+            padding_right: foundations_1.SPACINGS.spacing_300,
+            padding_left: `calc(${foundations_1.SPACINGS.spacing_300} + ${foundations_1.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: foundations_1.SPACINGS.spacing_250,
+            },
+        },
+        leftIconContainer: {
+            display: 'flex',
+            flex_direction: 'row',
+            align_items: 'center',
+            gap: foundations_1.SPACINGS.spacing_150,
+        },
+        leftOpenIcon: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+        },
+        leftClosedIcon: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+        },
+        title: {
+            font_variant: variants_1.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        },
+        titleContainer: {
+            width: '100%',
+        },
+        rightIconContainer: {
+            allowRotate: true,
+        },
+        rightOpenIcon: {
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        rightClosedIcon: {
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        body: {
+            background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+            padding_top: foundations_1.SPACINGS.spacing_150,
+            padding_left: foundations_1.SPACINGS.spacing_300,
+        },
+        lineSeparatorVariant: variants_1.LineSeparatorLineVariantType.LINE_DEFAULT,
+        hasLineSeparator: false,
+    },
+    [variants_2.SummaryDetailsVariantType.ACCORDION]: {
+        container: { width: '100%' },
+        header: {
+            cursor: 'pointer',
+            display: 'flex',
+            flex_direction: 'column',
+            padding_top: foundations_1.SPACINGS.spacing_150,
+            firstChild: {
+                display: 'flex',
+                flex_direction: 'row',
+                border_bottom_style: 'solid',
+                border_bottom_width: foundations_1.BORDERS.border_50,
+                border_bottom_color: foundations_1.COLORS.SECONDARY.color_secondary_bg_100,
+                align_items: 'end',
+            },
+        },
+        leftIconContainer: {
+            allowRotate: true,
+            display: 'flex',
+            flex_direction: 'row',
+            align_items: 'center',
+            height: foundations_1.SIZES.size_400,
+            width: foundations_1.SIZES.size_400,
+            max_width: foundations_1.SIZES.size_400,
+            max_height: foundations_1.SIZES.size_400,
+            background_color: foundations_1.COLORS.SECONDARY.color_secondary_bg_100,
+            margin_right: foundations_1.SPACINGS.spacing_300,
+            justify_content: 'center',
+        },
+        leftOpenIcon: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            width: foundations_1.SIZES.size_300,
+            height: foundations_1.SIZES.size_300,
+        },
+        leftClosedIcon: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            width: foundations_1.SIZES.size_300,
+            height: foundations_1.SIZES.size_300,
+        },
+        title: {
+            font_variant: variants_1.TextVariantType.HEADING_H3_EXPANDED,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        },
+        titleContainer: {
+            width: '100%',
+        },
+        rightIconContainer: {
+            allowRotate: true,
+        },
+        rightOpenIcon: {
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        rightClosedIcon: {
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        body: {
+            padding_top: foundations_1.SPACINGS.spacing_150,
+            padding_left: foundations_1.SPACINGS.spacing_300,
+        },
+        lineSeparatorVariant: variants_1.LineSeparatorLineVariantType.LINE_DEFAULT,
+        hasLineSeparator: false,
+    },
+    [variants_2.SummaryDetailsVariantType.ACCORDION_NO_PADDING]: {
+        container: { width: '100%' },
+        header: {
+            cursor: 'pointer',
+            display: 'flex',
+            flex_direction: 'column',
+            padding_top: foundations_1.SPACINGS.spacing_150,
+            firstChild: {
+                display: 'flex',
+                flex_direction: 'row',
+                border_bottom_style: 'solid',
+                border_bottom_width: foundations_1.BORDERS.border_50,
+                border_bottom_color: foundations_1.COLORS.SECONDARY.color_secondary_bg_100,
+                align_items: 'end',
+            },
+        },
+        leftIconContainer: {
+            allowRotate: true,
+            display: 'flex',
+            flex_direction: 'row',
+            align_items: 'center',
+            height: foundations_1.SIZES.size_400,
+            width: foundations_1.SIZES.size_400,
+            max_width: foundations_1.SIZES.size_400,
+            max_height: foundations_1.SIZES.size_400,
+            background_color: foundations_1.COLORS.SECONDARY.color_secondary_bg_100,
+            margin_right: foundations_1.SPACINGS.spacing_300,
+            justify_content: 'center',
+        },
+        leftOpenIcon: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            width: foundations_1.SIZES.size_300,
+            height: foundations_1.SIZES.size_300,
+        },
+        leftClosedIcon: {
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            width: foundations_1.SIZES.size_300,
+            height: foundations_1.SIZES.size_300,
+        },
+        title: {
+            font_variant: variants_1.TextVariantType.HEADING_H3_EXPANDED,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+            font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        },
+        titleContainer: {
+            width: '100%',
+        },
+        rightIconContainer: {
+            allowRotate: true,
+        },
+        rightOpenIcon: {
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        rightClosedIcon: {
+            width: foundations_1.SIZES.size_250,
+            height: foundations_1.SIZES.size_250,
+            color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        },
+        body: {
+            padding_top: foundations_1.SPACINGS.spacing_300,
+            padding_left: foundations_1.SPACINGS.spacing_0,
+        },
+        lineSeparatorVariant: variants_1.LineSeparatorLineVariantType.LINE_DEFAULT,
+        hasLineSeparator: false,
+    },
+};
+//# sourceMappingURL=styles.js.map

package/dist/cjs/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/cjs/designSystem/kubit/components/summaryDetails/variants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SummaryDetailsVariantType = void 0;
+var SummaryDetailsVariantType;
+(function (SummaryDetailsVariantType) {
+    SummaryDetailsVariantType["SIDE_MENU"] = "SIDE_MENU";
+    SummaryDetailsVariantType["ACCORDION"] = "ACCORDION";
+    SummaryDetailsVariantType["ACCORDION_NO_PADDING"] = "ACCORDION_NO_PADDING";
+})(SummaryDetailsVariantType || (exports.SummaryDetailsVariantType = SummaryDetailsVariantType = {}));
+//# sourceMappingURL=variants.js.map

package/dist/cjs/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,IAAY,yBAIX;AAJD,WAAY,yBAAyB;IACnC,oDAAuB,CAAA;IACvB,oDAAuB,CAAA;IACvB,0EAA6C,CAAA;AAC/C,CAAC,EAJW,yBAAyB,yCAAzB,yBAAyB,QAIpC"}

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

@@ -82,4 +82,5 @@ __exportStar(require("./textCount/variants"), exports);
 __exportStar(require("./mediaButton/variants"), exports);
 __exportStar(require("./mediaProgressBar/variants"), exports);
 __exportStar(require("./pageControlAutomate/variants"), exports);
+__exportStar(require("./summaryDetails/variants"), exports);
 //# sourceMappingURL=variants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,4DAA0C;AAC1C,uDAAqC;AACrC,6DAA2C;AAC3C,kDAAgC;AAChC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,sDAAoC;AACpC,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,yDAAuC;AACvC,8DAA4C;AAC5C,iEAA+C"}
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,4DAA0C;AAC1C,uDAAqC;AACrC,6DAA2C;AAC3C,kDAAgC;AAChC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,sDAAoC;AACpC,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,yDAAuC;AACvC,8DAA4C;AAC5C,iEAA+C;AAC/C,4DAA0C"}

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

@@ -78,3 +78,4 @@ export * from './dropdownSelected';
 export * from './portal';
 export * from './mediaButton';
 export * from './mediaProgressBar';
+export * from './summaryDetails';

package/dist/esm/components/index.js

@@ -78,4 +78,5 @@ export * from './dropdownSelected';
 export * from './portal';
 export * from './mediaButton';
 export * from './mediaProgressBar';
+export * from './summaryDetails';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAA"}

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":"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"}

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,9 @@
+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: ISummaryDetailsControlled<V> & {
+    children?: React.ReactNode;
+} & {
+    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,9 @@
+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: ISummaryDetailsUnControlled<V> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.ForwardedRef<HTMLDetailsElement> | undefined | null;
+}) => ReturnType<typeof SummaryDetailsUnControlledComponent>;
+export { SummaryDetailsUnControlled };