@uniai-fe/uds-primitives 0.3.29 → 0.3.31

package/dist/styles.css

@@ -4621,7 +4621,7 @@ figure.chip {
   padding: 0;
 }
 
-.table-cell-content[data-padding=default] .input[data-priority=table] {
+.table-cell-content[data-padding=default] > :where(.input[data-priority=table]) {
   width: calc(100% + var(--table-cell-padding-inline) * 2);
   height: 100%;
   min-height: calc(100% + var(--table-cell-padding-block) * 2);
@@ -4636,7 +4636,7 @@ figure.chip {
   height: 100%;
 }
 
-.table-cell-content[data-padding=default] .input-date-field {
+.table-cell-content[data-padding=default] > :where(.input-date-field) {
   width: calc(100% + var(--table-cell-padding-inline) * 2);
   height: 100%;
   min-height: calc(100% + var(--table-cell-padding-block) * 2);
@@ -4644,7 +4644,7 @@ figure.chip {
   margin-block: calc(var(--table-cell-padding-block) * -1);
 }
 
-.table-cell-content[data-padding=default] :where(.select.select-container) {
+.table-cell-content[data-padding=default] > :where(.select.select-container) {
   width: calc(100% + var(--table-cell-padding-inline) * 2);
   height: 100%;
   min-height: calc(100% + var(--table-cell-padding-block) * 2);
@@ -4653,23 +4653,20 @@ figure.chip {
   flex: 1 1 auto;
 }
 
-.table-cell-content[data-padding=default] :where(.select.select-container .select-button) {
+.table-cell-content[data-padding=default] > :where(.select.select-container) .select-button {
   width: 100%;
-  height: 100%;
 }
 
-.table-cell-content[data-padding=none] :where(.input[data-priority=table],
-.input[data-priority=table] .input-box,
-.input[data-priority=table] .input-field,
+.table-cell-content[data-padding=none] > :where(.input[data-priority=table],
 .input-date-field,
-.select.select-container,
-.select.select-container .select-button),
-.table-cell-content[data-no-padding=true] :where(.input[data-priority=table],
-.input[data-priority=table] .input-box,
-.input[data-priority=table] .input-field,
+.select.select-container),
+.table-cell-content[data-no-padding=true] > :where(.input[data-priority=table],
 .input-date-field,
-.select.select-container,
-.select.select-container .select-button) {
+.select.select-container),
+.table-cell-content[data-padding=none] :where(.input[data-priority=table] .input-box,
+.input[data-priority=table] .input-field),
+.table-cell-content[data-no-padding=true] :where(.input[data-priority=table] .input-box,
+.input[data-priority=table] .input-field) {
   width: 100%;
   height: 100%;
   min-height: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.3.29",
+  "version": "0.3.31",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,
@@ -15,7 +15,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "packageManager": "pnpm@10.30.2",
+  "packageManager": "pnpm@10.30.3",
   "engines": {
     "node": ">=24",
     "pnpm": ">=10"

package/src/components/table/styles/foundation.scss

@@ -372,8 +372,9 @@
   padding: 0;
 }
 
-// 변경: table cell 내부에서는 input table이 셀 영역을 가득 채우도록 컨텍스트 규칙을 둔다.
-.table-cell-content[data-padding="default"] .input[data-priority="table"] {
+// 변경: table cell 내부 full-bleed 제어는 직계 child 루트에만 적용해 내부 컴포넌트 스타일 역전을 방지한다.
+.table-cell-content[data-padding="default"]
+  > :where(.input[data-priority="table"]) {
   width: calc(100% + (var(--table-cell-padding-inline) * 2));
   height: 100%;
   min-height: calc(100% + (var(--table-cell-padding-block) * 2));
@@ -390,7 +391,7 @@
   height: 100%;
 }
 
-.table-cell-content[data-padding="default"] .input-date-field {
+.table-cell-content[data-padding="default"] > :where(.input-date-field) {
   width: calc(100% + (var(--table-cell-padding-inline) * 2));
   height: 100%;
   min-height: calc(100% + (var(--table-cell-padding-block) * 2));
@@ -398,7 +399,7 @@
   margin-block: calc(var(--table-cell-padding-block) * -1);
 }
 
-.table-cell-content[data-padding="default"] :where(.select.select-container) {
+.table-cell-content[data-padding="default"] > :where(.select.select-container) {
   width: calc(100% + (var(--table-cell-padding-inline) * 2));
   height: 100%;
   min-height: calc(100% + (var(--table-cell-padding-block) * 2));
@@ -408,28 +409,33 @@
 }
 
 .table-cell-content[data-padding="default"]
-  :where(.select.select-container .select-button) {
+  > :where(.select.select-container)
+  .select-button {
+  // 변경 설명: select 버튼 높이는 select 컴포넌트 토큰(min-height/size) 계약을 우선한다.
   width: 100%;
-  height: 100%;
 }
 
 .table-cell-content[data-padding="none"]
-  :where(
+  > :where(
     .input[data-priority="table"],
-    .input[data-priority="table"] .input-box,
-    .input[data-priority="table"] .input-field,
     .input-date-field,
-    .select.select-container,
-    .select.select-container .select-button
+    .select.select-container
   ),
 .table-cell-content[data-no-padding="true"]
-  :where(
+  > :where(
     .input[data-priority="table"],
-    .input[data-priority="table"] .input-box,
-    .input[data-priority="table"] .input-field,
     .input-date-field,
-    .select.select-container,
-    .select.select-container .select-button
+    .select.select-container
+  ),
+.table-cell-content[data-padding="none"]
+  :where(
+    .input[data-priority="table"] .input-box,
+    .input[data-priority="table"] .input-field
+  ),
+.table-cell-content[data-no-padding="true"]
+  :where(
+    .input[data-priority="table"] .input-box,
+    .input[data-priority="table"] .input-field
   ) {
   width: 100%;
   height: 100%;

package/src/components/table/types/foundation.ts

@@ -139,7 +139,8 @@ export interface TableColumnData<
 
 /**
  * Table Types; Container props
- * @property {TableColumnData[]} [columns] colgroup/head 자동 렌더링용 column 데이터
+ * @template RowData columns dataKey가 참조할 row 데이터 타입
+ * @property {TableColumnData<RowData>[]} [columns] colgroup/head 자동 렌더링용 column 데이터
  * @property {boolean} [isCustomBody] true면 body wrapper 없이 children을 직접 렌더링
  * @property {boolean} [scrollable=false] true면 외부 스크롤 래퍼를 추가한다.
  * @property {"x" | "y" | "both"} [scrollAxis="x"] scrollable일 때 스크롤 축
@@ -147,11 +148,13 @@ export interface TableColumnData<
  * @property {React.ReactNode} [footer] footer 노드
  * @property {React.ReactNode} [children] body 콘텐츠
  */
-export interface TableContainerProps extends TableRootProps {
+export interface TableContainerProps<
+  RowData extends Record<string, unknown> = Record<string, unknown>,
+> extends TableRootProps {
   /**
    * colgroup/head 자동 렌더링용 column 데이터
    */
-  columns?: TableColumnData[];
+  columns?: TableColumnData<RowData>[];
   /**
    * true면 body wrapper 없이 children을 직접 렌더링
    */