Released 2.22.0

dist/core/accessibility/utils/index.d.ts

@@ -0,0 +1,4 @@
+import isEnterKey from "./isEnterKey";
+import isSpaceKey from "./isSpaceKey";
+import useAccessibilityProps from "./useAccessibilityProps";
+export { isEnterKey, useAccessibilityProps, isSpaceKey };

dist/core/accessibility/utils/isEnterKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isEnterKey: (e: React.KeyboardEvent) => boolean;
+export default isEnterKey;

dist/core/accessibility/utils/isSpaceKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isSpaceKey: (e: React.KeyboardEvent) => boolean;
+export default isSpaceKey;

dist/core/accessibility/utils/useAccessibilityProps.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare type AriaRoleType = React.AriaRole;
+interface IProps {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    role?: AriaRoleType;
+    tabIndex?: number;
+    'aria-label'?: React.AriaAttributes['aria-label'];
+}
+declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...rest }: IProps) => {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    role: React.AriaRole;
+    tabIndex: number;
+    'aria-label': string | undefined;
+    onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
+} | {
+    role: React.AriaRole;
+    tabIndex: number | undefined;
+    'aria-label': string | undefined;
+};
+export default useAccessibilityProps;

dist/core/common.type.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { OverlayFooterProps } from "./components/molecules/overlayFooter";
+export declare type AccentAppearance = 'primary' | 'secondary' | 'alert' | 'warning' | 'success' | 'accent1' | 'accent2' | 'accent3' | 'accent4';
+export declare type HeadingAppearance = 'default' | 'subtle' | 'disabled' | 'white';
+export declare type MessageAppearance = 'default' | 'alert' | 'info' | 'success' | 'warning';
+export declare type FileStatus = 'uploading' | 'completed' | 'error';
+export declare type FooterOptions = {
+    actions: OverlayFooterProps['actions'];
+};
+export declare type AutoComplete = 'on' | 'off';
+export declare type NumberRange = [number, number];
+export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export declare type TextColor = 'white' | 'primary' | 'secondary' | 'success' | 'alert' | 'warning' | 'accent1' | 'accent2' | 'accent3' | 'accent4' | 'inverse' | 'primary-dark' | 'secondary-dark' | 'success-dark' | 'alert-dark' | 'warning-dark' | 'accent1-dark' | 'accent2-dark' | 'accent3-dark' | 'accent4-dark' | 'primary-darker' | 'success-darker' | 'alert-darker' | 'warning-darker' | 'accent1-darker' | 'accent2-darker' | 'accent3-darker' | 'accent4-darker' | 'primary-light' | 'secondary-light' | 'success-light' | 'alert-light' | 'warning-light' | 'accent1-light' | 'accent2-light' | 'accent3-light' | 'accent4-light' | 'inverse-light' | 'primary-lighter' | 'secondary-lighter' | 'success-lighter' | 'alert-lighter' | 'warning-lighter' | 'accent1-lighter' | 'accent2-lighter' | 'accent3-lighter' | 'accent4-lighter' | 'inverse-lighter' | 'primary-lightest' | 'secondary-lightest' | 'success-lightest' | 'alert-lightest' | 'warning-lightest' | 'accent1-lightest' | 'accent2-lightest' | 'accent3-lightest' | 'accent4-lightest' | 'inverse-lightest' | 'primary-shadow' | 'secondary-shadow' | 'success-shadow' | 'alert-shadow' | 'warning-shadow' | 'accent1-shadow' | 'accent2-shadow' | 'accent3-shadow' | 'accent4-shadow' | 'inverse-shadow';
+export declare type AvatarSize = 'regular' | 'tiny';
+export declare type IconType = 'rounded' | 'outlined';

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Name } from "../chip/Chip";
+import { BaseProps } from "../../../utils/types";
+import { IconType } from "../../../common.type";
+export interface GenericChipProps extends BaseProps {
+    label: string | React.ReactElement;
+    labelPrefix?: string;
+    icon?: string;
+    clearButton?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    onClose?: () => void;
+    onClick?: () => void;
+    iconType?: IconType;
+    name: Name;
+}
+export declare const GenericChip: {
+    (props: GenericChipProps): JSX.Element;
+    displayName: string;
+};
+export default GenericChip;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface Props {
+    children: React.ReactNode;
+    componentType: string;
+    className?: string;
+}
+declare const GenericText: ({ children, componentType, className, ...props }: Props) => React.ReactElement<{
+    className: string | undefined;
+}, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export default GenericText;

