@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.js
CHANGED
|
@@ -977,7 +977,8 @@ function ScrollFade({ fade = "var(--card)", className, innerClassName, children,
|
|
|
977
977
|
onScroll: measure,
|
|
978
978
|
tabIndex: edges.left || edges.right ? 0 : void 0,
|
|
979
979
|
className: cn(
|
|
980
|
-
|
|
980
|
+
// Positioned, so sr-only text deep in a wide row scrolls and clips with the row.
|
|
981
|
+
"relative overflow-x-auto overscroll-x-contain rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
981
982
|
innerClassName
|
|
982
983
|
),
|
|
983
984
|
children
|
|
@@ -2932,7 +2933,7 @@ function Panel({
|
|
|
2932
2933
|
const [open, setOpen] = react.useState(false);
|
|
2933
2934
|
const body = (expanded) => typeof children === "function" ? children(expanded) : children;
|
|
2934
2935
|
const head = (expanded) => /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-wrap items-start justify-between gap-x-4 gap-y-2", children: [
|
|
2935
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
|
|
2936
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-[min(100%,12rem)] flex-1 basis-0 flex-col gap-1", children: [
|
|
2936
2937
|
expanded ? /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-[1.0625rem] font-medium leading-snug", children: title }) : /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[1rem] font-medium leading-snug", children: title }),
|
|
2937
2938
|
description ? expanded ? /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: "text-[0.875rem] leading-snug text-muted-foreground", children: description }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.875rem] leading-snug text-muted-foreground", children: description }) : null
|
|
2938
2939
|
] }),
|
|
@@ -2961,7 +2962,7 @@ function Panel({
|
|
|
2961
2962
|
className: "flex h-[min(92dvh,56rem)] w-[min(96vw,80rem)] max-w-none flex-col gap-4 overflow-y-auto",
|
|
2962
2963
|
children: [
|
|
2963
2964
|
head(true),
|
|
2964
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 min-w-0 flex-1", children: open ? body(true) : null }),
|
|
2965
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: open ? body(true) : null }),
|
|
2965
2966
|
source ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border pt-3", children: source }) : null
|
|
2966
2967
|
]
|
|
2967
2968
|
}
|