@nswds/app 1.105.0 → 1.107.0

package/dist/globals.css

@@ -114,6 +114,7 @@
     --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-100: var(--nsw-blue-100);
     --color-primary-200: var(--nsw-blue-200);
     --color-primary-250: var(--nsw-blue-250);
     --color-primary-300: var(--nsw-blue-300);
@@ -1052,15 +1053,18 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-2\.5 {
+    margin-top: calc(var(--spacing) * 2.5);
+  }
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
+  .mt-3\.5 {
+    margin-top: calc(var(--spacing) * 3.5);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
-  .mt-5 {
-    margin-top: calc(var(--spacing) * 5);
-  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
@@ -1483,6 +1487,12 @@
   .min-h-32 {
     min-height: calc(var(--spacing) * 32);
   }
+  .min-h-\[12rem\] {
+    min-height: 12rem;
+  }
+  .min-h-\[16rem\] {
+    min-height: 16rem;
+  }
   .min-h-\[18rem\] {
     min-height: 18rem;
   }
@@ -1678,6 +1688,9 @@
   .max-w-60 {
     max-width: calc(var(--spacing) * 60);
   }
+  .max-w-\[42rem\] {
+    max-width: 42rem;
+  }
   .max-w-\[80\%\] {
     max-width: 80%;
   }
@@ -2068,6 +2081,9 @@
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
@@ -2102,6 +2118,13 @@
       margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -2591,6 +2614,9 @@
   .border-primary {
     border-color: var(--primary);
   }
+  .border-primary-100 {
+    border-color: var(--color-primary-100);
+  }
   .border-primary-200 {
     border-color: var(--color-primary-200);
   }
@@ -2861,6 +2887,18 @@
   .bg-primary-50 {
     background-color: var(--color-primary-50);
   }
+  .bg-primary-50\/30 {
+    background-color: var(--color-primary-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-50) 30%, transparent);
+    }
+  }
+  .bg-primary-50\/40 {
+    background-color: var(--color-primary-50);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-50) 40%, transparent);
+    }
+  }
   .bg-primary-50\/50 {
     background-color: var(--color-primary-50);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2963,6 +3001,24 @@
       background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
     }
   }
+  .bg-white\/90 {
+    background-color: color-mix(in srgb, #fff 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
+  .bg-white\/92 {
+    background-color: color-mix(in srgb, #fff 92%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
+    }
+  }
+  .bg-white\/95 {
+    background-color: color-mix(in srgb, #fff 95%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
+    }
+  }
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
@@ -3242,6 +3298,9 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -3441,6 +3500,10 @@
     font-size: var(--text-5xl);
     line-height: var(--tw-leading, var(--text-5xl--line-height));
   }
+  .text-\[0\.96rem\]\/7 {
+    font-size: 0.96rem;
+    line-height: calc(var(--spacing) * 7);
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3492,6 +3555,9 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[0\.64rem\] {
+    font-size: 0.64rem;
+  }
   .text-\[0\.65rem\] {
     font-size: 0.65rem;
   }
@@ -3507,12 +3573,27 @@
   .text-\[0\.82rem\] {
     font-size: 0.82rem;
   }
+  .text-\[0\.94rem\] {
+    font-size: 0.94rem;
+  }
+  .text-\[0\.95rem\] {
+    font-size: 0.95rem;
+  }
+  .text-\[1\.9rem\] {
+    font-size: 1.9rem;
+  }
+  .text-\[2\.8rem\] {
+    font-size: 2.8rem;
+  }
   .text-\[11px\] {
     font-size: 11px;
   }
   .text-\[14px\] {
     font-size: 14px;
   }
+  .text-\[15px\] {
+    font-size: 15px;
+  }
   .text-\[16px\] {
     font-size: 16px;
   }
@@ -3662,6 +3743,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[0\.1em\] {
+    --tw-tracking: 0.1em;
+    letter-spacing: 0.1em;
+  }
   .tracking-\[0\.12em\] {
     --tw-tracking: 0.12em;
     letter-spacing: 0.12em;
@@ -5947,12 +6032,6 @@
       border-bottom-left-radius: var(--radius-sm);
     }
   }
-  .first\:border-t-0 {
-    &:first-child {
-      border-top-style: var(--tw-border-style);
-      border-top-width: 0px;
-    }
-  }
   .first\:border-l {
     &:first-child {
       border-left-style: var(--tw-border-style);
@@ -5965,11 +6044,6 @@
       border-style: none;
     }
   }
-  .first\:pt-0 {
-    &:first-child {
-      padding-top: calc(var(--spacing) * 0);
-    }
-  }
   .first\:pl-0 {
     &:first-child {
       padding-left: calc(var(--spacing) * 0);
@@ -8760,6 +8834,11 @@
       height: calc(var(--spacing) * 5);
     }
   }
+  .sm\:h-20 {
+    @media (width >= 40rem) {
+      height: calc(var(--spacing) * 20);
+    }
+  }
   .sm\:h-24 {
     @media (width >= 40rem) {
       height: calc(var(--spacing) * 24);
@@ -8780,11 +8859,31 @@
       min-height: calc(var(--spacing) * 12);
     }
   }
+  .sm\:min-h-\[17\.5rem\] {
+    @media (width >= 40rem) {
+      min-height: 17.5rem;
+    }
+  }
+  .sm\:min-h-\[20rem\] {
+    @media (width >= 40rem) {
+      min-height: 20rem;
+    }
+  }
+  .sm\:min-h-\[21rem\] {
+    @media (width >= 40rem) {
+      min-height: 21rem;
+    }
+  }
   .sm\:min-h-\[22rem\] {
     @media (width >= 40rem) {
       min-height: 22rem;
     }
   }
+  .sm\:min-h-\[24rem\] {
+    @media (width >= 40rem) {
+      min-height: 24rem;
+    }
+  }
   .sm\:min-h-\[26rem\] {
     @media (width >= 40rem) {
       min-height: 26rem;
@@ -8880,11 +8979,6 @@
       grid-template-columns: 4rem minmax(0,1fr);
     }
   }
-  .sm\:grid-cols-\[7\.5rem_minmax\(0\,1fr\)\] {
-    @media (width >= 40rem) {
-      grid-template-columns: 7.5rem minmax(0,1fr);
-    }
-  }
   .sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
     @media (width >= 40rem) {
       grid-template-columns: min(50%, calc(var(--spacing) * 80)) auto;
@@ -8940,6 +9034,11 @@
       gap: calc(var(--spacing) * 4);
     }
   }
