@clasing/ui 0.1.24 → 0.1.26

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 (6) hide show
  1. package/dist/index.d.ts +26 -21
  2. package/dist/index.es.js +1085 -1029
  3. package/dist/index.umd.js +10 -10
  4. package/dist/style.css +1 -1
  5. package/package.json +88 -86
  6. package/tailwind.config.js +61 -196
package/dist/index.d.ts CHANGED
@@ -15,9 +15,9 @@ declare interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement>
15
15
  export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttributes<HTMLSpanElement>>;
16
16
 
17
17
  declare const badgeStyles: (props?: ({
18
- status?: "notStarted" | "notStarted-outline" | "locked" | "locked-outline" | "available" | "available-outline" | "inProgress" | "inProgress-outline" | "completed" | "completed-outline" | "viewed" | "viewed-outline" | null | undefined;
19
- intent?: "neutral" | "neutral-outline" | "blue" | "blue-outline" | "mustard" | "mustard-outline" | "green" | "green-outline" | "lime" | "lime-outline" | "fuchsia" | "fuchsia-outline" | "marine" | "marine-outline" | "ice" | "ice-outline" | "gray" | "gray-outline" | "violet" | "violet-outline" | null | undefined;
20
- size?: "small" | "medium" | "large" | null | undefined;
18
+ utility?: "error" | "warning" | "success" | "info" | null | undefined;
19
+ intent?: "neutral" | "brand" | "brand-subtle" | "blue" | "blue-subtle" | "yellow" | "yellow-subtle" | null | undefined;
20
+ size?: "xs" | "sm" | "md" | "lg" | null | undefined;
21
21
  weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
22
22
  rounded?: "rectangle" | "full" | null | undefined;
23
23
  } & ClassProp) | undefined) => string;
@@ -28,21 +28,21 @@ export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIcon
28
28
 
29
29
  declare const buttonIconStyles: (props?: ({
30
30
  intent?: "outline" | "fill" | "ghost" | null | undefined;
31
- size?: "small" | "medium" | "large" | null | undefined;
32
- rounded?: "full" | "sm" | null | undefined;
31
+ size?: "sm" | "md" | "lg" | null | undefined;
32
+ rounded?: "sm" | "full" | null | undefined;
33
33
  } & ClassProp) | undefined) => string;
34
34
 
35
35
  export declare const ButtonLink: ForwardRefExoticComponent<IButtonLinkProps & RefAttributes<HTMLButtonElement>>;
36
36
 
