@innovaccer/design-system 2.35.0 → 2.36.1
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.
- package/CHANGELOG.md +106 -0
- package/README.md +2 -2
- package/css/dist/index.css +310 -2
- package/css/dist/index.css.map +1 -1
- package/css/gulpfile.js +1 -0
- package/css/src/ai-components/button.css +74 -0
- package/css/src/ai-components/chat.css +28 -0
- package/css/src/ai-components/chip.css +63 -0
- package/css/src/ai-components/iconButton.css +67 -0
- package/css/src/components/calendar.css +9 -1
- package/css/src/components/chip.css +8 -0
- package/css/src/components/chipInput.css +1 -1
- package/css/src/components/input.css +6 -0
- package/css/src/components/metricInput.css +6 -0
- package/css/src/components/textarea.css +6 -0
- package/css/src/core/animation.css +20 -0
- package/dist/.lib/tsconfig.type.tsbuildinfo +360 -28
- package/dist/core/ai-components/AIButton/index.d.ts +22 -0
- package/dist/core/ai-components/AIChip/index.d.ts +10 -0
- package/dist/core/ai-components/AIIconButton/SaraIcon.d.ts +14 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/index.d.ts +26 -0
- package/dist/core/ai-components/AIResponse/ChatActionBar.d.ts +9 -0
- package/dist/core/ai-components/AIResponse/ChatBody.d.ts +9 -0
- package/dist/core/ai-components/AIResponse/ChatBox.d.ts +9 -0
- package/dist/core/ai-components/AIResponse/ChatButton.d.ts +4 -0
- package/dist/core/ai-components/AIResponse/index.d.ts +14 -0
- package/dist/core/ai-components/Sara/index.d.ts +18 -0
- package/dist/core/ai-components/SaraSparkle/index.d.ts +18 -0
- package/dist/core/ai-components/common.type.d.ts +12 -0
- package/dist/core/components/atoms/_chip/index.d.ts +4 -0
- package/dist/core/components/atoms/chip/Chip.d.ts +2 -0
- package/dist/core/components/atoms/textarea/Textarea.d.ts +1 -0
- package/dist/core/components/molecules/chipInput/ChipInput.d.ts +1 -0
- package/dist/core/components/organisms/menu/trigger/MenuTrigger.d.ts +1 -0
- package/dist/core/index.d.ts +6 -0
- package/dist/core/index.type.d.ts +6 -0
- package/dist/index.esm.js +4674 -217
- package/dist/index.js +4800 -343
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/package.json +5 -2
|
@@ -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,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>, ''>;
|
|
@@ -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,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;
|
package/dist/core/index.d.ts
CHANGED
|
@@ -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";
|