@nswds/app 1.98.0 → 1.100.0

package/dist/styles.css

@@ -112,7 +112,6 @@
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
-    --radius-2xl: 1rem;
     --ease-in: cubic-bezier(0.4, 0, 1, 1);
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1379,6 +1378,9 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
@@ -1936,12 +1938,12 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
-  .grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
   .grid-cols-\[--spacing\(5\)_1fr\] {
     grid-template-columns: calc(var(--spacing) * 5) 1fr;
   }
@@ -2095,6 +2097,13 @@
       margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-6 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -2262,9 +2271,6 @@
   .rounded {
     border-radius: 0.25rem;
   }
-  .rounded-2xl {
-    border-radius: var(--radius-2xl);
-  }
   .rounded-\[1px\] {
     border-radius: 1px;
   }
@@ -2292,9 +2298,6 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
-  .rounded-xl {
-    border-radius: var(--radius-xl);
-  }
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
@@ -2306,9 +2309,9 @@
     border-top-left-radius: 0;
     border-top-right-radius: 0;
   }
-  .rounded-t-xl {
-    border-top-left-radius: var(--radius-xl);
-    border-top-right-radius: var(--radius-xl);
+  .rounded-t-sm {
+    border-top-left-radius: var(--radius-sm);
+    border-top-right-radius: var(--radius-sm);
   }
   .rounded-l-md {
     border-top-left-radius: var(--radius-md);
@@ -2321,6 +2324,10 @@
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
   }
+  .rounded-r-sm {
+    border-top-right-radius: var(--radius-sm);
+    border-bottom-right-radius: var(--radius-sm);
+  }
   .rounded-b-none {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
@@ -2435,6 +2442,9 @@
       border-color: color-mix(in oklab, var(--border) 50%, transparent);
     }
   }
+  .border-current {
+    border-color: currentcolor;
+  }
   .border-danger-500 {
     border-color: var(--danger-500);
   }
@@ -2615,6 +2625,12 @@
   .bg-card {
     background-color: var(--card);
   }
+  .bg-current\/10 {
+    background-color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, currentcolor 10%, transparent);
+    }
+  }
   .bg-cyan-500 {
     background-color: var(--color-cyan-500);
   }
@@ -5166,9 +5182,9 @@
       rotate: 180deg;
     }
   }
-  .group-data-\[variant\=floating\]\:rounded-lg {
+  .group-data-\[variant\=floating\]\:rounded-sm {
     &:is(:where(.group)[data-variant=floating] *) {
-      border-radius: var(--radius-lg);
+      border-radius: var(--radius-sm);
     }
   }
   .group-data-\[variant\=floating\]\:border {
@@ -5239,9 +5255,9 @@
       overflow: hidden;
     }
   }
-  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
+  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-sm {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
-      border-radius: var(--radius-md);
+      border-radius: var(--radius-sm);
     }
   }
   .group-data-\[viewport\=false\]\/navigation-menu\:border {
@@ -5804,12 +5820,6 @@
       border-bottom-left-radius: 4px;
     }
   }
-  .first\:rounded-l-md {
-    &:first-child {
-      border-top-left-radius: var(--radius-md);
-      border-bottom-left-radius: var(--radius-md);
-    }
-  }
   .first\:rounded-l-sm {
     &:first-child {
       border-top-left-radius: var(--radius-sm);
@@ -5839,12 +5849,6 @@
       border-bottom-right-radius: 4px;
     }
   }
-  .last\:rounded-r-md {
-    &:last-child {
-      border-top-right-radius: var(--radius-md);
-      border-bottom-right-radius: var(--radius-md);
-    }
-  }
   .last\:rounded-r-sm {
     &:last-child {
       border-top-right-radius: var(--radius-sm);
@@ -7427,15 +7431,15 @@
       color: var(--muted-foreground);
     }
   }
