@clickhouse/click-ui 0.0.50 → 0.0.51

package/dist/components/Icon/IconCommon.d.ts

@@ -42,6 +42,7 @@ export declare const ICONS_MAP: {
     "dots-horizontal": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "dots-triangle": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "dots-vertical": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "dots-vertical-double": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     download: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "download-in-circle": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     email: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/types.d.ts

@@ -4,7 +4,7 @@ import { FlagName, FlagProps } from "../icons/Flags";
 import { LogoName } from "../Logos/types";
 import { PaymentName, PaymentProps } from "../icons/Payments";
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-export type IconName = "activity" | "arrow-down" | "arrow-right" | "arrow-triangle" | "arrow-directions" | "arrow-up" | "auth-app" | "auth-sms" | "backups" | "blog" | "book" | "brackets" | "briefcase" | "building" | "burger-menu" | "cards" | "cell-tower" | "chat" | "check" | "check-in-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "cloud" | "code" | "code-in-square" | "connect" | "connect-alt" | "console" | "copy" | "cross" | "data" | "database" | "disk" | "display" | "document" | "dots-horizontal" | "dots-triangle" | "dots-vertical" | "download" | "download-in-circle" | "email" | "empty" | "eye" | "eye-closed" | "filter" | "fire" | "folder-closed" | "folder-open" | "gift" | "history" | "horizontal-loading" | "home" | "http" | "info-in-circle" | "information" | "insert-row" | "integrations" | "key" | "keys" | "light-bulb" | "lightening" | "loading" | "loading-animated" | "metrics" | "metrics-alt" | "payment" | "pencil" | "pie-chart" | "play" | "play-in-circle" | "plus" | "popout" | "query" | "question" | "refresh" | "search" | "secure" | "services" | "settings" | "share" | "share-arrow" | "slide-in" | "slide-out" | "sort-alt" | "sort" | "sparkle" | "speaker" | "speed" | "star" | "support" | "table" | "taxi" | "trash" | "upload" | "url" | "user" | "users" | "warning" | "waves";
+export type IconName = "activity" | "arrow-down" | "arrow-right" | "arrow-triangle" | "arrow-directions" | "arrow-up" | "auth-app" | "auth-sms" | "backups" | "blog" | "book" | "brackets" | "briefcase" | "building" | "burger-menu" | "cards" | "cell-tower" | "chat" | "check" | "check-in-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "cloud" | "code" | "code-in-square" | "connect" | "connect-alt" | "console" | "copy" | "cross" | "data" | "database" | "disk" | "display" | "document" | "dots-horizontal" | "dots-triangle" | "dots-vertical" | "dots-vertical-double" | "download" | "download-in-circle" | "email" | "empty" | "eye" | "eye-closed" | "filter" | "fire" | "folder-closed" | "folder-open" | "gift" | "history" | "horizontal-loading" | "home" | "http" | "info-in-circle" | "information" | "insert-row" | "integrations" | "key" | "keys" | "light-bulb" | "lightening" | "loading" | "loading-animated" | "metrics" | "metrics-alt" | "payment" | "pencil" | "pie-chart" | "play" | "play-in-circle" | "plus" | "popout" | "query" | "question" | "refresh" | "search" | "secure" | "services" | "settings" | "share" | "share-arrow" | "slide-in" | "slide-out" | "sort-alt" | "sort" | "sparkle" | "speaker" | "speed" | "star" | "support" | "table" | "taxi" | "trash" | "upload" | "url" | "user" | "users" | "warning" | "waves";
 export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
     name: IconName;
     color?: string;

package/dist/components/Logos/AWSAthena.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const AWSAthena: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AWSAthena;

package/dist/components/Logos/AWS_S3.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const AWS_S3: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AWS_S3;

package/dist/components/Logos/GCS.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const Gcs: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Gcs;

package/dist/components/Logos/Hex.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const Hex: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Hex;

package/dist/components/Logos/Prequel.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const Prequel: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Prequel;

package/dist/components/Logos/dBeaver.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const dBeaver: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default dBeaver;

package/dist/components/Logos/types.d.ts

@@ -1 +1 @@
-export type LogoName = "clickhouse" | "aws-s3" | "aws-redshift" | "aws-msk" | "kafka" | "fivetran" | "confluent" | "tableau" | "graphana" | "superset" | "metabase" | "aws" | "gcp" | "azure" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg";
+export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-redshift" | "aws-msk" | "kafka" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "aws" | "gcp" | "gcs" | "azure" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg";

package/dist/components/icons/DotsVerticalDouble.d.ts

@@ -0,0 +1,3 @@
+import { SVGAttributes } from "react";
+declare const DotsVerticalDouble: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default DotsVerticalDouble;

package/dist/styles/types.d.ts

@@ -1790,6 +1790,11 @@ export interface Theme {
                                 "x": string;
                                 "y": string;
                             };
+                            "left": string;
+                            "bottom": {
+                                "default": string;
+                                "active": string;
+                            };
                         };
                     };
                     "color": {
@@ -1854,6 +1859,19 @@ export interface Theme {
                             "default": string;
                         };
                     };
