@nswds/app 1.45.2 → 1.46.0

package/dist/package.json

@@ -11,4 +11,4 @@
     }
   },
   "sideEffects": false
-}
+}

package/dist/styles.css

@@ -360,6 +360,9 @@
     container-type: inline-size;
     container-name: card-header;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -551,6 +554,12 @@
   .m-0\.5 {
     margin: calc(var(--spacing) * 0.5);
   }
+  .m-2 {
+    margin: calc(var(--spacing) * 2);
+  }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
   .m-auto {
     margin: auto;
   }
@@ -1068,6 +1077,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-12 {
+    margin-bottom: calc(var(--spacing) * 12);
+  }
   .-ml-0\.5 {
     margin-left: calc(var(--spacing) * -0.5);
   }
@@ -1206,10 +1218,6 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
-  .size-10 {
-    width: calc(var(--spacing) * 10);
-    height: calc(var(--spacing) * 10);
-  }
   .size-\[max\(100\%\,2\.75rem\)\] {
     width: max(100%, 2.75rem);
     height: max(100%, 2.75rem);
@@ -1228,6 +1236,9 @@
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -1279,6 +1290,9 @@
   .h-80 {
     height: calc(var(--spacing) * 80);
   }
+  .h-96 {
+    height: calc(var(--spacing) * 96);
+  }
   .h-120 {
     height: calc(var(--spacing) * 120);
   }
@@ -1288,9 +1302,18 @@
   .h-\[44px\] {
     height: 44px;
   }
+  .h-\[600px\] {
+    height: 600px;
+  }
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
+  .h-\[calc\(100vh-80px\)\] {
+    height: calc(100vh - 80px);
+  }
+  .h-\[calc\(600px-80px\)\] {
+    height: calc(600px - 80px);
+  }
   .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
     height: var(--radix-navigation-menu-viewport-height);
   }
@@ -1345,6 +1368,9 @@
   .min-h-dvh {
     min-height: 100dvh;
   }
+  .min-h-screen {
+    min-height: 100vh;
+  }
   .w-\(--cell-size\) {
     width: var(--cell-size);
   }
@@ -1423,6 +1449,9 @@
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
+  .w-80 {
+    width: calc(var(--spacing) * 80);
+  }
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
@@ -1486,6 +1515,9 @@
   .max-w-max {
     max-width: max-content;
   }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
   .max-w-none {
     max-width: none;
   }
@@ -1879,6 +1911,9 @@
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
+  .gap-x-6 {
+    column-gap: calc(var(--spacing) * 6);
+  }
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
@@ -1943,6 +1978,11 @@
       border-color: var(--color-gray-100);
     }
   }
+  .divide-grey-200 {
+    :where(& > :not(:last-child)) {
+      border-color: oklch(0.9400701096450296 0 0);
+    }
+  }
   .divide-grey-900\/5 {
     :where(& > :not(:last-child)) {
       border-color: color-mix(in oklab, oklch(0.17511812981113217 0.007251980042076026 242.08383926925922) 5%, transparent);
@@ -2159,6 +2199,9 @@
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
+  .border-grey-100 {
+    border-color: oklch(0.9700350548225147 0 0);
+  }
   .border-grey-200 {
     border-color: oklch(0.9400701096450296 0 0);
   }
@@ -2204,6 +2247,12 @@
   .border-primary-800 {
     border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
   }
+  .border-primary\/20 {
+    border-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
+    }
+  }
   .border-red-400 {
     border-color: var(--color-red-400);
   }
@@ -2390,6 +2439,12 @@
   .bg-primary-800\/20 {
     background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 20%, transparent);
   }
+  .bg-primary\/10 {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+    }
+  }
   .bg-purple-50 {
     background-color: var(--color-purple-50);
   }
@@ -2768,6 +2823,9 @@
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
+  .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
   .pr-12 {
     padding-right: calc(var(--spacing) * 12);
   }
@@ -3378,6 +3436,9 @@
   .ring-danger-200 {
     --tw-ring-color: var(--color-danger-200);
   }
+  .ring-grey-200 {
+    --tw-ring-color: oklch(0.9400701096450296 0 0);
+  }
   .ring-grey-950\/10 {
     --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
   }
@@ -3551,9 +3612,16 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .will-change-\[transform\,opacity\] {
     will-change: transform, opacity;
   }
+  .will-change-transform {
+    will-change: transform;
+  }
   .forced-color-adjust-none {
     forced-color-adjust: none;
   }
@@ -3995,6 +4063,9 @@
   .ease-linear {
     animation-timing-function: linear;
   }
+  .ease-out {
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
   .fade-in-0 {
     --tw-enter-opacity: 0;
   }
@@ -5819,6 +5890,12 @@
       }
     }
   }
+  .data-\[closed\]\:-translate-x-full {
+    &[data-closed] {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .data-\[closed\]\:-translate-y-1 {
     &[data-closed] {
       --tw-translate-y: calc(var(--spacing) * -1);
@@ -7392,6 +7469,11 @@
       padding-right: calc(var(--spacing) * 12);
     }
   }
+  .sm\:pr-16 {
+    @media (width >= 40rem) {
+      padding-right: calc(var(--spacing) * 16);
+    }
+  }
   .sm\:pl-1\.5 {
     @media (width >= 40rem) {
       padding-left: calc(var(--spacing) * 1.5);
@@ -7430,11 +7512,22 @@
       font-size: 0.8125rem;
     }
   }
+  .sm\:duration-300 {
+    @media (width >= 40rem) {
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
   .sm\:\[--anchor-offset\:-1\.375rem\] {
     @media (width >= 40rem) {
       --anchor-offset: -1.375rem;
     }
   }
+  .sm\:duration-300 {
+    @media (width >= 40rem) {
+      animation-duration: 300ms;
+    }
+  }
   .sm\:group-data-checked\:translate-x-3 {
     @media (width >= 40rem) {
       &:is(:where(.group)[data-checked] *) {
@@ -7640,6 +7733,11 @@
       display: block;
     }
   }
+  .lg\:flex {
+    @media (width >= 64rem) {
+      display: flex;
+    }
+  }
   .lg\:hidden {
     @media (width >= 64rem) {
       display: none;