@nswds/app 1.59.0 → 1.60.0

package/dist/styles.css

@@ -2441,6 +2441,12 @@
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
+  .bg-black\/80 {
+    background-color: color-mix(in srgb, #000 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
+    }
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -7356,6 +7362,11 @@
       --tw-exit-translate-x: -100%;
     }
   }
+  .data-\[state\=closed\]\:slide-out-to-left-1\/2 {
+    &[data-state=closed] {
+      --tw-exit-translate-x: -50%;
+    }
+  }
   .data-\[state\=closed\]\:slide-out-to-right {
     &[data-state=closed] {
       --tw-exit-translate-x: 100%;
@@ -7366,6 +7377,11 @@
       --tw-exit-translate-y: -100%;
     }
   }
+  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
+    &[data-state=closed] {
+      --tw-exit-translate-y: -48%;
+    }
+  }
   .data-\[state\=closed\]\:zoom-out-95 {
     &[data-state=closed] {
       --tw-exit-scale: .95;
@@ -7548,6 +7564,11 @@
       --tw-enter-translate-x: -100%;
     }
   }
+  .data-\[state\=open\]\:slide-in-from-left-1\/2 {
+    &[data-state=open] {
+      --tw-enter-translate-x: -50%;
+    }
+  }
   .data-\[state\=open\]\:slide-in-from-right {
     &[data-state=open] {
       --tw-enter-translate-x: 100%;
@@ -7558,6 +7579,11 @@
       --tw-enter-translate-y: -100%;
     }
   }
+  .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
+    &[data-state=open] {
+      --tw-enter-translate-y: -48%;
+    }
+  }
   .data-\[state\=open\]\:zoom-in-90 {
     &[data-state=open] {
       --tw-enter-scale: .9;
@@ -8075,6 +8101,15 @@
       gap: calc(var(--spacing) * 4);
     }
   }
+  .sm\:space-x-2 {
+    @media (width >= 40rem) {
+      :where(& > :not(:last-child)) {
+        --tw-space-x-reverse: 0;
+        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+      }
+    }
+  }
   .sm\:divide-x {
     @media (width >= 40rem) {
       :where(& > :not(:last-child)) {
@@ -8096,6 +8131,11 @@
       }
     }
   }
+  .sm\:rounded-lg {
+    @media (width >= 40rem) {
+      border-radius: var(--radius-lg);
+    }
+  }
   .sm\:border-x {
     @media (width >= 40rem) {
       border-inline-style: var(--tw-border-style);
@@ -11936,6 +11976,10 @@ body {
   [inert] ::-webkit-scrollbar {
     display: none;
   }
+  button:not(:disabled),
+  [role=button]:not(:disabled) {
+    cursor: pointer;
+  }
 }
 .dark {
   --sidebar: hsl(240 5.9% 10%);