@dmsi/wedgekit-react 0.0.922 → 0.0.986

package/dist/components/Notification.cjs

@@ -257,7 +257,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -273,7 +274,8 @@ var Button = (_a) => {
     "href",
     "id",
     "testid",
-    "isLoading"
+    "isLoading",
+    "fontNormal"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -300,6 +302,15 @@ var Button = (_a) => {
     "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
     "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
   );
+  const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && (0, import_clsx2.default)(
+    "bg-transparent border-transparent",
+    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
+    "bg-transparent border-transparent",
+    "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
+    "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
+    "active:bg-transparent active:border-transparent active:text-text-primary-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
+  );
   const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
     "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
@@ -343,6 +354,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -353,6 +365,7 @@ var Button = (_a) => {
   const labelClasses = (0, import_clsx2.default)(
     "min-h-6 flex items-center justify-center",
     classNameLabel,
+    fontNormal && "font-normal!",
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );

package/dist/components/Notification.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-MXSJF6TW.js";
 import {
   Button
-} from "../chunk-BMAZBFUU.js";
+} from "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import {
   Stack

package/dist/components/OptionPill.cjs

@@ -255,7 +255,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -271,7 +272,8 @@ var Button = (_a) => {
     "href",
     "id",
     "testid",
-    "isLoading"
+    "isLoading",
+    "fontNormal"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -298,6 +300,15 @@ var Button = (_a) => {
     "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
     "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
   );
+  const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && (0, import_clsx2.default)(
+    "bg-transparent border-transparent",
+    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
+    "bg-transparent border-transparent",
+    "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
+    "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
+    "active:bg-transparent active:border-transparent active:text-text-primary-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
+  );
   const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
     "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
@@ -341,6 +352,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -351,6 +363,7 @@ var Button = (_a) => {
   const labelClasses = (0, import_clsx2.default)(
     "min-h-6 flex items-center justify-center",
     classNameLabel,
+    fontNormal && "font-normal!",
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );

package/dist/components/OptionPill.js

@@ -1,8 +1,8 @@
 import {
   OptionPill
-} from "../chunk-PXIW3XJX.js";
+} from "../chunk-34J6RA4C.js";
 import "../chunk-HXGJVYGQ.js";
-import "../chunk-BMAZBFUU.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";

package/dist/components/PDFViewer/DownloadIcon.cjs

@@ -254,7 +254,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -270,7 +271,8 @@ var Button = (_a) => {
     "href",
     "id",
     "testid",
-    "isLoading"
+    "isLoading",
+    "fontNormal"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -297,6 +299,15 @@ var Button = (_a) => {
     "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
     "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
   );
+  const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && (0, import_clsx2.default)(
+    "bg-transparent border-transparent",
+    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
+    "bg-transparent border-transparent",
+    "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
+    "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
+    "active:bg-transparent active:border-transparent active:text-text-primary-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
+  );
   const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
     "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
@@ -340,6 +351,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -350,6 +362,7 @@ var Button = (_a) => {
   const labelClasses = (0, import_clsx2.default)(
     "min-h-6 flex items-center justify-center",
     classNameLabel,
+    fontNormal && "font-normal!",
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
@@ -446,12 +459,15 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout/useTableLayout.ts
+var import_react4 = require("react");
+
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 
-// src/hooks/useTableLayout.ts
-var import_react4 = require("react");
-var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+// src/hooks/useTableLayout/storage.ts
+var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
+var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
 
 // src/hooks/useEditCell.tsx
 var import_react5 = require("react");
@@ -581,7 +597,8 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 function DownloadIcon({
   onClick,
   isDownloading,
-  testid
+  testid,
+  colorClassName
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Button,
@@ -589,6 +606,7 @@ function DownloadIcon({
       testid,
       iconOnly: true,
       variant: "tertiary",
+      colorClassName,
       leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
       onClick
     }

package/dist/components/PDFViewer/DownloadIcon.js

@@ -1,13 +1,13 @@
 import {
   DownloadIcon
-} from "../../chunk-Z7XANQ47.js";
+} from "../../chunk-6M2N7DVS.js";
 import "../../chunk-HT57FLRW.js";
-import "../../chunk-WOWPMA26.js";
+import "../../chunk-ZRFXUER3.js";
 import "../../chunk-WVGXD7HT.js";
 import "../../chunk-VXWSAIB5.js";
-import "../../chunk-F7F5BKW5.js";
+import "../../chunk-TBZ243DS.js";
 import "../../chunk-5UH6QUFB.js";
-import "../../chunk-BMAZBFUU.js";
+import "../../chunk-ZMTHWJ7F.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-7KWFEH56.js";

package/dist/components/PDFViewer/PDFNavigation.cjs

@@ -254,7 +254,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -270,7 +271,8 @@ var Button = (_a) => {
     "href",
     "id",
     "testid",
-    "isLoading"
+    "isLoading",
+    "fontNormal"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -297,6 +299,15 @@ var Button = (_a) => {
     "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
     "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
   );
+  const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && (0, import_clsx2.default)(
+    "bg-transparent border-transparent",
+    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
+    "bg-transparent border-transparent",
+    "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
+    "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
+    "active:bg-transparent active:border-transparent active:text-text-primary-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
+  );
   const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
     "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
@@ -340,6 +351,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -350,6 +362,7 @@ var Button = (_a) => {
   const labelClasses = (0, import_clsx2.default)(
     "min-h-6 flex items-center justify-center",
     classNameLabel,
+    fontNormal && "font-normal!",
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );

package/dist/components/PDFViewer/PDFNavigation.js

@@ -1,8 +1,8 @@
 import {
   PdfNavigation
-} from "../../chunk-FAW3WWOQ.js";
+} from "../../chunk-OC5AXLJY.js";
 import "../../chunk-MXSJF6TW.js";
-import "../../chunk-BMAZBFUU.js";
+import "../../chunk-ZMTHWJ7F.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-BGBIXG5Y.js";
 import "../../chunk-WMPWWFUJ.js";

package/dist/components/PDFViewer/index.cjs

@@ -315,7 +315,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -331,7 +332,8 @@ var Button = (_a) => {
     "href",
     "id",
     "testid",
-    "isLoading"
+    "isLoading",
+    "fontNormal"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx3.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -358,6 +360,15 @@ var Button = (_a) => {
     "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
     "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
   );
+  const quarternaryOutlinedVariantStyles = variant === "quarternary-outlined" && (0, import_clsx3.default)(
+    "bg-transparent border-transparent",
+    iconOnly ? (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-icon-action-primary-normal" : (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-primary-normal",
+    "bg-transparent border-transparent",
+    "hover:bg-transparent hover:border-border-primary-normal hover:text-text-primary-normal",
+    "focus:bg-transparent focus:border-border-primary-normal focus:text-text-primary-normal focus:outline-0",
+    "active:bg-transparent active:border-transparent active:text-text-primary-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
+  );
   const primaryCriticalVariantStyles = variant === "primary-critical" && (0, import_clsx3.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
     "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal",
@@ -401,6 +412,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -411,6 +423,7 @@ var Button = (_a) => {
   const labelClasses = (0, import_clsx3.default)(
     "min-h-6 flex items-center justify-center",
     classNameLabel,
+    fontNormal && "font-normal!",
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
@@ -503,7 +516,8 @@ var ModalHeader = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx5.default)(
-        "flex justify-between items-center",
+        "flex items-center",
+        headerIconAlign === void 0 && "justify-between",
         headerIconAlign === "center" && "justify-center",
         headerIconAlign === "right" && "justify-end",
         headerIconAlign === "left" && "justify-start",
@@ -664,7 +678,7 @@ ModalScrim.displayName = "ModalScrim";
 var import_react_dom = require("react-dom");
 
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 
 // src/utils.ts
 function findDocumentRoot(element) {
@@ -713,9 +727,12 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
-// src/hooks/useTableLayout.ts
+// src/hooks/useTableLayout/useTableLayout.ts
 var import_react4 = require("react");
-var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+
+// src/hooks/useTableLayout/storage.ts
+var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
+var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
 
 // src/hooks/useEditCell.tsx
 var import_react5 = require("react");
@@ -1437,7 +1454,8 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 function DownloadIcon({
   onClick,
   isDownloading,
-  testid
+  testid,
+  colorClassName
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Button,
@@ -1445,6 +1463,7 @@ function DownloadIcon({
       testid,
       iconOnly: true,
       variant: "tertiary",
+      colorClassName,
       leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
       onClick
     }
@@ -1578,6 +1597,7 @@ var Link = (_a) => {
     underline = false,
     testid,
     active,
+    block = false,
     addOverflow
   } = _b, props = __objRest(_b, [
     "as",
@@ -1591,6 +1611,7 @@ var Link = (_a) => {
     "underline",
     "testid",
     "active",
+    "block",
     "addOverflow"
   ]);
   const Component = as;
@@ -1620,7 +1641,10 @@ var Link = (_a) => {
         "underline decoration-[10%] underline-offset-[32%]",
         !disabled && "hover:decoration-current",
         !disabled && "active:decoration-decoration-underline",
-        "flex flex-col items-center justify-center",
+        "flex flex-col justify-center",
+        align === "left" && "items-start",
+        align === "center" && "items-center",
+        align === "right" && "items-end",
         baseTransition,
         primaryStateStyles,
         secondaryStateStyles,
@@ -1636,7 +1660,8 @@ var Link = (_a) => {
         align === "right" && "text-right",
         paddingY,
         addOverflow && "whitespace-nowrap text-ellipsis overflow-hidden",
-        className
+        className,
+        block ? "w-full" : "w-fit"
       )
     }, props), {
       style: __spreadProps(__spreadValues({}, props.style), {
@@ -1785,7 +1810,8 @@ function PDFViewer(props) {
     title,
     customFooter = false,
     withPagination = true,
-    error
+    error,
+    showMobileDownload = false
   } = props;
   const [currentIndex, setCurrentIndex] = (0, import_react11.useState)(0);
   const [isDownloading, setIsDownloading] = (0, import_react11.useState)(false);
@@ -1840,7 +1866,7 @@ function PDFViewer(props) {
       onClose: handleClose,
       noWrapper: true,
       closeOnBackdropClick: false,
-      showButtons: isMobile && customFooter ? !!customActions : !!encodedPdfs.length,
+      showButtons: isMobile ? customFooter && !!customActions : !!encodedPdfs.length,
       customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         PdfNavigation,
         {
@@ -1857,12 +1883,13 @@ function PDFViewer(props) {
       ) : customActions,
       fixedHeightScrolling: true,
       headerIconAlign: "right",
-      headerIcon: !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      headerIcon: !isMobile || showMobileDownload ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         DownloadIcon,
         {
           testid: testid ? `${testid}-download-icon` : void 0,
           onClick: handleDownload,
-          isDownloading
+          isDownloading,
+          colorClassName: isMobile ? "text-white" : void 0
         }
       ) : void 0,
       title: isMobile ? title != null ? title : encodedPdfs[currentIndex].fileName : void 0,

package/dist/components/PDFViewer/index.js

@@ -1,36 +1,36 @@
 "use client";
 import {
   DownloadIcon
-} from "../../chunk-Z7XANQ47.js";
+} from "../../chunk-6M2N7DVS.js";
 import {
   PDFElement
 } from "../../chunk-HOMISEGL.js";
 import {
   PdfNavigation
-} from "../../chunk-FAW3WWOQ.js";
+} from "../../chunk-OC5AXLJY.js";
 import "../../chunk-VJVY6NPF.js";
 import {
   Link
-} from "../../chunk-FSXKJXPN.js";
+} from "../../chunk-Y7RCYDF6.js";
 import "../../chunk-HT57FLRW.js";
 import {
   Modal
-} from "../../chunk-N36EJLRW.js";
+} from "../../chunk-JZZ4LF6B.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-UUKHQUSF.js";
+import "../../chunk-F6QO73TV.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-2EAVEFWY.js";
+import "../../chunk-WHWZ5VVQ.js";
 import "../../chunk-E7LGUC2B.js";
-import "../../chunk-WOWPMA26.js";
+import "../../chunk-ZRFXUER3.js";
 import "../../chunk-WVGXD7HT.js";
 import "../../chunk-VXWSAIB5.js";
-import "../../chunk-F7F5BKW5.js";
+import "../../chunk-TBZ243DS.js";
 import "../../chunk-5UH6QUFB.js";
 import {
   Caption
 } from "../../chunk-PS6UJZVH.js";
 import "../../chunk-MXSJF6TW.js";
-import "../../chunk-BMAZBFUU.js";
+import "../../chunk-ZMTHWJ7F.js";
 import "../../chunk-SBRRNFOP.js";
 import {
   Stack
@@ -54,7 +54,8 @@ function PDFViewer(props) {
     title,
     customFooter = false,
     withPagination = true,
-    error
+    error,
+    showMobileDownload = false
   } = props;
   const [currentIndex, setCurrentIndex] = useState(0);
   const [isDownloading, setIsDownloading] = useState(false);
@@ -109,7 +110,7 @@ function PDFViewer(props) {
       onClose: handleClose,
       noWrapper: true,
       closeOnBackdropClick: false,
-      showButtons: isMobile && customFooter ? !!customActions : !!encodedPdfs.length,
+      showButtons: isMobile ? customFooter && !!customActions : !!encodedPdfs.length,
       customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ jsx(
         PdfNavigation,
         {
@@ -126,12 +127,13 @@ function PDFViewer(props) {
       ) : customActions,
       fixedHeightScrolling: true,
       headerIconAlign: "right",
-      headerIcon: !isMobile ? /* @__PURE__ */ jsx(
+      headerIcon: !isMobile || showMobileDownload ? /* @__PURE__ */ jsx(
         DownloadIcon,
         {
           testid: testid ? `${testid}-download-icon` : void 0,
           onClick: handleDownload,
-          isDownloading
+          isDownloading,
+          colorClassName: isMobile ? "text-white" : void 0
         }
       ) : void 0,
       title: isMobile ? title != null ? title : encodedPdfs[currentIndex].fileName : void 0,

package/dist/components/Password.cjs

@@ -858,12 +858,15 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout/useTableLayout.ts
+var import_react5 = require("react");
+
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 
-// src/hooks/useTableLayout.ts
-var import_react5 = require("react");
-var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+// src/hooks/useTableLayout/storage.ts
+var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
+var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
 
 // src/hooks/useEditCell.tsx
 var import_react6 = require("react");

package/dist/components/Password.js

@@ -6,10 +6,10 @@ import {
   InputBase
 } from "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
-import "../chunk-WOWPMA26.js";
+import "../chunk-ZRFXUER3.js";
 import "../chunk-WVGXD7HT.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-F7F5BKW5.js";
+import "../chunk-TBZ243DS.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";
 import {

package/dist/components/ProductImagePreview/index.cjs

@@ -1121,12 +1121,15 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout/useTableLayout.ts
+var import_react9 = require("react");
+
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 
-// src/hooks/useTableLayout.ts
-var import_react9 = require("react");
-var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+// src/hooks/useTableLayout/storage.ts
+var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
+var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
 
 // src/hooks/useEditCell.tsx
 var import_react10 = require("react");

package/dist/components/ProductImagePreview/index.js

@@ -9,10 +9,10 @@ import "../../chunk-BQNPOGD5.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-WOWPMA26.js";
+import "../../chunk-ZRFXUER3.js";
 import "../../chunk-WVGXD7HT.js";
 import "../../chunk-VXWSAIB5.js";
-import "../../chunk-F7F5BKW5.js";
+import "../../chunk-TBZ243DS.js";
 import "../../chunk-5UH6QUFB.js";
 import "../../chunk-BGBIXG5Y.js";
 import "../../chunk-7KWFEH56.js";

package/dist/components/ProjectBar.cjs

@@ -210,12 +210,15 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout/useTableLayout.ts
+var import_react4 = require("react");
+
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 
-// src/hooks/useTableLayout.ts
-var import_react4 = require("react");
-var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+// src/hooks/useTableLayout/storage.ts
+var STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tablePrefs`;
+var LEGACY_STORAGE_PREFIX = `${LocalStoragePrefixVersion}-tableLayout`;
 
 // src/hooks/useEditCell.tsx
 var import_react5 = require("react");

package/dist/components/ProjectBar.js

@@ -1,9 +1,9 @@
-import "../chunk-WOWPMA26.js";
+import "../chunk-ZRFXUER3.js";
 import {
   useMatchesMobile
 } from "../chunk-WVGXD7HT.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-F7F5BKW5.js";
+import "../chunk-TBZ243DS.js";
 import "../chunk-5UH6QUFB.js";
 import {
   containerPaddingX,