@orangecheck/design 0.32.1 → 0.32.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/chrome.js +37 -37
- package/dist/chrome.js.map +1 -1
- package/dist/chrome.mjs +37 -37
- package/dist/chrome.mjs.map +1 -1
- package/dist/components.js +42 -42
- package/dist/components.js.map +1 -1
- package/dist/components.mjs +42 -42
- package/dist/components.mjs.map +1 -1
- package/dist/composites.js +5 -5
- package/dist/composites.js.map +1 -1
- package/dist/composites.mjs +5 -5
- package/dist/composites.mjs.map +1 -1
- package/dist/index.js +49 -49
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +49 -49
- package/dist/index.mjs.map +1 -1
- package/dist/primitives.js +7 -7
- package/dist/primitives.js.map +1 -1
- package/dist/primitives.mjs +7 -7
- package/dist/primitives.mjs.map +1 -1
- package/dist/styles/theme.css +10 -0
- package/package.json +2 -1
package/dist/composites.mjs
CHANGED
|
@@ -43,7 +43,7 @@ function HelpHint({
|
|
|
43
43
|
onClick: (e) => e.stopPropagation(),
|
|
44
44
|
className: cn(
|
|
45
45
|
"focus-visible:ring-primary/60 inline-flex shrink-0 items-center justify-center rounded-full transition-colors outline-none focus-visible:ring-2",
|
|
46
|
-
tone === "subtle" ? "text-muted-foreground
|
|
46
|
+
tone === "subtle" ? "text-muted-foreground hover:text-foreground/80" : "text-primary/70 hover:text-primary",
|
|
47
47
|
className
|
|
48
48
|
),
|
|
49
49
|
children: /* @__PURE__ */ jsx(HelpCircle, { size: iconSize, "aria-hidden": true })
|
|
@@ -90,7 +90,7 @@ function SectionHeader({
|
|
|
90
90
|
] }),
|
|
91
91
|
hint && /* @__PURE__ */ jsx(HelpHint, { title: hint.title, side: hint.side ?? "bottom", children: hint.body })
|
|
92
92
|
] }),
|
|
93
|
-
meta && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground
|
|
93
|
+
meta && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px] tracking-widest uppercase", children: meta })
|
|
94
94
|
] });
|
|
95
95
|
}
|
|
96
96
|
var buttonVariants = cva(
|
|
@@ -303,7 +303,7 @@ function StatGrid({ items, columns = 3, className = "" }) {
|
|
|
303
303
|
function Tile({ item }) {
|
|
304
304
|
const tone = item.tone ?? (item.accent ? "primary" : "default");
|
|
305
305
|
return /* @__PURE__ */ jsxs("div", { className: "oc-stat-tile bg-background p-5", children: [
|
|
306
|
-
/* @__PURE__ */ jsx("div", { className: "text-muted-foreground
|
|
306
|
+
/* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-mono text-[10px] tracking-widest uppercase", children: item.label }),
|
|
307
307
|
/* @__PURE__ */ jsx(
|
|
308
308
|
"div",
|
|
309
309
|
{
|
|
@@ -311,7 +311,7 @@ function Tile({ item }) {
|
|
|
311
311
|
children: item.value
|
|
312
312
|
}
|
|
313
313
|
),
|
|
314
|
-
item.sub && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground
|
|
314
|
+
item.sub && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mt-1 font-mono text-[10px] tracking-widest uppercase", children: item.sub })
|
|
315
315
|
] });
|
|
316
316
|
}
|
|
317
317
|
function StatTile({ children, ...item }) {
|
|
@@ -777,7 +777,7 @@ function ComparisonTable({ rows, columns, className }) {
|
|
|
777
777
|
rows.map((row, i) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1.4fr_1fr_1fr] border-t", children: [
|
|
778
778
|
/* @__PURE__ */ jsx("div", { className: "px-4 py-3.5 font-medium text-foreground sm:px-6", children: row.label }),
|
|
779
779
|
/* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 px-4 py-3.5 sm:px-6", children: [
|
|
780
|
-
/* @__PURE__ */ jsx(X, { className: "text-muted-foreground
|
|
780
|
+
/* @__PURE__ */ jsx(X, { className: "text-muted-foreground size-4" }),
|
|
781
781
|
/* @__PURE__ */ jsx("span", { children: row.theirs })
|
|
782
782
|
] }),
|
|
783
783
|
/* @__PURE__ */ jsxs("div", { className: "bg-accent/40 border-border/60 flex items-center gap-2 border-l px-4 py-3.5 text-foreground sm:px-6", children: [
|