@godxjp/ui 25.1.0 → 25.2.0

package/dist/components/data-entry/select.js

@@ -221,7 +221,7 @@ const SelectValue = React.forwardRef(function SelectValue2({ placeholder, childr
       className: className ?? "",
       style,
       ...props,
-      children: ({ isPlaceholder, defaultChildren }) => isPlaceholder ? placeholder ?? null : children ?? defaultChildren
+      children: ({ isPlaceholder, defaultChildren }) => isPlaceholder ? placeholder ?? "" : children ?? defaultChildren
     }
   );
 });

package/dist/components/general/button.js

@@ -17,7 +17,12 @@ const buttonVariants = cva("ui-button", {
       // (`--primary-hover`) could never take effect while `hover:bg-primary/90` was emitted here.
       default: "ui-button--default",
       destructive: "ui-button--destructive bg-destructive text-destructive-foreground",
-      outline: "ui-button--outline border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+      // `shadow-xs` từng nằm ở đây và mắc ĐÚNG lỗi đã nêu ngay trên cho `default`:
+      // một utility thì out-rank tầng components, nên bóng của nút outline đi vòng
+      // qua tầng token — consumer đặt `--shadow-sm: none` thì `default` sạch bóng còn
+      // `outline` trơ ra. Nay bóng khai ở `.ui-button--outline` và đọc `var(--shadow-sm)`
+      // như mọi biến thể khác, nên nó tắt/đổi được qua theme. (gh#662)
+      outline: "ui-button--outline border bg-background hover:bg-accent hover:text-accent-foreground",
       dashed: "ui-button--dashed border border-dashed bg-background hover:bg-accent hover:text-accent-foreground",
       secondary: "ui-button--secondary bg-secondary text-secondary-foreground hover:bg-secondary/80",
       ghost: "ui-button--ghost hover:bg-accent hover:text-accent-foreground",

package/dist/components/navigation/dropdown-menu.d.ts

@@ -139,7 +139,8 @@ type DropdownMenuContentProps = React.PropsWithChildren<DropdownMenuContentProps
  * phần tử mang `role="menu"`. `data-slot` và lớp `ui-dropdown-menu-content` ở lại trên HỘP, cùng
  * chỗ với `data-state` / `data-side` mà các utility animate đang đọc.
  *
- * `useInertHiddenBackground` đã được gỡ ở đây: RAC gọi `ariaHideOutside(..., {shouldUseInert:
+ * `useInertHiddenBackground` đã được gỡ ở đây, và nay đã rời hẳn `src/` sang
+ * `data-entry/__tests__/inert-background.fixture.ts` (gh#643): RAC gọi `ariaHideOutside(..., {shouldUseInert:
  * true})` — nền thành `inert` thật chứ không chỉ `aria-hidden`, nên axe `aria-hidden-focus` không
  * còn cửa để nổ. Và hiệu ứng đó khoá theo `state.isOpen`, không theo unmount, nên `inert` được nhả
  * NGAY ở ý định đóng: đúng lớp lỗi gh#385, đã sửa ở thượng nguồn. Phép đo là

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "25.1.0",
+  "version": "25.2.0",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/styles/control.css

@@ -132,6 +132,8 @@
     border: 1px solid hsl(var(--input));
     background: hsl(var(--background));
     color: hsl(var(--foreground));
+
+    box-shadow: var(--shadow-sm);
   }
 
   .ui-button--ghost {

package/dist/styles/text-layout.css

@@ -120,10 +120,14 @@
   }
 
   [data-slot="text"][data-link] {
-    text-decoration-line: none;
+    text-decoration-line: var(--text-link-decoration-line);
     text-underline-offset: var(--text-link-underline-offset);
     text-decoration-thickness: var(--text-link-underline-width);
   }
+
+  [data-slot="text"][data-link][data-tone="primary"]:not([data-disabled]) {
+    color: hsl(var(--text-link));
+  }
   [data-slot="text"][data-link]:hover,
   [data-slot="text"][data-link]:focus-visible {
     text-decoration-line: underline;

package/dist/tokens/components/text.css

@@ -1,9 +1,11 @@
 
 :root {
 
-  --text-link-underline-offset: 0.2em;
+  --text-link-underline-offset: 0.18em;
 
   --text-link-underline-width: auto;
+
+  --text-link-decoration-line: underline;
 }
 
 :root {

package/dist/tokens/foundation.css

@@ -39,7 +39,8 @@
 
   --text-tertiary: 44 5% 55%;
   --text-disabled: 40 6% 68%;
-  --text-link: 204 100% 39%;
+
+  --text-link: 268.3 100% 41.6%;
   --text-brand: 268.3 100% 41.6%;
 
   --text-primary: 268 100% 34.5%;
@@ -351,7 +352,7 @@
 
   --text-tertiary: 44 6% 56%;
   --text-disabled: 45 6% 40%;
-  --text-link: 204 90% 66%;
+  --text-link: 268.7 100% 86.9%;
   --text-brand: 268.7 100% 86.9%;
 
   --text-primary: 262.7 100% 92.7%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "25.1.0",
-  "godxUiMcp": "25.1.0",
+  "version": "25.2.0",
+  "godxUiMcp": "25.2.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/dist/components/general/inert-background.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-/**
- * Call from an overlay's content wrapper, and spread the returned ref onto the Radix content
- * element itself — that element is what carries `data-state`, and registering it is what lets the
- * background be released on close intent rather than on unmount (gh#385).
- *
- * The caller's own forwarded ref is composed in, so a content component still hands its node to
- * the consumer. Idempotent and refcounted: one observer serves every overlay on the page.
- */
-export declare function useInertHiddenBackground<T extends HTMLElement>(forwarded?: React.Ref<T>): (node: T | null) => void;

package/dist/components/general/inert-background.js

@@ -1,73 +0,0 @@
-"use client";
-import * as React from "react";
-const TABBABLE = 'a[href], area[href], button, input, select, textarea, iframe, object, embed, details, audio[controls], video[controls], [contenteditable="true"], [tabindex]:not([tabindex^="-"])';
-const owned = /* @__PURE__ */ new Set();
-const anchors = /* @__PURE__ */ new Set();
-let observer = null;
-let mounted = 0;
-function anyOverlayOpen() {
-  for (const anchor of anchors) {
-    if (anchor.isConnected && anchor.getAttribute("data-state") !== "closed") return true;
-  }
-  return false;
-}
-function sync() {
-  if (!anyOverlayOpen()) {
-    release();
-    return;
-  }
-  for (const el of document.querySelectorAll("[data-aria-hidden]")) {
-    if (owned.has(el) || el.hasAttribute("inert")) continue;
-    if (el.matches("[data-radix-focus-guard]")) continue;
-    if (el.matches(TABBABLE) || el.querySelector(TABBABLE)) {
-      el.setAttribute("inert", "");
-      owned.add(el);
-    }
-  }
-  for (const el of [...owned]) {
-    if (el.isConnected && el.hasAttribute("data-aria-hidden")) continue;
-    el.removeAttribute("inert");
-    owned.delete(el);
-  }
-}
-function release() {
-  for (const el of owned) el.removeAttribute("inert");
-  owned.clear();
-}
-function useInertHiddenBackground(forwarded) {
-  React.useEffect(() => {
-    mounted += 1;
-    if (!observer) {
-      observer = new MutationObserver(sync);
-      observer.observe(document.body, {
-        subtree: true,
-        attributes: true,
-        // `data-state` is the close-intent signal; `data-aria-hidden` is the what-to-hide signal.
-        attributeFilter: ["data-aria-hidden", "data-state"]
-      });
-    }
-    sync();
-    return () => {
-      mounted -= 1;
-      if (mounted > 0) return;
-      observer?.disconnect();
-      observer = null;
-      release();
-    };
-  }, []);
-  const registered = React.useRef(null);
-  const forwardedRef = React.useRef(forwarded);
-  forwardedRef.current = forwarded;
-  return React.useCallback((node) => {
-    if (registered.current) anchors.delete(registered.current);
-    registered.current = node;
-    if (node) anchors.add(node);
-    sync();
-    const target = forwardedRef.current;
-    if (typeof target === "function") target(node);
-    else if (target) target.current = node;
-  }, []);
-}
-export {
-  useInertHiddenBackground
-};