@clickhouse/click-ui 0.0.176 → 0.0.178

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.
@@ -85,6 +85,7 @@ export declare const ICONS_MAP: {
85
85
  keys: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
86
86
  lifebuoy: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
87
87
  "light-bulb": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
88
+ "light-bulb-on": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
88
89
  lightening: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
89
90
  "line-in-circle": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
90
91
  loading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement>, never>> & string & Omit<(props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -93,6 +94,7 @@ export declare const ICONS_MAP: {
93
94
  metrics: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
94
95
  "metrics-alt": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
95
96
  minus: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
97
+ moon: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
96
98
  "no-cloud": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
97
99
  pause: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
98
100
  payment: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -6,7 +6,7 @@ import { PaymentName, PaymentProps } from '../icons/Payments';
6
6
 
7
7
  export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
8
8
  export type IconState = "default" | "success" | "warning" | "danger" | "info";
9
- export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upload", "url", "user", "users", "warning", "waves"];
9
+ export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upload", "url", "user", "users", "warning", "waves"];
10
10
  export type IconName = (typeof ICON_NAMES)[number];
11
11
  export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
12
12
  name: IconName;
@@ -1,8 +1,7 @@
1
1
  import { ComponentProps, ElementType, ReactEventHandler, ReactNode } from 'react';
2
2
  import { IconName } from '..';
3
+ import { TextSize, TextWeight } from './common';
3
4
 
4
- type TextSize = "xs" | "sm" | "md" | "lg";
5
- type TextWeight = "normal" | "medium" | "semibold" | "bold";
6
5
  export interface LinkProps<T extends ElementType = "a"> {
7
6
  size?: TextSize;
8
7
  weight?: TextWeight;
@@ -0,0 +1,7 @@
1
+ export type TextSize = "xs" | "sm" | "md" | "lg";
2
+ export type TextWeight = "normal" | "medium" | "semibold" | "bold";
3
+ export type StyledLinkProps = {
4
+ $size: TextSize;
5
+ $weight: TextWeight;
6
+ };
7
+ export declare const linkStyles: import('styled-components').RuleSet<StyledLinkProps>;
@@ -1,4 +1,4 @@
1
- import { Orientation } from '..';
1
+ import { CursorOptions, Orientation } from '..';
2
2
  import { HTMLAttributes } from 'react';
3
3
 
4
4
  export type PanelPadding = "none" | "xs" | "sm" | "md" | "lg" | "xl";
@@ -6,19 +6,20 @@ export type PanelColor = "default" | "muted" | "transparent";
6
6
  export type PanelRadii = "none" | "sm" | "md" | "lg";
7
7
  type AlignItemsOption = "start" | "center" | "end";
8
8
  export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
9
+ alignItems?: AlignItemsOption;
10
+ children?: React.ReactNode;
11
+ color?: PanelColor;
12
+ cursor?: CursorOptions;
13
+ fillHeight?: boolean;
14
+ fillWidth?: boolean;
15
+ gap?: PanelPadding;
9
16
  hasBorder?: boolean;
10
17
  hasShadow?: boolean;
11
- color?: PanelColor;
18
+ height?: string;
19
+ orientation?: Orientation;
12
20
  padding?: PanelPadding;
13
- gap?: PanelPadding;
14
- children?: React.ReactNode;
15
21
  radii?: PanelRadii;
16
- orientation?: Orientation;
17
22
  width?: string;
18
- fillWidth?: boolean;
19
- height?: string;
20
- fillHeight?: boolean;
21
- alignItems?: AlignItemsOption;
22
23
  }
23
- 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;
24
+ 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;
24
25
  export {};
@@ -0,0 +1 @@
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";
@@ -0,0 +1,4 @@
1
+ import { SVGAttributes } from 'react';
2
+
3
+ declare const LightBulbOn: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
4
+ export default LightBulbOn;
@@ -0,0 +1,4 @@
1
+ import { SVGAttributes } from 'react';
2
+
3
+ declare const Moon: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
4
+ export default Moon;
@@ -32,6 +32,7 @@ export { default as Flags } from './icons/Flags';
32
32
  export { Grid } from './Grid/Grid';
33
33
  export { HoverCard } from './HoverCard/HoverCard';
34
34
  export { Link } from './Link/Link';
35
+ export { linkStyles } from './Link/common';
35
36
  export { Logo } from './Logos/Logo';
36
37
  export { NumberField } from './Input/NumberField';
37
38
  export { PasswordField } from './Input/PasswordField';
@@ -48,6 +48,7 @@ export type { CardHorizontalProps } from './CardHorizontal/CardHorizontal';
48
48
  export type { CardPromotionProps } from './CardPromotion/CardPromotion';
49
49
  export type { ProgressBarProps } from './ProgressBar/ProgressBar';
50
50
  export type { GridProps, CellProps, SelectedRegion, SelectionFocus, SelectionAction, GridContextMenuItemProps, Rectangle, } from './Grid/types';
51
+ export type { StyledLinkProps } from './Link/common';
51
52
  export type States = "default" | "active" | "disabled" | "error" | "hover";
52
53
  export type HorizontalDirection = "start" | "end";
53
54
  export type Orientation = "horizontal" | "vertical";
@@ -58,6 +59,7 @@ export type { ContextMenuItemProps } from './ContextMenu/ContextMenu';
58
59
  export type { GenericLabelProps } from './GenericLabel/GenericLabel';
59
60
  export type { MultiAccordionProps } from './MultiAccordion/MultiAccordion';
60
61
  export type { CheckboxVariants } from './Checkbox/Checkbox';
62
+ export type { CursorOptions } from './cursorOptions';
61
63
  export type { IconButtonProps };
62
64
  export type { AlertProps };
63
65
  export type { AvatarProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.176",
3
+ "version": "0.0.178",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",