@nswds/app 1.24.0 → 1.25.0

package/dist/globals.css

@@ -2610,6 +2610,14 @@
       opacity: 50%;
     }
   }
+  .selection\:bg-primary-800 {
+    & *::selection {
+      background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+    }
+    &::selection {
+      background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+    }
+  }
   .file\:inline-flex {
     &::file-selector-button {
       display: inline-flex;
@@ -2992,6 +3000,13 @@
       }
     }
   }
+  .hover\:bg-primary-800\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
+      }
+    }
+  }
   .hover\:bg-purple-100 {
     &:hover {
       @media (hover: hover) {

package/dist/index.cjs

@@ -7365,7 +7365,7 @@ function Heading({
 
 // package.json
 var package_default = {
-  version: "1.23.4"};
+  version: "1.24.0"};
 function Logo(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -7551,7 +7551,7 @@ function Input({ className, type, ...props }) {
         // Base styles
         "border-nsw-grey-200 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
         // Selection styles
-        "selection:bg-primary selection:text-primary-foreground",
+        "selection:bg-primary-800 selection:text-primary-foreground",
         // Placeholder styles
         "placeholder:text-muted-foreground",
         // File input styles
@@ -7619,7 +7619,7 @@ ListItem.displayName = "List.Item";
 var _List = List2;
 _List.Item = ListItem;
 function Masthead() {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-primary h-[var(--masthead-height)] w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-primary-800 h-[var(--masthead-height)] w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
 }
 function Menubar({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8143,13 +8143,16 @@ function Progress({
     ProgressPrimitive__namespace.Root,
     {
       "data-slot": "progress",
-      className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+      className: cn(
+        "bg-primary-800/20 relative h-2 w-full overflow-hidden rounded-full",
+        className
+      ),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         ProgressPrimitive__namespace.Indicator,
         {
           "data-slot": "progress-indicator",
-          className: "bg-primary h-full w-full flex-1 transition-all",
+          className: "bg-primary-800 h-full w-full flex-1 transition-all",
           style: { transform: `translateX(-${100 - (value || 0)}%)` }
         }
       )
@@ -8470,7 +8473,7 @@ function Slider({
               {
                 "data-slot": "slider-range",
                 className: cn(
-                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+                  "bg-primary-800 absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
                 )
               }
             )
@@ -8550,7 +8553,7 @@ function Switch({ className, ...props }) {
     {
       "data-slot": "switch",
       className: cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer data-[state=checked]:bg-primary-800 data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,