+                    "content": {
+                        "space": {
+                            "gap": {
+                                "x": string;
+                                "y": string;
+                            };
+                            "left": string;
+                            "bottom": {
+                                "default": string;
+                                "active": string;
+                            };
+                        };
+                    };
                     "color": {
                         "title": {
                             "incomplete": string;
@@ -2179,6 +2197,14 @@ export interface Theme {
             "stroke": {
                 "default": string;
             };
+            "typography": {
+                "title": {
+                    "default": string;
+                };
+                "description": {
+                    "default": string;
+                };
+            };
             "color": {
                 "background": {
                     "default": string;
@@ -2250,6 +2276,14 @@ export interface Theme {
                     "height": string;
                 };
             };
+            "typography": {
+                "description": {
+                    "default": string;
+                };
+                "title": {
+                    "default": string;
+                };
+            };
             "color": {
                 "background": {
                     "default": string;

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

@@ -632,7 +632,19 @@ declare const _default: {
         }
       }
     },
+    "dialog": {
+      "typography": {
+        "title": {
+          "default": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+        }
+      }
+    },
     "flyout": {
+      "typography": {
+        "title": {
+          "default": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+        }
+      },
       "color": {
         "background": {
           "default": "#ffffff"

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

@@ -1109,7 +1109,7 @@ declare const _default: {
     "tooltip": {
       "color": {
         "background": {
-          "default": "lch(100 0 0 / 0.15)"
+          "default": "lch(16.1 0 0 / 0.95)"
         },
         "label": {
           "default": "#ffffff"

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

@@ -1789,6 +1789,11 @@ declare const _default: {
               "gap": {
                 "x": "1rem",
                 "y": "0.5rem"
+              },
+              "left": "2.5rem",
+              "bottom": {
+                "default": "2.5rem",
+                "active": "1.5rem"
               }
             }
           },
@@ -1854,6 +1859,19 @@ declare const _default: {
               "default": "700 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
             }
           },
+          "content": {
+            "space": {
+              "gap": {
+                "x": "1rem",
+                "y": "0.5rem"
+              },
+              "left": "2.5rem",
+              "bottom": {
+                "default": "2.5rem",
+                "active": "1.5rem"
+              }
+            }
+          },
           "color": {
             "title": {
               "incomplete": "#c0c0c0",
@@ -2152,7 +2170,7 @@ declare const _default: {
       },
       "color": {
         "background": {
-          "default": "lch(10.8 0 0 / 0.8)"
+          "default": "lch(10.8 0 0 / 0.85)"
         },
         "label": {
           "default": "#ffffff"
@@ -2179,6 +2197,14 @@ declare const _default: {
       "stroke": {
         "default": "1px solid lch(91.6 1.1 266)"
       },
+      "typography": {
+        "title": {
+          "default": "700 1.25rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+        },
+        "description": {
+          "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;"
+        }
+      },
       "color": {
         "background": {
           "default": "#ffffff"
@@ -2250,6 +2276,14 @@ declare const _default: {
           "height": "100%"
         }
       },
+      "typography": {
+        "description": {
+          "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;"
+        },
+        "title": {
+          "default": "700 1.25rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+        }
+      },
       "color": {
         "background": {
           "default": "#ffffff"

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

@@ -1105,7 +1105,7 @@ declare const _default: {
     "tooltip": {
       "color": {
         "background": {
-          "default": "lch(10.8 0 0 / 0.8)"
+          "default": "lch(10.8 0 0 / 0.85)"
         },
         "label": {
           "default": "#ffffff"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -49,7 +49,7 @@
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-hover-card": "^1.0.6",
-    "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-scroll-area": "^1.0.4",
     "@radix-ui/react-separator": "^1.0.3",

package/dist/components/Logos/AwsS3.d.ts

@@ -1,3 +0,0 @@
-import { SVGAttributes } from "react";
-declare const AwsS3: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
-export default AwsS3;