elseware-ui 2.13.5 → 2.13.6

package/build/components/surfaces/accordion/Accordion.d.ts

@@ -6,6 +6,7 @@ export interface AccordionProps {
     rhsActions?: ReactNode;
     defaultCollapse?: boolean;
     toggleOnSummaryClick?: boolean;
+    enableChildrenPadding?: boolean;
 }
-declare function Accordion({ summary, children, lhsActions, rhsActions, defaultCollapse, toggleOnSummaryClick, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+declare function Accordion({ summary, children, lhsActions, rhsActions, defaultCollapse, toggleOnSummaryClick, enableChildrenPadding, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/build/index.es.js

@@ -111597,15 +111597,18 @@ function FaCircleChevronDown (props) {
 }
 
 function Accordion(_a) {
-    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, children = _a.children, lhsActions = _a.lhsActions, rhsActions = _a.rhsActions, _c = _a.defaultCollapse, defaultCollapse = _c === void 0 ? false : _c, _d = _a.toggleOnSummaryClick, toggleOnSummaryClick = _d === void 0 ? false : _d;
-    var _e = useState(defaultCollapse), collapse = _e[0], setCollapse = _e[1];
+    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, children = _a.children, lhsActions = _a.lhsActions, rhsActions = _a.rhsActions, _c = _a.defaultCollapse, defaultCollapse = _c === void 0 ? false : _c, _d = _a.toggleOnSummaryClick, toggleOnSummaryClick = _d === void 0 ? false : _d, _e = _a.enableChildrenPadding, enableChildrenPadding = _e === void 0 ? true : _e;
+    var _f = useState(defaultCollapse), collapse = _f[0], setCollapse = _f[1];
     var handleToggle = function () {
         setCollapse(function (prev) { return !prev; });
     };
     return (jsxs("div", __assign$1({ className: "border border-eui-dark-400/80 text-gray-500" }, { children: [jsx("div", { children: jsxs("div", __assign$1({ className: classnames({
                         "inline-flex gap-3 items-center px-3 py-2 w-full eui-gradient-to-r-general-xs": true,
                         "hover:cursor-pointer": toggleOnSummaryClick,
-                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsxs("div", __assign$1({ className: "inline-flex gap-3 items-center w-full" }, { children: [lhsActions && (jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: lhsActions }))), jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary }))] })), jsx("div", __assign$1({ onClick: toggleOnSummaryClick ? undefined : handleToggle, className: "hover:cursor-pointer" }, { children: jsx(FaCircleChevronDown, { className: classnames("text-xl transition-transform duration-300", { "rotate-180": collapse }) }) })), rhsActions && (jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: rhsActions })))] })) }), jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: Fragment$3 }, { children: jsx("div", __assign$1({ className: "p-5 border-t border-t-eui-dark-400/40 eui-text-sm" }, { children: children })) }))] })));
+                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsxs("div", __assign$1({ className: "inline-flex gap-3 items-center w-full" }, { children: [lhsActions && (jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: lhsActions }))), jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary }))] })), jsx("div", __assign$1({ onClick: toggleOnSummaryClick ? undefined : handleToggle, className: "hover:cursor-pointer" }, { children: jsx(FaCircleChevronDown, { className: classnames("text-xl transition-transform duration-300", { "rotate-180": collapse }) }) })), rhsActions && (jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: rhsActions })))] })) }), jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: Fragment$3 }, { children: jsx("div", __assign$1({ className: classnames({
+                        "border-t border-t-eui-dark-400/40 eui-text-sm": true,
+                        "p-5": enableChildrenPadding,
+                    }) }, { children: children })) }))] })));
 }
 
 function Card(_a) {

package/build/index.js

@@ -111624,15 +111624,18 @@ function FaCircleChevronDown (props) {
 }
 
 function Accordion(_a) {
-    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, children = _a.children, lhsActions = _a.lhsActions, rhsActions = _a.rhsActions, _c = _a.defaultCollapse, defaultCollapse = _c === void 0 ? false : _c, _d = _a.toggleOnSummaryClick, toggleOnSummaryClick = _d === void 0 ? false : _d;
-    var _e = React.useState(defaultCollapse), collapse = _e[0], setCollapse = _e[1];
+    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, children = _a.children, lhsActions = _a.lhsActions, rhsActions = _a.rhsActions, _c = _a.defaultCollapse, defaultCollapse = _c === void 0 ? false : _c, _d = _a.toggleOnSummaryClick, toggleOnSummaryClick = _d === void 0 ? false : _d, _e = _a.enableChildrenPadding, enableChildrenPadding = _e === void 0 ? true : _e;
+    var _f = React.useState(defaultCollapse), collapse = _f[0], setCollapse = _f[1];
     var handleToggle = function () {
         setCollapse(function (prev) { return !prev; });
     };
     return (jsxRuntime.jsxs("div", __assign$1({ className: "border border-eui-dark-400/80 text-gray-500" }, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("div", __assign$1({ className: classnames({
                         "inline-flex gap-3 items-center px-3 py-2 w-full eui-gradient-to-r-general-xs": true,
                         "hover:cursor-pointer": toggleOnSummaryClick,
-                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsxRuntime.jsxs("div", __assign$1({ className: "inline-flex gap-3 items-center w-full" }, { children: [lhsActions && (jsxRuntime.jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: lhsActions }))), jsxRuntime.jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary }))] })), jsxRuntime.jsx("div", __assign$1({ onClick: toggleOnSummaryClick ? undefined : handleToggle, className: "hover:cursor-pointer" }, { children: jsxRuntime.jsx(FaCircleChevronDown, { className: classnames("text-xl transition-transform duration-300", { "rotate-180": collapse }) }) })), rhsActions && (jsxRuntime.jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: rhsActions })))] })) }), jsxRuntime.jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: React.Fragment }, { children: jsxRuntime.jsx("div", __assign$1({ className: "p-5 border-t border-t-eui-dark-400/40 eui-text-sm" }, { children: children })) }))] })));
+                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsxRuntime.jsxs("div", __assign$1({ className: "inline-flex gap-3 items-center w-full" }, { children: [lhsActions && (jsxRuntime.jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: lhsActions }))), jsxRuntime.jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary }))] })), jsxRuntime.jsx("div", __assign$1({ onClick: toggleOnSummaryClick ? undefined : handleToggle, className: "hover:cursor-pointer" }, { children: jsxRuntime.jsx(FaCircleChevronDown, { className: classnames("text-xl transition-transform duration-300", { "rotate-180": collapse }) }) })), rhsActions && (jsxRuntime.jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: rhsActions })))] })) }), jsxRuntime.jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: React.Fragment }, { children: jsxRuntime.jsx("div", __assign$1({ className: classnames({
+                        "border-t border-t-eui-dark-400/40 eui-text-sm": true,
+                        "p-5": enableChildrenPadding,
+                    }) }, { children: children })) }))] })));
 }
 
 function Card(_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elseware-ui",
-  "version": "2.13.5",
+  "version": "2.13.6",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
   "keywords": [