@orangecheck/app-design 1.6.1 → 1.6.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 +4 -2
- package/dist/chrome.js.map +1 -1
- package/dist/chrome.mjs +4 -2
- package/dist/chrome.mjs.map +1 -1
- package/dist/components.js +4 -3
- package/dist/components.js.map +1 -1
- package/dist/components.mjs +4 -3
- package/dist/components.mjs.map +1 -1
- package/dist/index.js +8 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -5
- package/dist/index.mjs.map +1 -1
- package/dist/mdx.js +2 -1
- package/dist/mdx.js.map +1 -1
- package/dist/mdx.mjs +2 -1
- package/dist/mdx.mjs.map +1 -1
- package/dist/primitives.js +2 -1
- package/dist/primitives.js.map +1 -1
- package/dist/primitives.mjs +2 -1
- package/dist/primitives.mjs.map +1 -1
- package/dist/session.js.map +1 -1
- package/dist/session.mjs.map +1 -1
- package/package.json +5 -2
package/dist/components.mjs
CHANGED
|
@@ -942,7 +942,8 @@ function ScrollFade({ fade = "var(--card)", className, innerClassName, children,
|
|
|
942
942
|
onScroll: measure,
|
|
943
943
|
tabIndex: edges.left || edges.right ? 0 : void 0,
|
|
944
944
|
className: cn(
|
|
945
|
-
|
|
945
|
+
// Positioned, so sr-only text deep in a wide row scrolls and clips with the row.
|
|
946
|
+
"relative overflow-x-auto overscroll-x-contain rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
946
947
|
innerClassName
|
|
947
948
|
),
|
|
948
949
|
children
|
|
@@ -2897,7 +2898,7 @@ function Panel({
|
|
|
2897
2898
|
const [open, setOpen] = useState(false);
|
|
2898
2899
|
const body = (expanded) => typeof children === "function" ? children(expanded) : children;
|
|
2899
2900
|
const head = (expanded) => /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-start justify-between gap-x-4 gap-y-2", children: [
|
|
2900
|
-
/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
|
|
2901
|
+
/* @__PURE__ */ jsxs("div", { className: "flex min-w-[min(100%,12rem)] flex-1 basis-0 flex-col gap-1", children: [
|
|
2901
2902
|
expanded ? /* @__PURE__ */ jsx(DialogTitle, { className: "text-[1.0625rem] font-medium leading-snug", children: title }) : /* @__PURE__ */ jsx("h3", { className: "text-[1rem] font-medium leading-snug", children: title }),
|
|
2902
2903
|
description ? expanded ? /* @__PURE__ */ jsx(DialogDescription, { className: "text-[0.875rem] leading-snug text-muted-foreground", children: description }) : /* @__PURE__ */ jsx("p", { className: "text-[0.875rem] leading-snug text-muted-foreground", children: description }) : null
|
|
2903
2904
|
] }),
|
|
@@ -2926,7 +2927,7 @@ function Panel({
|
|
|
2926
2927
|
className: "flex h-[min(92dvh,56rem)] w-[min(96vw,80rem)] max-w-none flex-col gap-4 overflow-y-auto",
|
|
2927
2928
|
children: [
|
|
2928
2929
|
head(true),
|
|
2929
|
-
/* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1", children: open ? body(true) : null }),
|
|
2930
|
+
/* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: open ? body(true) : null }),
|
|
2930
2931
|
source ? /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-3", children: source }) : null
|
|
2931
2932
|
]
|
|
2932
2933
|
}
|