@nswds/app 1.66.4 → 1.67.0

package/dist/styles.css

@@ -44,8 +44,6 @@
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-blue-950: oklch(28.2% 0.091 267.935);
-    --color-indigo-500: oklch(58.5% 0.233 277.117);
-    --color-indigo-600: oklch(51.1% 0.262 276.966);
     --color-violet-500: oklch(60.6% 0.25 292.717);
     --color-purple-50: oklch(97.7% 0.014 308.299);
     --color-purple-100: oklch(94.6% 0.033 307.174);
@@ -601,12 +599,6 @@
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
-  .-mx-2 {
-    margin-inline: calc(var(--spacing) * -2);
-  }
-  .-mx-6 {
-    margin-inline: calc(var(--spacing) * -6);
-  }
   .mx-1 {
     margin-inline: calc(var(--spacing) * 1);
   }
@@ -1448,6 +1440,9 @@
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -2072,9 +2067,6 @@
   .gap-x-2\.5 {
     column-gap: calc(var(--spacing) * 2.5);
   }
-  .gap-x-3 {
-    column-gap: calc(var(--spacing) * 3);
-  }
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
@@ -2138,9 +2130,6 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
-  .gap-y-7 {
-    row-gap: calc(var(--spacing) * 7);
-  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -2343,12 +2332,18 @@
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
+  .border-\(--nsw-card-border\) {
+    border-color: var(--nsw-card-border);
+  }
   .border-\(--toggle-border\) {
     border-color: var(--toggle-border);
   }
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
+  .border-accent-600 {
+    border-color: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
+  }
   .border-blue-200 {
     border-color: var(--color-blue-200);
   }
@@ -2400,9 +2395,6 @@
   .border-grey-950\/10 {
     border-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
   }
-  .border-indigo-500 {
-    border-color: var(--color-indigo-500);
-  }
   .border-inherit {
     border-color: inherit;
   }
@@ -2481,6 +2473,9 @@
   .bg-\(--color-bg\) {
     background-color: var(--color-bg);
   }
+  .bg-\(--nsw-card-bg\) {
+    background-color: var(--nsw-card-bg);
+  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -2556,9 +2551,6 @@
   .bg-fuchsia-500 {
     background-color: var(--color-fuchsia-500);
   }
-  .bg-gray-50 {
-    background-color: var(--color-gray-50);
-  }
   .bg-gray-400 {
     background-color: var(--color-gray-400);
   }
@@ -3141,9 +3133,6 @@
   .pl-8 {
     padding-left: calc(var(--spacing) * 8);
   }
-  .pl-9 {
-    padding-left: calc(var(--spacing) * 9);
-  }
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
@@ -3430,6 +3419,9 @@
   .text-\(--btn-text\) {
     color: var(--btn-text);
   }
+  .text-\(--nsw-card-text\) {
+    color: var(--nsw-card-text);
+  }
   .text-\[\#888f92\] {
     color: #888f92;
   }
@@ -3517,9 +3509,6 @@
   .text-grey-950 {
     color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
   }
-  .text-indigo-600 {
-    color: var(--color-indigo-600);
-  }
   .text-lime-500 {
     color: var(--color-lime-500);
   }
@@ -3544,9 +3533,6 @@
   .text-primary-500 {
     color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
   }
-  .text-primary-600 {
-    color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
-  }
   .text-primary-700 {
     color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
   }
@@ -3826,18 +3812,9 @@
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
   }
-  .-outline-offset-1 {
-    outline-offset: calc(1px * -1);
-  }
   .outline-offset-2 {
     outline-offset: 2px;
   }
-  .outline-black\/5 {
-    outline-color: color-mix(in srgb, #000 5%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      outline-color: color-mix(in oklab, var(--color-black) 5%, transparent);
-    }
-  }
   .outline-primary-500 {
     outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
   }
@@ -4286,6 +4263,42 @@
   .\[--leading-trim-start\:var\(--heading-leading-trim-start\)\] {
     --leading-trim-start: var(--heading-leading-trim-start);
   }
+  .\[--nsw-card-bg\:var\(--color-primary-200\)\] {
+    --nsw-card-bg: var(--color-primary-200);
+  }
+  .\[--nsw-card-bg\:var\(--color-primary-600\)\] {
+    --nsw-card-bg: var(--color-primary-600);
+  }
+  .\[--nsw-card-bg\:var\(--color-primary-800\)\] {
+    --nsw-card-bg: var(--color-primary-800);
+  }
+  .\[--nsw-card-bg\:white\] {
+    --nsw-card-bg: white;
+  }
+  .\[--nsw-card-border\:var\(--color-grey-200\)\] {
+    --nsw-card-border: var(--color-grey-200);
+  }
+  .\[--nsw-card-border\:var\(--color-primary-200\)\] {
+    --nsw-card-border: var(--color-primary-200);
+  }
+  .\[--nsw-card-border\:var\(--color-primary-600\)\] {
+    --nsw-card-border: var(--color-primary-600);
+  }
+  .\[--nsw-card-border\:var\(--color-primary-800\)\] {
+    --nsw-card-border: var(--color-primary-800);
+  }
+  .\[--nsw-card-text\:grey-800\] {
+    --nsw-card-text: grey-800;
+  }
+  .\[--nsw-card-text\:var\(--color-primary-600\)\] {
+    --nsw-card-text: var(--color-primary-600);
+  }
+  .\[--nsw-card-text\:var\(--color-primary-800\)\] {
+    --nsw-card-text: var(--color-primary-800);
+  }
+  .\[--nsw-card-text\:white\] {
+    --nsw-card-text: white;
+  }
   .\[--switch-bg-ring\:var\(--color-accent-700\)\]\/90 {
     --switch-bg-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4730,16 +4743,6 @@
       }
     }
   }
