@nswds/app 1.98.0 → 1.99.0

package/dist/globals.css

@@ -99,7 +99,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);
@@ -2274,9 +2273,6 @@
   .rounded {
     border-radius: 0.25rem;
   }
-  .rounded-2xl {
-    border-radius: var(--radius-2xl);
-  }
   .rounded-\[1px\] {
     border-radius: 1px;
   }
@@ -2304,9 +2300,6 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
-  .rounded-xl {
-    border-radius: var(--radius-xl);
-  }
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
@@ -2318,9 +2311,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);
@@ -2333,6 +2326,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;
@@ -2447,6 +2444,9 @@
       border-color: color-mix(in oklab, var(--border) 50%, transparent);
     }
   }
+  .border-current {
+    border-color: currentcolor;
+  }
   .border-danger-500 {
     border-color: var(--danger-500);
   }
@@ -2642,6 +2642,15 @@
   .bg-card {
     background-color: var(--card);
   }
+  .bg-current {
+    background-color: currentcolor;
+  }
+  .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);
   }
@@ -5108,9 +5117,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 {
@@ -5176,9 +5185,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 {
@@ -5743,12 +5752,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);
@@ -5778,12 +5781,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);
@@ -7304,15 +7301,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 {
@@ -7340,15 +7337,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 {
@@ -8366,10 +8363,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 {
@@ -8440,10 +8437,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 {
@@ -9466,6 +9463,11 @@
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(18rem\,0\.9fr\)\] {
+    @media (width >= 80rem) {
+      grid-template-columns: minmax(0,1.1fr) minmax(18rem,0.9fr);
+    }
+  }
   .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);
@@ -13074,7 +13076,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);