@dmsi/wedgekit-react 0.0.922 → 0.0.987

package/dist/components/MobileDataGrid/index.css

@@ -2144,9 +2144,6 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
-  .pb-3 {
-    padding-bottom: calc(var(--spacing) * 3);
-  }
   .pb-mobile-component-padding {
     padding-bottom: var(--spacing-mobile-component-padding);
   }
@@ -2309,6 +2306,10 @@
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
   }
+  .font-normal\! {
+    --tw-font-weight: var(--font-weight-normal) !important;
+    font-weight: var(--font-weight-normal) !important;
+  }
   .font-semibold {
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
@@ -3177,6 +3178,13 @@
       }
     }
   }
+  .hover\:border-border-primary-normal {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-border-primary-normal);
+      }
+    }
+  }
   .hover\:\!bg-background-action-primary-normal {
     &:hover {
       @media (hover: hover) {
@@ -3240,6 +3248,13 @@
       }
     }
   }
+  .hover\:bg-transparent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: transparent;
+      }
+    }
+  }
   .hover\:\!text-brand-text-on-action-primary-hover {
     &:hover {
       @media (hover: hover) {
@@ -3317,6 +3332,13 @@
       }
     }
   }
+  .hover\:text-text-primary-normal {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-primary-normal);
+      }
+    }
+  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -3361,6 +3383,11 @@
       border-color: var(--color-border-action-hover);
     }
   }
+  .focus\:border-border-primary-normal {
+    &:focus {
+      border-color: var(--color-border-primary-normal);
+    }
+  }
   .focus\:bg-background-action-critical-primary-hover {
     &:focus {
       background-color: var(--color-background-action-critical-primary-hover);
@@ -3386,6 +3413,11 @@
       background-color: var(--color-background-grouped-secondary-normal);
     }
   }
+  .focus\:bg-transparent {
+    &:focus {
+      background-color: transparent;
+    }
+  }
   .focus\:text-text-action-critical-hover {
     &:focus {
       color: var(--color-text-action-critical-hover);
@@ -3396,6 +3428,11 @@
       color: var(--color-text-action-primary-hover);
     }
   }
+  .focus\:text-text-primary-normal {
+    &:focus {
+      color: var(--color-text-primary-normal);
+    }
+  }
   .focus\:outline-0 {
     &:focus {
       outline-style: var(--tw-outline-style);
@@ -3531,6 +3568,11 @@
       background-color: var(--color-background-action-secondary-active);
     }
   }
+  .active\:bg-transparent {
+    &:active {
+      background-color: transparent;
+    }
+  }
   .active\:\!text-brand-text-on-action-primary-active {
     &:active {
       color: var(--color-brand-text-on-action-primary-active) !important;
@@ -3581,6 +3623,11 @@
       color: var(--color-text-link-active);
     }
   }
+  .active\:text-text-primary-active {
+    &:active {
+      color: var(--color-text-primary-active);
+    }
+  }
   .active\:text-white {
     &:active {
       color: var(--color-white);
@@ -4599,6 +4646,11 @@
       padding-right: var(--spacing-desktop-layout-padding);
     }
   }
