@uniai-fe/uds-primitives 0.4.6 → 0.4.8

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

@@ -5,13 +5,17 @@ import type {
   TabsTriggerProps,
 } from "@radix-ui/react-tabs";
 import type { ReactNode } from "react";
+import type { SlotTextProps } from "../../slot";
 
-export const TAB_VARIANTS = ["line", "fill"] as const;
-export const TAB_SCALES = ["small", "medium", "large"] as const;
-
-export type TabVariant = (typeof TAB_VARIANTS)[number];
-export type TabScale = (typeof TAB_SCALES)[number];
+export type TabVariant = "line" | "fill";
+export type TabScale = "small" | "medium" | "large";
 
+/**
+ * Tab Types; Root props
+ * @property {TabVariant} [variant] line / fill 스타일 변형
+ * @property {TabScale} [scale] small / medium / large 스케일
+ * @property {string} [color] 활성 색상(CSS 변수 포함)
+ */
 export interface TabRootProps extends TabsProps {
   /**
    * line / fill 스타일 토글. 기본 line.
@@ -27,6 +31,13 @@ export interface TabRootProps extends TabsProps {
   color?: string;
 }
 
+/**
+ * Tab Types; List props
+ * @property {TabVariant} [variant] 루트 variant override
+ * @property {TabScale} [scale] 루트 scale override
+ * @property {string} [color] 리스트 단위 활성 색상 override
+ * @property {boolean} [fullWidth] true면 trigger를 균등 분배
+ */
 export interface TabListProps extends TabsListProps {
   /**
    * 루트와 동일한 variant를 재지정할 수 있다.
@@ -46,6 +57,10 @@ export interface TabListProps extends TabsListProps {
   fullWidth?: boolean;
 }
 
+/**
+ * Tab Types; Trigger props
+ * @property {React.ReactNode} [icon] 라벨 앞에 표시할 아이콘
+ */
 export interface TabTriggerProps extends TabsTriggerProps {
   /**
    * label 앞에 표시할 아이콘.
@@ -53,4 +68,12 @@ export interface TabTriggerProps extends TabsTriggerProps {
   icon?: ReactNode;
 }
 
-export type TabContentProps = TabsContentProps;
+/**
+ * Tab Types; Content props
+ */
+export interface TabContentProps extends TabsContentProps {}
+
+/**
+ * Tab Types; Label props
+ */
+export type TabLabelProps = SlotTextProps;

package/src/components/tab/utils/tab-context.ts

@@ -5,16 +5,11 @@ interface TabContextValue {
   variant: TabVariant;
   color: string;
   scale: TabScale;
-  setSharedConfig?: (
-    nextVariant: TabVariant,
-    nextColor: string,
-    nextScale: TabScale,
-  ) => void;
 }
 
 const DEFAULT_TAB_CONTEXT_VALUE: TabContextValue = {
   variant: "line",
-  color: "var(--tab-color-active-default, #1a6aff)",
+  color: "var(--tab-color-active-default)",
   scale: "medium",
 };
 

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

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

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

@@ -1,21 +0,0 @@
-import clsx from "clsx";
-import type { BadgeClassNameOptions } from "../types";
-
-const BADGE_CLASSNAME = "badge";
-
-/**
- * Badge 데이터 축을 className 구조로 묶어서 Story/override 시 일관되게 쓴다.
- */
-const composeBadgeClassName = ({
-  size,
-  style,
-  className,
-}: BadgeClassNameOptions) =>
-  clsx(
-    BADGE_CLASSNAME,
-    `${BADGE_CLASSNAME}--size-${size}`,
-    `${BADGE_CLASSNAME}--style-${style}`,
-    className,
-  );
-
-export { BADGE_CLASSNAME, composeBadgeClassName };

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

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