sellmate-design-system-react 0.11.0 → 1.0.0

package/dist/components/STable/STable.d.ts

@@ -25,7 +25,8 @@ export interface STableColumn {
     render?: (row: SRow, value: any) => ReactNode;
     /** 헤더 셀 커스텀 렌더 (React 확장) */
     renderHeader?: (column: STableColumn, index: number) => ReactNode;
-    tdClass?: string;
+    /** 본문 셀 커스텀 클래스. 함수를 주면 행마다 다른 클래스를 반환할 수 있다 */
+    tdClass?: string | ((row: SRow) => string | undefined);
     /** 헤더 셀 커스텀 클래스/스타일 (sd-table thClass/thStyle) */
     thClass?: string;
     thStyle?: CSSProperties;

package/dist/components/STable/STable.js

@@ -3508,7 +3508,7 @@ var STooltip = forwardRef(function STooltip2({
   if (disabled || body == null) return /* @__PURE__ */ jsx(Fragment, { children: triggerNode });
   const isHover = trigger === "hover";
   const contentClass = cn(
-    "z-50 w-fit whitespace-nowrap rounded-[6px] px-[16px] py-[12px] text-[12px] leading-[20px]",
+    "z-50 w-fit whitespace-nowrap rounded-[6px] px-[16px] py-[12px] text-[12px] leading-[20px] shadow-normal-sm",
     FLOATING_SLIDE_ANIM,
     className
   );
@@ -4937,7 +4937,7 @@ var STable = forwardRef(function STable2({
                                     rowBg,
                                     "group-hover:bg-[var(--color-grey-05)]",
                                     stickyShadowClass(i),
-                                    col.tdClass
+                                    typeof col.tdClass === "function" ? col.tdClass(row) : col.tdClass
                                   ),
                                   style: {
                                     paddingLeft: cellPadX,