@nswds/app 1.67.0 → 1.68.0

package/dist/globals.css

@@ -4469,6 +4469,14 @@
       opacity: 100%;
     }
   }
+  .group-hover\:translate-x-0\.5 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-translate-x: calc(var(--spacing) * 0.5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .group-hover\:translate-x-1 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -5557,6 +5565,14 @@
       }
     }
   }
+  .hover\:-translate-y-0\.5 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: calc(var(--spacing) * -0.5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .hover\:scale-105 {
     &:hover {
       @media (hover: hover) {

package/dist/index.cjs

@@ -13689,7 +13689,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.66.1"};
+  version: "1.67.0"};
 function Heading({
   className,
   trim = "normal",
@@ -23741,7 +23741,9 @@ var styles4 = {
     // Focus
     "focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-primary-600",
     // Add transition
-    "transition-colors duration-100 ease-out motion-reduce:transition-none"
+    "transition-colors duration-100 ease-out motion-reduce:transition-none",
+    // Hover
+    "hover:-translate-y-0.5"
   ],
   default: [
     // Base
@@ -23875,11 +23877,27 @@ function NSWCardArrow({ className, ...props }) {
         "group-hover:group-data-[color=primary]:text-grey-800",
         "group-data-[color=secondary]:text-primary-800",
         "group-hover:group-data-[color=secondary]:text-white",
-        "group-data-[color=tertiary]:text-white"
+        "group-data-[color=tertiary]:text-white",
+        "transition-transform group-hover:translate-x-0.5"
       )
     }
   ) });
 }
+function NSWCardIcon({
+  children,
+  backgroundColor = "bg-primary-600",
+  size = "w-16 h-16",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(size, "mb-6 flex items-center justify-center rounded-full", className),
+      style: { backgroundColor },
+      children
+    }
+  );
+}
 function NSWCard({
   children,
   topBorder = "var(--color-accent-600)",
@@ -27038,6 +27056,7 @@ exports.MultiLevelPushMenu = MultiLevelPushMenu;
 exports.NSWCard = NSWCard;
 exports.NSWCardArrow = NSWCardArrow;
 exports.NSWCardDescription = NSWCardDescription;
+exports.NSWCardIcon = NSWCardIcon;
 exports.NSWCardTitle = NSWCardTitle;
 exports.Navbar = Navbar;
 exports.NavbarDivider = NavbarDivider;