+  .sm\:gap-6 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 6);
+    }
+  }
   .sm\:gap-8 {
     @media (width >= 40rem) {
       gap: calc(var(--spacing) * 8);
@@ -8966,6 +9065,11 @@
       }
     }
   }
+  .sm\:self-center {
+    @media (width >= 40rem) {
+      align-self: center;
+    }
+  }
   .sm\:border-x {
     @media (width >= 40rem) {
       border-inline-style: var(--tw-border-style);
@@ -8994,6 +9098,11 @@
       }
     }
   }
+  .sm\:p-5 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 5);
+    }
+  }
   .sm\:p-8 {
     @media (width >= 40rem) {
       padding: calc(var(--spacing) * 8);
@@ -9114,6 +9223,11 @@
       padding-right: calc(var(--spacing) * 16);
     }
   }
+  .sm\:pb-10 {
+    @media (width >= 40rem) {
+      padding-bottom: calc(var(--spacing) * 10);
+    }
+  }
   .sm\:pb-16 {
     @media (width >= 40rem) {
       padding-bottom: calc(var(--spacing) * 16);
@@ -9209,6 +9323,16 @@
       font-size: 0.8125rem;
     }
   }
+  .sm\:text-\[2\.25rem\] {
+    @media (width >= 40rem) {
+      font-size: 2.25rem;
+    }
+  }
+  .sm\:text-\[4rem\] {
+    @media (width >= 40rem) {
+      font-size: 4rem;
+    }
+  }
   .sm\:text-\[16px\] {
     @media (width >= 40rem) {
       font-size: 16px;
@@ -9633,24 +9757,19 @@
       width: auto;
     }
   }
-  .lg\:max-w-\[26rem\] {
-    @media (width >= 64rem) {
-      max-width: 26rem;
-    }
-  }
   .lg\:max-w-none {
     @media (width >= 64rem) {
       max-width: none;
     }
   }
-  .lg\:min-w-48 {
+  .lg\:min-w-40 {
     @media (width >= 64rem) {
-      min-width: calc(var(--spacing) * 48);
+      min-width: calc(var(--spacing) * 40);
     }
   }
-  .lg\:min-w-\[22rem\] {
+  .lg\:min-w-48 {
     @media (width >= 64rem) {
-      min-width: 22rem;
+      min-width: calc(var(--spacing) * 48);
     }
   }
   .lg\:flex-none {