@godxjp/ui 16.9.0 → 16.9.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.
|
@@ -104,7 +104,7 @@ function Badge({
|
|
|
104
104
|
...props,
|
|
105
105
|
children: [
|
|
106
106
|
ResolvedIcon ? /* @__PURE__ */ jsx(ResolvedIcon, { "data-slot": "badge-icon", "aria-hidden": "true" }) : null,
|
|
107
|
-
resolvedChildren
|
|
107
|
+
resolvedChildren != null ? /* @__PURE__ */ jsx("span", { "data-slot": "badge-label", children: resolvedChildren }) : null
|
|
108
108
|
]
|
|
109
109
|
}
|
|
110
110
|
);
|
|
@@ -21,6 +21,19 @@
|
|
|
21
21
|
white-space: nowrap;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
/* Optical vertical centering. JP faces (Noto Sans JP / M PLUS 2) declare ascent ≫ descent
|
|
25
|
+
* (~1.16em vs ~0.29em), so flex-centering the em box seats the label visibly LOW in the chip
|
|
26
|
+
* (worst with short lowercase labels: "owner", "active"). Trimming the line box to
|
|
27
|
+
* cap-height/alphabetic makes the INK the thing that gets centered, and drops the phantom
|
|
28
|
+
* leading so the chip height comes from --badge-space-y + the glyphs, not the font's em box.
|
|
29
|
+
* No-support browsers simply keep the legacy (slightly low) rendering. */
|
|
30
|
+
@supports (text-box-trim: trim-both) and (text-box-edge: cap alphabetic) {
|
|
31
|
+
[data-slot="badge-label"] {
|
|
32
|
+
text-box-trim: trim-both;
|
|
33
|
+
text-box-edge: cap alphabetic;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
24
37
|
[data-slot="badge-icon"] {
|
|
25
38
|
width: 0.75rem;
|
|
26
39
|
height: 0.75rem;
|
package/package.json
CHANGED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/* ───────────────────────────────────────────────────────────────
|
|
2
|
-
* Famgia service theme — ファムジア株式会社
|
|
3
|
-
* Re-themes @godxjp/ui via SEMANTIC TOKENS only (no component CSS).
|
|
4
|
-
* Brand: electric blue #2563EB (primary) + violet #7C3AED (accent gradient).
|
|
5
|
-
* Import this instead of "@godxjp/ui/styles".
|
|
6
|
-
* ─────────────────────────────────────────────────────────────── */
|
|
7
|
-
|
|
8
|
-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");
|
|
9
|
-
@import "@godxjp/ui/styles";
|
|
10
|
-
|
|
11
|
-
/* ── Light (default) ── */
|
|
12
|
-
:root {
|
|
13
|
-
/* Brand primary ramp — electric blue */
|
|
14
|
-
--primary: 221 83% 53%; /* #2563EB */
|
|
15
|
-
--primary-foreground: 0 0% 100%;
|
|
16
|
-
--primary-hover: 224 71% 48%; /* #1D4ED8 */
|
|
17
|
-
--primary-active: 226 71% 40%; /* #1E40AF */
|
|
18
|
-
--ring: 221 83% 53%;
|
|
19
|
-
|
|
20
|
-
/* Brand-colored text (AA on tint/white) */
|
|
21
|
-
--text-link: 224 76% 45%;
|
|
22
|
-
--text-brand: 221 83% 53%;
|
|
23
|
-
--text-primary: 224 76% 42%;
|
|
24
|
-
|
|
25
|
-
/* Signature brand gradient: blue → violet */
|
|
26
|
-
--gradient-brand: linear-gradient(135deg, hsl(221 83% 53%), hsl(262 83% 58%));
|
|
27
|
-
|
|
28
|
-
/* Typography — Inter (Latin/VI) + Noto Sans JP (kana/kanji) */
|
|
29
|
-
--font-family-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont,
|
|
30
|
-
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/* ── Dark ── lifted blue for contrast */
|
|
34
|
-
.dark {
|
|
35
|
-
--primary: 221 90% 66%;
|
|
36
|
-
--primary-foreground: 222 47% 11%;
|
|
37
|
-
--primary-hover: 221 90% 72%;
|
|
38
|
-
--primary-active: 221 90% 60%;
|
|
39
|
-
--ring: 221 90% 66%;
|
|
40
|
-
--text-link: 221 90% 72%;
|
|
41
|
-
--text-brand: 221 90% 70%;
|
|
42
|
-
--text-primary: 221 90% 68%;
|
|
43
|
-
}
|