@nswds/app 1.94.0 → 1.95.0

package/dist/globals.css

@@ -9488,11 +9488,6 @@
       border-color: var(--color-gray-800);
     }
   }
-  .dark\:border-grey-50 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-grey-50);
-    }
-  }
   .dark\:border-grey-200\/15 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-grey-200);
@@ -9979,6 +9974,11 @@
       color: var(--color-grey-200);
     }
   }
+  .dark\:text-grey-300 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-grey-300);
+    }
+  }
   .dark\:text-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-grey-400);
@@ -10132,16 +10132,39 @@
       --tw-prose-td-borders: var(--tw-prose-invert-td-borders) !important;
     }
   }
+  .dark\:\[--badge-bg\:var\(--color-accent-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-bg: var(--color-accent-500);
+    }
+  }
   .dark\:\[--badge-bg\:var\(--color-grey-600\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-bg: var(--color-grey-600);
     }
   }
+  .dark\:\[--badge-bg\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-bg: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--badge-bg\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-bg: var(--color-primary-500);
+    }
+  }
   .dark\:\[--badge-bg\:var\(--color-white\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-bg: var(--color-white);
     }
   }
+  .dark\:\[--badge-border\:var\(--color-accent-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-border: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-border: color-mix(in oklab, var(--color-accent-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-border\:var\(--color-grey-600\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-border: var(--color-grey-600);
@@ -10150,6 +10173,22 @@
       }
     }
   }
+  .dark\:\[--badge-border\:var\(--color-primary-400\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-border: var(--color-primary-400);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-border: color-mix(in oklab, var(--color-primary-400) 90%, transparent);
+      }
+    }
+  }
+  .dark\:\[--badge-border\:var\(--color-primary-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-border: var(--color-primary-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-border: color-mix(in oklab, var(--color-primary-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-border\:var\(--color-white\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-border: color-mix(in srgb, #fff 90%, transparent);
@@ -10158,6 +10197,14 @@
       }
     }
   }
+  .dark\:\[--badge-hover-overlay\:var\(--color-accent-500\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-hover-overlay: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-hover-overlay: color-mix(in oklab, var(--color-accent-500) 30%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-hover-overlay\:var\(--color-grey-200\)\]\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-hover-overlay: var(--color-grey-200);
@@ -10166,6 +10213,22 @@
       }
     }
   }
+  .dark\:\[--badge-hover-overlay\:var\(--color-primary-400\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-hover-overlay: var(--color-primary-400);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-hover-overlay: color-mix(in oklab, var(--color-primary-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:\[--badge-hover-overlay\:var\(--color-primary-500\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-hover-overlay: var(--color-primary-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --badge-hover-overlay: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
+      }
+    }
+  }
   .dark\:\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --badge-hover-overlay: var(--color-primary-800);
@@ -10184,16 +10247,44 @@
       --badge-text: var(--color-white);
     }
   }
+  .dark\:\[--badge-text\:white\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --badge-text: white;
+    }
+  }
+  .dark\:\[--btn-bg\:var\(--color-accent-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-bg: var(--color-accent-500);
+    }
+  }
   .dark\:\[--btn-bg\:var\(--color-grey-600\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-bg: var(--color-grey-600);
     }
   }
+  .dark\:\[--btn-bg\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-bg: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--btn-bg\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-bg: var(--color-primary-500);
+    }
+  }
   .dark\:\[--btn-bg\:var\(--color-white\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-bg: var(--color-white);
     }
   }
+  .dark\:\[--btn-border\:var\(--color-accent-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-border: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-border: color-mix(in oklab, var(--color-accent-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--btn-border\:var\(--color-grey-600\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-border: var(--color-grey-600);
@@ -10202,6 +10293,22 @@
       }
     }
   }
+  .dark\:\[--btn-border\:var\(--color-primary-400\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-border: var(--color-primary-400);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-border: color-mix(in oklab, var(--color-primary-400) 90%, transparent);
+      }
+    }
+  }
+  .dark\:\[--btn-border\:var\(--color-primary-500\)\]\/90 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-border: var(--color-primary-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-border: color-mix(in oklab, var(--color-primary-500) 90%, transparent);
+      }
+    }
+  }
   .dark\:\[--btn-border\:var\(--color-white\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-border: color-mix(in srgb, #fff 90%, transparent);
@@ -10210,6 +10317,14 @@
       }
     }
   }
+  .dark\:\[--btn-hover-overlay\:var\(--color-accent-500\)\]\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-hover-overlay: var(--color-accent-500);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-hover-overlay: color-mix(in oklab, var(--color-accent-500) 30%, transparent);
+      }
+    }
+  }
   .dark\:\[--btn-hover-overlay\:var\(--color-grey-600\)\]\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --btn-hover-overlay: var(--color-grey-600);
