@nswds/app 1.107.2 → 1.108.0

package/dist/styles.css

@@ -102,7 +102,9 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
     --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
     --tracking-wide: 0.025em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
@@ -141,6 +143,8 @@
     --color-primary-850: var(--nsw-blue-800);
     --color-primary-900: var(--nsw-blue-900);
     --color-primary-950: var(--nsw-blue-950);
+    --color-accent-50: var(--nsw-red-50);
+    --color-accent-200: var(--nsw-red-200);
     --color-accent-400: var(--nsw-red-400);
     --color-accent-500: var(--nsw-red-500);
     --color-accent-600: var(--nsw-red-600);
@@ -1107,6 +1111,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .mr-1 {
+    margin-right: calc(var(--spacing) * 1);
+  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -1305,6 +1312,10 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
   .size-11 {
     width: calc(var(--spacing) * 11);
     height: calc(var(--spacing) * 11);
@@ -1313,6 +1324,14 @@
     width: calc(var(--spacing) * 12);
     height: calc(var(--spacing) * 12);
   }
+  .size-\[1\.9rem\] {
+    width: 1.9rem;
+    height: 1.9rem;
+  }
+  .size-\[1\.35rem\] {
+    width: 1.35rem;
+    height: 1.35rem;
+  }
   .size-\[max\(100\%\,2\.75rem\)\] {
     width: max(100%, 2.75rem);
     height: max(100%, 2.75rem);
@@ -1418,6 +1437,9 @@
   .h-\[3px\] {
     height: 3px;
   }
+  .h-\[20\.5rem\] {
+    height: 20.5rem;
+  }
   .h-\[32rem\] {
     height: 32rem;
   }
@@ -1517,6 +1539,12 @@
   .min-h-\[22rem\] {
     min-height: 22rem;
   }
+  .min-h-\[25rem\] {
+    min-height: 25rem;
+  }
+  .min-h-\[46rem\] {
+    min-height: 46rem;
+  }
   .min-h-dvh {
     min-height: 100dvh;
   }
@@ -1628,6 +1656,9 @@
   .w-100 {
     width: calc(var(--spacing) * 100);
   }
+  .w-\[10rem\] {
+    width: 10rem;
+  }
   .w-\[30rem\] {
     width: 30rem;
   }
@@ -1706,6 +1737,12 @@
   .max-w-60 {
     max-width: calc(var(--spacing) * 60);
   }
+  .max-w-\[15rem\] {
+    max-width: 15rem;
+  }
+  .max-w-\[38rem\] {
+    max-width: 38rem;
+  }
   .max-w-\[42rem\] {
     max-width: 42rem;
   }
@@ -1902,6 +1939,18 @@
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .scale-105 {
+    --tw-scale-x: 105%;
+    --tw-scale-y: 105%;
+    --tw-scale-z: 105%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .scale-110 {
+    --tw-scale-x: 110%;
+    --tw-scale-y: 110%;
+    --tw-scale-z: 110%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .-scale-x-100 {
     --tw-scale-x: calc(100% * -1);
     scale: var(--tw-scale-x) var(--tw-scale-y);
@@ -1993,6 +2042,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;
   }
@@ -2107,6 +2159,9 @@
   .gap-\[calc\(--spacing\(2\)\)\] {
     gap: calc(calc(var(--spacing) * 2));
   }
+  .gap-px {
+    gap: 1px;
+  }
   .space-y-0 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -2335,6 +2390,12 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\[0\.4rem\] {
+    border-radius: 0.4rem;
+  }
+  .rounded-\[0\.25rem\] {
+    border-radius: 0.25rem;
+  }
   .rounded-\[1px\] {
     border-radius: 1px;
   }
@@ -2494,6 +2555,9 @@
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
+  .border-accent-200 {
+    border-color: var(--color-accent-200);
+  }
   .border-accent-600 {
     border-color: var(--color-accent-600);
   }
@@ -2524,6 +2588,12 @@
   .border-danger-500 {
     border-color: var(--danger-500);
   }
+  .border-danger-600\/25 {
+    border-color: var(--danger-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--danger-600) 25%, transparent);
+    }
+  }
   .border-gray-100 {
     border-color: var(--color-gray-100);
   }
@@ -2644,9 +2714,27 @@
   .border-success-450 {
     border-color: var(--success-450);
   }
+  .border-success-600\/25 {
+    border-color: var(--success-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--success-600) 25%, transparent);
+    }
+  }
+  .border-success-600\/35 {
+    border-color: var(--success-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--success-600) 35%, transparent);
+    }
+  }
   .border-transparent {
     border-color: transparent;
   }
