@dmsi/wedgekit-react 0.0.369 → 0.0.371

package/dist/components/MobileDataGrid/index.js

@@ -0,0 +1,62 @@
+import {
+  MobileDataGrid
+} from "../../chunk-IBX6DVHU.js";
+import "../../chunk-M7INAUAJ.js";
+import "../../chunk-KEMCFN4U.js";
+import "../../chunk-VVXPGI2P.js";
+import "../../chunk-JGJUVJKD.js";
+import "../../chunk-HPQWEZJL.js";
+import "../../chunk-BQNPOGD5.js";
+import "../../chunk-U6PUOGG4.js";
+import "../../chunk-EJSPFQCY.js";
+import "../../chunk-4UNWXB4A.js";
+import "../../chunk-N6PNLLNS.js";
+import "../../chunk-VJVY6NPF.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
+import "../../chunk-CQFPNZTN.js";
+import "../../chunk-YYHQLQDQ.js";
+import "../../chunk-P36QKH26.js";
+import "../../chunk-5IFPG6TS.js";
+import "../../chunk-AJ5M6MVX.js";
+import "../../chunk-M6TSTDNZ.js";
+import "../../chunk-QQ5G773N.js";
+import "../../chunk-AT4AWD6B.js";
+import "../../chunk-EWGHVZL5.js";
+import "../../chunk-J5V2JRIK.js";
+import "../../chunk-2H35FETR.js";
+import "../../chunk-4RJKB7LC.js";
+import "../../chunk-XM7IQHBU.js";
+import "../../chunk-FRHPFACM.js";
+import "../../chunk-T36HX6QY.js";
+import "../../chunk-AG43RS4Q.js";
+import "../../chunk-SBRRNFOP.js";
+import "../../chunk-ER6RCOH3.js";
+import "../../chunk-EU73QPW7.js";
+import "../../chunk-QVWYTQKL.js";
+import "../../chunk-NO5BIKWS.js";
+import "../../chunk-PTRZHGHA.js";
+import "../../chunk-YCKRVNJ3.js";
+import "../../chunk-W32JB47H.js";
+import "../../chunk-WPEDVM56.js";
+import "../../chunk-CKQNJNU3.js";
+import "../../chunk-WVUIIBRR.js";
+import "../../chunk-6DPFKSCT.js";
+import "../../chunk-ZL5X7KP6.js";
+import "../../chunk-7CS736EF.js";
+import "../../chunk-JUJBS4ZV.js";
+import "../../chunk-VXWSAIB5.js";
+import "../../chunk-TYTD4FLW.js";
+import "../../chunk-5UH6QUFB.js";
+import "../../chunk-FA7IFW66.js";
+import "../../chunk-FBE2HGEF.js";
+import "../../chunk-4LXG6QNT.js";
+import "../../chunk-V6U7LU6M.js";
+import "../../chunk-OGIFIPKH.js";
+import "../../chunk-NKUETCDA.js";
+import "../../chunk-WWAPK5PH.js";
+import "../../chunk-6CTCHYIS.js";
+import "../../chunk-ORMEWXMH.js";
+export {
+  MobileDataGrid
+};

package/dist/components/Modal.cjs

