@clickhouse/click-ui 0.0.104 → 0.0.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/click-ui.es.js +93 -81
  2. package/dist/click-ui.umd.js +64 -64
  3. package/dist/components/Button/Button.d.ts +1 -0
  4. package/dist/components/Flyout/Flyout.d.ts +13 -4
  5. package/dist/styles/types.d.ts +27 -26
  6. package/dist/styles/variables.json.d.ts +30 -29
  7. package/package.json +1 -1
package/dist/components/Button/Button.d.ts CHANGED
@@ -11,6 +11,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
11
11
  align?: Alignment;
12
12
  fillWidth?: boolean;
13
13
  loading?: boolean;
14
+ autoFocus?: boolean;
14
15
  }
15
16
  export declare const Button: ({ type, iconLeft, iconRight, align, children, fillWidth, label, loading, disabled, ...delegated }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
16
17
  export {};
package/dist/components/Flyout/Flyout.d.ts CHANGED
@@ -9,15 +9,15 @@ export declare const Flyout: {
9
9
  displayName: string;
10
10
  };
11
11
  Content: {
12
- ({ showOverlay, children, container, strategy, size, closeOnInteractOutside, onInteractOutside, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
12
+ ({ showOverlay, children, container, strategy, size, type, closeOnInteractOutside, onInteractOutside, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
13
13
  displayName: string;
14
14
  };
15
15
  Element: {
16
- (props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
16
+ ({ type, ...props }: ElementProps): import("react/jsx-runtime").JSX.Element;
17
17
  displayName: string;
18
18
  };
19
19
  Header: {
20
- ({ title, description, children, ...props }: FlyoutHeaderProps): import("react/jsx-runtime").JSX.Element;
20
+ ({ title, description, type, children, ...props }: FlyoutHeaderProps): import("react/jsx-runtime").JSX.Element;
21
21
  displayName: string;
22
22
  };
23
23
  Body: {
@@ -37,21 +37,28 @@ export declare const Flyout: {
37
37
  };
38
38
  type FlyoutSizeType = "default" | "narrow" | "wide";
39
39
  type Strategy = "relative" | "absolute" | "fixed";
40
+ type FlyoutType = "default" | "inline";
40
41
  export interface DialogContentProps extends RadixDialogContentProps {
41
42
  container?: HTMLElement | null;
42
43
  showOverlay?: boolean;
43
44
  showClose?: boolean;
44
45
  size?: FlyoutSizeType;
46
+ type?: FlyoutType;
45
47
  strategy?: Strategy;
46
48
  closeOnInteractOutside?: boolean;
47
49
  }
50
+ interface ElementProps extends HTMLAttributes<HTMLDivElement> {
51
+ type?: FlyoutType;
52
+ }
48
53
  interface TitleHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
49
54
  title: string;
50
55
  description?: string;
56
+ type?: FlyoutType;
51
57
  children?: never;
52
58
  }
53
59
  interface ChildrenHeaderProps extends HTMLAttributes<HTMLDivElement> {
54
60
  title?: never;
61
+ type?: FlyoutType;
55
62
  description?: never;
56
63
  }
57
64
  export type FlyoutHeaderProps = TitleHeaderProps | ChildrenHeaderProps;
@@ -59,7 +66,9 @@ type FlyoutAlign = "default" | "top";
59
66
  interface BodyProps extends HTMLAttributes<HTMLDivElement> {
60
67
  align?: FlyoutAlign;
61
68
  }
62
- export type FlyoutFooterProps = HTMLAttributes<HTMLDivElement>;
69
+ export interface FlyoutFooterProps extends HTMLAttributes<HTMLDivElement> {
70
+ type?: FlyoutType;
71
+ }
63
72
  interface FlyoutButtonProps extends Omit<ButtonProps, "children"> {
64
73
  children?: never;
65
74
  }
package/dist/styles/types.d.ts CHANGED
@@ -2435,39 +2435,30 @@ export interface Theme {
2435
2435
  };
2436
2436
  "flyout": {
2437
2437
  "space": {
2438
- "y": string;
2439
- "x": string;
2440
- "gap": string;
2441
2438
  "default": {
2442
- "top": string;
2443
- };
2444
- "inline": {
2439
+ "x": string;
2440
+ "y": string;
2441
+ "gap": string;
2445
2442
  "top": string;
2446
2443
  "content": {
2447
2444
  "x": string;
2445
+ "y": string;
2448
2446
  "row-gap": string;
2449
2447
  "column-gap": string;
2450
2448
  };
2451
- "y": string;
2449
+ };
2450
+ "inline": {
2452
2451
  "x": string;
2452
+ "y": string;
2453
2453
  "gap": string;
2454
- "default": {
2455
- "top": string;
2456
- };
2457
- "inline": {
2458
- "top": string;
2459
- "content": {
2460
- "x": string;
2461
- "row-gap": string;
2462
- "column-gap": string;
2463
- };
2454
+ "top": string;
2455
+ "content": {
2456
+ "x": string;
2457
+ "y": string;
2458
+ "row-gap": string;
2459
+ "column-gap": string;
2464
2460
  };
2465
2461
  };
2466
- "content": {
2467
- "x": string;
2468
- "row-gap": string;
2469
- "column-gap": string;
2470
- };
2471
2462
  };
2472
2463
  "shadow": {
2473
2464
  "default": string;
@@ -2487,11 +2478,21 @@ export interface Theme {
2487
2478
  };
2488
2479
  };
2489
2480
  "typography": {
2490
- "description": {
2491
- "default": string;
2481
+ "default": {
2482
+ "description": {
2483
+ "default": string;
2484
+ };
2485
+ "title": {
2486
+ "default": string;
2487
+ };
2492
2488
  };
2493
- "title": {
2494
- "default": string;
2489
+ "inline": {
2490
+ "description": {
2491
+ "default": string;
2492
+ };
2493
+ "title": {
2494
+ "default": string;
2495
+ };
2495
2496
  };
2496
2497
  };
2497
2498
  "color": {
package/dist/styles/variables.json.d.ts CHANGED
@@ -2435,38 +2435,29 @@ declare const _default: {
2435
2435
  },
2436
2436
  "flyout": {
2437
2437
  "space": {
2438
- "y": "1.5rem",
2439
- "x": "0",
2440
- "gap": "1rem",
2441
2438
  "default": {
2442
- "top": "0"
2443
- },
2444
- "inline": {
2445
- "top": "3.5rem",
2439
+ "x": "0",
2440
+ "y": "1.5rem",
2441
+ "gap": "1rem",
2442
+ "top": "0",
2446
2443
  "content": {
2447
2444
  "x": "1.5rem",
2445
+ "y": "1.5rem",
2448
2446
  "row-gap": "0.25rem",
2449
2447
  "column-gap": "1rem"
2450
- },
2451
- "y": "1rem",
2452
- "x": "0",
2453
- "gap": "1rem",
2454
- "default": {
2455
- "top": "0"
2456
- },
2457
- "inline": {
2458
- "top": "3.5rem",
2459
- "content": {
2460
- "x": "0.75rem",
2461
- "row-gap": "0.25rem",
2462
- "column-gap": "0.75rem"
2463
- }
2464
2448
  }
2465
2449
  },
2466
- "content": {
2467
- "x": "1.5rem",
2468
- "row-gap": "0.25rem",
2469
- "column-gap": "1rem"
2450
+ "inline": {
2451
+ "x": "0",
2452
+ "y": "0.75rem",
2453
+ "gap": "0.75rem",
2454
+ "top": "3.5rem",
2455
+ "content": {
2456
+ "x": "0.75rem",
2457
+ "y": "0.75rem",
2458
+ "row-gap": "0.25rem",
2459
+ "column-gap": "0.75rem"
2460
+ }
2470
2461
  }
2471
2462
  },
2472
2463
  "shadow": {
@@ -2487,11 +2478,21 @@ declare const _default: {
2487
2478
  }
2488
2479
  },
2489
2480
  "typography": {
2490
- "description": {
2491
- "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;"
2481
+ "default": {
2482
+ "description": {
2483
+ "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;"
2484
+ },
2485
+ "title": {
2486
+ "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;"
2487
+ }
2492
2488
  },
2493
- "title": {
2494
- "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;"
2489
+ "inline": {
2490
+ "description": {
2491
+ "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;"
2492
+ },
2493
+ "title": {
2494
+ "default": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
2495
+ }
2495
2496
  }
2496
2497
  },
2497
2498
  "color": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.104",
3
+ "version": "0.0.105",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",