@uniai-fe/uds-primitives 0.3.30 → 0.3.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/styles.css +18 -19
  2. package/package.json +1 -1
  3. package/src/components/table/styles/foundation.scss +30 -19
package/dist/styles.css CHANGED
@@ -4621,7 +4621,7 @@ figure.chip {
4621
4621
  padding: 0;
4622
4622
  }
4623
4623
 
4624
- .table-cell-content[data-padding=default] .input[data-priority=table] {
4624
+ .table-cell-content[data-padding=default] > :where(.input[data-priority=table]) {
4625
4625
  width: calc(100% + var(--table-cell-padding-inline) * 2);
4626
4626
  height: 100%;
4627
4627
  min-height: calc(100% + var(--table-cell-padding-block) * 2);
@@ -4636,7 +4636,7 @@ figure.chip {
4636
4636
  height: 100%;
4637
4637
  }
4638
4638
 
4639
- .table-cell-content[data-padding=default] .input-date-field {
4639
+ .table-cell-content[data-padding=default] > :where(.input-date-field) {
4640
4640
  width: calc(100% + var(--table-cell-padding-inline) * 2);
4641
4641
  height: 100%;
4642
4642
  min-height: calc(100% + var(--table-cell-padding-block) * 2);
@@ -4644,32 +4644,31 @@ figure.chip {
4644
4644
  margin-block: calc(var(--table-cell-padding-block) * -1);
4645
4645
  }
4646
4646
 
4647
- .table-cell-content[data-padding=default] :where(.select.select-container) {
4647
+ .table-cell-content[data-padding=default] > :where(.select.select-container:has(.select-button[data-priority=table])) {
4648
4648
  width: calc(100% + var(--table-cell-padding-inline) * 2);
4649
- height: 100%;
4650
- min-height: calc(100% + var(--table-cell-padding-block) * 2);
4651
4649
  margin-inline: calc(var(--table-cell-padding-inline) * -1);
4652
4650
  margin-block: calc(var(--table-cell-padding-block) * -1);
4653
4651
  flex: 1 1 auto;
4654
4652
  }
4655
4653
 
4656
- .table-cell-content[data-padding=default] :where(.select.select-container .select-button) {
4654
+ .table-cell-content[data-padding=default] > :where(.select.select-container:has(.select-button[data-priority=table])) .select-button {
4657
4655
  width: 100%;
4658
- height: 100%;
4659
4656
  }
4660
4657
 
4661
- .table-cell-content[data-padding=none] :where(.input[data-priority=table],
4662
- .input[data-priority=table] .input-box,
4663
- .input[data-priority=table] .input-field,
4664
- .input-date-field,
4665
- .select.select-container,
4666
- .select.select-container .select-button),
4667
- .table-cell-content[data-no-padding=true] :where(.input[data-priority=table],
4668
- .input[data-priority=table] .input-box,
4669
- .input[data-priority=table] .input-field,
4670
- .input-date-field,
4671
- .select.select-container,
4672
- .select.select-container .select-button) {
4658
+ .table-cell-content[data-padding=none] > :where(.select.select-container:has(.select-button[data-priority=table])),
4659
+ .table-cell-content[data-no-padding=true] > :where(.select.select-container:has(.select-button[data-priority=table])) {
4660
+ width: 100%;
4661
+ margin: 0;
4662
+ }
4663
+
4664
+ .table-cell-content[data-padding=none] > :where(.input[data-priority=table]),
4665
+ .table-cell-content[data-no-padding=true] > :where(.input[data-priority=table]),
4666
+ .table-cell-content[data-padding=none] :where(.input[data-priority=table] .input-box,
4667
+ .input[data-priority=table] .input-field),
4668
+ .table-cell-content[data-no-padding=true] :where(.input[data-priority=table] .input-box,
4669
+ .input[data-priority=table] .input-field),
4670
+ .table-cell-content[data-padding=none] > :where(.input-date-field),
4671
+ .table-cell-content[data-no-padding=true] > :where(.input-date-field) {
4673
4672
  width: 100%;
4674
4673
  height: 100%;
4675
4674
  min-height: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-primitives",
3
- "version": "0.3.30",
3
+ "version": "0.3.32",
4
4
  "description": "UNIAI Design System; Primitives Components Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/components/table/styles/foundation.scss CHANGED
@@ -372,8 +372,9 @@
372
372
  padding: 0;
373
373
  }
374
374
 
375
- // 변경: table cell 내부에서는 input table이 셀 영역을 가득 채우도록 컨텍스트 규칙을 둔다.
376
- .table-cell-content[data-padding="default"] .input[data-priority="table"] {
375
+ // 변경: table cell 내부 full-bleed 제어는 직계 child 루트에만 적용해 내부 컴포넌트 스타일 역전을 방지한다.
376
+ .table-cell-content[data-padding="default"]
377
+ > :where(.input[data-priority="table"]) {
377
378
  width: calc(100% + (var(--table-cell-padding-inline) * 2));
378
379
  height: 100%;
379
380
  min-height: calc(100% + (var(--table-cell-padding-block) * 2));
@@ -390,7 +391,7 @@
390
391
  height: 100%;
391
392
  }
392
393
 
393
- .table-cell-content[data-padding="default"] .input-date-field {
394
+ .table-cell-content[data-padding="default"] > :where(.input-date-field) {
394
395
  width: calc(100% + (var(--table-cell-padding-inline) * 2));
395
396
  height: 100%;
396
397
  min-height: calc(100% + (var(--table-cell-padding-block) * 2));
@@ -398,39 +399,49 @@
398
399
  margin-block: calc(var(--table-cell-padding-block) * -1);
399
400
  }
400
401
 
401
- .table-cell-content[data-padding="default"] :where(.select.select-container) {
402
+ .table-cell-content[data-padding="default"]
403
+ > :where(
404
+ .select.select-container:has(.select-button[data-priority="table"])
405
+ ) {
402
406
  width: calc(100% + (var(--table-cell-padding-inline) * 2));
403
- height: 100%;
404
- min-height: calc(100% + (var(--table-cell-padding-block) * 2));
405
407
  margin-inline: calc(var(--table-cell-padding-inline) * -1);
406
408
  margin-block: calc(var(--table-cell-padding-block) * -1);
407
409
  flex: 1 1 auto;
408
410
  }
409
411
 
410
412
  .table-cell-content[data-padding="default"]
411
- :where(.select.select-container .select-button) {
413
+ > :where(.select.select-container:has(.select-button[data-priority="table"]))
414
+ .select-button {
415
+ // 변경 설명: select 버튼 높이는 select 컴포넌트 토큰(min-height/size) 계약을 우선한다.
412
416
  width: 100%;
413
- height: 100%;
414
417
  }
415
418
 
419
+ .table-cell-content[data-padding="none"]
420
+ > :where(.select.select-container:has(.select-button[data-priority="table"])),
421
+ .table-cell-content[data-no-padding="true"]
422
+ > :where(
423
+ .select.select-container:has(.select-button[data-priority="table"])
424
+ ) {
425
+ width: 100%;
426
+ margin: 0;
427
+ }
428
+
429
+ .table-cell-content[data-padding="none"]
430
+ > :where(.input[data-priority="table"]),
431
+ .table-cell-content[data-no-padding="true"]
432
+ > :where(.input[data-priority="table"]),
416
433
  .table-cell-content[data-padding="none"]
417
434
  :where(
418
- .input[data-priority="table"],
419
435
  .input[data-priority="table"] .input-box,
420
- .input[data-priority="table"] .input-field,
421
- .input-date-field,
422
- .select.select-container,
423
- .select.select-container .select-button
436
+ .input[data-priority="table"] .input-field
424
437
  ),
425
438
  .table-cell-content[data-no-padding="true"]
426
439
  :where(
427
- .input[data-priority="table"],
428
440
  .input[data-priority="table"] .input-box,
429
- .input[data-priority="table"] .input-field,
430
- .input-date-field,
431
- .select.select-container,
432
- .select.select-container .select-button
433
- ) {
441
+ .input[data-priority="table"] .input-field
442
+ ),
443
+ .table-cell-content[data-padding="none"] > :where(.input-date-field),
444
+ .table-cell-content[data-no-padding="true"] > :where(.input-date-field) {
434
445
  width: 100%;
435
446
  height: 100%;
436
447
  min-height: 100%;