@dmsi/wedgekit-react 0.0.552 → 0.0.554

package/dist/components/index.css

@@ -117,6 +117,7 @@
     --shadow-4: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
     --shadow-16: 0px 0px 16px 0px rgba(0, 0, 0, 0.12), 0px 16px 16px 0px rgba(0, 0, 0, 0.12);
     --shadow-nav-tab: 0px -4px 4px -4px rgba(0, 0, 0, 0.32) inset;
+    --shadow-access-card: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 1px 4px 0 rgba(0, 0, 0, 0.15);
     --color-decoration-underline: transparent;
     --text-display-1-desktop: 32px;
     --text-display-1-mobile: 32px;
@@ -621,6 +622,12 @@
       max-width: 1536px;
     }
   }
+  .-m-0\.75 {
+    margin: calc(var(--spacing) * -0.75);
+  }
+  .-m-\[3px\] {
+    margin: calc(3px * -1);
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -669,6 +676,9 @@
   .mr-auto {
     margin-right: auto;
   }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
@@ -678,6 +688,9 @@
   .mb-mobile-container-padding {
     margin-bottom: var(--spacing-mobile-container-padding);
   }
+  .mb-mobile-layout-group-gap {
+    margin-bottom: var(--spacing-mobile-layout-group-gap);
+  }
   .-ml-px {
     margin-left: -1px;
   }
@@ -1958,6 +1971,9 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-\[4px\] {
+    padding: 4px;
+  }
   .p-\[calc\(var\(--spacing-desktop-component-padding\)_-_1px\)\] {
     padding: calc(var(--spacing-desktop-component-padding) - 1px);
   }
@@ -2069,6 +2085,9 @@
   .pt-mobile-layout-padding {
     padding-top: var(--spacing-mobile-layout-padding);
   }
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
   .pr-mobile-component-padding {
     padding-right: var(--spacing-mobile-component-padding);
   }
@@ -2313,6 +2332,9 @@
   .text-inherit {
     color: inherit;
   }
+  .text-neutral-000 {
+    color: var(--color-neutral-000);
+  }
   .text-neutral-100 {
     color: var(--color-neutral-100);
   }
@@ -2424,6 +2446,9 @@
   .opacity-70 {
     opacity: 70%;
   }
+  .opacity-75 {
+    opacity: 75%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2463,6 +2488,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-access-card {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25)), 0 1px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .shadow-nav-tab {
     --tw-shadow: 0px -4px 4px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.32)) inset;
     box-shadow:
@@ -3894,6 +3928,11 @@
       margin-top: var(--spacing-desktop-compact-component-gap);
     }
   }
+  .compact\:mb-desktop-compact-layout-group-gap {
+    &:where([data-compact]) {
+      margin-bottom: var(--spacing-desktop-compact-layout-group-gap);
+    }
+  }
   .compact\:grid-cols-1 {
     &:where([data-compact]) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -4220,6 +4259,11 @@
       margin-bottom: var(--spacing-desktop-container-padding);
     }
   }
+  .desktop\:mb-desktop-layout-group-gap {
+    @container root (width >= 48rem) {
+      margin-bottom: var(--spacing-desktop-layout-group-gap);
+    }
+  }
   .desktop\:block {
     @container root (width >= 48rem) {
       display: block;

package/dist/components/index.js

@@ -2,31 +2,34 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-WNGFRQ4Y.js";
+} from "../chunk-TXPN24PW.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-ZIPJMN2E.js";
-import "../chunk-FJFZBIRG.js";
+import "../chunk-GYQA4UIK.js";
+import "../chunk-7ZCXZDJD.js";
 import {
   ProductImagePreview
-} from "../chunk-SBGGDIE3.js";
+} from "../chunk-FIVKYEC3.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-2IKT6IHB.js";
-import "../chunk-YCDDBSVU.js";
-import "../chunk-3X3Y4TMS.js";
-import "../chunk-4DXOA7NZ.js";
-import "../chunk-5BRIDIUA.js";
+import "../chunk-RZ5EIDX4.js";
+import "../chunk-AGHBLWDZ.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-M4FM3B3R.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
+import {
+  Select
+} from "../chunk-I5BV7UPG.js";
 import {
   SimpleTable
-} from "../chunk-KJ5OQPPV.js";
+} from "../chunk-63WMDTVQ.js";
 import {
   SkeletonParagraph
 } from "../chunk-L3BXRDLP.js";
@@ -39,33 +42,33 @@ import {
 import {
   Tooltip
 } from "../chunk-MDB26F6T.js";
-import {
-  Select
-} from "../chunk-I5BV7UPG.js";
-import "../chunk-JADOJNBI.js";
+import "../chunk-ZDXJXDZT.js";
 import "../chunk-4RJKB7LC.js";
+import "../chunk-KV7LAH3T.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-CMMQTIVM.js";
+import "../chunk-EJOPJIRO.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-AKJUBFJK.js";
+import "../chunk-QVWYTQKL.js";
 import {
   ListGroup
-} from "../chunk-Z2QAJY5I.js";
+} from "../chunk-UAMI54FE.js";
+import {
+  EmptyCartIcon
+} from "../chunk-75USUR3I.js";
 import "../chunk-BWPNXY7T.js";
-import "../chunk-QVWYTQKL.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-Y3EFHKAG.js";
+} from "../chunk-DWICBU2V.js";
 import {
   Menu
 } from "../chunk-HGLOO52X.js";
 import "../chunk-MPYAHORM.js";
 import {
   MenuOption
-} from "../chunk-EZ4KZYKG.js";
+} from "../chunk-YWQEMS2C.js";
 import {
   Search
 } from "../chunk-BKBJOF4J.js";
