mac-human-design 0.1.8 → 0.1.10

package/changelog.md

@@ -2,6 +2,29 @@
 
 This file tracks changes between published npm versions of `mac-human-design`.
 
+## 0.1.10
+
+### Fixed
+
+- Fixed `SymbolIconButton` alignment by building it on the shared
+  `MacIconButton` primitive and centering fallback glyph content within the
+  icon box.
+
+### Changed
+
+- Bumped the package to `0.1.10`.
+
+## 0.1.9
+
+### Fixed
+
+- Removed an unused internal Motion helper parameter so strict TypeScript
+  consumers do not need to patch the published source.
+
+### Changed
+
+- Bumped the package to `0.1.9`.
+
 ## 0.1.8
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mac-human-design",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "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,7 +111,7 @@ function isDisabled(props: Record<string, unknown>) {
   return Boolean(props.disabled || props["data-disabled"] || props["aria-disabled"]);
 }
 
-function interactiveControlDefaults(macClassName: string, props: Record<string, unknown>): MotionDefaults {
+function interactiveControlDefaults(props: Record<string, unknown>): MotionDefaults {
   if (isDisabled(props)) {
     return {};
   }
@@ -147,7 +147,7 @@ function getMotionDefaults(macClassName: string, props: Record<string, unknown>)
       "hd-mac-disclosure-trigger",
     ])
   ) {
-    return interactiveControlDefaults(macClassName, props);
+    return interactiveControlDefaults(props);
   }
 
   if (macClassName.includes("hd-mac-input")) {

package/src/components/SymbolIconButton.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { invoke } from "@tauri-apps/api/core";
-import { MacButton, MacTooltip } from "./MacBaseUI";
+import { MacIconButton, MacTooltip } from "./MacBaseUI";
 
 const SYMBOL_SCALE_MULTIPLIER = 2.5;
 const SYMBOL_MIN_POINT_SIZE = 10;
@@ -82,7 +82,7 @@ export function SymbolIconButton({
     <MacTooltip.Root>
       <MacTooltip.Trigger
         render={
-          <MacButton
+          <MacIconButton
             aria-label={label}
             title={label}
             disabled={disabled || isLoading}
@@ -95,15 +95,14 @@ export function SymbolIconButton({
               height: ICON_BUTTON_SIZE,
               minHeight: ICON_BUTTON_SIZE,
               borderRadius: ICON_BUTTON_RADIUS,
-              padding: 0,
             }}
           />
         }
       >
         <span
           aria-hidden
+          className="hd-mac-symbol-icon"
           style={{
-            display: "block",
             width: glyphPx,
             height: glyphPx,
             color: "currentColor",

package/src/styles/macosBaseUi.css

@@ -242,6 +242,22 @@
   min-height: 28px;
 }
 
+.hd-mac-symbol-icon-button {
+  width: 30px;
+  min-width: 30px;
+  height: 30px;
+  min-height: 30px;
+  border-radius: 7px;
+}
+
+.hd-mac-symbol-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  flex-shrink: 0;
+}
+
 .hd-mac-help-button {
   display: inline-grid;
   width: 18px;