@nswds/app 1.38.0 → 1.40.0

package/dist/globals.css

@@ -385,6 +385,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -394,6 +397,9 @@
   .inset-x-0 {
     inset-inline: calc(var(--spacing) * 0);
   }
+  .inset-x-2 {
+    inset-inline: calc(var(--spacing) * 2);
+  }
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
@@ -451,6 +457,12 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .-bottom-2 {
+    bottom: calc(var(--spacing) * -2);
+  }
+  .-bottom-2\.5 {
+    bottom: calc(var(--spacing) * -2.5);
+  }
   .-bottom-12 {
     bottom: calc(var(--spacing) * -12);
   }
@@ -550,6 +562,12 @@
   .m-auto {
     margin: auto;
   }
+  .-mx-0 {
+    margin-inline: calc(var(--spacing) * -0);
+  }
+  .-mx-0\.5 {
+    margin-inline: calc(var(--spacing) * -0.5);
+  }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -1004,6 +1022,9 @@
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
+  .-mt-px {
+    margin-top: -1px;
+  }
   .mt-0 {
     margin-top: calc(var(--spacing) * 0);
   }
@@ -1040,6 +1061,9 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-3 {
+    margin-right: calc(var(--spacing) * 3);
+  }
   .mr-6 {
     margin-right: calc(var(--spacing) * 6);
   }
@@ -1227,6 +1251,12 @@
   .h-\(--cell-size\) {
     height: var(--cell-size);
   }
+  .h-0 {
+    height: calc(var(--spacing) * 0);
+  }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
   .h-1 {
     height: calc(var(--spacing) * 1);
   }
@@ -2087,6 +2117,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -2190,6 +2224,9 @@
   .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;
   }
@@ -2208,6 +2245,9 @@
   .border-primary-500 {
     border-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
   }
+  .border-primary-600 {
+    border-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+  }
   .border-primary-800 {
     border-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
   }
@@ -2373,9 +2413,6 @@
   .bg-nsw-grey-50 {
     background-color: var(--color-nsw-grey-50);
   }
-  .bg-nsw-grey-100 {
-    background-color: var(--color-nsw-grey-100);
-  }
   .bg-nsw-grey-200 {
     background-color: var(--color-nsw-grey-200);
   }
@@ -2445,6 +2482,15 @@
   .bg-zinc-200 {
     background-color: var(--color-zinc-200);
   }
+  .bg-zinc-950 {
+    background-color: var(--color-zinc-950);
+  }
+  .bg-zinc-950\/10 {
+    background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
+    }
+  }
   .bg-linear-to-t {
     --tw-gradient-position: to top;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -2611,9 +2657,6 @@
   .p-12 {
     padding: calc(var(--spacing) * 12);
   }
-  .p-\[2px\] {
-    padding: 2px;
-  }
   .p-\[3px\] {
     padding: 3px;
   }
@@ -2812,6 +2855,9 @@
   .pl-0\.5 {
     padding-left: calc(var(--spacing) * 0.5);
   }
+  .pl-1 {
+    padding-left: calc(var(--spacing) * 1);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -3162,6 +3208,9 @@
   .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);
   }
@@ -3192,6 +3241,9 @@
   .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);
   }
@@ -3412,6 +3464,18 @@
   .outline-transparent {
     outline-color: transparent;
   }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .drop-shadow {
+    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
+    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .backdrop-blur-xl {
     --tw-backdrop-blur: blur(var(--blur-xl));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -3508,6 +3572,10 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .will-change-\[transform\,opacity\] {
     will-change: transform,opacity;
   }
@@ -4204,6 +4272,9 @@
   .ease-linear {
     animation-timing-function: linear;
   }
+  .ease-out {
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
   .fade-in-0 {
     --tw-enter-opacity: 0;
   }
@@ -4213,6 +4284,9 @@
   .ring-inset {
     --tw-ring-inset: inset;
   }
+  .running {
+    animation-play-state: running;
+  }
   .zoom-in-95 {
     --tw-enter-scale: .95;
   }
@@ -4320,6 +4394,13 @@
       }
     }
   }
+  .group-hover\:text-grey-700 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+      }
+    }
+  }
   .group-hover\:text-white {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -4660,6 +4741,12 @@
       position: absolute;
     }
   }
+  .before\:-inset-px {
+    &::before {
+      content: var(--tw-content);
+      inset: -1px;
+    }
+  }
   .before\:inset-0 {
     &::before {
       content: var(--tw-content);
@@ -4720,6 +4807,12 @@
       border-radius: calc(var(--radius-sm) - 1px);
     }
   }
+  .before\:rounded-sm {
+    &::before {
+      content: var(--tw-content);
+      border-radius: var(--radius-sm);
+    }
+  }
   .before\:bg-\(--badge-bg\) {
     &::before {
       content: var(--tw-content);
@@ -4765,6 +4858,12 @@
       background-color: var(--btn-transparent);
     }
   }
