@uniai-fe/uds-primitives 0.3.18 → 0.3.20

package/src/components/tooltip/markup/Message.tsx

@@ -4,6 +4,7 @@ import clsx from "clsx";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { forwardRef } from "react";
 import type { TooltipMessageProps } from "../types";
+import TooltipText from "./Text";
 
 /**
  * Tooltip Message.
@@ -41,7 +42,8 @@ const TooltipMessage = forwardRef<HTMLDivElement, TooltipMessageProps>(
         sideOffset={sideOffset}
         {...restProps}
       >
-        <span className="tooltip-message-text">{children}</span>
+        {/* 변경: Tooltip 텍스트는 전용 Text 컴포넌트로 className 계약을 고정한다. */}
+        <TooltipText>{children}</TooltipText>
         {withArrow ? (
           <TooltipPrimitive.Arrow
             className={clsx("tooltip-message-arrow", arrowClassName)}

package/src/components/tooltip/markup/Text.tsx

@@ -0,0 +1,21 @@
+import clsx from "clsx";
+import type { TooltipTextProps } from "../types";
+import { Slot } from "../../slot";
+
+/**
+ * Tooltip Text; Tooltip 텍스트 className 계약을 고정하는 전용 마크업.
+ * @component
+ * @param {TooltipTextProps} props Text props
+ */
+export default function TooltipText({
+  className,
+  ...restProps
+}: TooltipTextProps) {
+  // 변경: Tooltip 텍스트 className 누락을 방지하기 위해 전용 Text 컴포넌트로 고정한다.
+  return (
+    <Slot.Text
+      className={clsx("tooltip-message-text", className)}
+      {...restProps}
+    />
+  );
+}

package/src/components/tooltip/markup/index.tsx

@@ -1,17 +1,20 @@
 import TooltipMessage from "./Message";
 import TooltipRoot from "./Root";
 import TooltipTemplate from "./Template";
+import TooltipText from "./Text";
 import TooltipTrigger from "./Trigger";
 
 /**
  * Tooltip namespace.
  * - Message
+ * - Text
  * - Trigger
  * - Root
  * - Template
  */
 export const Tooltip = {
   Message: TooltipMessage,
+  Text: TooltipText,
   Trigger: TooltipTrigger,
   Root: TooltipRoot,
   Template: TooltipTemplate,

package/src/components/tooltip/types/index.ts

@@ -1 +1,2 @@
 export type * from "./props";
+export type * from "./text";

package/src/components/tooltip/types/text.ts

@@ -0,0 +1,9 @@
+import type { SlotTextProps } from "../../slot";
+
+/**
+ * Tooltip Types; Text 마크업 props
+ * @property {React.ElementType} [as] 렌더링할 요소. 기본값은 span.
+ * @property {React.ReactNode} [children] 텍스트 콘텐츠
+ * @property {string} [className] tooltip-text와 병합할 className
+ */
+export type TooltipTextProps = SlotTextProps;

package/src/index.scss

@@ -11,7 +11,6 @@
 @use "./components/form";
 @use "./components/info-box";
 @use "./components/input";
-@use "./components/label";
 @use "./components/navigation";
 @use "./components/pagination";
 @use "./components/pop-over";

package/src/index.tsx

@@ -16,7 +16,6 @@ export * from "./components/dropdown";
 export * from "./components/form";
 export * from "./components/info-box";
 export * from "./components/input";
-export * from "./components/label";
 export * from "./components/navigation";
 export * from "./components/pagination";
 export * from "./components/pop-over";

package/src/components/chip/utils/class-name.ts

@@ -1,36 +0,0 @@
-import clsx from "clsx";
-import type { ChipClassNameOptions } from "../types";
-
-const CHIP_CLASSNAME = "chip";
-const CHIP_LEADING_CLASSNAME = "chip-leading";
-const CHIP_LABEL_CLASSNAME = "chip-label";
-const CHIP_REMOVE_BUTTON_CLASSNAME = "chip-remove-button";
-
-/**
- * Chip은 kind/selected/slot 여부에 따른 modifier class가 많아 helper로 묶는다.
- */
-const composeChipClassName = ({
-  kind,
-  selected,
-  hasLeading,
-  removable,
-  className,
-}: ChipClassNameOptions) =>
-  clsx(
-    CHIP_CLASSNAME,
-    `${CHIP_CLASSNAME}--kind-${kind}`,
-    {
-      [`${CHIP_CLASSNAME}--selected`]: Boolean(selected),
-      [`${CHIP_CLASSNAME}--has-leading`]: Boolean(hasLeading),
-      [`${CHIP_CLASSNAME}--removable`]: Boolean(removable),
-    },
-    className,
-  );
-
-export {
-  CHIP_CLASSNAME,
-  CHIP_LABEL_CLASSNAME,
-  CHIP_LEADING_CLASSNAME,
-  CHIP_REMOVE_BUTTON_CLASSNAME,
-  composeChipClassName,
-};

package/src/components/label/hooks/index.ts

@@ -1,4 +0,0 @@
-/**
- * TODO(label): 접근성/상태 계산 hook을 정의한다.
- */
-export {};

package/src/components/label/index.scss

@@ -1 +0,0 @@
-@use "./styles/index.scss";

package/src/components/label/index.tsx

@@ -1,4 +0,0 @@
-/**
- * label 카테고리 배럴 placeholder: 실제 구현은 markup/ 하위에 추가한다.
- */
-export * from "./markup";

package/src/components/label/markup/index.tsx

@@ -1,4 +0,0 @@
-/**
- * TODO(label): SOT 및 사용자 제약에 따라 컴포넌트를 구현한다.
- */
-export {};

package/src/components/label/types/index.ts

@@ -1,4 +0,0 @@
-/**
- * TODO(label): variant/slot 타입 정의를 작성한다.
- */
-export {};

package/src/components/label/utils/index.ts

@@ -1,4 +0,0 @@
-/**
- * TODO(label): 토큰 매핑과 클래스명 유틸을 구현한다.
- */
-export {};