@nswds/app 1.55.0 → 1.56.0

package/dist/globals.css

@@ -438,6 +438,9 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
   .-left-12 {
     left: calc(var(--spacing) * -12);
   }
@@ -1078,6 +1081,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-8 {
+    margin-bottom: calc(var(--spacing) * 8);
+  }
   .mb-12 {
     margin-bottom: calc(var(--spacing) * 12);
   }
@@ -2525,6 +2531,9 @@
   .bg-grey-100 {
     background-color: oklch(0.9700350548225147 0 0);
   }
+  .bg-grey-150 {
+    background-color: oklch(0.9550525822337722 0 0);
+  }
   .bg-grey-200 {
     background-color: oklch(0.9400701096450296 0 0);
   }
@@ -4415,6 +4424,13 @@
       }
     }
   }
+  .group-hover\:text-grey-900 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+      }
+    }
+  }
   .group-hover\:text-white {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -8710,6 +8726,11 @@
       border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
     }
   }
+  .dark\:border-grey-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+    }
+  }
   .dark\:border-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
@@ -8720,6 +8741,11 @@
       border-color: var(--input);
     }
   }
+  .dark\:border-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+    }
+  }
   .dark\:border-slate-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-slate-800);
@@ -9138,6 +9164,11 @@
       color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
     }
   }
+  .dark\:text-grey-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+    }
+  }
   .dark\:text-muted-foreground {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--muted-foreground);
@@ -9148,6 +9179,11 @@
       color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
     }
   }
+  .dark\:text-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+    }
+  }
   .dark\:text-red-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-red-500);
@@ -9471,6 +9507,15 @@
       }
     }
   }
+  .dark\:group-hover\:text-grey-400 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:is(:where(.group):hover *) {
+        @media (hover: hover) {
+          color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
+        }
+      }
+    }
+  }
   .dark\:group-data-active\:border-white\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group)[data-active] *) {

package/dist/index.cjs

@@ -16459,7 +16459,13 @@ function NavigationMenuList({
     NavigationMenuPrimitive__namespace.List,
     {
       "data-slot": "navigation-menu-list",
-      className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        "flex items-center justify-start border-b whitespace-nowrap [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        // border color
+        "border-gray-200 dark:border-gray-800",
+        className
+      ),
       ...props
     }
   );
@@ -16478,7 +16484,7 @@ function NavigationMenuItem({
   );
 }
 var navigationMenuTriggerStyle = classVarianceAuthority.cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-primary-800/10 hover:text-accent-foreground focus:bg-primary-800/10 focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-primary-800/10 data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-primary-800/10 data-[state=open]:bg-primary-800/10 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+  "mb-2 group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-primary-800/10 hover:text-accent-foreground focus:bg-primary-800/10 focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-primary-800/10 data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-primary-800/10 data-[state=open]:bg-primary-800/10 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function NavigationMenuTrigger({
   className,
@@ -16497,7 +16503,7 @@ function NavigationMenuTrigger({
         /* @__PURE__ */ jsxRuntime.jsx(
           Icons.chevron_down,
           {
-            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-[1px] ml-1 size-5 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )