@innovaccer/design-system 2.34.0 → 2.36.0

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 (58) hide show
  1. package/CHANGELOG.md +115 -0
  2. package/README.md +2 -2
  3. package/css/dist/index.css +361 -2
  4. package/css/dist/index.css.map +1 -1
  5. package/css/gulpfile.js +1 -0
  6. package/css/src/ai-components/button.css +74 -0
  7. package/css/src/ai-components/chat.css +28 -0
  8. package/css/src/ai-components/chip.css +63 -0
  9. package/css/src/ai-components/iconButton.css +67 -0
  10. package/css/src/components/calendar.css +9 -1
  11. package/css/src/components/chip.css +8 -0
  12. package/css/src/components/chipInput.css +1 -1
  13. package/css/src/components/emptyState.css +50 -0
  14. package/css/src/components/input.css +6 -0
  15. package/css/src/components/metricInput.css +6 -0
  16. package/css/src/components/textarea.css +6 -0
  17. package/css/src/core/animation.css +20 -0
  18. package/dist/.lib/tsconfig.type.tsbuildinfo +797 -350
  19. package/dist/core/ai-components/AIButton/index.d.ts +22 -0
  20. package/dist/core/ai-components/AIChip/index.d.ts +10 -0
  21. package/dist/core/ai-components/AIIconButton/SaraIcon.d.ts +14 -0
  22. package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts +5 -0
  23. package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts +5 -0
  24. package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts +5 -0
  25. package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts +5 -0
  26. package/dist/core/ai-components/AIIconButton/index.d.ts +26 -0
  27. package/dist/core/ai-components/AIResponse/ChatActionBar.d.ts +9 -0
  28. package/dist/core/ai-components/AIResponse/ChatBody.d.ts +9 -0
  29. package/dist/core/ai-components/AIResponse/ChatBox.d.ts +9 -0
  30. package/dist/core/ai-components/AIResponse/ChatButton.d.ts +4 -0
  31. package/dist/core/ai-components/AIResponse/index.d.ts +14 -0
  32. package/dist/core/ai-components/Sara/index.d.ts +18 -0
  33. package/dist/core/ai-components/SaraSparkle/index.d.ts +18 -0
  34. package/dist/core/ai-components/common.type.d.ts +12 -0
  35. package/dist/core/common.type.d.ts +1 -0
  36. package/dist/core/components/atoms/_chip/index.d.ts +4 -0
  37. package/dist/core/components/atoms/chip/Chip.d.ts +2 -0
  38. package/dist/core/components/atoms/textarea/Textarea.d.ts +1 -0
  39. package/dist/core/components/molecules/chipInput/ChipInput.d.ts +1 -0
  40. package/dist/core/components/molecules/emptyState/EmptyState.d.ts +27 -7
  41. package/dist/core/components/molecules/emptyState/EmptyStateActions.d.ts +7 -0
  42. package/dist/core/components/molecules/emptyState/EmptyStateContext.d.ts +8 -0
  43. package/dist/core/components/molecules/emptyState/EmptyStateDescription.d.ts +7 -0
  44. package/dist/core/components/molecules/emptyState/EmptyStateImage.d.ts +19 -0
  45. package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts +7 -0
  46. package/dist/core/components/organisms/combobox/Combobox.d.ts +2 -0
  47. package/dist/core/components/organisms/combobox/trigger/ComboboxTrigger.d.ts +2 -0
  48. package/dist/core/components/organisms/combobox/trigger/MultiselectTrigger.d.ts +2 -1
  49. package/dist/core/components/organisms/menu/trigger/MenuTrigger.d.ts +1 -0
  50. package/dist/core/index.d.ts +6 -0
  51. package/dist/core/index.type.d.ts +6 -0
  52. package/dist/index.esm.js +4903 -245
  53. package/dist/index.js +5016 -365
  54. package/dist/index.js.map +1 -1
  55. package/dist/index.umd.js +1 -1
  56. package/dist/index.umd.js.br +0 -0
  57. package/dist/index.umd.js.gz +0 -0
  58. package/package.json +5 -2
