@uniai-fe/uds-primitives 0.3.45 → 0.3.46

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 (5) hide show
  1. package/dist/styles.css +5 -6
  2. package/package.json +1 -1
  3. package/src/components/select/markup/foundation/Selected.tsx +4 -1
  4. package/src/components/select/styles/select.scss +3 -3
  5. package/src/components/select/styles/variables.scss +2 -6
package/dist/styles.css CHANGED
@@ -534,14 +534,10 @@
534
534
  --select-table-border-focus-color: var(--input-border-active-color);
535
535
  --select-table-border-error-color: var(--input-border-error-color);
536
536
  --select-table-border-disabled-color: var(--input-border-disabled-color);
537
- --select-table-border-readonly-color: var(
538
- --select-table-border-disabled-color
539
- );
537
+ --select-table-border-readonly-color: transparent;
540
538
  --select-table-surface-color: transparent;
541
539
  --select-table-surface-disabled-color: var(--input-surface-disabled-color);
542
- --select-table-surface-readonly-color: var(
543
- --select-table-surface-disabled-color
544
- );
540
+ --select-table-surface-readonly-color: transparent;
545
541
  --select-table-color-text: var(--input-text-color);
546
542
  --select-table-color-text-readonly: var(--select-primary-color-text-readonly);
547
543
  --select-table-color-placeholder: var(--input-placeholder-color);
@@ -3963,6 +3959,9 @@ figure.chip {
3963
3959
  height: var(--select-secondary-underline-width-default);
3964
3960
  }
3965
3961
  .select-button:where([data-priority=table]):where([data-readonly=true]) {
3962
+ border-color: var(--select-table-border-readonly-color);
3963
+ background-color: var(--select-table-surface-readonly-color);
3964
+ cursor: not-allowed;
3966
3965
  --select-icon-fill: var(--select-table-icon-color-disabled);
3967
3966
  }
3968
3967
  .select-button:where(:not([data-priority=secondary])):where([data-state=disabled]), .select-button:where(:not([data-priority=secondary])):disabled {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-primitives",
3
- "version": "0.3.45",
3
+ "version": "0.3.46",
4
4
  "description": "UNIAI Design System; Primitives Components Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/components/select/markup/foundation/Selected.tsx CHANGED
@@ -59,6 +59,9 @@ const SelectTriggerSelected = ({
59
59
  const resolvedLabelText = valueText || toInputText(label);
60
60
  const isLabelTextLike =
61
61
  typeof label === "string" || typeof label === "number";
62
+ // 변경 설명: readOnly에서 non-text label을 직접 렌더링하되, placeholder 상태일 때는 input placeholder 경로를 유지한다.
63
+ const shouldRenderReadonlyLabelNode =
64
+ readOnly && !isLabelTextLike && !isPlaceholder;
62
65
 
63
66
  // 3) custom mode 활성 시에만 label input focus를 부여한다.
64
67
  useEffect(() => {
@@ -71,7 +74,7 @@ const SelectTriggerSelected = ({
71
74
 
72
75
  return (
73
76
  <div className="select-value">
74
- {readOnly && !isLabelTextLike ? (
77
+ {shouldRenderReadonlyLabelNode ? (
75
78
  // 변경 설명: readonly + ReactNode label일 때는 문자열 변환 없이 label 노드를 직접 렌더링한다.
76
79
  <div
77
80
  className={clsx("select-input-label", inputProps?.className, {
package/src/components/select/styles/select.scss CHANGED
@@ -192,9 +192,9 @@
192
192
  }
193
193
 
194
194
  &:where([data-priority="table"]):where([data-readonly="true"]) {
195
- // border-color: var(--select-table-border-readonly-color);
196
- // background-color: var(--select-table-surface-readonly-color);
197
- // cursor: not-allowed;
195
+ border-color: var(--select-table-border-readonly-color);
196
+ background-color: var(--select-table-surface-readonly-color);
197
+ cursor: not-allowed;
198
198
  --select-icon-fill: var(--select-table-icon-color-disabled);
199
199
  }
200
200
 
package/src/components/select/styles/variables.scss CHANGED
@@ -37,14 +37,10 @@
37
37
  --select-table-border-focus-color: var(--input-border-active-color);
38
38
  --select-table-border-error-color: var(--input-border-error-color);
39
39
  --select-table-border-disabled-color: var(--input-border-disabled-color);
40
- --select-table-border-readonly-color: var(
41
- --select-table-border-disabled-color
42
- );
40
+ --select-table-border-readonly-color: transparent;
43
41
  --select-table-surface-color: transparent;
44
42
  --select-table-surface-disabled-color: var(--input-surface-disabled-color);
45
- --select-table-surface-readonly-color: var(
46
- --select-table-surface-disabled-color
47
- );
43
+ --select-table-surface-readonly-color: transparent;
48
44
  --select-table-color-text: var(--input-text-color);
49
45
  --select-table-color-text-readonly: var(--select-primary-color-text-readonly);
50
46
  --select-table-color-placeholder: var(--input-placeholder-color);