sparkle-design 1.0.3 → 1.0.5

package/dist/components/ui/button/index.d.ts

@@ -138,8 +138,5 @@ export interface ButtonProps extends Omit<NativeButtonProps, "onClick" | "onKeyD
  *
  * @param {ButtonProps} props
  */
-declare function Button({ className, variant, size, theme, isLoading, isDisabled, asChild, disabled, prefixIcon, suffixIcon, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Button {
-    var displayName: string;
-}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
 export { Button, buttonVariants };

package/dist/components/ui/button/index.js

@@ -308,7 +308,7 @@ const buttonVariants = cva([
  *
  * @param {ButtonProps} props
  */
-function Button(_a) {
+const Button = React.forwardRef(function Button(_a, ref) {
     var { className, variant, size, theme, isLoading = false, isDisabled = false, asChild = false, disabled, prefixIcon, suffixIcon, children } = _a, props = __rest(_a, ["className", "variant", "size", "theme", "isLoading", "isDisabled", "asChild", "disabled", "prefixIcon", "suffixIcon", "children"]);
     const Comp = asChild ? SlotPrimitive.Slot : "button";
     // disabled状態の管理（isDisabled、disabled、またはisLoadingがtrueの場合）
@@ -363,13 +363,21 @@ function Button(_a) {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    return (_jsx(Comp, Object.assign({ "data-slot": "button", "aria-busy": isLoading || undefined, "aria-disabled": asChild && isButtonDisabled ? true : undefined, "data-disabled": asChild && isButtonDisabled ? "true" : undefined, disabled: asChild ? undefined : isButtonDisabled, className: cn(buttonVariants({
+    return (_jsx(Comp
+    // asChild ケースで <a> 等を受け入れるため公開 API は HTMLElement で広く受けるが、
+    // 内部の Comp は <button> 固定の union が含まれるためここで narrow する。
+    // en: Public ref is HTMLElement (covers asChild targets); inner Comp's button branch needs narrowing.
+    , Object.assign({ 
+        // asChild ケースで <a> 等を受け入れるため公開 API は HTMLElement で広く受けるが、
+        // 内部の Comp は <button> 固定の union が含まれるためここで narrow する。
+        // en: Public ref is HTMLElement (covers asChild targets); inner Comp's button branch needs narrowing.
+        ref: ref, "data-slot": "button", "aria-busy": isLoading || undefined, "aria-disabled": asChild && isButtonDisabled ? true : undefined, "data-disabled": asChild && isButtonDisabled ? "true" : undefined, disabled: asChild ? undefined : isButtonDisabled, className: cn(buttonVariants({
             variant,
             size,
             theme,
             isLoading,
             className,
         })), type: asChild ? undefined : props.type || "button", onClick: handleClick, onKeyDown: handleKeyDown }, restProps, { children: asChild ? (children) : (_jsxs(_Fragment, { children: [prefixIcon && (_jsx(Icon, { icon: prefixIcon, size: getIconSize(), className: cn({ "opacity-0": isLoading }) })), isLoading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex", children: _jsx(Spinner, { size: getIconSize(), className: "text-current" }) }), _jsx("span", { className: "opacity-0", children: children })] })) : (_jsx("span", { className: "px-1", children: children })), suffixIcon && (_jsx(Icon, { icon: suffixIcon, size: getIconSize(), className: cn({ "opacity-0": isLoading }) }))] })) })));
-}
+});
 Button.displayName = "Button";
 export { Button, buttonVariants };

package/dist/components/ui/icon/index.js

@@ -52,6 +52,11 @@ export const Icon = React.forwardRef((_a, ref) => {
     const iconTypographyClass = hasIconTypographyClass
         ? ""
         : `icon-${size}-fill-${fillValue}`;
-    return (_jsx("span", Object.assign({ ref: ref, className: cn(iconTypographyClass, "select-none", className), "aria-hidden": "true" }, props, { children: icon })));
+    return (_jsx("span", Object.assign({ ref: ref, 
+        // font-medium: アイコンの weight は 500 で統一。親要素（Button の bold 等）から
+        // font-weight が継承されると疑似ボールド（faux bold）で太く描画されるため明示する。
+        // en: Icons are unified at weight 500. Set font-weight explicitly so an inherited
+        // font-weight (e.g. bold Button labels) does not trigger faux-bold rendering.
+        className: cn(iconTypographyClass, "select-none font-medium", className), "aria-hidden": "true" }, props, { children: icon })));
 });
 Icon.displayName = "Icon";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkle-design",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
@@ -83,8 +83,8 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "@vitest/browser": "^3.0.9",
-    "@vitest/coverage-v8": "^3.0.9",
+    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/coverage-v8": "^4.1.0",
     "axe-core": "^4.10.3",
     "eslint": "^9",
     "eslint-config-next": "15.3.1",
@@ -99,7 +99,7 @@
     "tsc-alias": "^1.8.16",
     "typescript": "^5",
     "vite": "6.4.2",
-    "vitest": "^3.0.9"
+    "vitest": "^4.1.0"
   },
   "pnpm": {
     "overrides": {