@dmsi/wedgekit-react 0.0.739 → 0.0.741

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

@@ -1,7 +1,4 @@
 "use client";
-import {
-  DownloadIcon
-} from "../../chunk-6NDQCVAN.js";
 import {
   PDFElement
 } from "../../chunk-EQ2RAI53.js";
@@ -9,14 +6,17 @@ import {
   PdfNavigation
 } from "../../chunk-7YW4Q7OQ.js";
 import "../../chunk-VJVY6NPF.js";
+import {
+  DownloadIcon
+} from "../../chunk-6NDQCVAN.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/ProductImagePreview/index.js

@@ -1,11 +1,11 @@
 import {
   ProductImagePreview
-} from "../../chunk-T5U46JTM.js";
+} from "../../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-MBZ55T2D.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";

package/dist/components/Select.cjs

@@ -868,16 +868,7 @@ var Select = (_a) => {
   var _a2;
   const inputRef = (0, import_react2.useRef)(null);
   const inputContainerRef = (0, import_react2.useRef)(null);
-  const preventFocusOnInitialRender = (0, import_react2.useRef)(true);
   const [show, setShow] = (0, import_react2.useState)(false);
-  (0, import_react2.useEffect)(() => {
-    var _a3;
-    if (preventFocusOnInitialRender.current) {
-      preventFocusOnInitialRender.current = false;
-      return;
-    }
-    (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-  }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       InputBase,

package/dist/components/Select.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Select
-} from "../chunk-UF5XGCSF.js";
+} from "../chunk-FZ2TEKOE.js";
 import "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/index.cjs

@@ -3908,16 +3908,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,
@@ -5176,7 +5167,8 @@ function Card(props) {
     paddingBottom,
     paddingTop,
     paddingLeft,
-    paddingRight
+    paddingRight,
+    elevation = 4
   } = _a, rest = __objRest(_a, [
     "children",
     "selected",
@@ -5187,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;
@@ -5211,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
@@ -5949,7 +5946,8 @@ var ModalHeader = ({
   id,
   testid,
   headerClassname,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  headerIconClassname
 }) => {
   const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
@@ -5987,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 })
+              }
+            )
           }
         )
       ]
@@ -6198,6 +6205,7 @@ var Modal = ({
   hideCloseIcon = false,
   headerIcon,
   headerIconAlign,
+  headerIconClassname,
   fixedHeightScrolling = false,
   customActions,
   headerClassname,
@@ -6331,6 +6339,7 @@ var Modal = ({
                   headerIcon,
                   headerIconAlign,
                   headerClassname,
+                  headerIconClassname,
                   titleAs: TitleComponent
                 }
               ),

package/dist/components/index.js

@@ -2,21 +2,21 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} 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 {
+  SearchResultImage
+} from "../chunk-Y5GD2FJA.js";
 import {
   ProductImagePreview
-} from "../chunk-T5U46JTM.js";
+} from "../chunk-KNDRIRG7.js";
+import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import {
-  SearchResultImage
-} from "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
 import "../chunk-OX7TDYN4.js";
 import "../chunk-I2L2DXPU.js";
 import {
@@ -28,7 +28,7 @@ import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import {
   Select
-} from "../chunk-UF5XGCSF.js";
+} from "../chunk-FZ2TEKOE.js";
 import {
   SimpleTable
 } from "../chunk-FESS4LWU.js";
@@ -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.739",
+  "version": "0.0.741",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/dist/{chunk-T5U46JTM.js → chunk-KNDRIRG7.js}

@@ -1,3 +1,6 @@
+import {
+  CarouselPagination
+} from "./chunk-MBZ55T2D.js";
 import {
   MobileImageCarousel
 } from "./chunk-2IKT6IHB.js";
@@ -10,9 +13,6 @@ import {
 import {
   ZoomWindow
 } from "./chunk-BQNPOGD5.js";
-import {
-  CarouselPagination
-} from "./chunk-MBZ55T2D.js";
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";