@nswds/app 1.97.15 → 1.99.0

package/dist/globals.css

@@ -80,6 +80,8 @@
     --text-3xl--line-height: calc(2.25 / 1.875);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
     --text-6xl: 3.75rem;
     --text-6xl--line-height: 1;
     --font-weight-light: 300;
@@ -111,6 +113,7 @@
     --default-mono-font-family: var(--font-mono);
     --color-nsw-blue-800: var(--nsw-blue-800);
     --color-nsw-red-600: var(--nsw-red-600);
+    --color-primary-50: var(--nsw-blue-50);
     --color-primary-200: var(--nsw-blue-200);
     --color-primary-250: var(--nsw-blue-250);
     --color-primary-400: var(--nsw-blue-400);
@@ -1273,10 +1276,18 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-11 {
+    width: calc(var(--spacing) * 11);
+    height: calc(var(--spacing) * 11);
+  }
   .size-12 {
     width: calc(var(--spacing) * 12);
     height: calc(var(--spacing) * 12);
   }
+  .size-14 {
+    width: calc(var(--spacing) * 14);
+    height: calc(var(--spacing) * 14);
+  }
   .size-\[max\(100\%\,2\.75rem\)\] {
     width: max(100%, 2.75rem);
     height: max(100%, 2.75rem);
@@ -1445,6 +1456,9 @@
   .min-h-32 {
     min-height: calc(var(--spacing) * 32);
   }
+  .min-h-\[22rem\] {
+    min-height: 22rem;
+  }
   .min-h-dvh {
     min-height: 100dvh;
   }
@@ -1928,6 +1942,9 @@
   .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;
   }
@@ -2027,6 +2044,9 @@
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
   .gap-9 {
     gap: calc(var(--spacing) * 9);
   }
@@ -2280,9 +2300,6 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
-  .rounded-xl {
-    border-radius: var(--radius-xl);
-  }
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
@@ -2294,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);
@@ -2309,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;
@@ -2423,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);
   }
@@ -2456,6 +2480,9 @@
       border-color: color-mix(in oklab, var(--color-grey-700) 80%, transparent);
     }
   }
+  .border-grey-800 {
+    border-color: var(--color-grey-800);
+  }
   .border-grey-900 {
     border-color: var(--color-grey-900);
   }
@@ -2528,6 +2555,15 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-white {
+    border-color: var(--color-white);
+  }
+  .border-white\/30 {
+    border-color: color-mix(in srgb, #fff 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+    }
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
@@ -2606,9 +2642,21 @@
   .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);
   }
+  .bg-danger-50 {
+    background-color: var(--danger-50);
+  }
   .bg-danger-200 {
     background-color: var(--danger-200);
   }
@@ -2705,6 +2753,15 @@
   .bg-primary {
     background-color: var(--primary);
   }
+  .bg-primary-50 {
+    background-color: var(--color-primary-50);
+  }
+  .bg-primary-50\/70 {
+    background-color: var(--color-primary-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-50) 70%, transparent);
+    }
+  }
   .bg-primary-200 {
     background-color: var(--color-primary-200);
   }
@@ -2753,6 +2810,9 @@
   .bg-sidebar-primary {
     background-color: var(--sidebar-primary);
   }
+  .bg-success-50 {
+    background-color: var(--success-50);
+  }
   .bg-success-200 {
     background-color: var(--success-200);
   }
@@ -3298,6 +3358,9 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[0\.72rem\] {
+    font-size: 0.72rem;
+  }
   .text-\[14px\] {
     font-size: 14px;
   }
@@ -3443,6 +3506,14 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[0\.16em\] {
+    --tw-tracking: 0.16em;
+    letter-spacing: 0.16em;
+  }
+  .tracking-\[0\.22em\] {
+    --tw-tracking: 0.22em;
+    letter-spacing: 0.22em;
+  }
   .tracking-\[calc\(var\(--heading-letter-spacing-1\)_\+_var\(--heading-letter-spacing\)\)\] {
     --tw-tracking: calc(var(--heading-letter-spacing-1) + var(--heading-letter-spacing));
     letter-spacing: calc(var(--heading-letter-spacing-1) + var(--heading-letter-spacing));
@@ -3535,6 +3606,9 @@
   .text-danger-600 {
     color: var(--danger-600);
   }
+  .text-danger-800 {
+    color: var(--danger-800);
+  }
   .text-destructive {
     color: var(--destructive);
   }
@@ -3670,6 +3744,9 @@
   .text-success-450 {
     color: var(--success-450);
   }
+  .text-success-800 {
+    color: var(--success-800);
+  }
   .text-transparent {
     color: transparent;
   }
@@ -3857,6 +3934,9 @@
       --tw-ring-color: color-mix(in oklab, var(--color-grey-950) 10%, transparent);
     }
   }
+  .ring-primary-500 {
+    --tw-ring-color: var(--color-primary-500);
+  }
   .ring-ring {
     --tw-ring-color: var(--ring);
   }
@@ -3875,6 +3955,13 @@
   .ring-white {
     --tw-ring-color: var(--color-white);
   }
+  .ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  .ring-offset-background {
+    --tw-ring-offset-color: var(--background);
+  }
   .ring-offset-white {
     --tw-ring-offset-color: var(--color-white);
   }
@@ -5030,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 {
@@ -5098,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 {
@@ -5665,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);
@@ -5700,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);
@@ -5756,6 +5831,13 @@
       }
     }
   }
