@nswds/app 1.54.4 → 1.55.0

package/dist/styles.css

@@ -612,6 +612,12 @@
   .my-8 {
     margin-block: calc(var(--spacing) * 8);
   }
+  .my-\[32px\] {
+    margin-block: 32px;
+  }
+  .my-auto {
+    margin-block: auto;
+  }
   .me-1\.5 {
     margin-inline-end: calc(var(--spacing) * 1.5);
   }
@@ -1096,12 +1102,18 @@
   .mb-12 {
     margin-bottom: calc(var(--spacing) * 12);
   }
+  .mb-\[40px\] {
+    margin-bottom: 40px;
+  }
   .-ml-0\.5 {
     margin-left: calc(var(--spacing) * -0.5);
   }
   .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
+  .-ml-3 {
+    margin-left: calc(var(--spacing) * -3);
+  }
   .-ml-4 {
     margin-left: calc(var(--spacing) * -4);
   }
@@ -1273,6 +1285,9 @@
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -1504,18 +1519,33 @@
   .w-\[50vw\] {
     width: 50vw;
   }
+  .w-\[80px\] {
+    width: 80px;
+  }
   .w-\[100px\] {
     width: 100px;
   }
+  .w-\[160px\] {
+    width: 160px;
+  }
   .w-\[180px\] {
     width: 180px;
   }
+  .w-\[184px\] {
+    width: 184px;
+  }
+  .w-\[200px\] {
+    width: 200px;
+  }
   .w-\[260px\] {
     width: 260px;
   }
   .w-\[400px\] {
     width: 400px;
   }
+  .w-\[600px\] {
+    width: 600px;
+  }
   .w-\[calc\(var\(--sidebar-width-icon\)\+1px\)\]\! {
     width: calc(var(--sidebar-width-icon) + 1px) !important;
   }
@@ -1552,6 +1582,12 @@
   .max-w-60 {
     max-width: calc(var(--spacing) * 60);
   }
+  .max-w-\[500px\] {
+    max-width: 500px;
+  }
+  .max-w-\[600px\] {
+    max-width: 600px;
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -1707,6 +1743,10 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-\[2px\] {
+    --tw-translate-y: 2px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[calc\(-50\%_-_2px\)\] {
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1986,6 +2026,13 @@
   .gap-x-12 {
     column-gap: calc(var(--spacing) * 12);
   }
+  .space-x-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -2194,10 +2241,6 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  .border-b-1 {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
   .border-b-2 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -2214,6 +2257,10 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .border-solid {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
   .border-\(--badge-bg\) {
     border-color: var(--badge-bg);
   }
@@ -2238,6 +2285,9 @@
   .border-\(--toggle-border\) {
     border-color: var(--toggle-border);
   }
+  .border-\[\#ebebeb\] {
+    border-color: #ebebeb;
+  }
   .border-blue-200 {
     border-color: var(--color-blue-200);
   }
@@ -2502,6 +2552,9 @@
   .bg-primary-500 {
     background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
   }
+  .bg-primary-600 {
+    background-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+  }
   .bg-primary-800 {
     background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
   }
@@ -2748,6 +2801,9 @@
   .p-\[3px\] {
     padding: 3px;
   }
+  .p-\[56px\] {
+    padding: 56px;
+  }
   .p-px {
     padding: 1px;
   }
@@ -2793,6 +2849,9 @@
   .px-\[0\.5px\] {
     padding-inline: 0.5px;
   }
+  .px-\[32px\] {
+    padding-inline: 32px;
+  }
   .px-\[calc\(--spacing\(1\)\*1\.5\)\] {
     padding-inline: calc(calc(var(--spacing) * 1) * 1.5);
   }
@@ -2892,6 +2951,9 @@
   .pt-14 {
     padding-top: calc(var(--spacing) * 14);
   }
+  .pt-\[40px\] {
+    padding-top: 40px;
+  }
   .pr-0\.5 {
     padding-right: calc(var(--spacing) * 0.5);
   }
@@ -2937,6 +2999,9 @@
   .pb-16 {
     padding-bottom: calc(var(--spacing) * 16);
   }
+  .pb-\[24px\] {
+    padding-bottom: 24px;
+  }
   .pb-\[41px\] {
     padding-bottom: 41px;
   }
@@ -2982,6 +3047,9 @@
   .font-mono {
     font-family: var(--font-mono);
   }
+  .font-sans {
+    font-family: var(--font-sans);
+  }
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -3041,6 +3109,9 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[14px\] {
+    font-size: 14px;
+  }
   .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));
   }
@@ -3095,6 +3166,10 @@
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
   }
+  .leading-7 {
+    --tw-leading: calc(var(--spacing) * 7);
+    line-height: calc(var(--spacing) * 7);
+  }
   .leading-\[var\(--line-height\)\] {
     --tw-leading: var(--line-height);
     line-height: var(--line-height);
@@ -3229,6 +3304,9 @@
   .text-\(--btn-text\) {
     color: var(--btn-text);
   }
+  .text-\[\#888f92\] {
+    color: #888f92;
+  }
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
@@ -3274,6 +3352,9 @@
   .text-gray-500 {
     color: var(--color-gray-500);
   }
+  .text-gray-600 {
+    color: var(--color-gray-600);
+  }
   .text-gray-700 {
     color: var(--color-gray-700);
   }
@@ -3316,6 +3397,12 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
+  .text-muted-foreground\/70 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
+    }
+  }
   .text-pink-500 {
     color: var(--color-pink-500);
   }
