@uniai-fe/uds-primitives 0.3.31 → 0.3.33

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 (6) hide show
  1. package/dist/styles.css +13 -11
  2. package/package.json +1 -1
  3. package/src/components/select/markup/Default.tsx +1 -1
  4. package/src/components/select/markup/multiple/Multiple.tsx +1 -1
  5. package/src/components/select/types/props.ts +1 -1
  6. package/src/components/table/styles/foundation.scss +19 -14
package/dist/styles.css CHANGED
@@ -4644,29 +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
4656
  }
4659
4657
 
4660
- .table-cell-content[data-padding=none] > :where(.input[data-priority=table],
4661
- .input-date-field,
4662
- .select.select-container),
4663
- .table-cell-content[data-no-padding=true] > :where(.input[data-priority=table],
4664
- .input-date-field,
4665
- .select.select-container),
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
4666
  .table-cell-content[data-padding=none] :where(.input[data-priority=table] .input-box,
4667
4667
  .input[data-priority=table] .input-field),
4668
4668
  .table-cell-content[data-no-padding=true] :where(.input[data-priority=table] .input-box,
4669
- .input[data-priority=table] .input-field) {
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) {
4670
4672
  width: 100%;
4671
4673
  height: 100%;
4672
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.31",
3
+ "version": "0.3.33",
4
4
  "description": "UNIAI Design System; Primitives Components Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/components/select/markup/Default.tsx CHANGED
@@ -74,7 +74,7 @@ export function SelectDefault<OptionData = unknown>({
74
74
  disabled,
75
75
  readOnly,
76
76
  buttonType,
77
- items,
77
+ items = [],
78
78
  onSelectOption,
79
79
  onSelectChange,
80
80
  dropdownOptions,
package/src/components/select/markup/multiple/Multiple.tsx CHANGED
@@ -54,7 +54,7 @@ export function SelectMultipleTrigger<OptionData = unknown>({
54
54
  disabled,
55
55
  readOnly,
56
56
  tags,
57
- items,
57
+ items = [],
58
58
  onSelectOption,
59
59
  onSelectChange,
60
60
  dropdownOptions: dropdown,
package/src/components/select/types/props.ts CHANGED
@@ -242,7 +242,7 @@ export interface SelectDropdownConfigProps<
242
242
  /**
243
243
  * dropdown item 리스트
244
244
  */
245
- items: SelectDropdownOption<OptionData, DataOptionality>[];
245
+ items?: SelectDropdownOption<OptionData, DataOptionality>[];
246
246
  /**
247
247
  * option 선택 액션 콜백
248
248
  */
package/src/components/table/styles/foundation.scss CHANGED
@@ -399,34 +399,37 @@
399
399
  margin-block: calc(var(--table-cell-padding-block) * -1);
400
400
  }
401
401
 
402
- .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
+ ) {
403
406
  width: calc(100% + (var(--table-cell-padding-inline) * 2));
404
- height: 100%;
405
- min-height: calc(100% + (var(--table-cell-padding-block) * 2));
406
407
  margin-inline: calc(var(--table-cell-padding-inline) * -1);
407
408
  margin-block: calc(var(--table-cell-padding-block) * -1);
408
409
  flex: 1 1 auto;
409
410
  }
410
411
 
411
412
  .table-cell-content[data-padding="default"]
412
- > :where(.select.select-container)
413
+ > :where(.select.select-container:has(.select-button[data-priority="table"]))
413
414
  .select-button {
414
415
  // 변경 설명: select 버튼 높이는 select 컴포넌트 토큰(min-height/size) 계약을 우선한다.
415
416
  width: 100%;
416
417
  }
417
418
 
418
419
  .table-cell-content[data-padding="none"]
419
- > :where(
420
- .input[data-priority="table"],
421
- .input-date-field,
422
- .select.select-container
423
- ),
420
+ > :where(.select.select-container:has(.select-button[data-priority="table"])),
424
421
  .table-cell-content[data-no-padding="true"]
425
422
  > :where(
426
- .input[data-priority="table"],
427
- .input-date-field,
428
- .select.select-container
429
- ),
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"]),
430
433
  .table-cell-content[data-padding="none"]
431
434
  :where(
432
435
  .input[data-priority="table"] .input-box,
@@ -436,7 +439,9 @@
436
439
  :where(
437
440
  .input[data-priority="table"] .input-box,
438
441
  .input[data-priority="table"] .input-field
439
- ) {
442
+ ),
443
+ .table-cell-content[data-padding="none"] > :where(.input-date-field),
444
+ .table-cell-content[data-no-padding="true"] > :where(.input-date-field) {
440
445
  width: 100%;
441
446
  height: 100%;
442
447
  min-height: 100%;