@@ -10218,19 +10333,27 @@
       }
     }
   }
-  .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
+  .dark\:\[--btn-hover-overlay\:var\(--color-primary-400\)\]\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --btn-hover-overlay: var(--color-primary-800);
+      --btn-hover-overlay: var(--color-primary-400);
       @supports (color: color-mix(in lab, red, red)) {
-        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
+        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-400) 30%, transparent);
       }
     }
   }
-  .dark\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
+  .dark\:\[--btn-hover-overlay\:var\(--color-primary-500\)\]\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
+      --btn-hover-overlay: var(--color-primary-500);
       @supports (color: color-mix(in lab, red, red)) {
-        --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
+        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
+      }
+    }
+  }
+  .dark\:\[--btn-hover-overlay\:var\(--color-primary-800\)\]\/50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --btn-hover-overlay: var(--color-primary-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-hover-overlay: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
       }
     }
   }
@@ -10272,6 +10395,91 @@
       --focus-outline: var(--color-white);
     }
   }
+  .dark\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-grey-850);
+    }
+  }
+  .dark\:\[--nsw-card-bg\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--nsw-card-bg\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-primary-500);
+    }
+  }
+  .dark\:\[--nsw-card-bg\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-bg: var(--color-primary-600);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-primary-500);
+    }
+  }
+  .dark\:\[--nsw-card-border\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-border: var(--color-primary-600);
+    }
+  }
+  .dark\:\[--nsw-card-image-border\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-image-border: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-text: var(--color-grey-100);
+    }
+  }
+  .dark\:\[--nsw-card-text\:white\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-text: white;
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-400\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-primary-400);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-500\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-primary-500);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-base\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-base: var(--color-primary-600);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-hover\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-hover: var(--color-grey-700);
+    }
+  }
+  .dark\:\[--nsw-card-top-border-hover\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --nsw-card-top-border-hover: var(--color-primary-600);
+    }
+  }
   .dark\:\[--switch-bg-ring\:transparent\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --switch-bg-ring: transparent;
@@ -10409,6 +10617,24 @@
       }
     }
   }
+  .dark\:group-hover\:group-data-\[color\=primary\]\:text-grey-100 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:is(:where(.group):hover *) {
+        @media (hover: hover) {
+          &:is(:where(.group)[data-color="primary"] *) {
+            color: var(--color-grey-100);
+          }
+        }
+      }
+    }
+  }
+  .dark\:group-data-\[color\=secondary\]\:text-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:is(:where(.group)[data-color="secondary"] *) {
+        color: var(--color-white);
+      }
+    }
+  }
   .dark\:group-data-\[disabled\=true\]\:text-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group)[data-disabled="true"] *) {
@@ -10423,6 +10649,13 @@
       }
     }
   }
+  .dark\:placeholder\:text-grey-300 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &::placeholder {
+        color: var(--color-grey-300);
+      }
+    }
+  }
   .dark\:before\:hidden {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &::before {
@@ -10661,6 +10894,60 @@
       }
     }
   }
+  .dark\:hover\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-bg: var(--color-grey-850);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-bg\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-bg: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-border\:var\(--color-grey-700\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-border: var(--color-grey-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-border\:var\(--color-primary-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-border: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-text\:var\(--color-grey-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-text: var(--color-grey-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:\[--nsw-card-text\:white\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          --nsw-card-text: white;
+        }
+      }
+    }
+  }
   .dark\:hover\:\[--toggle-border\:white\]\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -11157,6 +11444,16 @@
       }
     }
   }
+  .dark\:data-\[variant\=solid\]\:\[--badge-hover-overlay\:var\(--color-white\)\]\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-variant="solid"] {
+        --badge-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --badge-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/5 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant="solid"] {
@@ -11167,6 +11464,16 @@
       }
     }
   }
+  .dark\:data-\[variant\=solid\]\:\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-variant="solid"] {
+        --btn-hover-overlay: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .dark\:data-\[variant\=surface\]\:border-\[--badge-hover-overlay\:var\(--color-primary-700\)\]\/60 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant="surface"] {
@@ -13180,7 +13487,10 @@
     display: none;
   }
   button:not(:disabled),
-  [role='button']:not(:disabled) {
+  [role='button']:not(:disabled),
+  input[type='button']:not(:disabled),
+  input[type='submit']:not(:disabled),
+  input[type='reset']:not(:disabled) {
     cursor: pointer;
   }
 }