@orangecheck/app-design 0.5.11 → 0.5.12
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/brand.js +24 -37
- package/dist/brand.js.map +1 -1
- package/dist/brand.mjs +24 -37
- package/dist/brand.mjs.map +1 -1
- package/dist/chrome.js +57 -77
- package/dist/chrome.js.map +1 -1
- package/dist/chrome.mjs +57 -77
- package/dist/chrome.mjs.map +1 -1
- package/dist/components.js +4 -21
- package/dist/components.js.map +1 -1
- package/dist/components.mjs +4 -21
- package/dist/components.mjs.map +1 -1
- package/dist/index.js +85 -135
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +85 -135
- package/dist/index.mjs.map +1 -1
- package/dist/primitives.js +3 -13
- package/dist/primitives.js.map +1 -1
- package/dist/primitives.mjs +3 -13
- package/dist/primitives.mjs.map +1 -1
- package/package.json +1 -1
package/dist/components.mjs
CHANGED
|
@@ -419,13 +419,7 @@ function StepGrid({ items, look = "cards", className }) {
|
|
|
419
419
|
] }) }, i)
|
|
420
420
|
) });
|
|
421
421
|
}
|
|
422
|
-
function ScrollFade({
|
|
423
|
-
fade = "var(--card)",
|
|
424
|
-
className,
|
|
425
|
-
innerClassName,
|
|
426
|
-
children,
|
|
427
|
-
...props
|
|
428
|
-
}) {
|
|
422
|
+
function ScrollFade({ fade = "var(--card)", className, innerClassName, children, ...props }) {
|
|
429
423
|
const ref = useRef(null);
|
|
430
424
|
const [edges, setEdges] = useState({ left: false, right: false });
|
|
431
425
|
const measure = useCallback(() => {
|
|
@@ -433,9 +427,7 @@ function ScrollFade({
|
|
|
433
427
|
if (!el) return;
|
|
434
428
|
const left = el.scrollLeft > 1;
|
|
435
429
|
const right = el.scrollLeft + el.clientWidth < el.scrollWidth - 1;
|
|
436
|
-
setEdges(
|
|
437
|
-
(e) => e.left === left && e.right === right ? e : { left, right }
|
|
438
|
-
);
|
|
430
|
+
setEdges((e) => e.left === left && e.right === right ? e : { left, right });
|
|
439
431
|
}, []);
|
|
440
432
|
useEffect(() => {
|
|
441
433
|
const el = ref.current;
|
|
@@ -469,9 +461,7 @@ function ScrollFade({
|
|
|
469
461
|
"pointer-events-none absolute inset-y-0 left-0 w-8 transition-opacity duration-150",
|
|
470
462
|
edges.left ? "opacity-100" : "opacity-0"
|
|
471
463
|
),
|
|
472
|
-
style: {
|
|
473
|
-
background: `linear-gradient(to right, ${fade}, transparent)`
|
|
474
|
-
}
|
|
464
|
+
style: { background: `linear-gradient(to right, ${fade}, transparent)` }
|
|
475
465
|
}
|
|
476
466
|
),
|
|
477
467
|
/* @__PURE__ */ jsx(
|
|
@@ -1436,14 +1426,7 @@ var ErrorBoundary = class extends Component {
|
|
|
1436
1426
|
title: "Something on this page broke.",
|
|
1437
1427
|
action: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1438
1428
|
/* @__PURE__ */ jsx(Button, { onClick: this.reset, children: "Try again" }),
|
|
1439
|
-
/* @__PURE__ */ jsx(
|
|
1440
|
-
Button,
|
|
1441
|
-
{
|
|
1442
|
-
variant: "secondary",
|
|
1443
|
-
onClick: () => window.location.reload(),
|
|
1444
|
-
children: "Reload the page"
|
|
1445
|
-
}
|
|
1446
|
-
)
|
|
1429
|
+
/* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => window.location.reload(), children: "Reload the page" })
|
|
1447
1430
|
] }),
|
|
1448
1431
|
children: "Nothing you saved is affected. If it keeps happening, tell us at hello@ochk.io."
|
|
1449
1432
|
}
|