@keboola/design 13.0.2 → 13.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keboola/design",
-  "version": "13.0.2",
+  "version": "13.1.0",
   "description": "Keboola UI platform design system — shadcn-aligned React primitives, Keboola-branded blocks, and the form bindings built on TanStack Form.",
   "license": "MIT",
   "type": "module",

package/dist/Toast-PfQf3vj-.js

@@ -1,49 +0,0 @@
-import { toast as toast$1 } from "./toast-CyXEdaCZ.js";
-import { useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Toaster } from "sonner";
-//#region src/components/Toast/useNotification.tsx
-/**
-* Declarative notification component built on top of sonner/toast.
-*
-* Use `Notification` for persistent, system-driven messages that require user acknowledgment
-* (e.g., trial expiration warnings, upgrade prompts, billing alerts).
-* The notification stays visible until the user dismisses it or the component unmounts.
-*
-* Use `toast()` for transient feedback after a user action
-* (e.g., "Saved", "Copied", "Deleted") that auto-dismisses after a few seconds.
-*/
-const useNotification = ({ enabled = true, ...toastOptions }) => {
-	useEffect(() => {
-		if (!enabled) return;
-		let toastId;
-		const frameId = requestAnimationFrame(() => {
-			toastId = toast$1({
-				...toastOptions,
-				duration: toastOptions.duration ?? Infinity
-			});
-		});
-		return () => {
-			cancelAnimationFrame(frameId);
-			toast$1.dismiss(toastId);
-		};
-	}, [enabled]);
-};
-//#endregion
-//#region src/components/Toast/Toaster.tsx
-const DEFAULT_STYLES = { "--width": "512px" };
-const stopPropagation = (event) => event.stopPropagation();
-const Toaster$1 = ({ gap = 12, visibleToasts = 5, ...props }) => /* @__PURE__ */ jsx("div", {
-	onPointerDown: stopPropagation,
-	children: /* @__PURE__ */ jsx(Toaster, {
-		...props,
-		gap,
-		visibleToasts,
-		className: "tw:pointer-events-auto tw:flex tw:w-full tw:max-w-lg tw:justify-center",
-		style: DEFAULT_STYLES
-	})
-});
-//#endregion
-export { Toaster$1 as Toaster, useNotification };
-
-//# sourceMappingURL=Toast-PfQf3vj-.js.map

package/dist/Toast-PfQf3vj-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast-PfQf3vj-.js","names":["toast","Toaster","SonnerToaster"],"sources":["../src/components/Toast/useNotification.tsx","../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { toast } from './toast';\n\ntype Props = {\n  enabled?: boolean;\n} & Parameters<typeof toast>[0];\n\n/**\n * Declarative notification component built on top of sonner/toast.\n *\n * Use `Notification` for persistent, system-driven messages that require user acknowledgment\n * (e.g., trial expiration warnings, upgrade prompts, billing alerts).\n * The notification stays visible until the user dismisses it or the component unmounts.\n *\n * Use `toast()` for transient feedback after a user action\n * (e.g., \"Saved\", \"Copied\", \"Deleted\") that auto-dismisses after a few seconds.\n */\nexport const useNotification = ({ enabled = true, ...toastOptions }: Props) => {\n  useEffect(() => {\n    if (!enabled) return;\n    let toastId: string | number | undefined;\n    const frameId = requestAnimationFrame(() => {\n      toastId = toast({ ...toastOptions, duration: toastOptions.duration ?? Infinity });\n    });\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      toast.dismiss(toastId);\n    };\n    // oxlint-disable-next-line react/exhaustive-deps -- we only want to trigger this effect when enabled changes, not when other toast options change\n  }, [enabled]);\n};\n","import type { ComponentProps, PointerEvent } from 'react';\nimport { Toaster as SonnerToaster } from 'sonner';\n\ntype ToasterProps = ComponentProps<typeof SonnerToaster>;\n\nconst DEFAULT_STYLES = {\n  '--width': '512px', // match max-w-lg\n} as React.CSSProperties;\n\nconst stopPropagation = (event: PointerEvent) => event.stopPropagation();\n\nexport const Toaster = ({ gap = 12, visibleToasts = 5, ...props }: ToasterProps) => (\n  // Wrapper prevents toast clicks from reaching Radix Dialog's DismissableLayer,\n  // which would otherwise close the modal on any \"outside\" pointer event.\n  // oxlint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onPointerDown={stopPropagation}>\n    <SonnerToaster\n      {...props}\n      gap={gap}\n      visibleToasts={visibleToasts}\n      className=\"tw:pointer-events-auto tw:flex tw:w-full tw:max-w-lg tw:justify-center\"\n      style={DEFAULT_STYLES}\n    />\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,mBAAmB,EAAE,UAAU,MAAM,GAAG,mBAA0B;CAC7E,gBAAgB;EACd,IAAI,CAAC,SAAS;EACd,IAAI;EACJ,MAAM,UAAU,4BAA4B;GAC1C,UAAUA,QAAM;IAAE,GAAG;IAAc,UAAU,aAAa,YAAY;GAAS,CAAC;EAClF,CAAC;EAED,aAAa;GACX,qBAAqB,OAAO;GAC5B,QAAM,QAAQ,OAAO;EACvB;CAEF,GAAG,CAAC,OAAO,CAAC;AACd;;;AC3BA,MAAM,iBAAiB,EACrB,WAAW,QACb;AAEA,MAAM,mBAAmB,UAAwB,MAAM,gBAAgB;AAEvE,MAAaC,aAAW,EAAE,MAAM,IAAI,gBAAgB,GAAG,GAAG,YAIxD,oBAAC,OAAD;CAAK,eAAe;CAClB,UAAA,oBAACC,SAAD;EACE,GAAI;EACC;EACU;EACf,WAAU;EACV,OAAO;CACR,CAAA;AACE,CAAA"}