@clickhouse/click-ui 0.0.237 → 0.0.239

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

@@ -9651,10 +9651,15 @@ const Alert = ({
   type = "default",
   showIcon = true,
   dismissible,
+  onDismiss,
   customIcon,
   ...delegated
 }) => {
   const [isVisible, setIsVisible] = useState(true);
+  const handleDismiss = useCallback(() => {
+    setIsVisible(false);
+    onDismiss == null ? void 0 : onDismiss();
+  }, [onDismiss]);
   return isVisible ? /* @__PURE__ */ jsxs(Wrapper$c, { $size: size2, $state: state, $type: type, "data-testid": "click-alert", ...delegated, children: [
     dismissible && type === "banner" && /* @__PURE__ */ jsx(DismissWrapper$1, {}),
     showIcon && /* @__PURE__ */ jsx(IconWrapper$2, { $state: state, $size: size2, $type: type, children: /* @__PURE__ */ jsx(StyledIcon, { $size: size2, size: "sm", "aria-hidden": true, name: customIcon || stateIconMap[state] }) }),
@@ -9662,7 +9667,7 @@ const Alert = ({
       title && /* @__PURE__ */ jsx(Title$4, { $size: size2, children: title }),
       /* @__PURE__ */ jsx(Text$1, { $size: size2, children: text2 })
     ] }),
-    dismissible && /* @__PURE__ */ jsx(DismissWrapper$1, { "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
+    dismissible && /* @__PURE__ */ jsx(DismissWrapper$1, { "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
   ] }) : null;
 };
 const Wrapper$c = pt.div.withConfig({
@@ -9704,18 +9709,13 @@ const StyledIcon = pt(SvgImage).withConfig({
   `);
 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:", ";"], ({
@@ -45031,10 +45031,10 @@ const global$4 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
+        red: "#ff2323",
         teal: "#089B83",
         sunrise: "#FFC300",
-        slate: "#9a9ea7",
-        red: "#ff2323"
+        slate: "#9a9ea7"
       },
       "default": {
         blue: "#437EEF",
@@ -45044,10 +45044,10 @@ const global$4 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
+        red: "#ff2323",
         teal: "#089B83",
         sunrise: "#FFC300",
-        slate: "#9a9ea7",
-        red: "#ff2323"
+        slate: "#9a9ea7"
       },
       label: {
         "default": "#161517",
@@ -46906,7 +46906,7 @@ const global$3 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
-        danger: "#ff2323",
+        red: "#ff2323",
         teal: "#6DF8E1",
         sunrise: "#FFC300",
         slate: "#9a9ea7"
@@ -46919,6 +46919,7 @@ const global$3 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
+        red: "#ff2323",
         danger: "#ff2323",
         teal: "#6DF8E1",
         sunrise: "#FFC300",
@@ -48772,10 +48773,10 @@ const global$2 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
+        red: "#ff2323",
         teal: "#089B83",
         sunrise: "#FFC300",
-        slate: "#9a9ea7",
-        red: "#ff2323"
+        slate: "#9a9ea7"
       },
       "default": {
         blue: "#437EEF",
@@ -48785,10 +48786,11 @@ const global$2 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
+        red: "#ff2323",
+        danger: "#ff2323",
         teal: "#089B83",
         sunrise: "#FFC300",
-        slate: "#9a9ea7",
-        red: "#ff2323"
+        slate: "#9a9ea7"
       },
       label: {
         "default": "#161517",
@@ -49152,8 +49154,8 @@ const click = {
           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;`
         }
       }
     },
@@ -50357,7 +50359,7 @@ const click = {
       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;`
@@ -52230,11 +52232,10 @@ const global$1 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
-        danger: "#ff2323",
+        red: "#ff2323",
         teal: "#089B83",
         sunrise: "#FFC300",
-        slate: "#9a9ea7",
-        red: "#ff2323"
+        slate: "#9a9ea7"
       },
       "default": {
         blue: "#437EEF",
@@ -52244,11 +52245,11 @@ const global$1 = {
         yellow: "#eef400",
         violet: "#BB33FF",
         babyblue: "#00CBEB",
+        red: "#ff2323",
         danger: "#ff2323",
         teal: "#089B83",
         sunrise: "#FFC300",
-        slate: "#9a9ea7",
-        red: "#ff2323"
+        slate: "#9a9ea7"
       },
       label: {
         "default": "#161517",
@@ -52488,7 +52489,8 @@ const typography = {
       "1": "0.75rem",
       "2": "0.875rem",
       "3": "1rem",
-      "4": "1.25rem",
+      "4": "1.125rem",
+      "5": "1.25rem",
       "6": "2rem",
       base: "16px"
     },
@@ -52505,7 +52507,7 @@ const typography = {
         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;`
       },