+  .border-warning-600\/25 {
+    border-color: var(--warning-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--warning-600) 25%, transparent);
+    }
+  }
   .border-white\/30 {
     border-color: color-mix(in srgb, #fff 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2692,9 +2780,15 @@
   .bg-\(--nsw-card-bg\) {
     background-color: var(--nsw-card-bg);
   }
+  .bg-\[\#f3f8ff\] {
+    background-color: #f3f8ff;
+  }
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent-50 {
+    background-color: var(--color-accent-50);
+  }
   .bg-accent-800 {
     background-color: var(--color-accent-800);
   }
@@ -2749,6 +2843,12 @@
   .bg-danger-500 {
     background-color: var(--danger-500);
   }
+  .bg-danger-600\/10 {
+    background-color: var(--danger-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--danger-600) 10%, transparent);
+    }
+  }
   .bg-danger-700 {
     background-color: var(--danger-700);
   }
@@ -2944,6 +3044,12 @@
   .bg-success-500 {
     background-color: var(--success-500);
   }
+  .bg-success-600\/10 {
+    background-color: var(--success-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--success-600) 10%, transparent);
+    }
+  }
   .bg-success-700 {
     background-color: var(--success-700);
   }
@@ -2959,6 +3065,12 @@
   .bg-warning-500 {
     background-color: var(--warning-500);
   }
+  .bg-warning-600\/10 {
+    background-color: var(--warning-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--warning-600) 10%, transparent);
+    }
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -3322,6 +3434,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
@@ -3373,6 +3488,9 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
@@ -3501,6 +3619,10 @@
     font-size: var(--text-sm);
     line-height: calc(var(--spacing) * 6);
   }
+  .text-sm\/7 {
+    font-size: var(--text-sm);
+    line-height: calc(var(--spacing) * 7);
+  }
   .text-xl {
     font-size: var(--text-xl);
     line-height: var(--tw-leading, var(--text-xl--line-height));
@@ -3513,15 +3635,27 @@
     font-size: var(--text-xs);
     line-height: calc(var(--spacing) * 5);
   }
+  .text-\[0\.6rem\] {
+    font-size: 0.6rem;
+  }
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[0\.58rem\] {
+    font-size: 0.58rem;
+  }
+  .text-\[0\.62rem\] {
+    font-size: 0.62rem;
+  }
   .text-\[0\.64rem\] {
     font-size: 0.64rem;
   }
   .text-\[0\.65rem\] {
     font-size: 0.65rem;
   }
+  .text-\[0\.66rem\] {
+    font-size: 0.66rem;
+  }
   .text-\[0\.68rem\] {
     font-size: 0.68rem;
   }
@@ -3543,9 +3677,18 @@
   .text-\[1\.9rem\] {
     font-size: 1.9rem;
   }
+  .text-\[2\.5rem\] {
+    font-size: 2.5rem;
+  }
+  .text-\[2\.6rem\] {
+    font-size: 2.6rem;
+  }
   .text-\[2\.8rem\] {
     font-size: 2.8rem;
   }
+  .text-\[2rem\] {
+    font-size: 2rem;
+  }
   .text-\[11px\] {
     font-size: 11px;
   }