@@ -0,0 +1,22 @@
1
+ import * as React from 'react';
2
+ import { TButtonAppearance, TButtonType, TBaseHtmlProps } from "../common.type";
3
+ export interface AIButtonProps extends TBaseHtmlProps<HTMLButtonElement> {
4
+ appearance?: TButtonAppearance;
5
+ type?: TButtonType;
6
+ disabled?: boolean;
7
+ children?: string;
8
+ tabIndex?: number;
9
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
10
+ onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
11
+ onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
12
+ 'data-test'?: string;
13
+ className?: string;
14
+ }
15
+ export declare const AIButton: {
16
+ (props: AIButtonProps): JSX.Element;
17
+ defaultProps: {
18
+ appearance: string;
19
+ type: string;
20
+ };
21
+ };
22
+ export default AIButton;
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ export interface AIChipProps extends React.ComponentProps<'button'> {
3
+ label: string;
4
+ icon: string;
5
+ disabled?: boolean;
6
+ 'data-test'?: string;
7
+ className?: string;
8
+ }
9
+ export declare const AIChip: (props: AIChipProps) => JSX.Element;
10
+ export default AIChip;
@@ -0,0 +1,14 @@
1
+ import { TIconPosition, TSize2Hierarchy } from "../common.type";
2
+ interface SaraIconProp {
3
+ size: TSize2Hierarchy;
4
+ position: TIconPosition;
5
+ disabled?: boolean;
6
+ }
7
+ export declare const SaraIcon: {
8
+ (props: SaraIconProp): JSX.Element;
9
+ defaultProps: {
10
+ size: string;
11
+ position: string;
12
+ };
13
+ };
14
+ export default SaraIcon;
@@ -0,0 +1,5 @@
1
+ declare type SaraIconType = {
2
+ className?: string;
3
+ };
4
+ declare const SaraDisabledBottom: (props: SaraIconType) => JSX.Element;
5
+ export default SaraDisabledBottom;
@@ -0,0 +1,5 @@
1
+ declare type SaraIconType = {
2
+ className?: string;
3
+ };
4
+ declare const SaraDisabledTop: (props: SaraIconType) => JSX.Element;
5
+ export default SaraDisabledTop;
@@ -0,0 +1,5 @@
1
+ declare type SaraIconType = {
2
+ className?: string;
3
+ };
4
+ declare const SaraIconBottom: (props: SaraIconType) => JSX.Element;
5
+ export default SaraIconBottom;
@@ -0,0 +1,5 @@
1
+ declare type SaraIconType = {
2
+ className?: string;
3
+ };
4
+ declare const SaraIconTop: (props: SaraIconType) => JSX.Element;
5
+ export default SaraIconTop;
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+ import { TIconPosition, TButtonType, TSize2Hierarchy, TBaseHtmlProps } from "../common.type";
3
+ export interface AIIconButtonProps extends Omit<TBaseHtmlProps<HTMLButtonElement>, 'size'> {
4
+ icon?: string;
5
+ size?: TSize2Hierarchy;
6
+ position?: TIconPosition;
7
+ type?: TButtonType;
8
+ tooltip?: string;
9
+ disabled?: boolean;
10
+ tabIndex?: number;
11
+ strokeColor?: string;
12
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
13
+ onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
14
+ onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
15
+ 'data-test'?: string;
16
+ className?: string;
17
+ }
18
+ export declare const AIIconButton: {
19
+ (props: AIIconButtonProps): JSX.Element;
20
+ defaultProps: {
21
+ size: string;
22
+ position: string;
23
+ strokeColor: string;
24
+ };
25
+ };
26
+ export default AIIconButton;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ import { TBaseHtmlProps } from "../common.type";
3
+ export interface ChatActionBarProps extends TBaseHtmlProps<HTMLDivElement> {
4
+ children: React.ReactNode;
5
+ 'data-test'?: string;
6
+ className?: string;
7
+ }
8
+ export declare const ChatActionBar: (props: ChatActionBarProps) => JSX.Element;
9
+ export default ChatActionBar;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ import { TBaseHtmlProps } from "../common.type";
3
+ export interface ChatBodyProps extends TBaseHtmlProps<HTMLDivElement> {
4
+ children: React.ReactNode;
5
+ 'data-test'?: string;
6
+ className?: string;
7
+ }
8
+ export declare const ChatBody: (props: ChatBodyProps) => JSX.Element;
9
+ export default ChatBody;
@@ -0,0 +1,9 @@
1
+ import * as React from 'react';
2
+ import { TBaseHtmlProps } from "../common.type";
3
+ export interface ChatBoxProps extends TBaseHtmlProps<HTMLDivElement> {
4
+ children: React.ReactNode;
5
+ 'data-test'?: string;
6
+ className?: string;
7
+ }
8
+ export declare const ChatBox: (props: ChatBoxProps) => JSX.Element;
9
+ export default ChatBox;
@@ -0,0 +1,4 @@
1
+ import { ButtonProps } from "../../index.type";
2
+ declare type ChatButtonType = Omit<ButtonProps, 'size' | 'largeIcon' | 'appearance'>;
3
+ export declare const ChatButton: (props: ChatButtonType) => JSX.Element;
4
+ export default ChatButton;
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import { TBaseHtmlProps } from "../common.type";
3
+ export interface AIResponseProps extends TBaseHtmlProps<HTMLDivElement> {
4
+ children: React.ReactNode;
5
+ 'data-test'?: string;
6
+ className?: string;
7
+ }
8
+ export declare const AIResponse: {
9
+ (props: AIResponseProps): JSX.Element;
10
+ Button: (props: Pick<import("../../index.type").ButtonProps, "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "data-test" | "tooltip" | "icon" | "loading" | "iconType" | "expanded" | "iconAlign">) => JSX.Element;
11
+ ActionBar: (props: import("./ChatActionBar").ChatActionBarProps) => JSX.Element;
12
+ Body: (props: import("./ChatBody").ChatBodyProps) => JSX.Element;
13
+ };
14
+ export default AIResponse;
@@ -0,0 +1,18 @@
1
+ import * as React from 'react';
2
+ import { TSaraStates, TBaseHtmlProps } from "../common.type";
3
+ export interface SaraProps extends TBaseHtmlProps<HTMLDivElement> {
4
+ size?: number;
5
+ state?: TSaraStates;
6
+ alt?: string;
7
+ onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
8
+ className?: string;
9
+ 'data-test'?: string;
10
+ }
11
+ export declare const Sara: {
12
+ (props: SaraProps): JSX.Element;
13
+ defaultProps: {
14
+ size: number;
15
+ state: string;
16
+ };
17
+ };
18
+ export default Sara;
@@ -0,0 +1,18 @@
1
+ import * as React from 'react';
2
+ import { TSaraSparkleStates, TBaseHtmlProps } from "../common.type";
3
+ export interface SaraSparkleProps extends TBaseHtmlProps<HTMLDivElement> {
4
+ size?: number;
5
+ state?: TSaraSparkleStates;
6
+ alt?: string;
7
+ onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
8
+ className?: string;
9
+ 'data-test'?: string;
10
+ }
11
+ export declare const SaraSparkle: {
12
+ (props: SaraSparkleProps): JSX.Element;
13
+ defaultProps: {
14
+ size: number;
15
+ state: string;
16
+ };
17
+ };
18
+ export default SaraSparkle;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ export declare type TButtonAppearance = 'primary' | 'basic';
3
+ export declare type TButtonType = 'button' | 'submit' | 'reset';
4
+ export declare type TIconPosition = 'top' | 'bottom';
5
+ export declare type TSize2Hierarchy = 'regular' | 'large';
6
+ export declare type TSize3Hierarchy = 'regular' | 'medium' | 'large';
7
+ export declare type TSize4Hierarchy = 'tiny' | 'regular' | 'medium' | 'large';
8
+ export declare type TArrangement = 'horizontal' | 'vertical';
9
+ export declare type TSaraStates = 'default' | 'resting';
10
+ export declare type TSaraSparkleStates = 'default' | 'listening' | 'short-processing' | 'long-processing';
11
+ export declare type TProgressIndicatorStates = 'listening' | 'short-processing' | 'long-processing';
12
+ export declare type TBaseHtmlProps<T> = Omit<React.HTMLProps<T>, ''>;
@@ -21,3 +21,4 @@ export declare type OptionType = {
21
21
  isSelectedOption?: boolean;
22
22
  };
23
23
  export declare type TListboxSize = 'standard' | 'compressed' | 'tight';
24
+ export declare type TEmptyStateSize = 'standard' | 'compressed' | 'tight' | 'large' | 'small';
@@ -13,9 +13,13 @@ export interface GenericChipProps extends BaseProps {
13
13
  onClick?: () => void;
14
14
  iconType?: IconType;
15
15
  name: Name;
16
+ maxWidth: string | number;
16
17
  }
17
18
  export declare const GenericChip: {
18
19
  (props: GenericChipProps): JSX.Element;
19
20
  displayName: string;
21
+ defaultProps: {
22
+ maxWidth: string;
23
+ };
20
24
  };
21
25
  export default GenericChip;
@@ -15,12 +15,14 @@ export interface ChipProps extends BaseProps {
15
15
  onClose?: (name: Name) => void;
16
16
  onClick?: (name: Name) => void;
17
17
  name: Name;
18
+ maxWidth?: string | number;
18
19
  }
19
20
  export declare const Chip: {
20
21
  (props: ChipProps): JSX.Element;
21
22
  displayName: string;
22
23
  defaultProps: {
23
24
  type: string;
25
+ maxWidth: string;
24
26
  };
25
27
  };
26
28
  export default Chip;
@@ -10,6 +10,7 @@ export interface TextareaProps extends BaseProps, BaseHtmlProps<HTMLTextAreaElem
10
10
  required?: boolean;
11
11
  error?: boolean;
12
12
  resize?: boolean;
13
+ readOnly?: boolean;
13
14
  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
14
15
  onClick?: (e: React.MouseEvent<HTMLTextAreaElement>) => void;
15
16
  onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
@@ -6,6 +6,7 @@ declare type ChipOptions = {
6
6
  type?: ChipProps['type'];
7
7
  iconType?: ChipProps['iconType'];
8
8
  clearButton?: ChipProps['clearButton'];
9
+ maxWidth?: ChipProps['maxWidth'];
9
10
  onClick?: (value: string, index: number) => void;
10
11
  };
11
12
  export interface ChipInputProps extends BaseProps {
@@ -1,23 +1,43 @@
1
1
  import * as React from 'react';
2
2
  import { HeadingProps, TextProps } from "../../../index.type";
3
3
  import { BaseProps } from "../../../utils/types";
4
- declare type EmptyStateSize = 'large' | 'small';
4
+ import { TEmptyStateSize } from "../../../common.type";
5
5
  export interface EmptyStateProps extends BaseProps {
6
6
  imageSrc?: string;
7
- title: string;
8
- description: string;
9
- size: EmptyStateSize;
10
- children?: React.ReactNode;
7
+ title?: string;
8
+ description?: string;
11
9
  image?: React.ReactNode;
10
+ size?: TEmptyStateSize;
11
+ maxWidth?: number | string;
12
+ minWidth?: number | string;
13
+ width?: number | string;
14
+ children?: React.ReactNode;
12
15
  }
13
16
  export declare const imageHeight: {
14
17
  large: string;
15
18
  small: string;
19
+ standard: string;
20
+ compressed: string;
21
+ tight: string;
22
+ };
23
+ export declare const templateWidth: {
24
+ standard: string;
25
+ compressed: string;
26
+ tight: string;
27
+ large: string;
28
+ small: string;
16
29
  };
17
- export declare const HeadingSize: Record<EmptyStateSize, HeadingProps['size']>;
18
- export declare const textSize: Record<EmptyStateSize, TextProps['size']>;
30
+ export declare const HeadingSize: Record<TEmptyStateSize, HeadingProps['size']>;
31
+ export declare const textSize: Record<TEmptyStateSize, TextProps['size']>;
19
32
  export declare const EmptyState: {
20
33
  (props: EmptyStateProps): JSX.Element;
21
34
  displayName: string;
35
+ Title: (props: import("./EmptyStateTitle").EmptyDescriptionProps) => JSX.Element;
36
+ Description: (props: import("./EmptyStateDescription").EmptyDescriptionProps) => JSX.Element;
37
+ Image: (props: import("./EmptyStateImage").EmptyImageProps) => JSX.Element;
38
+ Actions: (props: import("./EmptyStateActions").EmptyActionProps) => JSX.Element;
39
+ defaultProps: {
40
+ size: string;
41
+ };
22
42
  };
23
43
  export default EmptyState;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { BaseProps } from "../../../utils/types";
3
+ export interface EmptyActionProps extends BaseProps {
4
+ children: React.ReactNode;
5
+ }
6
+ declare const EmptyStateActions: (props: EmptyActionProps) => JSX.Element;
7
+ export default EmptyStateActions;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ import { TEmptyStateSize } from "../../../common.type";
3
+ export declare type ContextProps = {
4
+ size?: TEmptyStateSize;
5
+ maxWidth?: number | string;
6
+ };
7
+ export declare const EmptyStateContext: React.Context<ContextProps>;
8
+ export default EmptyStateContext;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { BaseProps } from "../../../utils/types";
3
+ export interface EmptyDescriptionProps extends BaseProps {
4
+ children: React.ReactText;
5
+ }
6
+ declare const EmptyStateDescription: (props: EmptyDescriptionProps) => JSX.Element;
7
+ export default EmptyStateDescription;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { BaseProps } from "../../../utils/types";
3
+ export interface EmptyImageProps extends BaseProps, React.ImgHTMLAttributes<HTMLImageElement> {
4
+ children?: React.ReactNode;
5
+ src?: string;
6
+ alt?: string;
7
+ height?: string | number;
8
+ minHeight?: string | number;
9
+ maxHeight?: string | number;
10
+ }
11
+ export declare const imageHeight: {
12
+ standard: string;
13
+ compressed: string;
14
+ tight: string;
15
+ large: string;
16
+ small: string;
17
+ };
18
+ declare const EmptyStateImage: (props: EmptyImageProps) => JSX.Element;
19
+ export default EmptyStateImage;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { BaseProps } from "../../../utils/types";
3
+ export interface EmptyDescriptionProps extends BaseProps {
4
+ children: React.ReactText;
5
+ }
6
+ declare const EmptyStateTitle: (props: EmptyDescriptionProps) => JSX.Element;
7
+ export default EmptyStateTitle;
@@ -18,6 +18,8 @@ export interface ComboboxProps extends BaseProps {
18
18
  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
19
19
  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
20
20
  onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
21
+ onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
22
+ onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
21
23
  icon?: string;
22
24
  iconType?: IconType;
23
25
  size?: ComboboxInputSize;
@@ -10,6 +10,8 @@ interface ComboboxTriggerProps {
10
10
  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
11
11
  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
12
12
  onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
13
+ onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
14
+ onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
13
15
  icon?: string;
14
16
  iconType?: IconType;
15
17
  size?: ComboboxInputSize;
@@ -19,7 +19,8 @@ export interface MultiSelectTriggerProps extends BaseProps {
19
19
  defaultValue: OptionType[];
20
20
  autoFocus?: boolean;
21
21
  onChange?: (chips: OptionType[]) => void;
22
- onKeyDown?: (e: React.KeyboardEvent) => void;
22
+ onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
23
+ onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
23
24
  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
24
25
  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
25
26
  onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;
@@ -1,6 +1,7 @@
1
1
  import { BaseProps } from "../../../../utils/types";
2
2
  export interface MenuTriggerProps extends BaseProps {
3
3
  size?: 'tiny' | 'regular';
4
+ appearance?: 'transparent' | 'basic';
4
5
  }
5
6
  export declare const MenuTrigger: (props: MenuTriggerProps) => JSX.Element;
6
7
  export default MenuTrigger;
@@ -92,4 +92,10 @@ export { AvatarSelection } from "./components/atoms/avatarSelection";
92
92
  export { Combobox } from "./components/organisms/combobox";
93
93
  export { Select } from "./components/organisms/select";
94
94
  export { Menu } from "./components/organisms/menu";
95
+ export { AIButton } from "./ai-components/AIButton";
96
+ export { SaraSparkle } from "./ai-components/SaraSparkle";
97
+ export { Sara } from "./ai-components/Sara";
98
+ export { AIIconButton } from "./ai-components/AIIconButton";
99
+ export { AIChip } from "./ai-components/AIChip";
100
+ export { AIResponse } from "./ai-components/AIResponse";
95
101
  export { version } from "../package.json";
@@ -92,3 +92,9 @@ export { AvatarSelectionProps } from "./components/atoms/avatarSelection";
92
92
  export { ComboboxProps } from "./components/organisms/combobox";
93
93
  export { SelectProps } from "./components/organisms/select";
94
94
  export { MenuProps } from "./components/organisms/menu";
95
+ export { SaraSparkleProps } from "./ai-components/SaraSparkle";
96
+ export { AIButtonProps } from "./ai-components/AIButton";
97
+ export { SaraProps } from "./ai-components/Sara";
98
+ export { AIIconButtonProps } from "./ai-components/AIIconButton";
99
+ export { AIChipProps } from "./ai-components/AIChip";
100
+ export { AIResponseProps } from "./ai-components/AIResponse";