@uniai-fe/uds-primitives 0.3.30 → 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.30",
+  "version": "0.3.31",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,

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%;