Released 2.2.0-0

dist/core/components/atoms/icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
-export declare type Appearance = 'default' | 'destructive' | 'white' | 'subtle' | 'disabled' | 'info' | 'alert' | 'warning' | 'success';
+export declare type Appearance = 'default' | 'destructive' | 'white' | 'subtle' | 'disabled' | 'info' | 'alert' | 'warning' | 'success' | 'primary_lighter' | 'primary' | 'primary_dark' | 'alert_lighter' | 'alert_dark' | 'warning_lighter' | 'warning_dark' | 'success_lighter' | 'success_dark' | 'accent1' | 'accent1_lighter' | 'accent1_dark' | 'accent2' | 'accent2_lighter' | 'accent2_dark' | 'accent3' | 'accent3_lighter' | 'accent3_dark' | 'accent4' | 'accent4_lighter' | 'accent4_dark' | 'inverse';
 export declare type IconType = 'filled' | 'outlined' | 'outline' | 'rounded' | 'round' | 'two-tone' | 'sharp';
 export interface IconProps extends BaseProps {
     name?: string;
@@ -15,6 +15,7 @@ export declare const Icon: {
     displayName: string;
     defaultProps: {
         size: number;
+        type: string;
     };
 };
 export default Icon;

dist/core/components/atoms/multiSlider/Handle.d.ts

@@ -8,6 +8,7 @@ export interface HandleProps {
 }
 export interface InternalHandleProps extends HandleProps {
     disabled?: boolean;
+    isCurrentLabelHovered?: boolean;
     label: string;
     max: number;
     min: number;
@@ -17,11 +18,13 @@ export interface InternalHandleProps extends HandleProps {
     zIndex?: number;
 }
 export interface HandleState {
-    isMoving?: boolean;
+    isHandleMoving?: boolean;
+    isHandleHovered?: boolean;
 }
 export declare class Handle extends React.Component<InternalHandleProps, HandleState> {
     state: {
-        isMoving: boolean;
+        isHandleMoving: boolean;
+        isHandleHovered: boolean;
     };
     handleElement: HTMLElement | null;
     refHandlers: {
@@ -41,6 +44,8 @@ export declare class Handle extends React.Component<InternalHandleProps, HandleS
         handleMidpoint: number;
         handleOffset: number;
     };
+    handleMouseOver: () => void;
+    handleMouseLeave: () => void;
     render(): JSX.Element;
     removeDocumentEventListeners: () => void;
 }

dist/core/components/atoms/multiSlider/index.d.ts

@@ -24,6 +24,7 @@ interface MultiSliderState {
     labelPrecision: number;
     tickSize: number;
     tickSizeRatio: number;
+    hoveredLabelValue?: number;
 }
 declare type InternalMultiSliderProps = SliderBaserProps & RangeSliderBaseProps;
 export declare class MultiSlider extends React.Component<InternalMultiSliderProps, MultiSliderState> {
@@ -55,11 +56,13 @@ export declare class MultiSlider extends React.Component<InternalMultiSliderProp
     getNewHandleValues: (newValue: number, oldIndex: number) => number[];
     onReleaseHandler: (newValue: number, index: number) => void;
     onChangeHandler: (newValue: number, index: number) => void;
-    renderHandles: () => JSX.Element[] | null;
     formatLabel: (value: number) => string;
+    renderHandles: () => JSX.Element[] | null;
     renderLabels: () => JSX.Element[];
     renderTrackFill: (index: number, start: HandleProps, end: HandleProps) => JSX.Element;
     renderTracks: () => JSX.Element[];
+    handleLabelMouseOver: (value: number) => void;
+    handleLabelMouseLeave: () => void;
     render(): JSX.Element;
 }
 export default MultiSlider;

dist/core/components/molecules/editableChipInput/EditableChipInput.d.ts

@@ -0,0 +1,17 @@
+import { BaseProps } from "../../../utils/types";
+import { ChipInputProps } from "../../../index.type";
+export interface EditableChipInputProps extends BaseProps {
+    placeholder: string;
+    value?: string[];
+    onChange?: (chips: string[]) => void;
+    disableSaveAction?: boolean;
+    chipInputOptions: Omit<ChipInputProps, 'placeholder' | 'value' | 'defaultValue'>;
+}
+export declare const EditableChipInput: {
+    (props: EditableChipInputProps): JSX.Element;
+    defaultProps: {
+        placeholder: string;
+        chipInputOptions: {};
+    };
+};
+export default EditableChipInput;

dist/core/components/molecules/editableChipInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EditableChipInput";
+export * from "./EditableChipInput";

dist/core/components/molecules/emptyState/_tests_/EmptyState.test.d.ts

@@ -0,0 +1 @@
+export {};

dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { OverlayFooterProps } from "../overlayFooter";
+import { OverlayHeaderProps } from "../overlayHeader";
+export declare type Dimension = 'medium' | 'large';
+declare type FooterOptions = {
+    actions: OverlayFooterProps['actions'];
+};
+export interface FullscreenModalProps extends BaseProps {
+    dimension: Dimension;
+    open: boolean;
+    onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
+    headerOptions?: OverlayHeaderProps;
+    header?: React.ReactNode;
+    footerOptions?: FooterOptions;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+}
+interface ModalState {
+    open: boolean;
+    animate: boolean;
+    zIndex?: number;
+}
+declare class FullscreenModal extends React.Component<FullscreenModalProps, ModalState> {
+    modalRef: React.RefObject<HTMLDivElement>;
+    element: Element;
+    static defaultProps: {
+        dimension: string;
+    };
+    constructor(props: FullscreenModalProps);
+    componentDidUpdate(prevProps: FullscreenModalProps): void;
+    render(): JSX.Element;
+}
+export default FullscreenModal;

dist/core/components/molecules/fullscreenModal/index.d.ts

@@ -1,2 +1,2 @@
-export { default, default as FullscreenModal } from "./Modal";
-export * from "./Modal";
+export { default, default as FullscreenModal } from "./FullscreenModal";
+export * from "./FullscreenModal";

dist/core/components/molecules/modal/Modal.d.ts

@@ -1,15 +1,22 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
-import { ModalHeaderProps } from "../../../index.type";
+import { OverlayFooterProps } from "../overlayFooter";
+import { OverlayHeaderProps } from "../overlayHeader";
 export declare type Dimension = 'small' | 'medium' | 'large';
+declare type FooterOptions = {
+    actions: OverlayFooterProps['actions'];
+};
 export interface ModalProps extends BaseProps {
     backdropClose?: boolean | ((event?: Event, reason?: string) => void);
     dimension: Dimension;
     open: boolean;
     onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
-    headerOptions?: Omit<ModalHeaderProps, 'onClose'>;
+    headerOptions?: OverlayHeaderProps;
+    header?: React.ReactNode;
     footer?: React.ReactNode;
+    footerOptions?: FooterOptions;
     children?: React.ReactNode;
+    seperator?: boolean;
 }
 interface ModalState {
     open: boolean;

dist/core/components/molecules/modal/ModalBody.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface ModalBodyProps extends BaseProps {
+    children: React.ReactNode;
+    stickFooter: boolean;
+    withFooter: boolean;
+}
+export declare const ModalBody: {
+    (props: ModalBodyProps): JSX.Element;
+    defaultProps: {
+        stickFooter: boolean;
+        withFooter: boolean;
+    };
+    displayName: string;
+};
+export default ModalBody;

dist/core/components/molecules/modal/ModalFooter.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface ModalFooterProps extends BaseProps {
+    open?: boolean;
+    children: React.ReactNode;
+    stickToBottom?: boolean;
+    seperator?: boolean;
+    inSidesheet?: boolean;
+}
+export declare const ModalFooter: {
+    (props: ModalFooterProps): JSX.Element;
+    displayName: string;
+};
+export default ModalFooter;

dist/core/components/molecules/modal/ModalHeader.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface ModalHeaderProps extends BaseProps {
+    heading?: string;
+    onClose?: (event: React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
+    subHeading?: string;
+    seperator?: boolean;
+    backIcon?: boolean;
+    backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+export declare const ModalHeader: {
+    (props: ModalHeaderProps): JSX.Element;
+    displayName: string;
+};
+export default ModalHeader;

dist/core/components/molecules/modal/index.d.ts

@@ -1,2 +1,5 @@
 export { default, default as Modal } from "./Modal";
 export * from "./Modal";
+export * from "./ModalHeader";
+export * from "./ModalBody";
+export * from "./ModalFooter";

dist/core/components/molecules/overlayBody/OverlayBody.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface OverlayBodyProps extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const OverlayBody: {
+    (props: OverlayBodyProps): JSX.Element;
+    defaultProps: {
+        stickFooter: boolean;
+        withFooter: boolean;
+    };
+    displayName: string;
+};
+export default OverlayBody;

dist/core/components/molecules/overlayBody/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./OverlayBody";
+export * from "./OverlayBody";

dist/core/components/molecules/overlayFooter/OverlayFooter.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ButtonProps } from "../../../index.type";
+import { BaseProps } from "../../../utils/types";
+export interface OverlayFooterProps extends BaseProps {
+    open?: boolean;
+    children?: React.ReactNode;
+    actions?: ButtonProps[];
+}
+export declare const OverlayFooter: {
+    (props: OverlayFooterProps): JSX.Element;
+    displayName: string;
+};
+export default OverlayFooter;

dist/core/components/molecules/overlayFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./OverlayFooter";
+export * from "./OverlayFooter";

dist/core/components/molecules/overlayHeader/OverlayHeader.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface OverlayHeaderProps extends BaseProps {
+    heading?: string;
+    onClose?: (event: React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
+    subHeading?: string;
+    backButton?: boolean;
+    backButtonCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    backIcon?: boolean;
+    backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+export declare const OverlayHeader: {
+    (props: OverlayHeaderProps): JSX.Element;
+    displayName: string;
+};
+export default OverlayHeader;

dist/core/components/molecules/overlayHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./OverlayHeader";
+export * from "./OverlayHeader";

dist/core/components/molecules/sidesheet/Sidesheet.d.ts

@@ -1,16 +1,21 @@
 import * as React from 'react';
-import { ModalHeaderProps } from "../../../index.type";
+import { OverlayFooterProps } from "../overlayFooter";
+import { OverlayHeaderProps } from "../overlayHeader";
 import { BaseProps } from "../../../utils/types";
 export declare type Dimension = 'regular' | 'large';
+declare type FooterOptions = {
+    actions: OverlayFooterProps['actions'];
+};
 export interface SidesheetProps extends BaseProps {
-    headerOptions: Omit<ModalHeaderProps, 'onClose'>;
+    headerOptions: Omit<OverlayHeaderProps, 'onClose'>;
+    header?: React.ReactNode;
     dimension: Dimension;
     open: boolean;
     stickFooter?: boolean;
-    withFooter?: boolean;
     seperator?: boolean;
     children?: React.ReactNode;
     footer?: React.ReactNode;
+    footerOptions?: FooterOptions;
     backdropClose?: boolean;
     onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
 }

dist/core/components/molecules/stepper/Stepper.d.ts

@@ -9,13 +9,15 @@ export interface StepperProps extends BaseProps {
     completed: number;
     steps: StepProp[];
     onChange?: (active: number, completed: number, label?: string, value?: React.ReactText) => void;
+    skipIndexes: number[];
 }
 export declare const Stepper: {
     (props: StepperProps): JSX.Element;
     displayName: string;
     defaultProps: {
         completed: number;
         active: number;
+        skipIndexes: never[];
     };
 };
 export default Stepper;

dist/core/components/organisms/calendar/Calendar.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { Size, Day, View } from "./types";
 export interface SharedProps extends BaseProps {
+    size: Size;
     monthsInView: number;
     jumpView?: boolean;
     firstDayOfWeek: Day;
@@ -12,7 +13,6 @@ export interface SharedProps extends BaseProps {
     monthNav?: number;
 }
 export declare type CalendarProps = {
-    size: Size;
     onDateChange?: (date: Date) => void;
     onRangeChange?: (startDate: Date | undefined, endDate: Date | undefined) => void;
     date?: Date;
@@ -59,7 +59,7 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     renderBodyMonth: () => JSX.Element[];
     onDateRowMouseLeaveHandler: () => void;
     renderBodyDate: (index: number) => JSX.Element;
-    renderDateValues: (index: number) => (JSX.Element | null)[];
+    renderDateValues: (index: number) => JSX.Element[];
     renderCalendar: (index: number) => JSX.Element;
     render(): JSX.Element;
 }

dist/core/components/organisms/calendar/utility.d.ts

@@ -7,7 +7,7 @@ export declare const getDaysInMonth: (year: number, month: number) => number;
 export declare const getFirstDayOfMonth: (year: number, month: number) => number;
 export declare const getDateInfo: (d?: string | number | Date | undefined) => Record<string, any>;
 export declare const convertToDate: (d?: string | number | Date | DateObject | undefined, format?: string | undefined, validators?: ((...values: any[]) => boolean) | ((...values: any[]) => boolean)[] | undefined) => Date | undefined;
-export declare const compareDecade: (d: DateType | undefined, operator: Operator, currDecade: number) => boolean;
+export declare const compareYearBlock: (d: DateType | undefined, operator: Operator, currDecade: number) => boolean;
 export declare const compareDate: (d: DateType | undefined, operator: Operator, currYear: number, currMonth?: number | undefined, currDate?: number | undefined) => boolean;
 export declare const translateToString: (format: string, d?: Date | undefined) => string;
 export declare const translateToDate: (format: string, val: string, validators?: Validators) => Date | undefined;

dist/core/components/patterns/forms/VerificationCodeInput.story.d.ts

@@ -0,0 +1,17 @@
+export declare const verificationCodeInput: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: {
+        (props: import("../../molecules/verificationCodeInput").VerificationCodeInputProps): JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        docs: {
+            docPage: {
+                customCode: string;
+                title: string;
+            };
+        };
+    };
+};
+export default _default;

dist/core/index.d.ts

@@ -51,19 +51,17 @@ export { VerticalNav } from "./components/organisms/verticalNav";
 export { HorizontalNav } from "./components/organisms/horizontalNav";
 export { Tooltip } from "./components/molecules/tooltip";
 export { Dialog } from "./components/molecules/dialog";
-export { Modal } from "./components/molecules/modal";
+export { Modal, ModalBody, ModalFooter, ModalHeader } from "./components/molecules/modal";
 export { FullscreenModal } from "./components/molecules/fullscreenModal";
 export { Sidesheet } from "./components/molecules/sidesheet";
 export { Collapsible } from "./components/atoms/collapsible";
 export { ChatMessage } from "./components/molecules/chatMessage";
 export { EmptyState } from "./components/molecules/emptyState";
-export { ModalHeader } from "./components/molecules/modalHeader";
-export { ModalFooter } from "./components/molecules/modalFooter";
-export { ModalBody } from "./components/molecules/modalBody";
 export { ModalDescription } from "./components/molecules/modalDescription";
 export { Pagination } from "./components/molecules/pagination";
 export { Placeholder } from "./components/molecules/placeholder";
 export { EditableInput } from "./components/molecules/editableInput";
+export { EditableChipInput } from "./components/molecules/editableChipInput";
 export { PlaceholderParagraph } from "./components/atoms/placeholderParagraph";
 export { ProgressRing } from "./components/atoms/progressRing";
 export { Stepper } from "./components/molecules/stepper";