@@ -3561,6 +3648,9 @@
   .ring-grey-200 {
     --tw-ring-color: oklch(0.9400701096450296 0 0);
   }
+  .ring-grey-300 {
+    --tw-ring-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+  }
   .ring-grey-950\/10 {
     --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
   }
@@ -3573,6 +3663,9 @@
   .ring-sidebar-ring {
     --tw-ring-color: var(--sidebar-ring);
   }
+  .ring-transparent {
+    --tw-ring-color: transparent;
+  }
   .ring-white {
     --tw-ring-color: var(--color-white);
   }
@@ -5917,6 +6010,11 @@
       color: var(--sidebar-accent-foreground);
     }
   }
+  .enabled\:cursor-pointer {
+    &:enabled {
+      cursor: pointer;
+    }
+  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -6090,16 +6188,36 @@
       pointer-events: none;
     }
   }
+  .data-disabled\:bg-grey-100 {
+    &[data-disabled] {
+      background-color: oklch(0.9700350548225147 0 0);
+    }
+  }
   .data-disabled\:bg-grey-200 {
     &[data-disabled] {
       background-color: oklch(0.9400701096450296 0 0);
     }
   }
+  .data-disabled\:text-grey-300 {
+    &[data-disabled] {
+      color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+    }
+  }
+  .data-disabled\:text-grey-400 {
+    &[data-disabled] {
+      color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
+    }
+  }
   .data-disabled\:opacity-50 {
     &[data-disabled] {
       opacity: 50%;
     }
   }
+  .data-disabled\:ring-grey-300 {
+    &[data-disabled] {
+      --tw-ring-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+    }
+  }
   .data-disabled\:before\:bg-grey-950\/5 {
     &[data-disabled] {
       &::before {
@@ -7107,6 +7225,21 @@
       background-color: var(--color-blue-500);
     }
   }
+  .data-\[state\=active\]\:bg-white {
+    &[data-state=active] {
+      background-color: var(--color-white);
+    }
+  }
+  .data-\[state\=active\]\:text-grey-800 {
+    &[data-state=active] {
+      color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+    }
+  }
+  .data-\[state\=active\]\:text-grey-900 {
+    &[data-state=active] {
+      color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+    }
+  }
   .data-\[state\=active\]\:text-white {
     &[data-state=active] {
       color: var(--color-white);
@@ -7138,6 +7271,33 @@
       color: var(--color-white);
     }
   }
+  .enabled\:data-\[state\=checked\]\:bg-primary-600 {
+    &:enabled {
+      &[data-state=checked] {
+        background-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+      }
+    }
+  }
+  .enabled\:data-\[state\=checked\]\:ring-0 {
+    &:enabled {
+      &[data-state=checked] {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow:
+          var(--tw-inset-shadow),
+          var(--tw-inset-ring-shadow),
+          var(--tw-ring-offset-shadow),
+          var(--tw-ring-shadow),
+          var(--tw-shadow);
+      }
+    }
+  }
+  .enabled\:data-\[state\=checked\]\:ring-transparent {
+    &:enabled {
+      &[data-state=checked] {
+        --tw-ring-color: transparent;
+      }
+    }
+  }
   .data-\[state\=closed\]\:animate-hide {
     &[data-state=closed] {
       animation: var(--animate-hide);
@@ -7238,6 +7398,33 @@
       --tw-exit-opacity: 0;
     }
   }
+  .enabled\:data-\[state\=indeterminate\]\:bg-primary-600 {
+    &:enabled {
+      &[data-state=indeterminate] {
+        background-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+      }
+    }
+  }
+  .enabled\:data-\[state\=indeterminate\]\:ring-0 {
+    &:enabled {
+      &[data-state=indeterminate] {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow:
+          var(--tw-inset-shadow),
+          var(--tw-inset-ring-shadow),
+          var(--tw-ring-offset-shadow),
+          var(--tw-ring-shadow),
+          var(--tw-shadow);
+      }
+    }
+  }
+  .enabled\:data-\[state\=indeterminate\]\:ring-transparent {
+    &:enabled {
+      &[data-state=indeterminate] {
+        --tw-ring-color: transparent;
+      }
+    }
+  }
   .data-\[state\=on\]\:bg-blue-500 {
     &[data-state=on] {
       background-color: var(--color-blue-500);
@@ -7273,6 +7460,16 @@
       color: var(--color-white);
     }
   }
+  .data-\[state\=open\]\:bg-accent {
+    &[data-state=open] {
+      background-color: var(--accent);
+    }
+  }
+  .data-\[state\=open\]\:bg-muted {
+    &[data-state=open] {
+      background-color: var(--muted);
+    }
+  }
   .data-\[state\=open\]\:bg-primary-800\/10 {
     &[data-state=open] {
       background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
@@ -8370,6 +8567,11 @@
       width: calc(var(--spacing) * 80);
     }
   }
+  .lg\:w-\[280px\] {
+    @media (width >= 64rem) {
+      width: 280px;
+    }
+  }
   .lg\:max-w-none {
     @media (width >= 64rem) {
       max-width: none;
@@ -8434,6 +8636,15 @@
       }
     }
   }