-  .group-data-open\:rotate-90 {
-    &:is(:where(.group)[data-open] *) {
-      rotate: 90deg;
-    }
-  }
-  .group-data-open\:text-gray-500 {
-    &:is(:where(.group)[data-open] *) {
-      color: var(--color-gray-500);
-    }
-  }
   .group-data-selected\/option\:inline {
     &:is(:where(.group\/option)[data-selected] *) {
       display: inline;
@@ -4817,6 +4820,39 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .group-data-\[color\=primary\]\:text-white {
+    &:is(:where(.group)[data-color=primary] *) {
+      color: var(--color-white);
+    }
+  }
+  .group-hover\:group-data-\[color\=primary\]\:text-grey-800 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        &:is(:where(.group)[data-color=primary] *) {
+          color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+        }
+      }
+    }
+  }
+  .group-data-\[color\=secondary\]\:text-primary-800 {
+    &:is(:where(.group)[data-color=secondary] *) {
+      color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+    }
+  }
+  .group-hover\:group-data-\[color\=secondary\]\:text-white {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        &:is(:where(.group)[data-color=secondary] *) {
+          color: var(--color-white);
+        }
+      }
+    }
+  }
+  .group-data-\[color\=tertiary\]\:text-white {
+    &:is(:where(.group)[data-color=tertiary] *) {
+      color: var(--color-white);
+    }
+  }
   .group-data-\[disabled\=true\]\:pointer-events-none {
     &:is(:where(.group)[data-disabled=true] *) {
       pointer-events: none;
@@ -5315,12 +5351,24 @@
       inset: calc(var(--spacing) * 0);
     }
   }
+  .after\:inset-x-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-inline: calc(var(--spacing) * 0);
+    }
+  }
   .after\:inset-y-0 {
     &::after {
       content: var(--tw-content);
       inset-block: calc(var(--spacing) * 0);
     }
   }
+  .after\:top-0 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0);
+    }
+  }
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
@@ -5333,6 +5381,12 @@
       z-index: calc(10 * -1);
     }
   }
+  .after\:z-10 {
+    &::after {
+      content: var(--tw-content);
+      z-index: 10;
+    }
+  }
   .after\:mt-\[calc\(var\(--leading-trim-end\,var\(--default-leading-trim-end\)\)-var\(--line-height\,calc\(1em\*var\(--default-line-height\)\)\)\/2\)\] {
     &::after {
       content: var(--tw-content);
@@ -5345,6 +5399,12 @@
       display: table;
     }
   }
+  .after\:h-1 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 1);
+    }
+  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -5376,6 +5436,19 @@
       border-radius: var(--radius-sm);
     }
   }
+  .after\:rounded-t-md {
+    &::after {
+      content: var(--tw-content);
+      border-top-left-radius: var(--radius-md);
+      border-top-right-radius: var(--radius-md);
+    }
+  }
+  .after\:bg-\[var\(--nsw-card-top-border\)\] {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--nsw-card-top-border);
+    }
+  }
   .after\:ring-transparent {
     &::after {
       content: var(--tw-content);
@@ -5396,6 +5469,13 @@
       content: var(--tw-content);
     }
   }
+  .after\:content-\[\'\'\] {
+    &::after {
+      content: var(--tw-content);
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
   .after\:content-none {
     &::after {
       content: var(--tw-content);
@@ -5536,6 +5616,13 @@
       }
     }
   }
+  .hover\:border-grey-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
+      }
+    }
+  }
   .hover\:border-grey-950 {
     &:hover {
       @media (hover: hover) {
@@ -5619,6 +5706,13 @@
       }
     }
   }
+  .hover\:bg-primary-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+      }
+    }
+  }
   .hover\:bg-primary-800\/10 {
     &:hover {
       @media (hover: hover) {
@@ -5856,6 +5950,48 @@
       }
     }
   }