dist/core/components/atoms/actionCard/ActionCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+export interface ActionCardProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+    zIndex?: number;
+    onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent) => void;
+}
+export declare const ActionCard: {
+    (props: ActionCardProps): JSX.Element;
+    displayName: string;
+};
+export default ActionCard;

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

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

dist/core/components/atoms/avatar/Avatar.d.ts

@@ -0,0 +1,22 @@
+import { BaseProps } from "../../../utils/types";
+import { TooltipProps } from "../../../index.type";
+import { AccentAppearance, AvatarSize } from "../../../common.type";
+export interface AvatarProps extends BaseProps {
+    appearance?: AccentAppearance;
+    children?: string;
+    firstName?: string;
+    lastName?: string;
+    withTooltip: boolean;
+    tooltipPosition: TooltipProps['position'];
+    size: AvatarSize;
+}
+export declare const Avatar: {
+    (props: AvatarProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        tooltipPosition: string;
+        withTooltip: boolean;
+        size: string;
+    };
+};
+export default Avatar;

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

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

dist/core/components/atoms/avatarGroup/AvatarCount.d.ts

@@ -0,0 +1,2 @@
+declare const AvatarCount: (props: any) => JSX.Element;
+export default AvatarCount;

dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,37 @@
+import { BaseProps } from "../../../utils/types";
+import { AvatarProps, PopoverProps } from "../../../index.type";
+import { AvatarSize } from "../../../common.type";
+interface AvatarData extends Record<string, any> {
+    firstName?: string;
+    lastName?: string;
+    appearance?: AvatarProps['appearance'];
+}
+interface AvatarPopoverProps {
+    popperRenderer?: (names: AvatarData[]) => JSX.Element;
+    appendToBody?: PopoverProps['appendToBody'];
+    dark?: PopoverProps['dark'];
+    position?: PopoverProps['position'];
+    on?: PopoverProps['on'];
+    maxHeight?: number;
+    popperClassName?: string;
+}
+export interface AvatarGroupProps extends BaseProps {
+    list: AvatarData[];
+    max: number;
+    borderColor: string;
+    size: AvatarSize;
+    popoverOptions: AvatarPopoverProps;
+    tooltipPosition: PopoverProps['position'];
+}
+export declare const AvatarGroup: {
+    (props: AvatarGroupProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        max: number;
+        tooltipPosition: string;
+        borderColor: string;
+        popoverOptions: {};
+        size: string;
+    };
+};
+export default AvatarGroup;

dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts

@@ -0,0 +1,2 @@
+declare const AvatarPopperBody: (props: any) => any;
+export default AvatarPopperBody;

dist/core/components/atoms/avatarGroup/Avatars.d.ts

@@ -0,0 +1,2 @@
+declare const Avatars: (props: any) => any;
+export default Avatars;

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

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

dist/core/components/atoms/backdrop/Backdrop.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface BackdropProps extends BaseProps {
+    open: boolean;
+    zIndex?: number;
+}
+export declare const Backdrop: React.FC<BackdropProps>;
+export default Backdrop;

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

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

dist/core/components/atoms/badge/Badge.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { AccentAppearance } from "../../../common.type";
+export interface BadgeProps extends BaseProps {
+    appearance: AccentAppearance;
+    subtle?: boolean;
+    children: React.ReactText;
+}
+export declare const Badge: {
+    (props: BadgeProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        appearance: string;
+    };
+};
+export default Badge;

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

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

