@nswds/app 1.38.0 → 1.40.0

package/dist/styles.css

@@ -448,6 +448,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);
   }
@@ -505,6 +508,9 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .-bottom-2\.5 {
+    bottom: calc(var(--spacing) * -2.5);
+  }
   .-bottom-12 {
     bottom: calc(var(--spacing) * -12);
   }
@@ -598,6 +604,9 @@
   .m-auto {
     margin: auto;
   }
+  .-mx-0\.5 {
+    margin-inline: calc(var(--spacing) * -0.5);
+  }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -1046,6 +1055,9 @@
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
+  .-mt-px {
+    margin-top: -1px;
+  }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
@@ -1079,6 +1091,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);
   }
@@ -1260,6 +1275,9 @@
   .h-\(--cell-size\) {
     height: var(--cell-size);
   }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -2087,6 +2105,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;
@@ -2184,6 +2206,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;
   }
@@ -2202,6 +2227,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);
   }
@@ -2361,9 +2389,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);
   }
@@ -2433,6 +2458,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)) {
@@ -2599,9 +2633,6 @@
   .p-12 {
     padding: calc(var(--spacing) * 12);
   }
-  .p-\[2px\] {
-    padding: 2px;
-  }
   .p-\[3px\] {
     padding: 3px;
   }
@@ -2788,6 +2819,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);
   }
@@ -3135,6 +3169,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);
   }
@@ -3165,6 +3202,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);
   }
@@ -4356,6 +4396,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) {
@@ -4716,6 +4763,12 @@
       position: absolute;
     }
   }
+  .before\:-inset-px {
+    &::before {
+      content: var(--tw-content);
+      inset: -1px;
+    }
+  }
   .before\:inset-0 {
     &::before {
       content: var(--tw-content);
@@ -4776,6 +4829,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);
@@ -4821,6 +4880,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);
@@ -5077,6 +5142,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) {
@@ -5256,6 +5328,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) {
@@ -5747,6 +5833,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 {
@@ -5916,6 +6010,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);
@@ -6443,6 +6545,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] {
@@ -6458,6 +6567,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] {
@@ -6545,6 +6669,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] {
@@ -6568,6 +6699,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] {
@@ -6671,9 +6843,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 {
@@ -7511,11 +7683,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);
@@ -7531,11 +7698,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);
@@ -7604,6 +7766,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(& > *) {
@@ -7652,6 +7824,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) {
@@ -7679,6 +7865,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);
@@ -8183,14 +8379,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);
@@ -8222,6 +8410,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);
@@ -8230,6 +8423,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);
@@ -8814,6 +9015,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 {
@@ -8998,6 +9210,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] {
@@ -9046,6 +9268,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] {
@@ -9105,6 +9337,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(& > *) {
@@ -9114,6 +9355,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] {