sellmate-design-system-react 9.0.0-beta.7 → 9.0.0-beta.8

package/dist/components/STabs/README.md

@@ -10,7 +10,6 @@
 |------|------|---------|-------------|
 | `value` | `string` | — | 현재 선택된 탭 value |
 | `tabs` | `STabOption[]` | — | 탭 옵션 목록 |
-| `size?` | `STabSize` | `'md'` | 탭 크기 (main 전용) |
 | `isSub?` | `boolean` | `false` | 서브 탭(밑줄형) 스타일 |
 | `vertical?` | `boolean` | `false` | 세로 배치 (sub 전용 — main 폴더형은 항상 가로) |
 | `className?` | `string` | — |  |

package/dist/components/STabs/STabs.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties } from 'react';
-import { type STabSize, type STabOption } from './tabs.config';
+import { type STabOption } from './tabs.config';
 export interface STabsProps {
     /** 현재 선택된 탭 value */
     value: string;
@@ -7,8 +7,6 @@ export interface STabsProps {
     tabs: STabOption[];
     /** 탭 변경 (sdUpdate) */
     onValueChange?: (value: string) => void;
-    /** 탭 크기 (main 전용) */
-    size?: STabSize;
     /** 서브 탭(밑줄형) 스타일 */
     isSub?: boolean;
     /** 세로 배치 (sub 전용 — main 폴더형은 항상 가로) */
@@ -21,4 +19,4 @@ export interface STabsProps {
  * main = 폴더형(탭 줄에 파란 baseline, 탭은 위쪽만 둥글고 하단 테두리 없음),
  * sub = 밑줄형(선택 시 하단 라인). 뱃지(STag), 세로 배치, value 제어 + onValueChange(sdUpdate).
  */
-export declare function STabs({ value, tabs, onValueChange, size, isSub, vertical, className, style, }: STabsProps): import("react").JSX.Element;
+export declare function STabs({ value, tabs, onValueChange, isSub, vertical, className, style, }: STabsProps): import("react").JSX.Element;

package/dist/components/STabs/index.d.ts

@@ -1,2 +1,2 @@
 export { STabs, type STabsProps } from './STabs';
-export { type STabOption, type STabSize } from './tabs.config';
+export { type STabOption } from './tabs.config';

package/dist/components/STabs/tabs.config.d.ts

@@ -1,14 +1,13 @@
-export type STabSize = 'md' | 'lg';
 export interface STabOption {
     label: string;
     value: string;
     badge?: string | number;
 }
-/** main(분절형) 사이즈별 레이아웃 — size는 높이·패딩만 바꾸고 폰트는 고정 */
-export declare const TAB_MAIN_SIZE: Record<STabSize, {
+/** main(분절형) 레이아웃 */
+export declare const TAB_MAIN_SIZE: {
     height: number;
     paddingX: number;
-}>;
+};
 /** 탭 타이포 (main/sub 공통, token: typography.navigation.sm) */
 export declare const TAB_TYPOGRAPHY: {
     fontSize: number;

package/dist/index.cjs

@@ -9232,10 +9232,7 @@ var PAGE_BACKGROUNDS = ["frame", "neutral", "screen"];
 var PAGE_CONTENT_HEIGHTS = ["auto", "fill"];
 
 // src/components/STabs/tabs.config.ts
-var TAB_MAIN_SIZE = {
-  md: { height: 36, paddingX: 24 },
-  lg: { height: 44, paddingX: 32 }
-};
+var TAB_MAIN_SIZE = { height: 36, paddingX: 24 };
 var TAB_TYPOGRAPHY = { fontSize: 12, lineHeight: 20 };
 var TAB_MAIN_COLORS = {
   selected: {
@@ -9257,13 +9254,11 @@ function STabs({
   value,
   tabs,
   onValueChange,
-  size = "md",
   isSub = false,
   vertical = false,
   className,
   style
 }) {
-  const s = TAB_MAIN_SIZE[size];
   const blue = TAB_MAIN_COLORS.selected.border;
   const isVertical = isSub && vertical;
   const tabRefs = react.useRef([]);
@@ -9304,8 +9299,8 @@ function STabs({
           const border = selected ? TAB_MAIN_COLORS.selected.border : TAB_MAIN_COLORS.default.border;
           const selectedBg = TAB_MAIN_COLORS.selected.bg;
           tabStyle = {
-            height: s.height,
-            padding: `0 ${s.paddingX}px`,
+            height: TAB_MAIN_SIZE.height,
+            padding: `0 ${TAB_MAIN_SIZE.paddingX}px`,
             fontSize: TAB_TYPOGRAPHY.fontSize,
             lineHeight: `${TAB_TYPOGRAPHY.lineHeight}px`,
             background: selected ? TAB_MAIN_COLORS.selected.bg : TAB_MAIN_COLORS.default.bg,