-  .data-\[range-end\=true\]\:rounded-md {
+  .data-\[range-end\=true\]\:rounded-sm {
     &[data-range-end=true] {
-      border-radius: var(--radius-md);
+      border-radius: var(--radius-sm);
     }
   }
-  .data-\[range-end\=true\]\:rounded-r-md {
+  .data-\[range-end\=true\]\:rounded-r-sm {
     &[data-range-end=true] {
-      border-top-right-radius: var(--radius-md);
-      border-bottom-right-radius: var(--radius-md);
+      border-top-right-radius: var(--radius-sm);
+      border-bottom-right-radius: var(--radius-sm);
     }
   }
   .data-\[range-end\=true\]\:bg-primary {
@@ -7463,15 +7467,15 @@
       color: var(--accent-foreground);
     }
   }
-  .data-\[range-start\=true\]\:rounded-md {
+  .data-\[range-start\=true\]\:rounded-sm {
     &[data-range-start=true] {
-      border-radius: var(--radius-md);
+      border-radius: var(--radius-sm);
     }
   }
-  .data-\[range-start\=true\]\:rounded-l-md {
+  .data-\[range-start\=true\]\:rounded-l-sm {
     &[data-range-start=true] {
-      border-top-left-radius: var(--radius-md);
-      border-bottom-left-radius: var(--radius-md);
+      border-top-left-radius: var(--radius-sm);
+      border-bottom-left-radius: var(--radius-sm);
     }
   }
   .data-\[range-start\=true\]\:bg-primary {
@@ -8514,10 +8518,10 @@
       max-height: 80vh;
     }
   }
-  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
+  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-sm {
     &[data-vaul-drawer-direction=bottom] {
-      border-top-left-radius: var(--radius-lg);
-      border-top-right-radius: var(--radius-lg);
+      border-top-left-radius: var(--radius-sm);
+      border-top-right-radius: var(--radius-sm);
     }
   }
   .data-\[vaul-drawer-direction\=bottom\]\:border-t {
@@ -8588,10 +8592,10 @@
       max-height: 80vh;
     }
   }
-  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
+  .data-\[vaul-drawer-direction\=top\]\:rounded-b-sm {
     &[data-vaul-drawer-direction=top] {
-      border-bottom-right-radius: var(--radius-lg);
-      border-bottom-left-radius: var(--radius-lg);
+      border-bottom-right-radius: var(--radius-sm);
+      border-bottom-left-radius: var(--radius-sm);
     }
   }
   .data-\[vaul-drawer-direction\=top\]\:border-b {
@@ -8712,9 +8716,9 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .sm\:grid-cols-7 {
+  .sm\:grid-cols-6 {
     @media (width >= 40rem) {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
+      grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
   .sm\:grid-cols-\[--spacing\(4\)_1fr\] {
@@ -9404,11 +9408,6 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
-  .lg\:grid-cols-10 {
-    @media (width >= 64rem) {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-  }
   .lg\:grid-cols-12 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(12, minmax(0, 1fr));
@@ -9629,19 +9628,14 @@
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
-  .xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(20rem\,0\.9fr\)\] {
-    @media (width >= 80rem) {
-      grid-template-columns: minmax(0, 1.3fr) minmax(20rem, 0.9fr);
-    }
-  }
-  .xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(17rem\,0\.68fr\)\] {
+  .xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(18rem\,0\.9fr\)\] {
     @media (width >= 80rem) {
-      grid-template-columns: minmax(0, 1.5fr) minmax(17rem, 0.68fr);
+      grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
     }
   }
-  .xl\:grid-cols-\[repeat\(19\,minmax\(0\,1fr\)\)\] {
+  .xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(18rem\,0\.72fr\)\] {
     @media (width >= 80rem) {
-      grid-template-columns: repeat(19, minmax(0, 1fr));
+      grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.72fr);
     }
   }
   .xl\:overflow-y-auto {
@@ -13229,7 +13223,9 @@
 @layer theme {
   :root {
     --scaling: 1;
-    --radius: 0.25rem;
+    --nsw-border-radius: 0.25rem;
+    --radius: var(--nsw-border-radius);
+    --radius-sm: var(--nsw-border-radius);
     --background: oklch(1 0 0);
     --foreground: var(--color-grey-950);
     --card: oklch(1 0 0);