@dmsi/wedgekit-react 0.0.369 → 0.0.371

package/dist/components/Accordion.cjs

@@ -313,7 +313,9 @@ var Stack = (_a) => {
     noGap,
     marginTop,
     marginBottom,
-    testid
+    testid,
+    bottom,
+    zIndex
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -350,8 +352,11 @@ var Stack = (_a) => {
     "noGap",
     "marginTop",
     "marginBottom",
-    "testid"
+    "testid",
+    "bottom",
+    "zIndex"
   ]);
+  var _a2, _b2, _c, _d, _e;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
   const gapClassNames = useGapClassNames(sizing);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -362,9 +367,9 @@ var Stack = (_a) => {
     }, props), {
       style: {
         height: height === "full" ? "100%" : height !== void 0 ? `${height}px` : void 0,
-        maxHeight: maxHeight !== void 0 ? `${maxHeight}px` : void 0,
-        minHeight: minHeight !== void 0 ? `${minHeight}px` : void 0,
-        maxWidth: maxWidth !== void 0 ? `${maxWidth}px` : void 0,
+        maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
+        maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
+        minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,
         width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
         minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
         border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
@@ -373,7 +378,11 @@ var Stack = (_a) => {
         flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
         position: position !== void 0 ? position : void 0,
         top: top !== void 0 ? `${top}px` : void 0,
-        left: left !== void 0 ? `${left}px` : void 0
+        bottom: bottom !== void 0 ? `${bottom}px` : void 0,
+        left: left !== void 0 ? `${left}px` : void 0,
+        borderBlock: (_d = props.style) == null ? void 0 : _d.borderBlock,
+        marginInline: (_e = props.style) == null ? void 0 : _e.marginInline,
+        zIndex: zIndex !== void 0 ? zIndex : void 0
       },
       className: (0, import_clsx4.default)(
         "scrollbar-thin",
@@ -476,7 +485,14 @@ Paragraph.displayName = "Paragraph";
 // src/components/Accordion.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function Accordion(props) {
-  const { isOpen, onClick, className, disabled, testid } = props;
+  const {
+    isOpen,
+    onClick,
+    className,
+    disabled,
+    testid,
+    titleAlign = "center"
+  } = props;
   const {
     title,
     before,
@@ -509,13 +525,30 @@ function Accordion(props) {
       onClick: handleClick,
       testid,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { sizing: "component", horizontal: true, justify: "between", items: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { sizing: "layout-group", horizontal: true, items: "center", children: [
-            before,
-            typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Paragraph, { testid: testid ? `${testid}-title` : void 0, className: "text-text-primary-normal", children: title }) : title
-          ] }),
-          after
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          Stack,
+          {
+            sizing: "component",
+            horizontal: true,
+            horizontalMobile: true,
+            justify: "between",
+            items: "center",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stack, { sizing: "layout-group", horizontal: true, items: titleAlign, children: [
+                before,
+                typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  Paragraph,
+                  {
+                    testid: testid ? `${testid}-title` : void 0,
+                    className: "text-text-primary-normal",
+                    children: title
+                  }
+                ) : title
+              ] }),
+              after
+            ]
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "div",
           {

package/dist/components/Accordion.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Accordion
-} from "../chunk-4VER5OEU.js";
-import "../chunk-NQXZBWDZ.js";
+} from "../chunk-FBE2HGEF.js";
 import "../chunk-4LXG6QNT.js";
+import "../chunk-V6U7LU6M.js";
 import "../chunk-OGIFIPKH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";