+  .hover\:scale-\[1\.03\] {
+    &:hover {
+      @media (hover: hover) {
+        scale: 1.03;
+      }
+    }
+  }
   .hover\:cursor-pointer {
     &:hover {
       @media (hover: hover) {
@@ -5822,6 +5904,13 @@
       }
     }
   }
+  .hover\:bg-grey-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-grey-50);
+      }
+    }
+  }
   .hover\:bg-grey-100 {
     &:hover {
       @media (hover: hover) {
@@ -7212,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 {
@@ -7248,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 {
@@ -8274,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 {
@@ -8348,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 {
@@ -8427,11 +8516,21 @@
       min-height: calc(var(--spacing) * 12);
     }
   }
+  .sm\:min-h-\[26rem\] {
+    @media (width >= 40rem) {
+      min-height: 26rem;
+    }
+  }
   .sm\:w-8 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 8);
     }
   }
+  .sm\:w-fit {
+    @media (width >= 40rem) {
+      width: fit-content;
+    }
+  }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
       max-width: var(--container-lg);
@@ -8462,6 +8561,11 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .sm\:grid-cols-7 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+  }
   .sm\:grid-cols-\[--spacing\(4\)_1fr\] {
     @media (width >= 40rem) {
       grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -8482,6 +8586,16 @@
       flex-direction: row;
     }
   }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
   .sm\:justify-center {
     @media (width >= 40rem) {
       justify-content: center;
@@ -8551,6 +8665,11 @@
       }
     }
   }
+  .sm\:p-8 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 8);
+    }
+  }
   .sm\:px-0 {
     @media (width >= 40rem) {
       padding-inline: calc(var(--spacing) * 0);
@@ -8641,6 +8760,11 @@
       padding-right: calc(var(--spacing) * 16);
     }
   }
+  .sm\:pb-16 {
+    @media (width >= 40rem) {
+      padding-bottom: calc(var(--spacing) * 16);
+    }
+  }
   .sm\:pb-32 {
     @media (width >= 40rem) {
       padding-bottom: calc(var(--spacing) * 32);
@@ -8661,12 +8785,24 @@
       text-align: left;
     }
   }
+  .sm\:text-5xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-5xl);
+      line-height: var(--tw-leading, var(--text-5xl--line-height));
+    }
+  }
   .sm\:text-6xl {
     @media (width >= 40rem) {
       font-size: var(--text-6xl);
       line-height: var(--tw-leading, var(--text-6xl--line-height));
     }
   }
+  .sm\:text-base\/7 {
+    @media (width >= 40rem) {
+      font-size: var(--text-base);
+      line-height: calc(var(--spacing) * 7);
+    }
+  }
   .sm\:text-sm\/5 {
     @media (width >= 40rem) {
       font-size: var(--text-sm);
@@ -9112,6 +9248,11 @@
       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));
@@ -9317,6 +9458,31 @@
       flex: none;
     }
   }
+  .xl\:grid-cols-5 {
+    @media (width >= 80rem) {
+      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);
+    }
+  }
+  .xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(17rem\,0\.68fr\)\] {
+    @media (width >= 80rem) {
+      grid-template-columns: minmax(0,1.5fr) minmax(17rem,0.68fr);
+    }
+  }
+  .xl\:grid-cols-\[repeat\(19\,minmax\(0\,1fr\)\)\] {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(19,minmax(0,1fr));
+    }
+  }
   .xl\:overflow-y-auto {
     @media (width >= 80rem) {
       overflow-y: auto;
@@ -9430,6 +9596,11 @@
       }
     }
   }
+  .dark\:border-grey-400 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-grey-400);
+    }
+  }
   .dark\:border-grey-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-grey-600);
@@ -9567,6 +9738,14 @@
       }
     }
   }
+  .dark\:bg-danger-950\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--danger-950);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--danger-950) 30%, transparent);
+      }
+    }
+  }
   .dark\:bg-destructive\/60 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--destructive);
@@ -9636,6 +9815,14 @@
       background-color: var(--color-grey-900);
     }
   }
+  .dark\:bg-grey-900\/60 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-grey-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-grey-900) 60%, transparent);
+      }
+    }
+  }
   .dark\:bg-grey-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-grey-950);
@@ -9667,6 +9854,14 @@
       background-color: var(--color-primary-950);
     }
   }
+  .dark\:bg-primary-950\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-primary-950);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary-950) 30%, transparent);
+      }
+    }
+  }
   .dark\:bg-slate-900\/95 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
@@ -9688,6 +9883,14 @@
       }
     }
   }
+  .dark\:bg-success-950\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--success-950);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--success-950) 30%, transparent);
+      }
+    }
+  }
   .dark\:bg-transparent {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: transparent;
@@ -9850,6 +10053,11 @@
       }
     }
   }
+  .dark\:text-danger-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--danger-200);
+    }
+  }
   .dark\:text-gray-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-gray-50);
@@ -9945,6 +10153,11 @@
       color: var(--color-slate-400);
     }
   }
+  .dark\:text-success-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--success-200);
+    }
+  }
   .dark\:text-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-white);
@@ -10637,6 +10850,15 @@
       }
     }
   }
+  .dark\:hover\:border-grey-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-grey-500);
+        }
+      }
+    }
+  }
   .dark\:hover\:border-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -10703,6 +10925,18 @@
       }
     }
   }
+  .dark\:hover\:bg-grey-900\/70 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-grey-900);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-grey-900) 70%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-input\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -12842,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);