37
- declare const buttonStyles: (props?: ({
38
- intent?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "destructive" | null | undefined;
39
- size?: "small" | "medium" | "large" | null | undefined;
37
+ export declare const buttonLinkStyles: (props?: ({
38
+ intent?: "primary" | null | undefined;
39
+ size?: "sm" | "md" | "lg" | null | undefined;
40
40
  weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
41
41
  } & ClassProp) | undefined) => string;
42
42
 
43
- declare const buttonStyles_2: (props?: ({
44
- intent?: "primary" | null | undefined;
45
- size?: "small" | "medium" | "large" | null | undefined;
43
+ export declare const buttonStyles: (props?: ({
44
+ intent?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "destructive" | null | undefined;
45
+ size?: "sm" | "md" | "lg" | null | undefined;
46
46
  weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
47
47
  } & ClassProp) | undefined) => string;
48
48
 
@@ -50,7 +50,7 @@ export declare const Card: ForwardRefExoticComponent<ICardProps & RefAttributes<
50
50
 
51
51
  declare const cardStyles: (props?: ({
52
52
  intent?: "outline" | "default" | null | undefined;
53
- shadow?: "none" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | null | undefined;
53
+ shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
54
54
  } & ClassProp) | undefined) => string;
55
55
 
56
56
  export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
@@ -77,6 +77,7 @@ declare interface DropdownSelectProps<T> extends React.SelectHTMLAttributes<HTML
77
77
  iconName?: TablerIconName;
78
78
  placeholder?: string;
79
79
  options?: DropdownOption<T>[];
80
+ onChange?: (value: DropdownOption<any>['value'] | null) => void;
80
81
  }
81
82
 
82
83
  declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeStyles> {
@@ -88,6 +89,7 @@ declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Var
88
89
  name: TablerIconName;
89
90
  stroke?: number;
90
91
  } | TablerIconName;
92
+ iconOnly?: boolean;
91
93
  }
92
94
 
93
95
  declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonIconStyles> {
@@ -99,7 +101,7 @@ declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<H
99
101
  notification?: boolean;
100
102
  }
101
103
 
102
- declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles_2> {
104
+ declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonLinkStyles> {
103
105
  iconLeft?: {
104
106
  name: TablerIconName;
105
107
  stroke?: number;
@@ -134,6 +136,7 @@ declare interface IIconComponentProps {
134
136
  size?: number;
135
137
  color?: string;
136
138
  className?: string;
139
+ onClick?: () => void;
137
140
  }
138
141
 
139
142
  export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
@@ -156,6 +159,7 @@ declare interface IPopoverProps {
156
159
  open?: boolean;
157
160
  placement?: PopoverPlacement;
158
161
  closeOnAction?: boolean;
162
+ className?: string;
159
163
  }
160
164
 
161
165
  declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarStyles> {
@@ -175,13 +179,14 @@ declare interface ITooltipProps extends React.HTMLAttributes<HTMLSpanElement>, V
175
179
  content: string;
176
180
  }
177
181
 
178
- export declare const Modal: ({ className, children, isOpen, setIsOpen, }: ModalProps) => JSX_2.Element;
182
+ export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, }: ModalProps) => JSX_2.Element;
179
183
 
180
184
  declare interface ModalProps {
181
185
  className?: string;
182
186
  children: React.ReactNode;
183
187
  isOpen: boolean;
184
188
  setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
189
+ canClose?: boolean;
185
190
  }
186
191
 
187
192
  declare interface OutsideClickHandlerProps {
@@ -189,16 +194,16 @@ declare interface OutsideClickHandlerProps {
189
194
  handler: () => void;
190
195
  }
191
196
 
192
- export declare const Popover: ({ children, trigger, open, placement, closeOnAction, }: IPopoverProps) => JSX_2.Element;
197
+ export declare const Popover: ({ children, trigger, open, placement, closeOnAction, className, }: IPopoverProps) => JSX_2.Element;
193
198
 
194
- declare type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
199
+ declare type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-right-corner' | 'top-left-corner' | 'bottom-right-corner' | 'bottom-left-corner';
195
200
 
196
201
  export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX_2.Element;
197
202
 
198
203
  declare const progressBarStyles: (props?: ({
199
- intent?: "blue" | "mustard" | "green" | "lime" | "fuchsia" | "marine" | "ice" | "gray" | "violet" | "primary" | null | undefined;
200
- size?: "small" | "medium" | "large" | null | undefined;
201
- rounded?: "full" | "sm" | null | undefined;
204
+ intent?: "brand" | "blue" | "yellow" | "green" | null | undefined;
205
+ size?: "sm" | "md" | "lg" | null | undefined;
206
+ rounded?: "sm" | "full" | null | undefined;
202
207
  } & ClassProp) | undefined) => string;
203
208
 
204
209
  export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
@@ -216,11 +221,11 @@ declare const textStyles: (props?: ({
216
221
  export declare const Tooltip: ForwardRefExoticComponent<ITooltipProps & RefAttributes<HTMLSpanElement>>;
217
222
 
218
223
  declare const tooltipStyles: (props?: ({
219
- shadow?: "none" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | null | undefined;
224
+ shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
220
225
  placement?: "top" | "bottom" | "left" | "right" | null | undefined;
221
226
  delay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
222
227
  closeDelay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
223
- rounded?: "full" | "sm" | null | undefined;
228
+ rounded?: "sm" | "full" | null | undefined;
224
229
  } & ClassProp) | undefined) => string;
225
230
 
226
231
  export declare const useOutsideClick: ({ ref, handler }: OutsideClickHandlerProps) => void;