@dmsi/wedgekit-react 0.0.922 → 0.0.986

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

@@ -2,9 +2,9 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} 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";
@@ -13,11 +13,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";
@@ -29,11 +29,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";
@@ -50,10 +50,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";
@@ -62,9 +62,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/CompactImagesPreview.cjs

@@ -456,12 +456,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/CompactImagesPreview.js

@@ -1,10 +1,10 @@
 import {
   CompactImagesPreview
 } from "../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-BGBIXG5Y.js";
 import "../chunk-7KWFEH56.js";

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

@@ -1,8 +1,8 @@
 "use client";
 import {
   ContentTab
-} from "../chunk-RAJY6INK.js";
-import "../chunk-BMAZBFUU.js";
+} from "../chunk-BBU7JOY2.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/ContentTabs.cjs

@@ -261,7 +261,8 @@ var Button = (_a) => {
     href,
     id,
     testid,
-    isLoading
+    isLoading,
+    fontNormal = false
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -277,7 +278,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",
@@ -304,6 +306,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",
@@ -347,6 +358,7 @@ var Button = (_a) => {
     primaryVariantStyles,
     secondaryVariantStyles,
     tertiaryVariantStyles,
+    quarternaryOutlinedVariantStyles,
     primaryCriticalVariantStyles,
     secondaryCriticalVariantStyles,
     tertiaryCriticalVariantStyles,
@@ -357,6 +369,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/ContentTabs.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   ContentTab
-} from "../chunk-RAJY6INK.js";
-import "../chunk-BMAZBFUU.js";
+} from "../chunk-BBU7JOY2.js";
+import "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";