dist/core/components/atoms/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,12 @@
+import { BaseProps } from "../../../utils/types";
+interface Breadcrumb {
+    label: string;
+    link: string;
+}
+export interface BreadcrumbsProps extends BaseProps {
+    list: Breadcrumb[];
+    onClick?: (link: string) => void;
+    showTooltip?: boolean;
+}
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
+export default Breadcrumbs;

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

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

dist/core/components/atoms/button/Button.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { BaseProps, BaseHtmlProps } from "../../../utils/types";
+import { IconType } from "../../../common.type";
+export declare type ButtonType = 'button' | 'submit' | 'reset';
+export declare type ButtonAppearance = 'basic' | 'primary' | 'success' | 'alert' | 'transparent';
+export declare type ButtonSize = 'tiny' | 'regular' | 'large';
+export declare type ButtonAlignment = 'left' | 'right';
+export interface ButtonProps extends BaseProps, BaseHtmlProps<HTMLButtonElement> {
+    type?: ButtonType;
+    size?: ButtonSize;
+    appearance?: ButtonAppearance;
+    disabled?: boolean;
+    expanded?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+    tooltip?: string;
+    icon?: string;
+    iconAlign?: ButtonAlignment;
+    largeIcon?: boolean;
+    iconType?: IconType;
+    children?: React.ReactText;
+    tabIndex?: number;
+    autoFocus?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

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

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

dist/core/components/atoms/caption/Caption.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface CaptionProps extends BaseProps {
+    children: React.ReactNode;
+    error?: boolean;
+    hide?: boolean;
+    withInput?: boolean;
+}
+export declare const Caption: {
+    (props: CaptionProps): JSX.Element;
+    displayName: string;
+};
+export default Caption;

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

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

dist/core/components/atoms/card/Card.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+export declare type Shadow = 'none' | 'default' | 'light' | 'medium' | 'dark' | 'shadow10' | 'shadow20' | 'shadow30';
+export interface CardProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
+    shadow?: Shadow;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export default Card;

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

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

dist/core/components/atoms/cardBody/CardBody.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface CardBodyProps extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const CardBody: {
+    (props: CardBodyProps): JSX.Element;
+    displayName: string;
+};
+export default CardBody;

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

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

dist/core/components/atoms/cardFooter/CardFooter.d.ts

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

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

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

dist/core/components/atoms/cardHeader/CardHeader.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface CardHeaderProps extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const CardHeader: {
+    (props: CardHeaderProps): JSX.Element;
+    displayName: string;
+};
+export default CardHeader;

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

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

dist/core/components/atoms/cardSubdued/CardSubdued.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+declare type Border = 'top' | 'left' | 'right' | 'bottom';
+export interface CardSubduedProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
+    border?: Border;
+}
+export declare const CardSubdued: React.ForwardRefExoticComponent<CardSubduedProps & React.RefAttributes<HTMLDivElement>>;
+export default CardSubdued;

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

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

dist/core/components/atoms/checkbox/Checkbox.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BaseProps, OmitNativeProps } from "../../../utils/types";
+import { ChangeEvent } from "../../../common.type";
+export declare type CheckBoxSize = 'regular' | 'tiny';
+export interface CheckboxProps extends BaseProps, OmitNativeProps<HTMLInputElement, 'onChange'> {
+    size?: CheckBoxSize;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    label?: string;
+    helpText?: string;
+    name?: string;
+    value?: string | number;
+    tabIndex?: number;
+    onChange?: (event: ChangeEvent) => void;
+    error?: boolean;
+    id?: string;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

dist/core/components/atoms/checkbox/CheckboxIcon.d.ts

@@ -0,0 +1,5 @@
+declare type CheckboxIconProp = {
+    name: string;
+};
+declare const CheckboxIcon: (props: CheckboxIconProp) => JSX.Element | null;
+export default CheckboxIcon;

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

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