@dmsi/wedgekit-react 0.0.922 → 0.0.987

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

@@ -1,8 +1,8 @@
 import {
   MobileDataGridHeader
-} 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/MobileDataGrid/RowDetailModalProvider/ModalContent.js

@@ -1,11 +1,11 @@
 import {
   ModalContent
-} from "../../../chunk-VABOQRYA.js";
+} from "../../../chunk-POZD6R3P.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-XWYDWH4W.js";
+import "../../../chunk-HTICQWRA.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-VXWSAIB5.js";
-import "../../../chunk-F7F5BKW5.js";
+import "../../../chunk-TBZ243DS.js";
 import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-BGBIXG5Y.js";
 import "../../../chunk-WMPWWFUJ.js";

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.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
   );
@@ -499,7 +512,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",
@@ -708,7 +722,7 @@ function formatDate(date) {
 }
 
 // src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.4`;
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
 
 // src/utils.ts
 function findDocumentRoot(element) {
@@ -757,9 +771,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");
@@ -1422,7 +1439,7 @@ function RowDetailModalProvider() {
                 iconOnly: true,
                 variant: "tertiary",
                 onClick: closeRowDetail,
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "x", size: 24 }) })
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "close", size: 24 }) })
               }
             )
           ]

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js

@@ -1,23 +1,23 @@
 import {
   RowDetailModalProvider
-} from "../../../chunk-LFBTRFTS.js";
-import "../../../chunk-VABOQRYA.js";
+} from "../../../chunk-2UNLVJU5.js";
+import "../../../chunk-POZD6R3P.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-XWYDWH4W.js";
+import "../../../chunk-HTICQWRA.js";
 import "../../../chunk-AJ5M6MVX.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-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-BGBIXG5Y.js";
 import "../../../chunk-WMPWWFUJ.js";