@clickhouse/click-ui 0.0.228 → 0.0.230

package/dist/components/DateDetails/DateDetails.d.ts

@@ -1,7 +1,11 @@
+import { TextSize, TextWeight } from '../commonTypes';
+
 export type ArrowPosition = "top" | "right" | "left" | "bottom";
 export interface DateDetailsProps {
     date: Date;
     side?: ArrowPosition;
+    size?: TextSize;
     systemTimeZone?: string;
+    weight?: TextWeight;
 }
-export declare const DateDetails: ({ date, side, systemTimeZone }: DateDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateDetails: ({ date, side, size, systemTimeZone, weight, }: DateDetailsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/Dialog.d.ts

@@ -5,7 +5,7 @@ import * as RadixDialog from "@radix-ui/react-dialog";
 export declare const Dialog: {
     ({ children, ...props }: RadixDialog.DialogProps): import("react/jsx-runtime").JSX.Element;
     Trigger: {
-        ({ children, ...props }: RadixDialog.DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, asChild, ...props }: RadixDialog.DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Close: {
@@ -13,16 +13,17 @@ export declare const Dialog: {
         displayName: string;
     };
     Content: {
-        ({ title, children, showClose, onClose, forceMount, container, showOverlay, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+        ({ title, children, showClose, onClose, forceMount, container, showOverlay, reducePadding, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };
 export interface DialogContentProps extends RadixDialog.DialogContentProps {
-    title: string;
+    title?: string;
     showClose?: boolean;
     forceMount?: true;
     container?: HTMLElement | null;
     children: ReactNode;
     onClose?: () => void;
     showOverlay?: boolean;
+    reducePadding?: boolean;
 }

package/dist/components/GridContainer/GridContainer.d.ts

@@ -1,10 +1,11 @@
-import { HTMLAttributes } from 'react';
+import { ComponentProps, ElementType, ReactNode } from 'react';
 
 export type FlowOptions = "row" | "column" | "row-dense" | "column-dense";
 type GapOptions = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "unset";
 type ItemsOptions = "start" | "center" | "end" | "stretch";
 type ContentOptions = "center" | "space-between" | "space-around" | "space-evenly" | "start" | "stretch" | "end" | "left" | "right";
-export interface GridContainerProps extends HTMLAttributes<HTMLDivElement> {
+export interface GridContainerProps<T extends ElementType = "div"> {
+    component?: T;
     alignItems?: ItemsOptions;
     alignContent?: ContentOptions;
     children?: React.ReactNode;
@@ -30,5 +31,6 @@ export interface GridContainerProps extends HTMLAttributes<HTMLDivElement> {
     minWidth?: string;
     overflow?: string;
 }
-declare const GridContainer: ({ alignItems, alignContent, children, columnGap, gap, gridAutoColumns, gridAutoFlow, gridAutoRows, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, gridTemplate, inline, isResponsive, justifyContent, justifyItems, rowGap, height, maxHeight, minHeight, fillWidth, maxWidth, minWidth, overflow, ...props }: GridContainerProps) => import("react/jsx-runtime").JSX.Element;
-export { GridContainer };
+type GridContainerPolymorphicComponent = <T extends ElementType = "div">(props: Omit<ComponentProps<T>, keyof T> & GridContainerProps<T>) => ReactNode;
+export declare const GridContainer: GridContainerPolymorphicComponent;
+export {};

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

@@ -1,6 +1,6 @@
 import { ComponentProps, ElementType, ReactEventHandler, ReactNode } from 'react';
 import { IconName } from '..';
-import { TextSize, TextWeight } from './common';
+import { TextSize, TextWeight } from '../commonTypes';
 
 export interface LinkProps<T extends ElementType = "a"> {
     size?: TextSize;

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

@@ -1,5 +1,5 @@
-export type TextSize = "xs" | "sm" | "md" | "lg";
-export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+import { TextSize, TextWeight } from '../commonTypes';
+
 export type StyledLinkProps = {
     $size: TextSize;
     $weight: TextWeight;

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

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

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

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

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

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

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" | "digital_ocean" | "feature_database" | "feature_hexagon" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-blob-storage" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "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-blob-storage" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream" | "cloudflare" | "databricks" | "mariadb";

package/dist/components/Typography/Text/Text.d.ts

@@ -1,9 +1,8 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
+import { TextSize, TextWeight } from '../../commonTypes';
 
 export type TextAlignment = "left" | "center" | "right";
 export type TextColor = "default" | "muted" | "danger" | "disabled";
-export type TextSize = "xs" | "sm" | "md" | "lg";
-export type TextWeight = "normal" | "medium" | "semibold" | "bold" | "mono";
 export interface TextProps<T extends ElementType = "p"> {
     children: ReactNode;
     align?: TextAlignment;

package/dist/components/commonTypes.d.ts

@@ -0,0 +1,2 @@
+export type TextSize = "xs" | "sm" | "md" | "lg";
+export type TextWeight = "normal" | "medium" | "semibold" | "bold" | "mono";

package/dist/components/types.d.ts

@@ -47,7 +47,7 @@ export type { VerticalStepperProps, VerticalStepProps, } from './VerticalStepper
 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 { GridProps, CellProps, SelectedRegion, SelectionFocus, SelectionPos, 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";

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

@@ -1029,7 +1029,7 @@ declare const _default: {
             "default": "#ffffff",
             "hover": "#ffffff",
             "active": "#ffffff",
-            "disabled": "#c0c0c0",
+            "disabled": "#808080",
             "muted": "#b3b6bd"
           },
           "background": {

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

@@ -1877,7 +1877,7 @@ declare const _default: {
             "default": "#161517",
             "hover": "#161517",
             "active": "#161517",
-            "disabled": "#c0c0c0",
+            "disabled": "#a0a0a0",
             "muted": "#696e79"
           },
           "background": {

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

@@ -1014,7 +1014,7 @@ declare const _default: {
             "default": "#161517",
             "hover": "#161517",
             "active": "#161517",
-            "disabled": "#c0c0c0",
+            "disabled": "#a0a0a0",
             "muted": "#696e79"
           },
           "background": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.228",
+  "version": "0.0.230",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -77,16 +77,10 @@
   },
   "devDependencies": {
     "@radix-ui/react-switch": "^1.0.2",
-    "@storybook/addon-a11y": "^7.3.2",
-    "@storybook/addon-essentials": "^7.0.18",
-    "@storybook/addon-interactions": "^7.0.18",
-    "@storybook/addon-links": "^7.0.18",
-    "@storybook/blocks": "^7.0.18",
-    "@storybook/manager-api": "^7.0.23",
-    "@storybook/react": "^7.0.18",
-    "@storybook/react-vite": "^7.0.18",
-    "@storybook/testing-library": "^0.1.0",
-    "@storybook/theming": "^7.0.23",
+    "@storybook/addon-a11y": "^9.0.18",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-links": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
@@ -108,11 +102,12 @@
     "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": "^0.8.0",
+    "eslint-plugin-storybook": "^9.0.18",
     "jsdom": "^24.0.0",
+    "prettier": "^3.6.2",
     "prop-types": "^15.8.1",
-    "storybook": "^7.0.18",
-    "storybook-addon-pseudo-states": "^2.0.1",
+    "storybook": "^9.0.18",
+    "storybook-addon-pseudo-states": "^9.0.18",
     "styled-components": "^6.1.11",
     "stylis": "^4.3.0",
     "ts-node": "^10.9.1",