@dmsi/wedgekit-react 0.0.739 → 0.0.741

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-L2IXJSBT.js → chunk-E7ACKOBY.js}

@@ -1,6 +1,6 @@
 import {
   RowDetailModalProvider
-} from "./chunk-GYU3MQ3R.js";
+} from "./chunk-3UIIKZI7.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-EWGHVZL5.js";
 import {
   Select
-} from "./chunk-UF5XGCSF.js";
+} from "./chunk-FZ2TEKOE.js";
 import {
   Tooltip
 } from "./chunk-AS57Y2D3.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-UF5XGCSF.js → chunk-FZ2TEKOE.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-ORMEWXMH.js";
 
 // src/components/Select.tsx
-import { useEffect, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Select = (_a) => {
@@ -47,16 +47,7 @@ var Select = (_a) => {
   var _a2;
   const inputRef = useRef(null);
   const inputContainerRef = useRef(null);
-  const preventFocusOnInitialRender = useRef(true);
   const [show, setShow] = useState(false);
-  useEffect(() => {
-    var _a3;
-    if (preventFocusOnInitialRender.current) {
-      preventFocusOnInitialRender.current = false;
-      return;
-    }
-    (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-  }, [value]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       InputBase,

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

@@ -3881,16 +3881,7 @@ var Select = (_a) => {
   var _a2;
   const inputRef = (0, import_react18.useRef)(null);
   const inputContainerRef = (0, import_react18.useRef)(null);
-  const preventFocusOnInitialRender = (0, import_react18.useRef)(true);
   const [show, setShow] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
-    var _a3;
-    if (preventFocusOnInitialRender.current) {
-      preventFocusOnInitialRender.current = false;
-      return;
-    }
-    (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-  }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       InputBase,
@@ -4771,7 +4762,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -4809,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 })
+              }
+            )
           }
         )
       ]
@@ -5020,6 +5021,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5153,6 +5155,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/CalendarRange.js

@@ -2,17 +2,17 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-L2IXJSBT.js";
-import "../chunk-GYU3MQ3R.js";
+} from "../chunk-E7ACKOBY.js";
+import "../chunk-3UIIKZI7.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-URAV33TJ.js";
-import "../chunk-T5U46JTM.js";
+import "../chunk-Y5GD2FJA.js";
+import "../chunk-KNDRIRG7.js";
+import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
 import "../chunk-OX7TDYN4.js";
 import "../chunk-I2L2DXPU.js";
 import "../chunk-5IFPG6TS.js";
@@ -20,17 +20,17 @@ import "../chunk-AJ5M6MVX.js";
 import "../chunk-ZILLGHBE.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
-import "../chunk-UF5XGCSF.js";
+import "../chunk-FZ2TEKOE.js";
 import "../chunk-FESS4LWU.js";
 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

@@ -3847,16 +3847,7 @@ var Select = (_a) => {
   var _a2;
   const inputRef = (0, import_react17.useRef)(null);
   const inputContainerRef = (0, import_react17.useRef)(null);
-  const preventFocusOnInitialRender = (0, import_react17.useRef)(true);
   const [show, setShow] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
-    var _a3;
-    if (preventFocusOnInitialRender.current) {
-      preventFocusOnInitialRender.current = false;
-      return;
-    }
-    (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-  }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       InputBase,
@@ -5204,7 +5195,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -5242,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 })
+              }
+            )
           }
         )
       ]
@@ -5453,6 +5454,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5586,6 +5588,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

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

@@ -1,16 +1,16 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-L2IXJSBT.js";
-import "../../../chunk-GYU3MQ3R.js";
+} from "../../../chunk-E7ACKOBY.js";
+import "../../../chunk-3UIIKZI7.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-URAV33TJ.js";
-import "../../../chunk-T5U46JTM.js";
+import "../../../chunk-Y5GD2FJA.js";
+import "../../../chunk-KNDRIRG7.js";
+import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-OX7TDYN4.js";
 import "../../../chunk-I2L2DXPU.js";
 import "../../../chunk-5IFPG6TS.js";
@@ -18,17 +18,17 @@ import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
-import "../../../chunk-UF5XGCSF.js";
+import "../../../chunk-FZ2TEKOE.js";
 import "../../../chunk-FESS4LWU.js";
 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

@@ -3769,16 +3769,7 @@ var Select = (_a) => {
   var _a2;
   const inputRef = (0, import_react16.useRef)(null);
   const inputContainerRef = (0, import_react16.useRef)(null);
-  const preventFocusOnInitialRender = (0, import_react16.useRef)(true);
   const [show, setShow] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
-    var _a3;
-    if (preventFocusOnInitialRender.current) {
-      preventFocusOnInitialRender.current = false;
-      return;
-    }
-    (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-  }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       InputBase,
@@ -5126,7 +5117,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
@@ -5164,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 })
+              }
+            )
           }
         )
       ]
@@ -5375,6 +5376,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5508,6 +5510,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

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

@@ -1,16 +1,16 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-L2IXJSBT.js";
-import "../../../chunk-GYU3MQ3R.js";
+} from "../../../chunk-E7ACKOBY.js";
+import "../../../chunk-3UIIKZI7.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-URAV33TJ.js";
-import "../../../chunk-T5U46JTM.js";
+import "../../../chunk-Y5GD2FJA.js";
+import "../../../chunk-KNDRIRG7.js";
+import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-OX7TDYN4.js";
 import "../../../chunk-I2L2DXPU.js";
 import "../../../chunk-5IFPG6TS.js";
@@ -18,17 +18,17 @@ import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-ZILLGHBE.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
-import "../../../chunk-UF5XGCSF.js";
+import "../../../chunk-FZ2TEKOE.js";
 import "../../../chunk-FESS4LWU.js";
 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

@@ -3614,16 +3614,7 @@ var Select = (_a) => {
   var _a2;
   const inputRef = (0, import_react15.useRef)(null);
   const inputContainerRef = (0, import_react15.useRef)(null);
-  const preventFocusOnInitialRender = (0, import_react15.useRef)(true);
   const [show, setShow] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
-    var _a3;
-    if (preventFocusOnInitialRender.current) {
-      preventFocusOnInitialRender.current = false;
-      return;
-    }
-    (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-  }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       InputBase,
@@ -4971,7 +4962,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
@@ -5009,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 })
+              }
+            )
           }
         )
       ]
@@ -5220,6 +5221,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -5353,6 +5355,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),