@dmsi/wedgekit-react 0.0.740 → 0.0.742

package/dist/components/MobileDataGrid/index.cjs

@@ -6156,7 +6156,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
@@ -6194,7 +6195,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              "span",
+              {
+                className: (0, import_clsx36.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -6405,6 +6415,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -6538,6 +6549,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/MobileDataGrid/index.js

@@ -1,7 +1,7 @@
 import {
   MobileDataGrid
-} from "../../chunk-ATU66ZF5.js";
-import "../../chunk-GYU3MQ3R.js";
+} from "../../chunk-E7ACKOBY.js";
+import "../../chunk-3UIIKZI7.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-URAV33TJ.js";
 import "../../chunk-CUAF4FU4.js";
@@ -24,11 +24,11 @@ import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
-import "../../chunk-BZTUQP6P.js";
+import "../../chunk-CMZIPVZ3.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-74HXF5GF.js";
+import "../../chunk-2EAVEFWY.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";
@@ -54,8 +54,8 @@ import "../../chunk-ZCJWOHFN.js";
 import "../../chunk-PS6UJZVH.js";
 import "../../chunk-XR733AKC.js";
 import "../../chunk-BYC6QID5.js";
-import "../../chunk-CQLRGYHM.js";
-import "../../chunk-KBJZUVLM.js";
+import "../../chunk-QNIZDGFV.js";
+import "../../chunk-F4VE3THQ.js";
 import "../../chunk-TURMALTW.js";
 import "../../chunk-MXSJF6TW.js";
 import "../../chunk-BMAZBFUU.js";

package/dist/components/Modal.cjs

@@ -490,7 +490,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -528,7 +529,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "span",
+              {
+                className: (0, import_clsx5.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -795,6 +805,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -928,6 +939,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/Modal.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Modal
-} from "../chunk-BZTUQP6P.js";
+} from "../chunk-CMZIPVZ3.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-74HXF5GF.js";
+import "../chunk-2EAVEFWY.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-ZERLFS2T.js";
 import "../chunk-VXWSAIB5.js";

package/dist/components/ModalHeader.cjs

@@ -487,7 +487,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -525,7 +526,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "span",
+              {
+                className: (0, import_clsx5.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]

package/dist/components/ModalHeader.js

@@ -1,6 +1,6 @@
 import {
   ModalHeader
-} from "../chunk-74HXF5GF.js";
+} from "../chunk-2EAVEFWY.js";
 import "../chunk-MXSJF6TW.js";
 import "../chunk-BMAZBFUU.js";
 import "../chunk-SBRRNFOP.js";

package/dist/components/PDFViewer/index.cjs

@@ -493,7 +493,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -531,7 +532,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "span",
+              {
+                className: (0, import_clsx5.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -798,6 +808,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -931,6 +942,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/PDFViewer/index.js

@@ -12,11 +12,11 @@ import "../../chunk-VJVY6NPF.js";
 import "../../chunk-AS57Y2D3.js";
 import {
   Modal
-} from "../../chunk-BZTUQP6P.js";
+} from "../../chunk-CMZIPVZ3.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-74HXF5GF.js";
+import "../../chunk-2EAVEFWY.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-ZERLFS2T.js";
 import "../../chunk-VXWSAIB5.js";

package/dist/components/index.cjs

@@ -5167,7 +5167,8 @@ function Card(props) {
     paddingBottom,
     paddingTop,
     paddingLeft,
-    paddingRight
+    paddingRight,
+    elevation = 4
   } = _a, rest = __objRest(_a, [
     "children",
     "selected",
@@ -5178,7 +5179,8 @@ function Card(props) {
     "paddingBottom",
     "paddingTop",
     "paddingLeft",
-    "paddingRight"
+    "paddingRight",
+    "elevation"
   ]);
   const CardComponent = props.as || "div";
   const anyPaddingPropSpecified = padding !== void 0 || paddingX !== void 0 || paddingY !== void 0 || paddingBottom !== void 0 || paddingTop !== void 0 || paddingLeft !== void 0 || paddingRight !== void 0;
@@ -5202,6 +5204,10 @@ function Card(props) {
         "rounded-sm",
         paddingClasses,
         selected ? "border-2 border-border-primary-focus" : "border border-border-primary-normal",
+        elevation === 0 && "shadow-none",
+        elevation === 2 && "shadow-2",
+        elevation === 4 && "shadow-4",
+        elevation === 16 && "shadow-16",
         rest.className
       ),
       children
@@ -5940,7 +5946,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
@@ -5978,7 +5985,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              "span",
+              {
+                className: (0, import_clsx25.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -6189,6 +6205,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -6322,6 +6339,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/index.js

@@ -2,8 +2,8 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-ATU66ZF5.js";
-import "../chunk-GYU3MQ3R.js";
+} from "../chunk-E7ACKOBY.js";
+import "../chunk-3UIIKZI7.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-URAV33TJ.js";
 import {
@@ -44,11 +44,11 @@ import {
 import {
   Tooltip
 } from "../chunk-AS57Y2D3.js";
-import "../chunk-BZTUQP6P.js";
+import "../chunk-CMZIPVZ3.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-74HXF5GF.js";
+import "../chunk-2EAVEFWY.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-QVWYTQKL.js";
 import {
@@ -107,10 +107,10 @@ import {
 } from "../chunk-BYC6QID5.js";
 import {
   Accordion
-} from "../chunk-CQLRGYHM.js";
+} from "../chunk-QNIZDGFV.js";
 import {
   Card
-} from "../chunk-KBJZUVLM.js";
+} from "../chunk-F4VE3THQ.js";
 import {
   Alert
 } from "../chunk-TURMALTW.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.740",
+  "version": "0.0.742",
   "type": "module",
   "scripts": {
     "build": "tsup",