+  .before\:bg-grey-950\/5 {
+    &::before {
+      content: var(--tw-content);
+      background-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
+    }
+  }
   .before\:bg-transparent {
     &::before {
       content: var(--tw-content);
@@ -5030,6 +5129,13 @@
       }
     }
   }
+  .hover\:border-grey-300 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+      }
+    }
+  }
   .hover\:border-grey-950 {
     &:hover {
       @media (hover: hover) {
@@ -5209,6 +5315,20 @@
       }
     }
   }
+  .hover\:text-grey-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+      }
+    }
+  }
+  .hover\:text-grey-850 {
+    &:hover {
+      @media (hover: hover) {
+        color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
+      }
+    }
+  }
   .hover\:text-grey-950 {
     &:hover {
       @media (hover: hover) {
@@ -5660,6 +5780,14 @@
       border-color: var(--btn-bg);
     }
   }
+  .data-active\:bg-zinc-950\/5 {
+    &[data-active] {
+      background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
+      }
+    }
+  }
   .data-active\:after\:bg-\(--btn-hover-overlay\) {
     &[data-active] {
       &::after {
@@ -5814,6 +5942,14 @@
       border-color: var(--btn-bg);
     }
   }
+  .data-hover\:bg-zinc-950\/5 {
+    &[data-hover] {
+      background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
+      }
+    }
+  }
   .data-hover\:decoration-primary-800 {
     &[data-hover] {
       text-decoration-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
@@ -6336,6 +6472,13 @@
       }
     }
   }
+  .\*\:data-\[slot\=avatar\]\:-m-0\.5 {
+    :is(& > *) {
+      &[data-slot="avatar"] {
+        margin: calc(var(--spacing) * -0.5);
+      }
+    }
+  }
   .\*\:data-\[slot\=avatar\]\:-mx-0\.5 {
     :is(& > *) {
       &[data-slot="avatar"] {
@@ -6351,6 +6494,21 @@
       }
     }
   }
+  .\*\:data-\[slot\=avatar\]\:size-7 {
+    :is(& > *) {
+      &[data-slot="avatar"] {
+        width: calc(var(--spacing) * 7);
+        height: calc(var(--spacing) * 7);
+      }
+    }
+  }
+  .\*\:data-\[slot\=avatar\]\:\[--avatar-radius\:var\(--radius-md\)\] {
+    :is(& > *) {
+      &[data-slot="avatar"] {
+        --avatar-radius: var(--radius-md);
+      }
+    }
+  }
   .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
     :is(& *) {
       &[data-slot="command-input-wrapper"] {
@@ -6438,6 +6596,13 @@
       }
     }
   }
+  .\*\:data-\[slot\=icon\]\:fill-zinc-500 {
+    :is(& > *) {
+      &[data-slot="icon"] {
+        fill: var(--color-zinc-500);
+      }
+    }
+  }
   .\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
     :is(& > *) {
       &[data-slot="icon"] {
@@ -6461,6 +6626,47 @@
       }
     }
   }
+  .\*\:not-nth-2\:last\:data-\[slot\=icon\]\:ml-auto {
+    :is(& > *) {
+      &:not(*:nth-child(2)) {
+        &:last-child {
+          &[data-slot="icon"] {
+            margin-left: auto;
+          }
+        }
+      }
+    }
+  }
+  .\*\:not-nth-2\:last\:data-\[slot\=icon\]\:size-5 {
+    :is(& > *) {
+      &:not(*:nth-child(2)) {
+        &:last-child {
+          &[data-slot="icon"] {
+            width: calc(var(--spacing) * 5);
+            height: calc(var(--spacing) * 5);
+          }
+        }
+      }
+    }
+  }
+  .data-active\:\*\:data-\[slot\=icon\]\:fill-zinc-950 {
+    &[data-active] {
+      :is(& > *) {
+        &[data-slot="icon"] {
+          fill: var(--color-zinc-950);
+        }
+      }
+    }
+  }
+  .data-hover\:\*\:data-\[slot\=icon\]\:fill-zinc-950 {
+    &[data-hover] {
+      :is(& > *) {
+        &[data-slot="icon"] {
+          fill: var(--color-zinc-950);
+        }
+      }
+    }
+  }
   .\*\:data-\[slot\=label\]\:col-start-1 {
     :is(& > *) {
       &[data-slot="label"] {
@@ -6559,9 +6765,9 @@
       }
     }
   }
-  .data-\[state\=active\]\:border-accent {
+  .data-\[state\=active\]\:border-accent-600 {
     &[data-state="active"] {
-      border-color: var(--accent);
+      border-color: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
     }
   }
   .data-\[state\=active\]\:bg-background {
@@ -7389,11 +7595,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);
@@ -7409,11 +7610,6 @@
       padding-left: calc(var(--spacing) * 1.5);
     }
   }