+  .lg\:space-x-8 {
+    @media (width >= 64rem) {
+      :where(& > :not(:last-child)) {
+        --tw-space-x-reverse: 0;
+        margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
+        margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
+      }
+    }
+  }
   .lg\:rounded-sm {
     @media (width >= 64rem) {
       border-radius: var(--radius-sm);
@@ -8643,6 +8854,11 @@
       border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
     }
   }
+  .dark\:border-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+    }
+  }
   .dark\:border-input {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--input);
@@ -8821,6 +9037,11 @@
       background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
     }
   }
+  .dark\:bg-grey-950 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
+    }
+  }
   .dark\:bg-input\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--input);
@@ -9026,6 +9247,11 @@
       color: var(--color-gray-400);
     }
   }
+  .dark\:text-gray-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-gray-500);
+    }
+  }
   .dark\:text-gray-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-gray-600);
@@ -9051,6 +9277,11 @@
       color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
     }
   }
+  .dark\:text-grey-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
+    }
+  }
   .dark\:text-muted-foreground {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--muted-foreground);
@@ -9113,6 +9344,11 @@
       --tw-ring-color: var(--color-gray-950);
     }
   }
+  .dark\:ring-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-ring-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+    }
+  }
   .dark\:ring-white\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
@@ -9599,6 +9835,24 @@
       }
     }
   }
+  .dark\:hover\:text-grey-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          color: oklch(0.9400701096450296 0 0);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-grey-400 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-slate-300 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -9693,6 +9947,13 @@
       }
     }
   }
+  .dark\:data-disabled\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-disabled] {
+        background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+      }
+    }
+  }
   .dark\:data-disabled\:bg-white\/15 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-disabled] {
@@ -9703,6 +9964,34 @@
       }
     }
   }
+  .dark\:data-disabled\:text-grey-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-disabled] {
+        color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
+      }
+    }
+  }
+  .dark\:data-disabled\:text-grey-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-disabled] {
+        color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
+      }
+    }
+  }
+  .dark\:data-disabled\:text-grey-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-disabled] {
+        color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+      }
+    }
+  }
+  .dark\:data-disabled\:ring-grey-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-disabled] {
+        --tw-ring-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+      }
+    }
+  }
   .dark\:data-disabled\:data-checked\:bg-white\/15 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-disabled] {
@@ -9836,6 +10125,13 @@
       }
     }
   }
+  .dark\:data-\[state\=active\]\:border-accent-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=active] {
+        border-color: oklch(0.7064193584802577 0.15026753878948967 15.45213465296721);
+      }
+    }
+  }
   .dark\:data-\[state\=active\]\:border-input {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state=active] {
@@ -9843,6 +10139,13 @@
       }
     }
   }
+  .dark\:data-\[state\=active\]\:bg-grey-950 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=active] {
+        background-color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
+      }
+    }
+  }
   .dark\:data-\[state\=active\]\:bg-input\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state=active] {
@@ -9860,6 +10163,20 @@
       }
     }
   }
+  .dark\:data-\[state\=active\]\:text-grey-50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=active] {
+        color: oklch(0.9850175274112574 0 0);
+      }
+    }
+  }
+  .dark\:data-\[state\=active\]\:text-grey-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=active] {
+        color: oklch(0.9400701096450296 0 0);
+      }
+    }
+  }
   .dark\:data-\[state\=checked\]\:bg-primary {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state=checked] {
@@ -10465,6 +10782,11 @@
       pointer-events: none;
     }
   }
+  .\[\&_svg\]\:invisible {
+    & svg {
+      visibility: hidden;
+    }
+  }
   .\[\&_svg\]\:shrink-0 {
     & svg {
       flex-shrink: 0;