sellmate-design-system-react 0.1.10 → 0.2.0

package/dist/components/SGhostButton/SGhostButton.d.ts

@@ -17,6 +17,10 @@ export interface SGhostButtonProps {
     disabled?: boolean;
     /** 클릭 (sdClick) */
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /** tooltip anchor wrapper 클래스. tooltipText가 있을 때 위치 조정용으로 사용합니다. */
+    anchorClassName?: string;
+    /** tooltip anchor wrapper 스타일. tooltipText가 있을 때 위치 조정용으로 사용합니다. */
+    anchorStyle?: CSSProperties;
     className?: string;
     style?: CSSProperties;
 }
@@ -24,4 +28,4 @@ export interface SGhostButtonProps {
  * SGhostButton — sd-ghost-button 포팅. 아이콘 전용 투명 버튼.
  * hover 시 intent 색 오버레이(5%), focus-visible 링, 옵션 툴팁(회색 STag).
  */
-export declare function SGhostButton({ icon, size, intent, ariaLabel, tooltipText, disabled, onClick, className, style, }: SGhostButtonProps): import("react").JSX.Element;
+export declare function SGhostButton({ icon, size, intent, ariaLabel, tooltipText, disabled, onClick, anchorClassName, anchorStyle, className, style, }: SGhostButtonProps): import("react").JSX.Element;

package/dist/components/SGhostButton/SGhostButton.js

@@ -36,7 +36,9 @@ var FLOATING_SLIDE_ANIM = [
   "data-[state=closed]:data-[side=right]:animate-floating-out-right"
 ].join(" ");
 var PortalContainerContext = createContext(null);
+var InsideModalContext = createContext(false);
 PortalContainerContext.Provider;
+InsideModalContext.Provider;
 function usePortalContainer() {
   return useContext(PortalContainerContext) ?? void 0;
 }
@@ -2972,6 +2974,8 @@ function SGhostButton({
   tooltipText,
   disabled = false,
   onClick,
+  anchorClassName,
+  anchorStyle,
   className,
   style
 }) {
@@ -2994,6 +2998,8 @@ function SGhostButton({
   };
   const s = SIZE[size];
   const contentColor = disabled ? intent === "inverse" ? "var(--cmp-ghostButton-inverse-disabled)" : "var(--cmp-ghostButton-icon-disabled)" : `var(--cmp-ghostButton-${intent}-content)`;
+  const text = (tooltipText ?? "").trim();
+  const hasTooltip = text !== "";
   const btn = /* @__PURE__ */ jsxs(
     "button",
     {
@@ -3034,13 +3040,13 @@ function SGhostButton({
       ]
     }
   );
-  const text = (tooltipText ?? "").trim();
-  if (text === "") return btn;
+  if (!hasTooltip) return btn;
   return /* @__PURE__ */ jsxs(RPopover.Root, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(RPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx(
       "span",
       {
-        className: "inline-flex",
+        className: cn("inline-flex", anchorClassName),
+        style: anchorStyle,
         onMouseEnter: openNow,
         onMouseLeave: startHide,
         onFocus: openNow,