mac-human-design 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/changelog.md CHANGED
@@ -2,6 +2,18 @@
2
2
 
3
3
  This file tracks changes between published npm versions of `mac-human-design`.
4
4
 
5
+ ## 0.1.10
6
+
7
+ ### Fixed
8
+
9
+ - Fixed `SymbolIconButton` alignment by building it on the shared
10
+ `MacIconButton` primitive and centering fallback glyph content within the
11
+ icon box.
12
+
13
+ ### Changed
14
+
15
+ - Bumped the package to `0.1.10`.
16
+
5
17
  ## 0.1.9
6
18
 
7
19
  ### Fixed
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mac-human-design",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "description": "Reusable macOS-oriented UI primitives and SF Symbols bridge for Tauri apps.",
5
5
  "type": "module",
6
6
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
1
1
  import { useEffect, useState } from "react";
2
2
  import { invoke } from "@tauri-apps/api/core";
3
- import { MacButton, MacTooltip } from "./MacBaseUI";
3
+ import { MacIconButton, MacTooltip } from "./MacBaseUI";
4
4
 
5
5
  const SYMBOL_SCALE_MULTIPLIER = 2.5;
6
6
  const SYMBOL_MIN_POINT_SIZE = 10;
@@ -82,7 +82,7 @@ export function SymbolIconButton({
82
82
  <MacTooltip.Root>
83
83
  <MacTooltip.Trigger
84
84
  render={
85
- <MacButton
85
+ <MacIconButton
86
86
  aria-label={label}
87
87
  title={label}
88
88
  disabled={disabled || isLoading}
@@ -95,15 +95,14 @@ export function SymbolIconButton({
95
95
  height: ICON_BUTTON_SIZE,
96
96
  minHeight: ICON_BUTTON_SIZE,
97
97
  borderRadius: ICON_BUTTON_RADIUS,
98
- padding: 0,
99
98
  }}
100
99
  />
101
100
  }
102
101
  >
103
102
  <span
104
103
  aria-hidden
104
+ className="hd-mac-symbol-icon"
105
105
  style={{
106
- display: "block",
107
106
  width: glyphPx,
108
107
  height: glyphPx,
109
108
  color: "currentColor",
@@ -242,6 +242,22 @@
242
242
  min-height: 28px;
243
243
  }
244
244
 
245
+ .hd-mac-symbol-icon-button {
246
+ width: 30px;
247
+ min-width: 30px;
248
+ height: 30px;
249
+ min-height: 30px;
250
+ border-radius: 7px;
251
+ }
252
+
253
+ .hd-mac-symbol-icon {
254
+ display: inline-flex;
255
+ align-items: center;
256
+ justify-content: center;
257
+ text-align: center;
258
+ flex-shrink: 0;
259
+ }
260
+
245
261
  .hd-mac-help-button {
246
262
  display: inline-grid;
247
263
  width: 18px;