@@ -436,7 +436,8 @@ var ModalHeader = ({
   headerIconAlign,
   onClose,
   id,
-  testid
+  testid,
+  headerClassname
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
@@ -449,10 +450,11 @@ var ModalHeader = ({
         headerIconAlign === "right" && "justify-end",
         headerIconAlign === "left" && "justify-start",
         layoutPaddding,
-        layoutGroupGap
+        layoutGroupGap,
+        headerClassname
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center", layoutGroupGap), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             Heading2,
@@ -472,7 +474,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -575,9 +577,10 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx8.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center desktop:p-4 group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
+        size === "screen" ? "desktop:p-0" : "desktop:p-4",
         "inset-0 z-50"
       ),
       onMouseDown: onClick,
@@ -709,6 +712,9 @@ var sizes = {
   },
   "x-large": {
     sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+  },
+  screen: {
+    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -727,7 +733,10 @@ var Modal = ({
   headerIcon,
   headerIconAlign,
   fixedHeightScrolling = false,
-  customActions
+  customActions,
+  headerClassname,
+  customFooter,
+  noWrapper
 }) => {
   var _a;
   const mounted = useMounted();
@@ -835,9 +844,10 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx9.default)(
-              "bg-white shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
-              computedFixedHeightScrolling && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
+              !(className == null ? void 0 : className.includes("bg-")) && "bg-white",
               sizeClass
             ),
             onClick: (e) => e.stopPropagation(),
@@ -851,10 +861,11 @@ var Modal = ({
                   onClose: handleClose,
                   hideCloseIcon,
                   headerIcon,
-                  headerIconAlign
+                  headerIconAlign,
+                  headerClassname
                 }
               ),
-              children && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 ModalContent,
                 {
                   id: id ? `${id}-content` : void 0,
@@ -862,8 +873,8 @@ var Modal = ({
                   fixedHeightScrolling: computedFixedHeightScrolling,
                   children
                 }
-              ),
-              showButtons && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              ) : children,
+              showButtons ? customFooter ? customActions : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 ModalButtons,
                 {
                   id: id ? `${id}-buttons` : void 0,
@@ -872,7 +883,7 @@ var Modal = ({
                   onContinue,
                   customActions
                 }
-              )
+              ) : null
             ]
           }
         )

package/dist/components/Modal.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   Modal
-} from "../chunk-RLLQRVM7.js";
+} from "../chunk-2H35FETR.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-XM7IQHBU.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-6CPGOW6J.js";
-import "../chunk-ZFOANBWG.js";
+import "../chunk-T36HX6QY.js";
+import "../chunk-AG43RS4Q.js";
 import "../chunk-EU73QPW7.js";
 import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";

package/dist/components/ModalHeader.cjs

@@ -433,7 +433,8 @@ var ModalHeader = ({
   headerIconAlign,
   onClose,
   id,
-  testid
+  testid,
+  headerClassname
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
@@ -446,10 +447,11 @@ var ModalHeader = ({
         headerIconAlign === "right" && "justify-end",
         headerIconAlign === "left" && "justify-start",
         layoutPaddding,
-        layoutGroupGap
+        layoutGroupGap,
+        headerClassname
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center", layoutGroupGap), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx5.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             Heading2,
@@ -469,7 +471,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]

package/dist/components/ModalHeader.js

@@ -1,6 +1,6 @@
 import {
   ModalHeader
-} from "../chunk-6CPGOW6J.js";
+} from "../chunk-T36HX6QY.js";
 import "../chunk-EU73QPW7.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-WWAPK5PH.js";

package/dist/components/ModalScrim.cjs

@@ -50,9 +50,10 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center desktop:p-4 group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
+        size === "screen" ? "desktop:p-0" : "desktop:p-4",
         "inset-0 z-50"
       ),
       onMouseDown: onClick,

package/dist/components/ModalScrim.js

@@ -1,6 +1,6 @@
 import {
   ModalScrim
-} from "../chunk-ZFOANBWG.js";
+} from "../chunk-AG43RS4Q.js";
 import "../chunk-ORMEWXMH.js";
 export {
   ModalScrim

package/dist/components/NestedMenu.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-OXSBIBGT.js";
+} from "../chunk-CKQNJNU3.js";
+import {
+  Label
+} from "../chunk-7CS736EF.js";
 import {
   useKeydown
 } from "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
-import {
-  Label
-} from "../chunk-7CS736EF.js";
 import "../chunk-OGIFIPKH.js";
 import {
   Icon

package/dist/components/Notification.cjs

@@ -542,7 +542,9 @@ var Stack = (_a) => {
     noGap,
     marginTop,
     marginBottom,
-    testid
+    testid,
+    bottom,
+    zIndex
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -579,8 +581,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_runtime5.jsx)(
@@ -591,9 +596,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,
@@ -602,7 +607,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_clsx6.default)(
         "scrollbar-thin",

package/dist/components/Notification.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-EU73QPW7.js";
 import {
   Stack
-} from "../chunk-NQXZBWDZ.js";
+} from "../chunk-V6U7LU6M.js";
 import {
   Paragraph
 } from "../chunk-OGIFIPKH.js";