@fiestaboard/ui 2.0.1 → 2.0.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/components/ui/code.js +1 -1
- package/dist/components/ui/code.js.map +1 -1
- package/dist/components/ui/dialog.js +3 -7
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/heading.js +1 -1
- package/dist/components/ui/heading.js.map +1 -1
- package/dist/components/ui/overlay-close.d.ts +27 -0
- package/dist/components/ui/overlay-close.js +29 -0
- package/dist/components/ui/overlay-close.js.map +1 -0
- package/dist/components/ui/sheet.js +3 -7
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/theme.css +7 -5
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ import { jsx as t } from "react/jsx-runtime";
|
|
|
5
5
|
function n({ className: n, ...r }) {
|
|
6
6
|
return /* @__PURE__ */ t("code", {
|
|
7
7
|
"data-slot": "code",
|
|
8
|
-
className: e("rounded bg-muted px-1.5 py-0.5 font-mono text-xs text-foreground", n),
|
|
8
|
+
className: e("rounded-sm bg-muted px-1.5 py-0.5 font-mono text-xs text-foreground", n),
|
|
9
9
|
...r
|
|
10
10
|
});
|
|
11
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.js","names":[],"sources":["../../../src/components/ui/code.tsx"],"mappings":";;;;AASA,SAAS,EAAK,EAAE,cAAW,GAAG,KAAuC;CACnE,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAG,
|
|
1
|
+
{"version":3,"file":"code.js","names":[],"sources":["../../../src/components/ui/code.tsx"],"mappings":";;;;AASA,SAAS,EAAK,EAAE,cAAW,GAAG,KAAuC;CACnE,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAG,uEAAuE,CAAS;EAC9F,GAAI;CACL,CAAA;AAEL"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../lib/utils.js";
|
|
3
|
-
import {
|
|
3
|
+
import { OverlayClose as t } from "./overlay-close.js";
|
|
4
4
|
import * as n from "react";
|
|
5
5
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
6
|
import { Dialog as a } from "@base-ui/react/dialog";
|
|
@@ -33,13 +33,9 @@ function d({ className: n, children: o, ...s }) {
|
|
|
33
33
|
"data-slot": "dialog-content",
|
|
34
34
|
className: e("fixed left-[50%] top-[50%] z-[var(--z-modal)] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-modal duration-200 data-[open]:animate-in data-[ending-style]:animate-out data-[ending-style]:fade-out-0 data-[open]:fade-in-0 data-[ending-style]:zoom-out-95 data-[open]:zoom-in-95 data-[ending-style]:slide-out-to-left-1/2 data-[ending-style]:slide-out-to-top-[48%] data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-[48%] sm:rounded-lg", n),
|
|
35
35
|
...s,
|
|
36
|
-
children: [o, /* @__PURE__ */
|
|
36
|
+
children: [o, /* @__PURE__ */ r(t, {
|
|
37
37
|
"data-slot": "dialog-close",
|
|
38
|
-
|
|
39
|
-
children: [/* @__PURE__ */ r(t, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", {
|
|
40
|
-
className: "sr-only",
|
|
41
|
-
children: "Close"
|
|
42
|
-
})]
|
|
38
|
+
size: "sm"
|
|
43
39
|
})]
|
|
44
40
|
})] });
|
|
45
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/ui/dialog.tsx"],"mappings":";;;;;;;AAQA,IAAM,IAAS,EAAgB;AAE/B,SAAS,EAAc,EACrB,aAAU,IACV,aACA,GAAG,KAC4E;CAC/E,OACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAe,EAAgB;AAErC,SAAS,EAAY,EACnB,aAAU,IACV,aACA,GAAG,KAC0E;CAC7E,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAgE;CACrG,OACE,kBAAC,EAAgB,UAAjB;EACE,aAAU;EACV,WAAW,EACT,2JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,aAAU,GAAG,KAA6D;CAC5G,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAgB,CAAA,GAChB,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EACT,kfACA,CACF;EACA,GAAI;EANN,UAAA,CAQG,
|
|
1
|
+
{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/ui/dialog.tsx"],"mappings":";;;;;;;AAQA,IAAM,IAAS,EAAgB;AAE/B,SAAS,EAAc,EACrB,aAAU,IACV,aACA,GAAG,KAC4E;CAC/E,OACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAe,EAAgB;AAErC,SAAS,EAAY,EACnB,aAAU,IACV,aACA,GAAG,KAC0E;CAC7E,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAgE;CACrG,OACE,kBAAC,EAAgB,UAAjB;EACE,aAAU;EACV,WAAW,EACT,2JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,aAAU,GAAG,KAA6D;CAC5G,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAgB,CAAA,GAChB,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EACT,kfACA,CACF;EACA,GAAI;EANN,UAAA,CAQG,GAGD,kBAAC,GAAD;GAAc,aAAU;GAAe,MAAK;EAAM,CAAA,CAC7B;CACX,CAAA,CAAA,EAAA,CAAA;AAElB;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,sDAAsD,CAAS;EAC7E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAAsC;CAC1E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,iEAAiE,CAAS;EACxF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;CAChG,OACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EAAG,qDAAqD,CAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAmE;CAC5G,OACE,kBAAC,EAAgB,aAAjB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL"}
|
|
@@ -3,7 +3,7 @@ import "react";
|
|
|
3
3
|
import { jsx as t } from "react/jsx-runtime";
|
|
4
4
|
import { cva as n } from "class-variance-authority";
|
|
5
5
|
//#region src/components/ui/heading.tsx
|
|
6
|
-
var r = n("font-semibold leading-
|
|
6
|
+
var r = n("font-semibold leading-tight tracking-tight text-foreground", {
|
|
7
7
|
variants: { size: {
|
|
8
8
|
sm: "text-sm",
|
|
9
9
|
base: "text-base",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/ui/heading.tsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/ui/heading.tsx"],"mappings":";;;;;AAQA,IAAM,IAAkB,EAAI,8DAA8D;CACxF,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,MAAM;EACN,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,OACR;AACF,CAAC;AAcD,SAAS,EAAQ,EAAE,WAAQ,GAAG,SAAM,cAAW,GAAG,KAAuB;CACvE,IAAM,IAAY,IAAI;CACtB,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAU,WAAW,EAAG,EAAgB,EAAE,QAAK,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AACzG"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
/**
|
|
5
|
+
* One dismiss affordance for every overlay surface: a filled circular chip
|
|
6
|
+
* pinned to the top-right of the popup. Sizes are a scale on this single
|
|
7
|
+
* design, not separate designs — `md` (40px) for roomy surfaces like Sheet,
|
|
8
|
+
* `sm` (32px) for the denser Dialog header. Both clear the WCAG 2.2 SC 2.5.8
|
|
9
|
+
* 24x24 minimum, which the pre-unification 16px bare Dialog icon did not.
|
|
10
|
+
*/
|
|
11
|
+
declare const overlayCloseVariants: (props?: ({
|
|
12
|
+
size?: "sm" | "md" | null | undefined;
|
|
13
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
|
+
interface OverlayCloseProps extends Omit<React.ComponentProps<typeof DialogPrimitive.Close>, "children">, VariantProps<typeof overlayCloseVariants> {
|
|
15
|
+
/** Visually hidden accessible name for the button. Never render it empty. */
|
|
16
|
+
label?: string;
|
|
17
|
+
/** Overlay-specific slot hook (`dialog-close`, `sheet-close`, ...). */
|
|
18
|
+
"data-slot"?: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Internal — not exported from the package barrel. It renders a Base UI
|
|
22
|
+
* `Dialog.Close`, so it only works inside a Dialog/Sheet root, and its
|
|
23
|
+
* `absolute right-4 top-4` placement assumes an overlay popup as the
|
|
24
|
+
* positioned ancestor. Overlays compose it; consumers use the overlay.
|
|
25
|
+
*/
|
|
26
|
+
declare function OverlayClose({ size, className, label, ...props }: OverlayCloseProps): React.JSX.Element;
|
|
27
|
+
export { OverlayClose, overlayCloseVariants };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { X as t } from "lucide-react";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
6
|
+
import { cva as i } from "class-variance-authority";
|
|
7
|
+
import { Dialog as a } from "@base-ui/react/dialog";
|
|
8
|
+
//#region src/components/ui/overlay-close.tsx
|
|
9
|
+
var o = i("absolute right-4 top-4 flex items-center justify-center rounded-full bg-muted/80 transition-colors hover:bg-muted outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", {
|
|
10
|
+
variants: { size: {
|
|
11
|
+
sm: "size-8 [&_svg]:size-4",
|
|
12
|
+
md: "size-10 [&_svg]:size-5"
|
|
13
|
+
} },
|
|
14
|
+
defaultVariants: { size: "md" }
|
|
15
|
+
});
|
|
16
|
+
function s({ size: i, className: s, label: c = "Close", ...l }) {
|
|
17
|
+
return /* @__PURE__ */ r(a.Close, {
|
|
18
|
+
className: e(o({ size: i }), s),
|
|
19
|
+
...l,
|
|
20
|
+
children: [/* @__PURE__ */ n(t, {}), /* @__PURE__ */ n("span", {
|
|
21
|
+
className: "sr-only",
|
|
22
|
+
children: c
|
|
23
|
+
})]
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
//#endregion
|
|
27
|
+
export { s as OverlayClose, o as overlayCloseVariants };
|
|
28
|
+
|
|
29
|
+
//# sourceMappingURL=overlay-close.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overlay-close.js","names":[],"sources":["../../../src/components/ui/overlay-close.tsx"],"mappings":";;;;;;;;AAgBA,IAAM,IAAuB,EAC3B,uOACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAkBA,SAAS,EAAa,EAAE,SAAM,cAAW,WAAQ,SAAS,GAAG,KAA4B;CACvF,OACE,kBAAC,EAAgB,OAAjB;EAAuB,WAAW,EAAG,EAAqB,EAAE,QAAK,CAAC,GAAG,CAAS;EAAG,GAAI;EAArF,UAAA,CACE,kBAAC,GAAD,CAAI,CAAA,GACJ,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,CAClB;;AAE3B"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../lib/utils.js";
|
|
3
|
-
import {
|
|
3
|
+
import { OverlayClose as t } from "./overlay-close.js";
|
|
4
4
|
import * as n from "react";
|
|
5
5
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
6
|
import { cva as a } from "class-variance-authority";
|
|
@@ -70,13 +70,9 @@ function g({ side: a = "right", className: s, children: c, onEscapeKeyDown: l, o
|
|
|
70
70
|
onKeyDown: g,
|
|
71
71
|
style: h[a ?? "right"],
|
|
72
72
|
...m,
|
|
73
|
-
children: [c, /* @__PURE__ */
|
|
73
|
+
children: [c, /* @__PURE__ */ r(t, {
|
|
74
74
|
"data-slot": "sheet-close",
|
|
75
|
-
|
|
76
|
-
children: [/* @__PURE__ */ r(t, { className: "h-5 w-5" }), /* @__PURE__ */ r("span", {
|
|
77
|
-
className: "sr-only",
|
|
78
|
-
children: "Close"
|
|
79
|
-
})]
|
|
75
|
+
size: "md"
|
|
80
76
|
})]
|
|
81
77
|
})] });
|
|
82
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.js","names":[],"sources":["../../../src/components/ui/sheet.tsx"],"mappings":";;;;;;;;AASA,IAAM,IAAQ,EAAe;AAE7B,SAAS,EAAa,EACpB,aAAU,IACV,aACA,GAAG,KAC2E;CAC9E,OACE,kBAAC,EAAe,SAAhB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,aAAU,IACV,aACA,GAAG,KACyE;CAC5E,OACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAc,EAAe,QAE7B,IAA2C,EAC/C,WAAW,sEACb;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAA+D;CACnG,OACE,kBAAC,EAAe,UAAhB;EACE,aAAU;EACV,WAAW,EAAG,+CAA+C,CAAS;EACtE,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAgB,EAAI,iEAAiE;CACzF,UAAU,EACR,MAAM;EACJ,KAAK;EACL,QAAQ;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CAAC,GAIK,IAAqB,8DAOrB,IAA8D;CAClE,KAAK;EACH,WAAW,sBAAsB;EACjC,oBAAoB;EACpB,SAAS;CACX;CACA,QAAQ;EACN,WAAW,yBAAyB;EACpC,oBAAoB;EACpB,SAAS;CACX;CACA,MAAM;EACJ,WAAW,uBAAuB;EAClC,oBAAoB;EACpB,SAAS;CACX;CACA,OAAO;EACL,WAAW,wBAAwB;EACnC,oBAAoB;EACpB,SAAS;CACX;AACF;AAYA,SAAS,EAAa,EACpB,UAAO,SACP,cACA,aACA,oBACA,cACA,GAAG,KACiB;CACpB,IAAM,IAAgB,EAAM,aACzB,MAAsG;EAErG,AADA,IAAY,CAAK,GACb,EAAM,QAAQ,YAAY,MAC5B,EAAgB,CAAK,GACjB,EAAM,oBACR,EAAM,gBAAgB;CAG5B,GACA,CAAC,GAAW,CAAe,CAC7B;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAe,CAAA,GACf,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,EAAc,EAAE,QAAK,CAAC,GAAG,CAAS;EAChD,WAAW;EACX,OAAO,EAAoB,KAAQ;EACnC,GAAI;EALN,UAAA,CAOG,
|
|
1
|
+
{"version":3,"file":"sheet.js","names":[],"sources":["../../../src/components/ui/sheet.tsx"],"mappings":";;;;;;;;AASA,IAAM,IAAQ,EAAe;AAE7B,SAAS,EAAa,EACpB,aAAU,IACV,aACA,GAAG,KAC2E;CAC9E,OACE,kBAAC,EAAe,SAAhB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,aAAU,IACV,aACA,GAAG,KACyE;CAC5E,OACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAc,EAAe,QAE7B,IAA2C,EAC/C,WAAW,sEACb;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAA+D;CACnG,OACE,kBAAC,EAAe,UAAhB;EACE,aAAU;EACV,WAAW,EAAG,+CAA+C,CAAS;EACtE,OAAO;EACP,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAgB,EAAI,iEAAiE;CACzF,UAAU,EACR,MAAM;EACJ,KAAK;EACL,QAAQ;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CAAC,GAIK,IAAqB,8DAOrB,IAA8D;CAClE,KAAK;EACH,WAAW,sBAAsB;EACjC,oBAAoB;EACpB,SAAS;CACX;CACA,QAAQ;EACN,WAAW,yBAAyB;EACpC,oBAAoB;EACpB,SAAS;CACX;CACA,MAAM;EACJ,WAAW,uBAAuB;EAClC,oBAAoB;EACpB,SAAS;CACX;CACA,OAAO;EACL,WAAW,wBAAwB;EACnC,oBAAoB;EACpB,SAAS;CACX;AACF;AAYA,SAAS,EAAa,EACpB,UAAO,SACP,cACA,aACA,oBACA,cACA,GAAG,KACiB;CACpB,IAAM,IAAgB,EAAM,aACzB,MAAsG;EAErG,AADA,IAAY,CAAK,GACb,EAAM,QAAQ,YAAY,MAC5B,EAAgB,CAAK,GACjB,EAAM,oBACR,EAAM,gBAAgB;CAG5B,GACA,CAAC,GAAW,CAAe,CAC7B;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAe,CAAA,GACf,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,EAAc,EAAE,QAAK,CAAC,GAAG,CAAS;EAChD,WAAW;EACX,OAAO,EAAoB,KAAQ;EACnC,GAAI;EALN,UAAA,CAOG,GAED,kBAAC,GAAD;GAAc,aAAU;GAAc,MAAK;EAAM,CAAA,CAC7B;CACX,CAAA,CAAA,EAAA,CAAA;AAEjB;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,oDAAoD,CAAS;EAC3E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,iEAAiE,CAAS;EACxF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAA4D;CAC9F,OACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,yCAAyC,CAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAkE;CAC1G,OACE,kBAAC,EAAe,aAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL"}
|
package/dist/theme.css
CHANGED
|
@@ -334,11 +334,11 @@
|
|
|
334
334
|
* parity is the contract — see file header).
|
|
335
335
|
*
|
|
336
336
|
* Role | token | = class | value | used by
|
|
337
|
-
* control-inset | --radius-control-inset | rounded-sm | 6px | items nested inside a rounded control/popover: dropdown & select items, tabs trigger,
|
|
337
|
+
* control-inset | --radius-control-inset | rounded-sm | 6px | items nested inside a rounded control/popover: dropdown & select items, tabs trigger, inline code
|
|
338
338
|
* control | --radius-control | rounded-md | 8px | buttons, input, textarea, select trigger, tabs list, skeleton, skip-link, and popover surfaces (dropdown/select/tooltip popups)
|
|
339
339
|
* surface | --radius-surface | rounded-lg | 10px | modal surfaces (dialog, alert-dialog), alert, sidebar nav pills
|
|
340
340
|
* card | --radius-card | rounded-xl | 12px | card, page-header icon tile
|
|
341
|
-
* pill | --radius-pill | rounded-full | ∞ | badge, switch, slider,
|
|
341
|
+
* pill | --radius-pill | rounded-full | ∞ | badge, switch, slider, overlay close (dialog + sheet), scroll-area thumb, sidebar edge toggle, empty-state icon
|
|
342
342
|
* chrome | --radius-chrome | (css/inline) | 14px | desktop sidebar shell + its aurora inset
|
|
343
343
|
* chrome-mobile | --radius-chrome-mobile | (css/inline) | 16px | mobile header/menu shell, its aurora inset, menu clip-path reveal
|
|
344
344
|
*
|
|
@@ -349,9 +349,11 @@
|
|
|
349
349
|
* The chrome radii are deliberately fixed px (not on the rem-based
|
|
350
350
|
* --radius chain): they match the aurora canvas insets exactly.
|
|
351
351
|
*
|
|
352
|
-
* Deliberately off-scale (left as-is):
|
|
353
|
-
*
|
|
354
|
-
*
|
|
352
|
+
* Deliberately off-scale (left as-is): pride-burst particle 2px,
|
|
353
|
+
* scroll-area viewport rounded-[inherit]. Both are arbitrary-value
|
|
354
|
+
* classes, which is exactly what the eslint.config.mjs guard on bare
|
|
355
|
+
* `rounded` / `rounded-none` in src/components allows through — so
|
|
356
|
+
* this list and that rule now describe the same set.
|
|
355
357
|
* ============================================================ */
|
|
356
358
|
--radius-control-inset: calc(var(--radius) - 4px);
|
|
357
359
|
--radius-control: calc(var(--radius) - 2px);
|