+  .hover\:\[--nsw-card-bg\:var\(--color-primary-800\)\] {
+    &:hover {
+      @media (hover: hover) {
+        --nsw-card-bg: var(--color-primary-800);
+      }
+    }
+  }
+  .hover\:\[--nsw-card-bg\:white\] {
+    &:hover {
+      @media (hover: hover) {
+        --nsw-card-bg: white;
+      }
+    }
+  }
+  .hover\:\[--nsw-card-border\:var\(--color-grey-200\)\] {
+    &:hover {
+      @media (hover: hover) {
+        --nsw-card-border: var(--color-grey-200);
+      }
+    }
+  }
+  .hover\:\[--nsw-card-border\:var\(--color-primary-800\)\] {
+    &:hover {
+      @media (hover: hover) {
+        --nsw-card-border: var(--color-primary-800);
+      }
+    }
+  }
+  .hover\:\[--nsw-card-text\:grey-800\] {
+    &:hover {
+      @media (hover: hover) {
+        --nsw-card-text: grey-800;
+      }
+    }
+  }
+  .hover\:\[--nsw-card-text\:white\] {
+    &:hover {
+      @media (hover: hover) {
+        --nsw-card-text: white;
+      }
+    }
+  }
   .hover\:\[--toggle-border\:var\(--color-grey-400\)\] {
     &:hover {
       @media (hover: hover) {
@@ -5872,6 +6008,16 @@
       }
     }
   }
+  .hover\:after\:bg-primary-800 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+        }
+      }
+    }
+  }
   .hover\:after\:bg-sidebar-border {
     &:hover {
       @media (hover: hover) {
@@ -6003,6 +6149,11 @@
       outline-color: var(--toggle-border);
     }
   }
+  .focus\:outline-primary-600 {
+    &:focus {
+      outline-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+    }
+  }
   .focus\:outline-primary-650\/70 {
     &:focus {
       outline-color: color-mix(in oklab, oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%, transparent);
@@ -8119,6 +8270,11 @@
       border-bottom-width: 1px;
     }
   }
+  .motion-reduce\:transition-none {
+    @media (prefers-reduced-motion: reduce) {
+      transition-property: none;
+    }
+  }
   .sm\:col-span-2 {
     @media (width >= 40rem) {
       grid-column: span 2 / span 2;
@@ -8139,11 +8295,6 @@
       margin-left: calc(var(--spacing) * 2);
     }
   }
-  .sm\:block {
-    @media (width >= 40rem) {
-      display: block;
-    }
-  }
   .sm\:flex {
     @media (width >= 40rem) {
       display: flex;
@@ -8328,6 +8479,11 @@
       padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
     }
   }
+  .sm\:px-\[calc\(--spacing\(4\)\)\] {
+    @media (width >= 40rem) {
+      padding-inline: calc(calc(var(--spacing) * 4));
+    }
+  }
   .sm\:px-\[calc\(--spacing\(4\.5\)-1px\)\] {
     @media (width >= 40rem) {
       padding-inline: calc(calc(var(--spacing) * 4.5) - 1px);
@@ -8358,6 +8514,11 @@
       padding-block: calc(calc(var(--spacing) * 2) - 1px);
     }
   }
+  .sm\:py-\[calc\(--spacing\(3\)\)\] {
+    @media (width >= 40rem) {
+      padding-block: calc(calc(var(--spacing) * 3));
+    }
+  }
   .sm\:py-\[calc\(--spacing\(3\)-1px\)\] {
     @media (width >= 40rem) {
       padding-block: calc(calc(var(--spacing) * 3) - 1px);
@@ -8373,11 +8534,6 @@
       padding-block: calc(calc(var(--spacing) * 4) - 1px);
     }
   }
-  .sm\:pr-2\.5 {
-    @media (width >= 40rem) {
-      padding-right: calc(var(--spacing) * 2.5);
-    }
-  }
   .sm\:pr-3 {
     @media (width >= 40rem) {
       padding-right: calc(var(--spacing) * 3);
@@ -8403,11 +8559,6 @@
       padding-left: calc(var(--spacing) * 1.5);
     }
   }
-  .sm\:pl-2\.5 {
-    @media (width >= 40rem) {
-      padding-left: calc(var(--spacing) * 2.5);
-    }
-  }
   .sm\:pl-\[calc\(--spacing\(4\)-1px\)\] {
     @media (width >= 40rem) {
       padding-left: calc(calc(var(--spacing) * 4) - 1px);
@@ -9577,11 +9728,6 @@
       }
     }
   }
-  .dark\:text-current {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: currentcolor;
-    }
-  }
   .dark\:text-gray-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-gray-50);
@@ -9730,14 +9876,6 @@
       outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
     }
   }
-  .dark\:outline-white\/10 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      outline-color: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        outline-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
   .dark\:backdrop-blur-sm {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --tw-backdrop-blur: blur(var(--blur-sm));
@@ -10044,13 +10182,6 @@
       }
     }
   }
-  .dark\:group-data-open\:text-gray-400 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:is(:where(.group)[data-open] *) {
-        color: var(--color-gray-400);
-      }
-    }
-  }
   .dark\:group-data-\[disabled\=true\]\:text-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group)[data-disabled=true] *) {
@@ -10189,18 +10320,6 @@
       }
     }
   }
-  .dark\:hover\:bg-white\/5 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in srgb, #fff 5%, transparent);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
-          }
-        }
-      }
-    }
-  }
   .dark\:hover\:bg-white\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {