@clickhouse/click-ui 0.0.177 → 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.
@@ -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";
@@ -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.177",
3
+ "version": "0.0.178",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",