@@ -3692,6 +3835,10 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-extrabold {
+    --tw-font-weight: var(--font-weight-extrabold);
+    font-weight: var(--font-weight-extrabold);
+  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -3704,10 +3851,30 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[-0\.06em\] {
+    --tw-tracking: -0.06em;
+    letter-spacing: -0.06em;
+  }
   .tracking-\[0\.1em\] {
     --tw-tracking: 0.1em;
     letter-spacing: 0.1em;
   }
+  .tracking-\[0\.04em\] {
+    --tw-tracking: 0.04em;
+    letter-spacing: 0.04em;
+  }
+  .tracking-\[0\.06em\] {
+    --tw-tracking: 0.06em;
+    letter-spacing: 0.06em;
+  }
+  .tracking-\[0\.08em\] {
+    --tw-tracking: 0.08em;
+    letter-spacing: 0.08em;
+  }
+  .tracking-\[0\.10em\] {
+    --tw-tracking: 0.10em;
+    letter-spacing: 0.10em;
+  }
   .tracking-\[0\.12em\] {
     --tw-tracking: 0.12em;
     letter-spacing: 0.12em;
@@ -3720,6 +3887,10 @@
     --tw-tracking: 0.16em;
     letter-spacing: 0.16em;
   }
+  .tracking-\[0\.18em\] {
+    --tw-tracking: 0.18em;
+    letter-spacing: 0.18em;
+  }
   .tracking-\[0\.22em\] {
     --tw-tracking: 0.22em;
     letter-spacing: 0.22em;
@@ -3744,6 +3915,10 @@
     --tw-tracking: var(--letter-spacing-0);
     letter-spacing: var(--letter-spacing-0);
   }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -3792,6 +3967,9 @@
   .text-\[\#888f92\] {
     color: #888f92;
   }
+  .text-accent-900 {
+    color: var(--color-accent-900);
+  }
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
@@ -3870,6 +4048,12 @@
   .text-grey-600 {
     color: var(--color-grey-600);
   }
+  .text-grey-600\/50 {
+    color: var(--color-grey-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-grey-600) 50%, transparent);
+    }
+  }
   .text-grey-700 {
     color: var(--color-grey-700);
   }
@@ -3969,6 +4153,9 @@
   .text-warning-600 {
     color: var(--warning-600);
   }
+  .text-warning-800 {
+    color: var(--warning-800);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -3987,6 +4174,9 @@
   .lowercase {
     text-transform: lowercase;
   }
+  .normal-case {
+    text-transform: none;
+  }
   .uppercase {
     text-transform: uppercase;
   }
@@ -4921,6 +5111,9 @@
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
+  .\[scrollbar-width\:thin\] {
+    scrollbar-width: thin;
+  }
   .duration-0 {
     animation-duration: 0s;
   }
@@ -6229,6 +6422,13 @@
       }
     }
   }
+  .hover\:border-primary-600 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-600);
+      }
+    }
+  }
   .hover\:border-primary-800 {
     &:hover {
       @media (hover: hover) {
@@ -6236,6 +6436,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f6f6f6\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f6f6f6;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -6281,6 +6488,13 @@
       }
     }
   }
+  .hover\:bg-grey-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-grey-200);
+      }
+    }
+  }
   .hover\:bg-grey-300 {
     &:hover {
       @media (hover: hover) {
@@ -6342,6 +6556,13 @@
       }
     }
   }
+  .hover\:bg-white {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-white);
+      }
+    }
+  }
   .hover\:font-bold {
     &:hover {
       @media (hover: hover) {
@@ -6896,6 +7117,16 @@
       outline-width: 2px;
     }
   }
+  .focus-visible\:outline-offset-2 {
+    &:focus-visible {
+      outline-offset: 2px;
+    }
+  }
+  .focus-visible\:outline-primary-600 {
+    &:focus-visible {
+      outline-color: var(--color-primary-600);
+    }
+  }
   .focus-visible\:outline-ring {
     &:focus-visible {
       outline-color: var(--ring);
@@ -9041,6 +9272,11 @@
       min-height: 26rem;
     }
   }
+  .sm\:min-h-\[27rem\] {
+    @media (width >= 40rem) {
+      min-height: 27rem;
+    }
+  }
   .sm\:w-8 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 8);
