@clickhouse/click-ui 0.0.213 → 0.0.214

package/dist/click-ui.bundled.es.js

@@ -15567,7 +15567,7 @@ const ConfirmationDialog = ({
     /* @__PURE__ */ jsx(Separator, { size: "xl" }),
     /* @__PURE__ */ jsxs(ActionsWrapper, { children: [
       /* @__PURE__ */ jsx(Dialog.Close, { label: secondaryActionLabel, "data-testid": "cancel-action-button" }),
-      /* @__PURE__ */ jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, onClick: () => {
+      /* @__PURE__ */ jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, autoFocus: open2, onClick: () => {
         if (onConfirm) {
           onConfirm();
         }
@@ -42437,11 +42437,13 @@ const Title = pt.div.withConfig({
 })(["flex:1;"]);
 const Toast = ({
   type,
+  toastType = "foreground",
   title,
   description,
   actions = [],
   duration: duration2,
-  onClose
+  onClose,
+  ...props
 }) => {
   let iconName = "";
   if (type === "default") {
@@ -42451,7 +42453,7 @@ const Toast = ({
   } else if (type && ["danger", "warning"].includes(type)) {
     iconName = "warning";
   }
-  return /* @__PURE__ */ jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, children: [
+  return /* @__PURE__ */ jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, type: toastType, ...props, children: [
     /* @__PURE__ */ jsxs(ToastHeader, { children: [
       iconName.length > 0 && /* @__PURE__ */ jsx(ToastIcon, { name: iconName, $type: type }),
       /* @__PURE__ */ jsx(Title, { children: title }),

package/dist/click-ui.bundled.umd.js

@@ -15583,7 +15583,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(Separator, { size: "xl" }),
       /* @__PURE__ */ jsxRuntime.jsxs(ActionsWrapper, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Dialog.Close, { label: secondaryActionLabel, "data-testid": "cancel-action-button" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, onClick: () => {
+        /* @__PURE__ */ jsxRuntime.jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, autoFocus: open2, onClick: () => {
           if (onConfirm) {
             onConfirm();
           }
@@ -42453,11 +42453,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   })(["flex:1;"]);
   const Toast = ({
     type,
+    toastType = "foreground",
     title,
     description,
     actions = [],
     duration: duration2,
-    onClose
+    onClose,
+    ...props
   }) => {
     let iconName = "";
     if (type === "default") {
@@ -42467,7 +42469,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     } else if (type && ["danger", "warning"].includes(type)) {
       iconName = "warning";
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, type: toastType, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ToastHeader, { children: [
         iconName.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ToastIcon, { name: iconName, $type: type }),
         /* @__PURE__ */ jsxRuntime.jsx(Title, { children: title }),

package/dist/click-ui.es.js

@@ -14399,7 +14399,7 @@ const ConfirmationDialog = ({
     /* @__PURE__ */ jsx(Separator, { size: "xl" }),
     /* @__PURE__ */ jsxs(ActionsWrapper, { children: [
       /* @__PURE__ */ jsx(Dialog.Close, { label: secondaryActionLabel, "data-testid": "cancel-action-button" }),
-      /* @__PURE__ */ jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, onClick: () => {
+      /* @__PURE__ */ jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, autoFocus: open2, onClick: () => {
         if (onConfirm) {
           onConfirm();
         }
@@ -41269,11 +41269,13 @@ const Title = styled.div.withConfig({
 })(["flex:1;"]);
 const Toast = ({
   type,
+  toastType = "foreground",
   title,
   description,
   actions = [],
   duration: duration2,
-  onClose
+  onClose,
+  ...props
 }) => {
   let iconName = "";
   if (type === "default") {
@@ -41283,7 +41285,7 @@ const Toast = ({
   } else if (type && ["danger", "warning"].includes(type)) {
     iconName = "warning";
   }
-  return /* @__PURE__ */ jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, children: [
+  return /* @__PURE__ */ jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, type: toastType, ...props, children: [
     /* @__PURE__ */ jsxs(ToastHeader, { children: [
       iconName.length > 0 && /* @__PURE__ */ jsx(ToastIcon, { name: iconName, $type: type }),
       /* @__PURE__ */ jsx(Title, { children: title }),

package/dist/click-ui.umd.js

@@ -14414,7 +14414,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(Separator, { size: "xl" }),
       /* @__PURE__ */ jsxRuntime.jsxs(ActionsWrapper, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Dialog.Close, { label: secondaryActionLabel, "data-testid": "cancel-action-button" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, onClick: () => {
+        /* @__PURE__ */ jsxRuntime.jsx(Dialog.Close, { loading: !!loading, disabled: !!disabled || !!loading, type: primaryActionType, label: primaryActionLabel, autoFocus: open2, onClick: () => {
           if (onConfirm) {
             onConfirm();
           }
@@ -41284,11 +41284,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   })(["flex:1;"]);
   const Toast = ({
     type,
+    toastType = "foreground",
     title,
     description,
     actions = [],
     duration: duration2,
-    onClose
+    onClose,
+    ...props
   }) => {
     let iconName = "";
     if (type === "default") {
@@ -41298,7 +41300,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     } else if (type && ["danger", "warning"].includes(type)) {
       iconName = "warning";
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(ToastRoot, { onOpenChange: onClose, duration: duration2, type: toastType, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ToastHeader, { children: [
         iconName.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ToastIcon, { name: iconName, $type: type }),
         /* @__PURE__ */ jsxRuntime.jsx(Title, { children: title }),

package/dist/components/Toast/Toast.d.ts

@@ -8,9 +8,10 @@ export interface ToastContextProps {
 export declare const ToastContext: import('react').Context<ToastContextProps>;
 export type ToastAlignment = "start" | "end";
 export type ToastType = "danger" | "warning" | "default" | "success";
-export interface ToastProps {
+export interface ToastProps extends Omit<RadixUIToast.ToastProps, "type"> {
     id?: string;
     type?: ToastType;
+    toastType?: "foreground" | "background";
     title: string;
     description?: ReactNode;
     /** Time in milliseconds the toast will be visible */
@@ -20,7 +21,7 @@ export interface ToastProps {
     }>;
     align?: ToastAlignment;
 }
-export declare const Toast: ({ type, title, description, actions, duration, onClose, }: ToastProps & {
+export declare const Toast: ({ type, toastType, title, description, actions, duration, onClose, ...props }: ToastProps & {
     onClose: (open: boolean) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface ToastProviderProps extends RadixUIToast.ToastProviderProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.213",
+  "version": "0.0.214",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",