-  .sm\:pl-2\.5 {
-    @media (width >= 40rem) {
-      padding-left: calc(var(--spacing) * 2.5);
-    }
-  }
   .sm\:pl-4 {
     @media (width >= 40rem) {
       padding-left: calc(var(--spacing) * 4);
@@ -7482,6 +7678,16 @@
       }
     }
   }
+  .sm\:\*\:data-\[slot\=avatar\]\:size-6 {
+    @media (width >= 40rem) {
+      :is(& > *) {
+        &[data-slot="avatar"] {
+          width: calc(var(--spacing) * 6);
+          height: calc(var(--spacing) * 6);
+        }
+      }
+    }
+  }
   .sm\:\*\:data-\[slot\=control\]\:mt-0\.5 {
     @media (width >= 40rem) {
       :is(& > *) {
@@ -7530,6 +7736,20 @@
       }
     }
   }
+  .sm\:\*\:not-nth-2\:last\:data-\[slot\=icon\]\:size-4 {
+    @media (width >= 40rem) {
+      :is(& > *) {
+        &:not(*:nth-child(2)) {
+          &:last-child {
+            &[data-slot="icon"] {
+              width: calc(var(--spacing) * 4);
+              height: calc(var(--spacing) * 4);
+            }
+          }
+        }
+      }
+    }
+  }
   .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
     &[data-vaul-drawer-direction="left"] {
       @media (width >= 40rem) {
@@ -7557,6 +7777,16 @@
       position: absolute;
     }
   }
+  .md\:-mt-px {
+    @media (width >= 48rem) {
+      margin-top: -1px;
+    }
+  }
+  .md\:flex {
+    @media (width >= 48rem) {
+      display: flex;
+    }
+  }
   .md\:h-16 {
     @media (width >= 48rem) {
       height: calc(var(--spacing) * 16);
@@ -8061,14 +8291,6 @@
       }
     }
   }
-  .dark\:bg-nsw-grey-100\/20 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(0.9700350548225147 0 0) 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-nsw-grey-100) 20%, transparent);
-      }
-    }
-  }
   .dark\:bg-nsw-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-nsw-grey-800);
@@ -8100,6 +8322,11 @@
       background-color: transparent;
     }
   }
+  .dark\:bg-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-white);
+    }
+  }
   .dark\:bg-white\/5 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: color-mix(in srgb, #fff 5%, transparent);
@@ -8108,6 +8335,14 @@
       }
     }
   }
+  .dark\:bg-white\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
   .dark\:bg-white\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: color-mix(in srgb, #fff 20%, transparent);
@@ -8687,6 +8922,17 @@
       }
     }
   }
+  .dark\:before\:bg-white\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &::before {
+        content: var(--tw-content);
+        background-color: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .dark\:after\:-inset-px {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &::after {
@@ -8871,6 +9117,16 @@
       }
     }
   }
+  .dark\:data-active\:bg-white\/5 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-active] {
+        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\:data-checked\:bg-\(--switch-bg\) {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-checked] {
@@ -8919,6 +9175,16 @@
       }
     }
   }
+  .dark\:data-hover\:bg-white\/5 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-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\:data-hover\:decoration-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-hover] {
@@ -8978,6 +9244,15 @@
       }
     }
   }
+  .dark\:\*\:data-\[slot\=icon\]\:fill-zinc-400 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      :is(& > *) {
+        &[data-slot="icon"] {
+          fill: var(--color-zinc-400);
+        }
+      }
+    }
+  }
   .dark\:\*\:data-\[slot\=icon\]\:text-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       :is(& > *) {
@@ -8987,6 +9262,35 @@
       }
     }
   }
+  .dark\:data-active\:\*\:data-\[slot\=icon\]\:fill-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-active] {
+        :is(& > *) {
+          &[data-slot="icon"] {
+            fill: var(--color-white);
+          }
+        }
+      }
+    }
+  }
+  .dark\:data-hover\:\*\:data-\[slot\=icon\]\:fill-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-hover] {
+        :is(& > *) {
+          &[data-slot="icon"] {
+            fill: var(--color-white);
+          }
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=active\]\:border-input {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="active"] {
+        border-color: var(--input);
+      }
+    }
+  }
   .dark\:data-\[state\=active\]\:bg-input\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state="active"] {
@@ -10795,6 +11099,59 @@ body {
   inherits: false;
   initial-value: solid;
 }
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-backdrop-blur {
   syntax: "*";
   inherits: false;
@@ -10958,6 +11315,19 @@ body {
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
       --tw-backdrop-blur: initial;
       --tw-backdrop-brightness: initial;
       --tw-backdrop-contrast: initial;