+  .desktop\:pb-3 {
+    @container root (width >= 48rem) {
+      padding-bottom: calc(var(--spacing) * 3);
+    }
+  }
   .desktop\:pb-desktop-component-padding {
     @container root (width >= 48rem) {
       padding-bottom: var(--spacing-desktop-component-padding);

package/dist/components/MobileDataGrid/index.js

@@ -1,8 +1,8 @@
 import {
   MobileDataGrid
-} from "../../chunk-YYRFXTO7.js";
-import "../../chunk-LFBTRFTS.js";
-import "../../chunk-VABOQRYA.js";
+} from "../../chunk-RLJU65SD.js";
+import "../../chunk-2UNLVJU5.js";
+import "../../chunk-POZD6R3P.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-UMZQQ5CG.js";
 import "../../chunk-MBZ55T2D.js";
@@ -11,11 +11,11 @@ import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-ZACRFGND.js";
-import "../../chunk-EJVCDJ7U.js";
-import "../../chunk-27DJTEAB.js";
+import "../../chunk-NBTWFTSF.js";
+import "../../chunk-HDFO56DN.js";
+import "../../chunk-MB6IRHTN.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-XWYDWH4W.js";
+import "../../chunk-HTICQWRA.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-7IPESTQS.js";
 import "../../chunk-Z2HPSFEQ.js";
@@ -27,11 +27,11 @@ import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-HT57FLRW.js";
-import "../../chunk-N36EJLRW.js";
+import "../../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-QVWYTQKL.js";
 import "../../chunk-3IAXYRUR.js";
@@ -48,10 +48,10 @@ import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";
 import "../../chunk-FXHH2K6I.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-XJF4S3RB.js";
 import "../../chunk-ZCJWOHFN.js";
@@ -60,9 +60,9 @@ import "../../chunk-XR733AKC.js";
 import "../../chunk-BYC6QID5.js";
 import "../../chunk-2GOXX2IT.js";
 import "../../chunk-F4VE3THQ.js";
-import "../../chunk-NGXKXYB5.js";
+import "../../chunk-6FZNEFN3.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/Modal.cjs

@@ -312,7 +312,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -328,7 +329,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",
@@ -355,6 +357,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",
@@ -398,6 +409,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -408,6 +420,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
   );
@@ -500,7 +513,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",
@@ -661,7 +675,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) {
@@ -710,9 +724,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");

package/dist/components/Modal.js

@@ -1,19 +1,19 @@
 "use client";
 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 "../chunk-MXSJF6TW.js";
-import "../chunk-BMAZBFUU.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";

package/dist/components/ModalButtons.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/ModalButtons.js

@@ -1,7 +1,7 @@
 import {
   ModalButtons
-} from "../chunk-UUKHQUSF.js";
-import "../chunk-BMAZBFUU.js";
+} from "../chunk-F6QO73TV.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";

package/dist/components/ModalHeader.cjs

@@ -309,7 +309,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -325,7 +326,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",
@@ -352,6 +354,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",
@@ -395,6 +406,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -405,6 +417,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
   );
@@ -497,7 +510,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",

package/dist/components/ModalHeader.js

@@ -1,8 +1,8 @@
 import {
   ModalHeader
-} from "../chunk-2EAVEFWY.js";
+} from "../chunk-WHWZ5VVQ.js";
 import "../chunk-MXSJF6TW.js";
-import "../chunk-BMAZBFUU.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";

package/dist/components/NavigationTab.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/NavigationTab.js

@@ -1,7 +1,7 @@
 import {
   NavigationTab
-} from "../chunk-BRCBTEQ2.js";
-import "../chunk-BMAZBFUU.js";
+} from "../chunk-FGXTI3WE.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";

package/dist/components/NavigationTabs.cjs

@@ -260,7 +260,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -276,7 +277,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",
@@ -303,6 +305,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",
@@ -346,6 +357,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -356,6 +368,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/NavigationTabs.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-BRCBTEQ2.js";
-import "../chunk-BMAZBFUU.js";
+} from "../chunk-FGXTI3WE.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";
 import {

package/dist/components/NestedMenu.cjs

@@ -388,12 +388,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");
@@ -767,7 +770,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -783,7 +787,8 @@ var Button = (_a) => {
     "href",
     "id",
     "testid",
-    "isLoading"
+    "isLoading",
+    "fontNormal"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx7.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -810,6 +815,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_clsx7.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_clsx7.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",
@@ -853,6 +867,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -863,6 +878,7 @@ var Button = (_a) => {
   const labelClasses = (0, import_clsx7.default)(
     "min-h-6 flex items-center justify-center",
     classNameLabel,
+    fontNormal && "font-normal!",
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );

package/dist/components/NestedMenu.js

@@ -7,15 +7,15 @@ import {
 } from "../chunk-HXGJVYGQ.js";
 import {
   useKeydown
-} from "../chunk-WOWPMA26.js";
+} from "../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-PS6UJZVH.js";
 import {
   Button
-} from "../chunk-BMAZBFUU.js";
+} from "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-WMPWWFUJ.js";
 import {