@dmsi/wedgekit-react 0.0.740 → 0.0.742

package/dist/{chunk-74HXF5GF.js → chunk-2EAVEFWY.js}

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

package/dist/{chunk-GYU3MQ3R.js → chunk-3UIIKZI7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-BZTUQP6P.js";
+} from "./chunk-CMZIPVZ3.js";
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";

package/dist/{chunk-BZTUQP6P.js → chunk-CMZIPVZ3.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-WVVEOCEH.js";
 import {
   ModalHeader
-} from "./chunk-74HXF5GF.js";
+} from "./chunk-2EAVEFWY.js";
 import {
   ModalScrim
 } from "./chunk-AG43RS4Q.js";
@@ -101,6 +101,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -234,6 +235,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/{chunk-ATU66ZF5.js → chunk-E7ACKOBY.js}

@@ -1,6 +1,6 @@
 import {
   RowDetailModalProvider
-} from "./chunk-GYU3MQ3R.js";
+} from "./chunk-3UIIKZI7.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";

package/dist/{chunk-KBJZUVLM.js → chunk-F4VE3THQ.js}

@@ -18,7 +18,8 @@ function Card(props) {
     paddingBottom,
     paddingTop,
     paddingLeft,
-    paddingRight
+    paddingRight,
+    elevation = 4
   } = _a, rest = __objRest(_a, [
     "children",
     "selected",
@@ -29,7 +30,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;
@@ -53,6 +55,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

package/dist/{chunk-CQLRGYHM.js → chunk-QNIZDGFV.js}

@@ -1,6 +1,6 @@
 import {
   Card
-} from "./chunk-KBJZUVLM.js";
+} from "./chunk-F4VE3THQ.js";
 import {
   Stack
 } from "./chunk-MTGNBARV.js";

package/dist/components/Accordion.cjs

@@ -219,7 +219,8 @@ function Card(props) {
     paddingBottom,
     paddingTop,
     paddingLeft,
-    paddingRight
+    paddingRight,
+    elevation = 4
   } = _a, rest = __objRest(_a, [
     "children",
     "selected",
@@ -230,7 +231,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;
@@ -254,6 +256,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

package/dist/components/Accordion.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Accordion
-} from "../chunk-CQLRGYHM.js";
-import "../chunk-KBJZUVLM.js";
+} from "../chunk-QNIZDGFV.js";
+import "../chunk-F4VE3THQ.js";
 import "../chunk-MTGNBARV.js";
 import "../chunk-WMPWWFUJ.js";
 import "../chunk-NKUETCDA.js";

package/dist/components/CalendarRange.cjs

@@ -4762,7 +4762,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -4800,7 +4801,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              "span",
+              {
+                className: (0, import_clsx24.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -5011,6 +5021,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5144,6 +5155,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/CalendarRange.js

@@ -2,8 +2,8 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} 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";
@@ -26,11 +26,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";
@@ -56,8 +56,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/Card.cjs

@@ -75,7 +75,8 @@ function Card(props) {
     paddingBottom,
     paddingTop,
     paddingLeft,
-    paddingRight
+    paddingRight,
+    elevation = 4
   } = _a, rest = __objRest(_a, [
     "children",
     "selected",
@@ -86,7 +87,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;
@@ -110,6 +112,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

package/dist/components/Card.js

@@ -1,6 +1,6 @@
 import {
   Card
-} from "../chunk-KBJZUVLM.js";
+} from "../chunk-F4VE3THQ.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Card

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs

@@ -5195,7 +5195,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -5233,7 +5234,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              "span",
+              {
+                className: (0, import_clsx25.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -5444,6 +5454,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5577,6 +5588,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,7 +1,7 @@
 import {
   ColumnSelectorMenuOption
-} 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/DataGrid/ColumnSelectorHeaderCell/index.cjs

@@ -5117,7 +5117,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
@@ -5155,7 +5156,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "span",
+              {
+                className: (0, import_clsx25.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -5366,6 +5376,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5499,6 +5510,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js

@@ -1,7 +1,7 @@
 import {
   ColumnSelectorHeaderCell
-} 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/DataGrid/PinnedColumns.cjs

@@ -4962,7 +4962,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
@@ -5000,7 +5001,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              "span",
+              {
+                className: (0, import_clsx24.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -5211,6 +5221,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5344,6 +5355,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/DataGrid/PinnedColumns.js

@@ -1,7 +1,7 @@
 import {
   PinnedColumns
-} 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/DataGrid/TableBody/LoadingCell.cjs

@@ -5187,7 +5187,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -5225,7 +5226,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              "span",
+              {
+                className: (0, import_clsx25.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -5436,6 +5446,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5569,6 +5580,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/DataGrid/TableBody/LoadingCell.js

@@ -1,7 +1,7 @@
 import {
   LoadingCell
-} 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/DataGrid/TableBody/TableBodyRow.cjs

@@ -5114,7 +5114,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -5152,7 +5153,16 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              "span",
+              {
+                className: (0, import_clsx24.default)(
+                  "contents",
+                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 })
+              }
+            )
           }
         )
       ]
@@ -5363,6 +5373,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5496,6 +5507,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),