@clickhouse/click-ui 0.0.237 → 0.0.239

package/dist/components/Alert/Alert.d.ts

@@ -11,10 +11,12 @@ export type AlertProps = {
     size?: AlertSize;
     type?: AlertType;
     showIcon?: boolean;
-    dismissible?: boolean;
     customIcon?: IconName;
+    dismissible?: boolean;
+    /** Available for `dismissible == true` */
+    onDismiss?: () => void;
 };
-declare const Alert: ({ text, title, size, state, type, showIcon, dismissible, customIcon, ...delegated }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Alert: ({ text, title, size, state, type, showIcon, dismissible, onDismiss, customIcon, ...delegated }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
 declare const DangerAlert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
 declare const InfoAlert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
 declare const SuccessAlert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/styles/types.d.ts

@@ -3411,11 +3411,10 @@ export interface Theme {
                     "yellow": string;
                     "violet": string;
                     "babyblue": string;
-                    "danger": string;
+                    "red": string;
                     "teal": string;
                     "sunrise": string;
                     "slate": string;
-                    "red": string;
                 };
                 "default": {
                     "blue": string;
@@ -3425,11 +3424,11 @@ export interface Theme {
                     "yellow": string;
                     "violet": string;
                     "babyblue": string;
+                    "red": string;
                     "danger": string;
                     "teal": string;
                     "sunrise": string;
                     "slate": string;
-                    "red": string;
                 };
                 "label": {
                     "default": string;
@@ -3670,6 +3669,7 @@ export interface Theme {
                 "2": string;
                 "3": string;
                 "4": string;
+                "5": string;
                 "6": string;
                 "base": string;
             };

package/dist/styles/variables.classic.json.d.ts

@@ -957,10 +957,10 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "default": {
           "blue": "#437EEF",
@@ -970,10 +970,10 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "label": {
           "default": "#161517",

package/dist/styles/variables.dark.json.d.ts

@@ -1831,7 +1831,7 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
-          "danger": "#ff2323",
+          "red": "#ff2323",
           "teal": "#6DF8E1",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
@@ -1844,6 +1844,7 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "danger": "#ff2323",
           "teal": "#6DF8E1",
           "sunrise": "#FFC300",

package/dist/styles/variables.json.d.ts

@@ -333,8 +333,8 @@ declare const _default: {
             "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;"
           }
         }
       },
@@ -1538,7 +1538,7 @@ declare const _default: {
         "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;"
@@ -3411,11 +3411,10 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
-          "danger": "#ff2323",
+          "red": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "default": {
           "blue": "#437EEF",
@@ -3425,11 +3424,11 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "danger": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "label": {
           "default": "#161517",
@@ -3669,7 +3668,8 @@ declare const _default: {
         "1": "0.75rem",
         "2": "0.875rem",
         "3": "1rem",
-        "4": "1.25rem",
+        "4": "1.125rem",
+        "5": "1.25rem",
         "6": "2rem",
         "base": "16px"
       },
@@ -3686,7 +3686,7 @@ declare const _default: {
           "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;"
         },

package/dist/styles/variables.light.json.d.ts

@@ -1819,10 +1819,10 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "default": {
           "blue": "#437EEF",
@@ -1832,10 +1832,11 @@ declare const _default: {
           "yellow": "#eef400",
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
+          "red": "#ff2323",
+          "danger": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
-          "slate": "#9a9ea7",
-          "red": "#ff2323"
+          "slate": "#9a9ea7"
         },
         "label": {
           "default": "#161517",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.237",
+  "version": "0.0.239",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -63,8 +63,8 @@
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-popper": "^1.1.3",
     "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-switch": "^1.0.2",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
@@ -76,11 +76,10 @@
     "sortablejs": "^1.15.0"
   },
   "devDependencies": {
-    "@radix-ui/react-switch": "^1.0.2",
-    "@storybook/addon-a11y": "^9.0.18",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-links": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
+    "@storybook/addon-a11y": "^10.0.7",
+    "@storybook/addon-docs": "^10.0.7",
+    "@storybook/addon-links": "^10.0.7",
+    "@storybook/react-vite": "^10.0.7",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
@@ -97,17 +96,17 @@
     "@typescript-eslint/parser": "^7.16.1",
     "@vitejs/plugin-react": "^4.2.1",
     "babel-plugin-styled-components": "^2.1.4",
-    "chromatic": "^6.18.2",
+    "chromatic": "^13.3.3",
     "eslint": "^8.57.0",
     "eslint-plugin-prefer-arrow-functions": "^3.3.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^9.0.18",
+    "eslint-plugin-storybook": "^10.0.7",
     "jsdom": "^24.0.0",
     "prettier": "^3.6.2",
     "prop-types": "^15.8.1",
-    "storybook": "^9.0.18",
-    "storybook-addon-pseudo-states": "^9.0.18",
+    "storybook": "^10.0.7",
+    "storybook-addon-pseudo-states": "^10.0.7",
     "styled-components": "^6.1.11",
     "stylis": "^4.3.0",
     "ts-node": "^10.9.1",