@clickhouse/click-ui 0.0.177 → 0.0.179

package/dist/components/Link/Link.d.ts

@@ -1,8 +1,7 @@
 import { ComponentProps, ElementType, ReactEventHandler, ReactNode } from 'react';
 import { IconName } from '..';
+import { TextSize, TextWeight } from './common';
 
-type TextSize = "xs" | "sm" | "md" | "lg";
-type TextWeight = "normal" | "medium" | "semibold" | "bold";
 export interface LinkProps<T extends ElementType = "a"> {
     size?: TextSize;
     weight?: TextWeight;

package/dist/components/Link/common.d.ts

@@ -0,0 +1,7 @@
+export type TextSize = "xs" | "sm" | "md" | "lg";
+export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+export type StyledLinkProps = {
+    $size: TextSize;
+    $weight: TextWeight;
+};
+export declare const linkStyles: import('styled-components').RuleSet<StyledLinkProps>;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { Orientation } from '..';
+import { CursorOptions, Orientation } from '..';
 import { HTMLAttributes } from 'react';
 
 export type PanelPadding = "none" | "xs" | "sm" | "md" | "lg" | "xl";
@@ -6,19 +6,20 @@ export type PanelColor = "default" | "muted" | "transparent";
 export type PanelRadii = "none" | "sm" | "md" | "lg";
 type AlignItemsOption = "start" | "center" | "end";
 export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
+    alignItems?: AlignItemsOption;
+    children?: React.ReactNode;
+    color?: PanelColor;
+    cursor?: CursorOptions;
+    fillHeight?: boolean;
+    fillWidth?: boolean;
+    gap?: PanelPadding;
     hasBorder?: boolean;
     hasShadow?: boolean;
-    color?: PanelColor;
+    height?: string;
+    orientation?: Orientation;
     padding?: PanelPadding;
-    gap?: PanelPadding;
-    children?: React.ReactNode;
     radii?: PanelRadii;
-    orientation?: Orientation;
     width?: string;
-    fillWidth?: boolean;
-    height?: string;
-    fillHeight?: boolean;
-    alignItems?: AlignItemsOption;
 }