@@ -76,46 +79,53 @@ import {
   Label
 } from "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import {
-  EmptyCartIcon
-} from "../chunk-75USUR3I.js";
-import "../chunk-PS6UJZVH.js";
 import {
   Checkbox
 } from "../chunk-M7WHWZ2J.js";
 import {
   CompactImagesPreview
-} from "../chunk-MHXYGKWA.js";
+} from "../chunk-Q3G6Z5DM.js";
 import "../chunk-YD2JJ2VL.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-DQRQZE6O.js";
 import "../chunk-5UH6QUFB.js";
+import {
+  AccessCard
+} from "../chunk-XJF4S3RB.js";
+import "../chunk-ZCJWOHFN.js";
+import "../chunk-PS6UJZVH.js";
+import {
+  AccessCardGroup
+} from "../chunk-XR733AKC.js";
 import {
   Subheader
 } from "../chunk-BYC6QID5.js";
 import {
   Accordion
-} from "../chunk-QYKOR7LE.js";
+} from "../chunk-CQLRGYHM.js";
 import {
   Card
 } from "../chunk-KBJZUVLM.js";
 import {
   Alert
-} from "../chunk-7SFFUICM.js";
+} from "../chunk-YLC7OHW2.js";
 import "../chunk-MXSJF6TW.js";
+import {
+  Button
+} from "../chunk-HVYK7COK.js";
+import "../chunk-SBRRNFOP.js";
+import "../chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
-import "../chunk-AX4M7X4Z.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {
+  AccessCard,
+  AccessCardGroup,
   Accordion,
   Alert,
   Button,

package/dist/index.css

@@ -95,6 +95,7 @@
     --shadow-4: 0px 0px 4px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
     --shadow-16: 0px 0px 16px 0px rgba(0, 0, 0, 0.12), 0px 16px 16px 0px rgba(0, 0, 0, 0.12);
     --shadow-nav-tab: 0px -4px 4px -4px rgba(0, 0, 0, 0.32) inset;
+    --shadow-access-card: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 1px 4px 0 rgba(0, 0, 0, 0.15);
     --color-decoration-underline: transparent;
     --text-display-1-desktop: 32px;
     --text-display-1-mobile: 32px;
@@ -599,6 +600,12 @@
       max-width: 1536px;
     }
   }
+  .-m-0\.75 {
+    margin: calc(var(--spacing) * -0.75);
+  }
+  .-m-\[3px\] {
+    margin: calc(3px * -1);
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -647,6 +654,9 @@
   .mr-auto {
     margin-right: auto;
   }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
@@ -656,6 +666,9 @@
   .mb-mobile-container-padding {
     margin-bottom: var(--spacing-mobile-container-padding);
   }
+  .mb-mobile-layout-group-gap {
+    margin-bottom: var(--spacing-mobile-layout-group-gap);
+  }
   .-ml-px {
     margin-left: -1px;
   }
@@ -1936,6 +1949,9 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-\[4px\] {
+    padding: 4px;
+  }
   .p-\[calc\(var\(--spacing-desktop-component-padding\)_-_1px\)\] {
     padding: calc(var(--spacing-desktop-component-padding) - 1px);
   }
@@ -2047,6 +2063,9 @@
   .pt-mobile-layout-padding {
     padding-top: var(--spacing-mobile-layout-padding);
   }
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
   .pr-mobile-component-padding {
     padding-right: var(--spacing-mobile-component-padding);
   }
@@ -2291,6 +2310,9 @@
   .text-inherit {
     color: inherit;
   }
+  .text-neutral-000 {
+    color: var(--color-neutral-000);
+  }
   .text-neutral-100 {
     color: var(--color-neutral-100);
   }
@@ -2402,6 +2424,9 @@
   .opacity-70 {
     opacity: 70%;
   }
+  .opacity-75 {
+    opacity: 75%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2441,6 +2466,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-access-card {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25)), 0 1px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .shadow-nav-tab {
     --tw-shadow: 0px -4px 4px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.32)) inset;
     box-shadow:
@@ -3872,6 +3906,11 @@
       margin-top: var(--spacing-desktop-compact-component-gap);
     }
   }
+  .compact\:mb-desktop-compact-layout-group-gap {
+    &:where([data-compact]) {
+      margin-bottom: var(--spacing-desktop-compact-layout-group-gap);
+    }
+  }
   .compact\:grid-cols-1 {
     &:where([data-compact]) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -4198,6 +4237,11 @@
       margin-bottom: var(--spacing-desktop-container-padding);
     }
   }
+  .desktop\:mb-desktop-layout-group-gap {
+    @container root (width >= 48rem) {
+      margin-bottom: var(--spacing-desktop-layout-group-gap);
+    }
+  }
   .desktop\:block {
     @container root (width >= 48rem) {
       display: block;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.552",
+  "version": "0.0.554",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/dist/{chunk-EZ4KZYKG.js → chunk-YWQEMS2C.js}

@@ -1,12 +1,12 @@
 import {
   Label
 } from "./chunk-HXGJVYGQ.js";
-import {
-  Caption
-} from "./chunk-PS6UJZVH.js";
 import {
   useMatchesMobile
 } from "./chunk-YD2JJ2VL.js";
+import {
+  Caption
+} from "./chunk-PS6UJZVH.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";