@@ -9375,6 +9611,11 @@
       padding-right: calc(var(--spacing) * 16);
     }
   }
+  .sm\:pb-8 {
+    @media (width >= 40rem) {
+      padding-bottom: calc(var(--spacing) * 8);
+    }
+  }
   .sm\:pb-10 {
     @media (width >= 40rem) {
       padding-bottom: calc(var(--spacing) * 10);
@@ -9435,6 +9676,12 @@
       line-height: calc(var(--spacing) * 7);
     }
   }
+  .sm\:text-lg {
+    @media (width >= 40rem) {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+  }
   .sm\:text-sm {
     @media (width >= 40rem) {
       font-size: var(--text-sm);
@@ -9480,6 +9727,16 @@
       font-size: 2.25rem;
     }
   }
+  .sm\:text-\[2\.75rem\] {
+    @media (width >= 40rem) {
+      font-size: 2.75rem;
+    }
+  }
+  .sm\:text-\[3\.25rem\] {
+    @media (width >= 40rem) {
+      font-size: 3.25rem;
+    }
+  }
   .sm\:text-\[4rem\] {
     @media (width >= 40rem) {
       font-size: 4rem;
@@ -9490,6 +9747,12 @@
       font-size: 16px;
     }
   }
+  .sm\:leading-8 {
+    @media (width >= 40rem) {
+      --tw-leading: calc(var(--spacing) * 8);
+      line-height: calc(var(--spacing) * 8);
+    }
+  }
   .sm\:leading-none {
     @media (width >= 40rem) {
       --tw-leading: 1;
@@ -9974,6 +10237,11 @@
       grid-template-columns: 20rem 1fr;
     }
   }
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
+    @media (width >= 64rem) {
+      grid-template-columns: minmax(0, 1fr) 18rem;
+    }
+  }
   .lg\:flex-row {
     @media (width >= 64rem) {
       flex-direction: row;
@@ -9989,6 +10257,11 @@
       align-items: center;
     }
   }
+  .lg\:items-end {
+    @media (width >= 64rem) {
+      align-items: flex-end;
+    }
+  }
   .lg\:items-start {
     @media (width >= 64rem) {
       align-items: flex-start;
@@ -10204,6 +10477,11 @@
       flex: none;
     }
   }
+  .xl\:grid-cols-1 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
   .xl\:grid-cols-3 {
     @media (width >= 80rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -10214,6 +10492,16 @@
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-\[20rem_minmax\(0\,1fr\)\] {
+    @media (width >= 80rem) {
+      grid-template-columns: 20rem minmax(0, 1fr);
+    }
+  }
+  .xl\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
+    @media (width >= 80rem) {
+      grid-template-columns: 260px minmax(0, 1fr);
+    }
+  }
   .xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(18rem\,0\.72fr\)\] {
     @media (width >= 80rem) {
       grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.72fr);
@@ -10224,6 +10512,26 @@
       grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
     }
   }
+  .xl\:flex-row {
+    @media (width >= 80rem) {
+      flex-direction: row;
+    }
+  }
+  .xl\:items-start {
+    @media (width >= 80rem) {
+      align-items: flex-start;
+    }
+  }
+  .xl\:justify-between {
+    @media (width >= 80rem) {
+      justify-content: space-between;
+    }
+  }
+  .xl\:gap-x-6 {
+    @media (width >= 80rem) {
+      column-gap: calc(var(--spacing) * 6);
+    }
+  }
   .xl\:self-start {
     @media (width >= 80rem) {
       align-self: flex-start;
@@ -10234,6 +10542,12 @@
       overflow-y: auto;
     }
   }
+  .xl\:border-b-0 {
+    @media (width >= 80rem) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
   .xl\:px-12 {
     @media (width >= 80rem) {
       padding-inline: calc(var(--spacing) * 12);