@godxjp/ui 13.17.3 → 13.17.4
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.
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
type CardSize = "md" | "compact";
|
|
4
|
-
/** Semantic
|
|
4
|
+
/** Semantic leading-edge accent stripe (border-inline-start; width via the
|
|
5
|
+
* --card-accent-rail-width token, default 6px). */
|
|
5
6
|
type CardAccent = "primary" | "success" | "warning" | "info" | "attention" | "destructive";
|
|
6
7
|
/** Surface fill — plain card, muted band, borderless outline, or emphasized featured ring. */
|
|
7
8
|
type CardVariant = "default" | "muted" | "outline" | "featured";
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
--card-space-body-y: var(--space-5);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
/* ── Accent edge —
|
|
58
|
+
/* ── Accent edge — semantic left stripe (token width), content on shell ─ */
|
|
59
59
|
[data-slot="card"][data-accent] {
|
|
60
|
-
border-inline-start-width:
|
|
60
|
+
border-inline-start-width: var(--card-accent-rail-width);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
[data-slot="card"][data-accent="primary"] {
|
|
@@ -87,7 +87,9 @@
|
|
|
87
87
|
[data-slot="card"][data-accent] > [data-slot="card-header"],
|
|
88
88
|
[data-slot="card"][data-accent] > [data-slot="card-content"]:not([data-flush]),
|
|
89
89
|
[data-slot="card"][data-accent] > [data-slot="card-footer"]:not([data-flush]) {
|
|
90
|
-
padding-inline-start: calc(
|
|
90
|
+
padding-inline-start: calc(
|
|
91
|
+
var(--card-space-inset) - var(--card-accent-rail-width)
|
|
92
|
+
);
|
|
91
93
|
}
|
|
92
94
|
|
|
93
95
|
/* ── Header ──────────────────────────────────────────────────────────── */
|
|
@@ -20,6 +20,11 @@
|
|
|
20
20
|
* --card-header-background-alpha: 0 for a quiet borderless-band header. */
|
|
21
21
|
--card-header-border-bottom: 1px solid hsl(var(--card-border));
|
|
22
22
|
--card-radius: var(--radius);
|
|
23
|
+
/* Accent edge — width of the semantic leading-edge stripe (data-accent).
|
|
24
|
+
* Tokenised (rule #44) so a service theme can re-tune it without forking CSS.
|
|
25
|
+
* The slot padding compensation in card-layout.css subtracts the same token,
|
|
26
|
+
* so content stays aligned on the shell whatever the rail width. */
|
|
27
|
+
--card-accent-rail-width: 6px;
|
|
23
28
|
--stat-card-label-font-size: var(--font-size-xs);
|
|
24
29
|
--stat-card-label-font-weight: var(--font-weight-medium);
|
|
25
30
|
--stat-card-label-letter-spacing: 0.04em;
|