@uniai-fe/uds-primitives 0.3.49 → 0.3.51

package/dist/styles.css

@@ -1341,10 +1341,6 @@
   max-width: 100%;
 }
 
-.calendar-trigger {
-  width: 100%;
-}
-
 .calendar-container {
   display: grid;
   gap: var(--spacing-gap-3);
@@ -4494,10 +4490,10 @@ figure.chip {
   height: var(--table-line-cell-height-body);
 }
 .table[data-layout=line] :where(.table-body) :where(.table-native-cell):where(.table-th) :where(.table-native-cell-text) {
-  font-weight: 600;
+  --table-th-text-weight: 600;
 }
 .table[data-layout=line] :where(.table-body) :where(.table-native-cell):where(.table-th) :where(.table-cell-text) {
-  font-weight: 600;
+  --table-th-text-weight: 600;
 }
 .table[data-layout=line] :where(.table-foot) :where(.table-native-cell):where(.table-td) {
   height: var(--table-line-cell-height-body);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.3.49",
+  "version": "0.3.51",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,

package/src/components/calendar/markup/Root.tsx

@@ -112,6 +112,13 @@ const CalendarRoot = forwardRef<HTMLElement, CalendarRootProps>(
           alignOffset={alignOffset}
           withPortal={withPortal}
           portalContainer={portalContainer}
+          onInteractOutside={event => {
+            // 변경 설명: trigger 클릭은 outside dismiss에서 제외해 close 후 즉시 reopen 경합을 방지한다.
+            const nextTarget = event.target as HTMLElement | null;
+            if (nextTarget?.closest(".calendar-trigger")) {
+              event.preventDefault();
+            }
+          }}
         >
           {/* calendar 스킨 class는 content 내부에 고정한다. */}
           <div className="calendar-root">{calendarNode}</div>

package/src/components/calendar/styles/layout.scss

@@ -3,10 +3,6 @@
   max-width: 100%;
 }
 
-.calendar-trigger {
-  width: 100%;
-}
-
 .calendar-container {
   display: grid;
   gap: var(--spacing-gap-3);

package/src/components/table/styles/foundation.scss

@@ -82,11 +82,11 @@
       :where(.table-native-cell) {
         &:where(.table-th) {
           :where(.table-native-cell-text) {
-            font-weight: 600;
+            --table-th-text-weight: 600;
           }
 
           :where(.table-cell-text) {
-            font-weight: 600;
+            --table-th-text-weight: 600;
           }
         }
       }