@clickhouse/click-ui 0.0.32 → 0.0.34

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,12 +1,13 @@
 import * as RightMenu from "@radix-ui/react-context-menu";
+import { HorizontalDirection, IconName } from '../../components';
 export declare const ContextMenu: {
     (props: RightMenu.ContextMenuProps): import("react/jsx-runtime").JSX.Element;
     Trigger: {
-        (props: RightMenu.ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+        ({ disabled, ...props }: RightMenu.ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     SubTrigger: {
-        ({ children, ...props }: RightMenu.ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+        ({ icon, iconDir, children, ...props }: ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Content: {
@@ -22,10 +23,14 @@ export declare const ContextMenu: {
         displayName: string;
     };
     Item: {
-        ({ ...props }: RightMenu.ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ icon, iconDir, children, ...props }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };
+interface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
 export type ArrowProps = {
     showArrow?: boolean;
 };
@@ -35,4 +40,8 @@ type ContextMenuContentProps = RightMenu.MenuContentProps & {
 type ContextMenuSubContentProps = RightMenu.MenuSubContentProps & {
     sub?: never;
 } & ArrowProps;
+interface ContextMenuItemProps extends RightMenu.ContextMenuItemProps {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
 export default ContextMenu;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,5 @@
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { HorizontalDirection, IconName } from '../../components';
 export declare const Dropdown: {
     (props: DropdownMenu.DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
     Trigger: {
@@ -18,12 +19,14 @@ export declare const Dropdown: {
         displayName: string;
     };
     Item: {
-        (props: DropdownMenu.DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ icon, iconDir, children, ...props }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };
 interface SubDropdownProps {
     sub?: true;
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
 }
 interface MainDropdownProps {
     sub?: never;
@@ -35,4 +38,8 @@ export type ArrowProps = {
 };
 type DropdownContentProps = DropdownMenu.MenuContentProps & SubDropdownProps & ArrowProps;
 type DropdownSubContentProps = DropdownMenu.MenuSubContentProps & MainDropdownProps & ArrowProps;
+interface DropdownItemProps extends DropdownMenu.DropdownMenuItemProps {
+    icon?: IconName;
+    iconDir?: HorizontalDirection;
+}
 export default Dropdown;

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

@@ -1 +1 @@
-export type LogoName = "clickhouse" | "aws-s3" | "aws-redshift" | "aws-msk" | "kakfa" | "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" | "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";

package/dist/components/Panel/Panel.d.ts

@@ -9,4 +9,4 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     orientation?: "horizontal" | "vertical";
 }
-export declare const Panel: ({ hasBorder, hasShadow, color, padding, children, orientation, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Panel: ({ hasBorder, hasShadow, color, padding, children, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/commonElement.d.ts

@@ -4,6 +4,7 @@ import { IconSize } from "./Icon/types";
 export declare const FormRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $orientation?: "horizontal" | "vertical" | undefined;
     $dir?: "start" | "end" | undefined;
+    $addLabelPadding?: boolean | undefined;
 }>>;
 export declare const Error: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;

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

@@ -377,12 +377,12 @@ declare const _default: {
             "color": {
               "text": {
                 "default": "#696e79",
-                "hover": "#ffffff",
+                "hover": "#151515",
                 "active": "#161517"
               },
               "background": {
                 "default": "rgba(0,0,0,0)",
-                "hover": "lch(40.9 16.2 296)",
+                "hover": "lch(91.6 1.1 266 / 0.6)",
                 "active": "rgba(0,0,0,0)"
               }
             }

package/package.json

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