-export declare const Panel: ({ hasBorder, hasShadow, color, padding, gap, children, orientation, width, radii, fillWidth, height, fillHeight, alignItems, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Panel: ({ alignItems, children, color, cursor, fillHeight, fillWidth, gap, hasBorder, hasShadow, height, orientation, padding, radii, width, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/cursorOptions.d.ts

@@ -0,0 +1 @@
+export type CursorOptions = "auto" | "default" | "none" | "context-menu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "vertical-text" | "alias" | "copy" | "move" | "no-drop" | "not-allowed" | "grab" | "grabbing" | "e-resize" | "n-resize" | "ne-resize" | "nw-resize" | "s-resize" | "se-resize" | "sw-resize" | "w-resize" | "ew-resize" | "ns-resize" | "nesw-resize" | "nwse-resize" | "col-resize" | "row-resize" | "all-scroll" | "zoom-in" | "zoom-out";

package/dist/components/index.d.ts

@@ -32,6 +32,7 @@ export { default as Flags } from './icons/Flags';
 export { Grid } from './Grid/Grid';
 export { HoverCard } from './HoverCard/HoverCard';
 export { Link } from './Link/Link';
+export { linkStyles } from './Link/common';
 export { Logo } from './Logos/Logo';
 export { NumberField } from './Input/NumberField';
 export { PasswordField } from './Input/PasswordField';

package/dist/components/types.d.ts

@@ -48,6 +48,7 @@ export type { CardHorizontalProps } from './CardHorizontal/CardHorizontal';
 export type { CardPromotionProps } from './CardPromotion/CardPromotion';
 export type { ProgressBarProps } from './ProgressBar/ProgressBar';
 export type { GridProps, CellProps, SelectedRegion, SelectionFocus, SelectionAction, GridContextMenuItemProps, Rectangle, } from './Grid/types';
+export type { StyledLinkProps } from './Link/common';
 export type States = "default" | "active" | "disabled" | "error" | "hover";
 export type HorizontalDirection = "start" | "end";
 export type Orientation = "horizontal" | "vertical";
@@ -58,6 +59,7 @@ export type { ContextMenuItemProps } from './ContextMenu/ContextMenu';
 export type { GenericLabelProps } from './GenericLabel/GenericLabel';
 export type { MultiAccordionProps } from './MultiAccordion/MultiAccordion';
 export type { CheckboxVariants } from './Checkbox/Checkbox';
+export type { CursorOptions } from './cursorOptions';
 export type { IconButtonProps };
 export type { AlertProps };
 export type { AvatarProps };

package/dist/styles/types.d.ts

@@ -3015,11 +3015,24 @@ export interface Theme {
                 };
             };
         };
+        "serviceCard": {
+            "color": {
+                "background": {
+                    "default": string;
+                    "hover": string;
+                };
+                "stroke": {
+                    "default": string;
+                    "hover": string;
+                };
+            };
+        };
     };
     "transition": {
         "default": string;
         "duration": {
             "slow": string;
+            "smooth": string;
             "medium": string;
             "fast": string;
         };
@@ -3471,6 +3484,7 @@ export interface Theme {
         "2": string;
         "3": string;
         "4": string;
+        "5": string;
     };
     "breakpoint": {
         "sizes": {

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

@@ -860,6 +860,18 @@ declare const _default: {
           "slate": "#9a9ea7"
         }
       }
+    },
+    "serviceCard": {
+      "color": {
+        "background": {
+          "default": "#FBFCFF",
+          "hover": "lch(99 1.55 272)"
+        },
+        "stroke": {
+          "default": "#e6e7e9",
+          "hover": "rgb(81% 82.1% 83.6%)"
+        }
+      }
     }
   },
   "name": "classic",

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

@@ -1617,6 +1617,18 @@ declare const _default: {
           "slate": "#9a9ea7"
         }
       }
+    },
+    "serviceCard": {
+      "color": {
+        "background": {
+          "default": "rgb(17.8% 17.8% 17.8%)",
+          "hover": "lch(19.1 0 0)"
+        },
+        "stroke": {
+          "default": "rgb(23.6% 23.6% 23.6%)",
+          "hover": "rgb(27.4% 27.4% 27.4%)"
+        }
+      }
     }
   },
   "name": "dark",

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

@@ -3014,12 +3014,25 @@ declare const _default: {
           "slate": "#9a9ea7"
         }
       }
+    },
+    "serviceCard": {
+      "color": {
+        "background": {
+          "default": "#FBFCFF",
+          "hover": "lch(99 1.55 272)"
+        },
+        "stroke": {
+          "default": "#e6e7e9",
+          "hover": "rgb(81% 82.1% 83.6%)"
+        }
+      }
     }
   },
   "transition": {
     "default": "all 100ms ease-in 0ms",
     "duration": {
       "slow": "300ms",
+      "smooth": "150ms",
       "medium": "100ms",
       "fast": "50ms"
     },
@@ -3470,7 +3483,8 @@ declare const _default: {
     "1": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)",
     "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)",
     "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
-    "4": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
+    "4": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+    "5": "0 2px 2px 0 rgba(0, 0, 0, 0.03)"
   },
   "breakpoint": {
     "sizes": {

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

@@ -1604,6 +1604,18 @@ declare const _default: {
           "slate": "#9a9ea7"
         }
       }
+    },
+    "serviceCard": {
+      "color": {
+        "background": {
+          "default": "#FBFCFF",
+          "hover": "lch(99 1.55 272)"
+        },
+        "stroke": {
+          "default": "#e6e7e9",
+          "hover": "rgb(81% 82.1% 83.6%)"
+        }
+      }
     }
   },
   "name": "light",

package/package.json

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