@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.
@@ -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
  }