mac-human-design 0.1.12 → 0.1.13

package/changelog.md

@@ -2,6 +2,16 @@
 
 This file tracks changes between published npm versions of `mac-human-design`.
 
+## 0.1.13
+
+### Changed
+
+- Refined shared control Motion defaults so buttons and icon buttons scale from
+  center without vertical hover or press translation.
+- Added explicit center transform origins to macOS icon buttons and symbol
+  glyphs to keep animated icon-only controls visually anchored.
+- Bumped the package to `0.1.13`.
+
 ## 0.1.12
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mac-human-design",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Reusable macOS-oriented UI primitives and SF Symbols bridge for Tauri apps.",
   "type": "module",
   "main": "src/index.ts",

package/src/components/MacBaseUI.tsx

@@ -111,14 +111,22 @@ function isDisabled(props: Record<string, unknown>) {
   return Boolean(props.disabled || props["data-disabled"] || props["aria-disabled"]);
 }
 
-function interactiveControlDefaults(props: Record<string, unknown>): MotionDefaults {
+function interactiveControlDefaults(macClassName: string, props: Record<string, unknown>): MotionDefaults {
   if (isDisabled(props)) {
     return {};
   }
 
+  if (includesAny(macClassName, ["hd-mac-icon-button", "hd-mac-help-button"])) {
+    return {
+      whileHover: { scale: 1.04 },
+      whileTap: { scale: 0.94 },
+      transition: macFastTransition,
+    };
+  }
+
   return {
-    whileHover: { y: -0.5, scale: 1.012 },
-    whileTap: { y: 1, scale: 0.985 },
+    whileHover: { scale: 1.006 },
+    whileTap: { scale: 0.982 },
     transition: macFastTransition,
   };
 }
@@ -147,7 +155,7 @@ function getMotionDefaults(macClassName: string, props: Record<string, unknown>)
       "hd-mac-disclosure-trigger",
     ])
   ) {
-    return interactiveControlDefaults(props);
+    return interactiveControlDefaults(macClassName, props);
   }
 
   if (macClassName.includes("hd-mac-input")) {

package/src/styles/macosBaseUi.css

@@ -235,6 +235,7 @@
   place-content: center;
   padding: 0;
   line-height: 0;
+  transform-origin: center;
   vertical-align: middle;
 }
 
@@ -261,6 +262,7 @@
   text-align: center;
   flex-shrink: 0;
   margin: auto;
+  transform-origin: center;
 }
 
 .hd-mac-help-button {