@nswds/app 1.100.0 → 1.101.0

package/dist/globals.css

@@ -1284,10 +1284,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);
@@ -1525,6 +1521,9 @@
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
+  .w-11 {
+    width: calc(var(--spacing) * 11);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
@@ -2218,6 +2217,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);
@@ -2457,6 +2461,9 @@
   .border-current {
     border-color: currentcolor;
   }
+  .border-danger-200 {
+    border-color: var(--danger-200);
+  }
   .border-danger-500 {
     border-color: var(--danger-500);
   }
@@ -2475,6 +2482,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);
   }
@@ -2559,6 +2578,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);
   }
@@ -3368,12 +3390,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));
   }
@@ -3496,6 +3524,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);
@@ -3516,6 +3548,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;
@@ -3846,6 +3882,10 @@
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), 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)), inset 1px 0 0 var(--tw-shadow-color, var(--nsw-card-image-border)), inset -1px 0 0 var(--tw-shadow-color, var(--nsw-card-image-border));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5841,6 +5881,13 @@
       }
     }
   }
+  .hover\:scale-\[1\.01\] {
+    &:hover {
+      @media (hover: hover) {
+        scale: 1.01;
+      }
+    }
+  }
   .hover\:scale-\[1\.03\] {
     &:hover {
       @media (hover: hover) {
@@ -6125,6 +6172,14 @@
       }
     }
   }
+  .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) {
@@ -8807,6 +8862,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);
@@ -8836,6 +8897,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;
@@ -9468,11 +9540,6 @@
       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\.5fr\)_minmax\(18rem\,0\.72fr\)\] {
     @media (width >= 80rem) {
       grid-template-columns: minmax(0,1.5fr) minmax(18rem,0.72fr);
@@ -9528,6 +9595,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);
@@ -9565,6 +9639,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);
@@ -9596,11 +9678,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);
@@ -9631,6 +9734,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;
@@ -9733,6 +9844,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);
@@ -9769,6 +9888,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);
@@ -9810,6 +9934,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);
@@ -9844,6 +9976,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);
@@ -9878,6 +10015,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);