@clickhouse/click-ui 0.0.237 → 0.0.239

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

@@ -9667,10 +9667,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     type = "default",
     showIcon = true,
     dismissible,
+    onDismiss,
     customIcon,
     ...delegated
   }) => {
     const [isVisible, setIsVisible] = React.useState(true);
+    const handleDismiss = React.useCallback(() => {
+      setIsVisible(false);
+      onDismiss == null ? void 0 : onDismiss();
+    }, [onDismiss]);
     return isVisible ? /* @__PURE__ */ jsxRuntime.jsxs(Wrapper$c, { $size: size2, $state: state, $type: type, "data-testid": "click-alert", ...delegated, children: [
       dismissible && type === "banner" && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper$1, {}),
       showIcon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper$2, { $state: state, $size: size2, $type: type, children: /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { $size: size2, size: "sm", "aria-hidden": true, name: customIcon || stateIconMap[state] }) }),
@@ -9678,7 +9683,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         title && /* @__PURE__ */ jsxRuntime.jsx(Title$4, { $size: size2, children: title }),
         /* @__PURE__ */ jsxRuntime.jsx(Text$1, { $size: size2, children: text2 })
       ] }),
-      dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper$1, { "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
+      dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper$1, { "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
     ] }) : null;
   };
   const Wrapper$c = pt.div.withConfig({
@@ -9720,18 +9725,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   `);
   const TextWrapper = pt.div.withConfig({
     componentId: "sc-1wvczk0-3"
-  })(["display:flex;flex-flow:column;word-break:break-word;", ""], ({
+  })(["display:flex;flex-flow:column;word-break:break-word;", " a,a:focus,a:visited,a:hover{font:inherit;color:inherit;text-decoration:underline;}"], ({
     $size,
     theme: theme2
   }) => `
     gap: ${theme2.click.alert[$size].space.gap};
     padding: ${theme2.click.alert[$size].space.y} ${theme2.click.alert[$size].space.x};
-    a {
-      font: inherit;
-      color: inherit;
-      text-decoration: underline;
-    }
-  `);
+    `);
   const Title$4 = pt.h6.withConfig({
     componentId: "sc-1wvczk0-4"
   })(["margin:0;font:", ";"], ({
@@ -45047,10 +45047,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
+          red: "#ff2323",
           teal: "#089B83",
           sunrise: "#FFC300",
-          slate: "#9a9ea7",
-          red: "#ff2323"
+          slate: "#9a9ea7"
         },
         "default": {
           blue: "#437EEF",
@@ -45060,10 +45060,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
+          red: "#ff2323",
           teal: "#089B83",
           sunrise: "#FFC300",
-          slate: "#9a9ea7",
-          red: "#ff2323"
+          slate: "#9a9ea7"
         },
         label: {
           "default": "#161517",
@@ -46922,7 +46922,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
-          danger: "#ff2323",
+          red: "#ff2323",
           teal: "#6DF8E1",
           sunrise: "#FFC300",
           slate: "#9a9ea7"
@@ -46935,6 +46935,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
+          red: "#ff2323",
           danger: "#ff2323",
           teal: "#6DF8E1",
           sunrise: "#FFC300",
@@ -48788,10 +48789,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
+          red: "#ff2323",
           teal: "#089B83",
           sunrise: "#FFC300",
-          slate: "#9a9ea7",
-          red: "#ff2323"
+          slate: "#9a9ea7"
         },
         "default": {
           blue: "#437EEF",
@@ -48801,10 +48802,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
+          red: "#ff2323",
+          danger: "#ff2323",
           teal: "#089B83",
           sunrise: "#FFC300",
-          slate: "#9a9ea7",
-          red: "#ff2323"
+          slate: "#9a9ea7"
         },
         label: {
           "default": "#161517",
@@ -49168,8 +49170,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             muted: `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
           },
           title: {
-            "default": `700 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
-            muted: `700 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+            "default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
+            muted: `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
           }
         }
       },
@@ -50373,7 +50375,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         titles: {
           lg: `600 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
           md: `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
-          sm: `700 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+          sm: `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
         },
         text: {
           "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
@@ -52246,11 +52248,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
-          danger: "#ff2323",
+          red: "#ff2323",
           teal: "#089B83",
           sunrise: "#FFC300",
-          slate: "#9a9ea7",
-          red: "#ff2323"
+          slate: "#9a9ea7"
         },
         "default": {
           blue: "#437EEF",
@@ -52260,11 +52261,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           yellow: "#eef400",
           violet: "#BB33FF",
           babyblue: "#00CBEB",
+          red: "#ff2323",
           danger: "#ff2323",
           teal: "#089B83",
           sunrise: "#FFC300",
-          slate: "#9a9ea7",
-          red: "#ff2323"
+          slate: "#9a9ea7"
         },
         label: {
           "default": "#161517",
@@ -52504,7 +52505,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         "1": "0.75rem",
         "2": "0.875rem",
         "3": "1rem",
-        "4": "1.25rem",
+        "4": "1.125rem",
+        "5": "1.25rem",
         "6": "2rem",
         base: "16px"
       },
@@ -52521,7 +52523,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           xs: `600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
           sm: `600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
           md: `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
-          lg: `700 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
+          lg: `700 1.125rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
           xl: `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
           "2xl": `600 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
         },