@nswds/app 1.99.0 → 1.101.0

package/dist/styles.css

@@ -1305,10 +1305,6 @@
     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);
@@ -1378,6 +1374,9 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
@@ -1540,6 +1539,9 @@
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
+  .w-11 {
+    width: calc(var(--spacing) * 11);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
@@ -1935,12 +1937,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;
   }
@@ -2094,6 +2096,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;
@@ -2201,6 +2210,11 @@
       border-color: var(--color-gray-100);
     }
   }
+  .divide-grey-100 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-grey-100);
+    }
+  }
   .divide-grey-200 {
     :where(& > :not(:last-child)) {
       border-color: var(--color-grey-200);
@@ -2435,6 +2449,9 @@
   .border-current {
     border-color: currentcolor;
   }
+  .border-danger-200 {
+    border-color: var(--danger-200);
+  }
   .border-danger-500 {
     border-color: var(--danger-500);
   }
@@ -2453,6 +2470,18 @@
   .border-grey-300 {
     border-color: var(--color-grey-300);
   }
+  .border-grey-300\/70 {
+    border-color: var(--color-grey-300);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-grey-300) 70%, transparent);
+    }
+  }
+  .border-grey-300\/80 {
+    border-color: var(--color-grey-300);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-grey-300) 80%, transparent);
+    }
+  }
   .border-grey-400 {
     border-color: var(--color-grey-400);
   }
@@ -2528,6 +2557,9 @@
   .border-slate-200 {
     border-color: var(--color-slate-200);
   }
+  .border-success-200 {
+    border-color: var(--success-200);
+  }
   .border-success-450 {
     border-color: var(--success-450);
   }
@@ -3319,12 +3351,18 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[0\.65rem\] {
+    font-size: 0.65rem;
+  }
   .text-\[0\.72rem\] {
     font-size: 0.72rem;
   }
   .text-\[14px\] {
     font-size: 14px;
   }
+  .text-\[16px\] {
+    font-size: 16px;
+  }
   .text-\[calc\(var\(--display-font-size-1\)_\*_var\(--heading-font-size-adjust\)\)\] {
     font-size: calc(var(--display-font-size-1) * var(--heading-font-size-adjust));
   }
@@ -3447,6 +3485,10 @@
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
   }
+  .font-\[700\] {
+    --tw-font-weight: 700;
+    font-weight: 700;
+  }
   .font-\[var\(--heading-font-family\)\] {
     --tw-font-weight: var(--heading-font-family);
     font-weight: var(--heading-font-family);
@@ -3467,6 +3509,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[0\.14em\] {
+    --tw-tracking: 0.14em;
+    letter-spacing: 0.14em;
+  }
   .tracking-\[0\.16em\] {
     --tw-tracking: 0.16em;
     letter-spacing: 0.16em;
@@ -3806,6 +3852,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.28\)\] {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.28));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .shadow-\[inset_0_1px_0_var\(--nsw-card-image-border\)\,inset_1px_0_0_var\(--nsw-card-image-border\)\,inset_-1px_0_0_var\(--nsw-card-image-border\)\] {
     --tw-shadow:
       inset 0 1px 0 var(--tw-shadow-color, var(--nsw-card-image-border)),
@@ -5889,6 +5944,13 @@
       }
     }
   }
+  .hover\:scale-\[1\.01\] {
+    &:hover {
+      @media (hover: hover) {
+        scale: 1.01;
+      }
+    }
+  }
   .hover\:scale-\[1\.03\] {
     &:hover {
       @media (hover: hover) {
@@ -6178,6 +6240,19 @@
       }
     }
   }
+  .hover\:shadow-sm {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow:
+          var(--tw-inset-shadow),
+          var(--tw-inset-ring-shadow),
+          var(--tw-ring-offset-shadow),
+          var(--tw-ring-shadow),
+          var(--tw-shadow);
+      }
+    }
+  }
   .hover\:ring-4 {
     &:hover {
       @media (hover: hover) {
@@ -8706,9 +8781,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\] {
@@ -8942,6 +9017,12 @@
       line-height: var(--tw-leading, var(--text-6xl--line-height));
     }
   }
+  .sm\:text-base {
+    @media (width >= 40rem) {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+  }
   .sm\:text-base\/7 {
     @media (width >= 40rem) {
       font-size: var(--text-base);
@@ -8971,6 +9052,17 @@
       font-size: 0.8125rem;
     }
   }
+  .sm\:text-\[16px\] {
+    @media (width >= 40rem) {
+      font-size: 16px;
+    }
+  }
+  .sm\:font-\[700\] {
+    @media (width >= 40rem) {
+      --tw-font-weight: 700;
+      font-weight: 700;
+    }
+  }
   .sm\:duration-300 {
     @media (width >= 40rem) {
       --tw-duration: 300ms;
@@ -9398,11 +9490,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));
@@ -9623,24 +9710,9 @@
       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\)\] {
+  .xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(18rem\,0\.72fr\)\] {
     @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));
+      grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.72fr);
     }
   }
   .xl\:overflow-y-auto {
@@ -9693,6 +9765,13 @@
       }
     }
   }
+  .dark\:divide-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-grey-800);
+      }
+    }
+  }
   .dark\:border-b {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-bottom-style: var(--tw-border-style);
@@ -9730,6 +9809,14 @@
       border-color: var(--danger-700);
     }
   }
+  .dark\:border-danger-900\/60 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--danger-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--danger-900) 60%, transparent);
+      }
+    }
+  }
   .dark\:border-gray-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-gray-600);
@@ -9761,11 +9848,32 @@
       border-color: var(--color-grey-400);
     }
   }
+  .dark\:border-grey-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-grey-500);
+    }
+  }
   .dark\:border-grey-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-grey-600);
     }
   }
+  .dark\:border-grey-600\/70 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-grey-600);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-grey-600) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-grey-600\/80 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-grey-600);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-grey-600) 80%, transparent);
+      }
+    }
+  }
   .dark\:border-grey-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-grey-700);
@@ -9796,6 +9904,14 @@
       border-color: var(--color-slate-800);
     }
   }
+  .dark\:border-success-900\/60 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--success-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--success-900) 60%, transparent);
+      }
+    }
+  }
   .dark\:border-transparent {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: transparent;
@@ -9898,6 +10014,14 @@
       }
     }
   }
+  .dark\:bg-danger-950\/20 {
+    &: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) 20%, transparent);
+      }
+    }
+  }
   .dark\:bg-danger-950\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--danger-950);
@@ -9934,6 +10058,11 @@
       background-color: var(--color-gray-950);
     }
   }
+  .dark\:bg-grey-100 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-grey-100);
+    }
+  }
   .dark\:bg-grey-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-grey-500);
@@ -9975,6 +10104,14 @@
       background-color: var(--color-grey-900);
     }
   }
+  .dark\:bg-grey-900\/40 {
+    &: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) 40%, transparent);
+      }
+    }
+  }
   .dark\:bg-grey-900\/60 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-grey-900);
@@ -10009,6 +10146,11 @@
       }
     }
   }
+  .dark\:bg-primary-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-primary-700);
+    }
+  }
   .dark\:bg-primary-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-primary-950);
@@ -10043,6 +10185,14 @@
       }
     }
   }
+  .dark\:bg-success-950\/20 {
+    &: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) 20%, transparent);
+      }
+    }
+  }
   .dark\:bg-success-950\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--success-950);