@uniai-fe/uds-primitives 0.5.0 → 0.5.2
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.
package/dist/styles.css
CHANGED
|
@@ -743,11 +743,9 @@
|
|
|
743
743
|
--tab-disabled-opacity: 0.4;
|
|
744
744
|
--table-border-color: var(--color-border-standard-cool-gray);
|
|
745
745
|
--table-line-head-background-color: var(--color-surface-static-cool-gray);
|
|
746
|
-
--table-grid-head-background-color: var(
|
|
747
|
-
--color-surface-static-cool-gray-darker
|
|
748
|
-
);
|
|
746
|
+
--table-grid-head-background-color: var(--color-surface-static-cool-gray);
|
|
749
747
|
--table-grid-row-header-background-color: var(
|
|
750
|
-
--color-surface-static-cool-gray
|
|
748
|
+
--color-surface-static-cool-gray
|
|
751
749
|
);
|
|
752
750
|
--table-grid-row-highlight-background-color: rgba(229, 238, 255, 0.52);
|
|
753
751
|
--table-cell-background-color: var(--color-surface-static-white);
|
package/package.json
CHANGED
|
@@ -139,12 +139,23 @@ export function SelectDefault<OptionData = unknown>({
|
|
|
139
139
|
// 7) 외부 items 변경 시 value 규칙으로 내부 선택 state를 재동기화한다.
|
|
140
140
|
useEffect(() => {
|
|
141
141
|
setUncontrolledSelectedValue(previousSelectedValue => {
|
|
142
|
+
if (
|
|
143
|
+
customOptions &&
|
|
144
|
+
isSameSelectedValue(
|
|
145
|
+
previousSelectedValue,
|
|
146
|
+
SELECT_CUSTOM_OPTION_VALUE,
|
|
147
|
+
) &&
|
|
148
|
+
selectedValueFromItems === undefined
|
|
149
|
+
) {
|
|
150
|
+
// 변경 설명: custom option은 mergedOptions에만 주입되므로 source items 재동기화가 첫 클릭 CUSTOM 상태를 지우지 않게 한다.
|
|
151
|
+
return previousSelectedValue;
|
|
152
|
+
}
|
|
142
153
|
if (isSameSelectedValue(previousSelectedValue, selectedValueFromItems)) {
|
|
143
154
|
return previousSelectedValue;
|
|
144
155
|
}
|
|
145
156
|
return selectedValueFromItems;
|
|
146
157
|
});
|
|
147
|
-
}, [selectedValueFromItems]);
|
|
158
|
+
}, [customOptions, selectedValueFromItems]);
|
|
148
159
|
|
|
149
160
|
// 8) value 기반으로 현재 선택 option을 계산한다.
|
|
150
161
|
const selectedOption = useMemo(
|
|
@@ -2,12 +2,9 @@
|
|
|
2
2
|
// 변경: Figma(705:12000, 726:14739) 값을 foundation 토큰으로 역매핑한 table 모듈 전용 토큰 레이어.
|
|
3
3
|
--table-border-color: var(--color-border-standard-cool-gray);
|
|
4
4
|
--table-line-head-background-color: var(--color-surface-static-cool-gray);
|
|
5
|
-
--table-grid-head-background-color: var(
|
|
6
|
-
--color-surface-static-cool-gray-darker
|
|
7
|
-
);
|
|
8
|
-
// 변경: grid body row-header(th)는 Figma 기준으로 static-cool-gray-darker를 유지한다.
|
|
5
|
+
--table-grid-head-background-color: var(--color-surface-static-cool-gray);
|
|
9
6
|
--table-grid-row-header-background-color: var(
|
|
10
|
-
--color-surface-static-cool-gray
|
|
7
|
+
--color-surface-static-cool-gray
|
|
11
8
|
);
|
|
12
9
|
// 변경: grid highlighted row의 데이터 셀(td)은 blue tint(52%)를 사용한다.
|
|
13
10
|
--table-grid-row-highlight-background-color: rgba(229, 238, 255, 0.52);
|