@innovaccer/design-system 2.21.0 → 2.22.0

package/dist/core/components/atoms/chip/Chip.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
-import { FontVariationType } from "../../../common.type";
+import { IconType } from "../../../common.type";
 export declare type ChipType = 'action' | 'selection' | 'input';
 export declare type Name = number | string | object;
 export interface ChipProps extends BaseProps {
     label: string | React.ReactElement;
     labelPrefix?: string;
     icon?: string;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     clearButton?: boolean;
     disabled?: boolean;
     selected?: boolean;

package/dist/core/components/atoms/dropdown/Dropdown.d.ts

@@ -8,6 +8,7 @@ declare type fetchOptionsFunction = (searchTerm: string) => Promise<{
     count: number;
     options: OptionSchema[];
 }>;
+export declare type ErrorType = 'DEFAULT' | 'NO_RECORDS_FOUND' | 'FAILED_TO_FETCH';
 export declare type EventType = 'select-option' | 'deselect-option' | 'select-all' | 'deselect-all' | 'clear-all' | 'apply-selected' | 'cancel-selected';
 interface ControlledProps {
     selected?: OptionSchema[];
@@ -60,6 +61,7 @@ interface DropdownState {
     tempSelected: OptionSchema[];
     previousSelected: OptionSchema[];
     scrollIndex?: number;
+    errorType: ErrorType;
 }
 export declare class Dropdown extends React.Component<DropdownProps, DropdownState> {
     staticLimit: number;
@@ -88,6 +90,7 @@ export declare class Dropdown extends React.Component<DropdownProps, DropdownSta
     onSelect: (option: OptionSchema, checked: boolean) => void;
     onSelectAll: (event: ChangeEvent) => void;
     debounceSearch: import("throttle-debounce").throttle<() => void>;
+    reload: () => void;
     debounceClear: import("throttle-debounce").throttle<() => void>;
     onClearOptions: () => void;
     onTogglePopper: (type: string) => void;

package/dist/core/components/atoms/dropdown/DropdownButton.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { FontVariationType } from "../../../common.type";
+import { IconType } from "../../../common.type";
 export declare type DropDownButtonSize = 'tiny' | 'regular';
 export interface TriggerProps {
     triggerSize?: DropDownButtonSize;
     icon?: string;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     placeholder?: string;
     inlineLabel?: string;
     disabled?: boolean;

package/dist/core/components/atoms/dropdown/DropdownList.d.ts

@@ -4,6 +4,7 @@ import { TriggerProps } from "./DropdownButton";
 import { OptionRendererProps, OptionSchema } from "./option";
 import { BaseProps } from "../../../utils/types";
 import { ChangeEvent } from "../../../common.type";
+import { ErrorType } from "./Dropdown";
 export declare type DropdownAlign = 'left' | 'right';
 export declare type OptionType = 'DEFAULT' | 'WITH_ICON' | 'WITH_META' | 'ICON_WITH_META';
 export interface Selected {
@@ -20,9 +21,13 @@ interface PopoverOptions {
     boundaryElement?: PopoverProps['boundaryElement'];
 }
 declare type TriggerAndOptionProps = TriggerProps & OptionRendererProps;
+export interface ErrorTemplateProps {
+    errorType?: ErrorType;
+}
 export interface DropdownListProps extends TriggerAndOptionProps {
     align?: DropdownAlign;
     noResultMessage?: string;
+    errorTemplate?: React.FunctionComponent<ErrorTemplateProps>;
     selectAllLabel?: string;
     footerLabel?: string;
     selectedSectionLabel?: string;
@@ -68,6 +73,9 @@ interface OptionsProps extends DropdownListProps, BaseProps {
     onSearchChange?: (searchText: string) => void;
     onOptionSelect: (selected: any[] | any) => void;
     onSelect: (option: OptionSchema, checked: boolean) => void;
+    updateOptions: () => void;
+    errorType: ErrorType;
+    errorTemplate?: React.FunctionComponent<ErrorTemplateProps>;
 }
 export declare const usePrevious: (value: any) => undefined;
 declare const DropdownList: {

package/dist/core/components/atoms/dropdown/ErrorTemplate.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ErrorType } from "./Dropdown";
+interface ErrorTemplateProps {
+    dropdownStyle: React.CSSProperties;
+    errorType: ErrorType;
+    updateOptions: () => void;
+}
+export declare const ErrorTemplate: React.FC<ErrorTemplateProps>;
+export {};

package/dist/core/components/atoms/dropdown/option/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { MetaListProps, IconProps, TextProps } from "../../../../index.type";
 import { OptionType } from "../DropdownList";
-import { ChangeEvent, FontVariationType } from "../../../../common.type";
+import { ChangeEvent, IconType } from "../../../../common.type";
 export declare type ClickEvent = React.MouseEvent<HTMLDivElement>;
 export interface OptionRendererProps {
     optionRenderer?: (props: OptionProps) => React.ReactElement;
@@ -16,7 +16,7 @@ export interface OptionSchema extends Record<string, any> {
     selected?: boolean;
     disabled?: boolean;
     group?: string;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
 }
 export interface OptionTypeProps {
     className: string;

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

@@ -2,18 +2,11 @@ import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 export declare type IconAppearance = '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 declare type FontVariationType = {
-    fill?: number;
-    weight?: number;
-    grade?: number;
-    opticalSize?: number;
-};
 export interface IconProps extends BaseProps {
     name?: string;
     size: number;
     type?: IconType;
     appearance?: IconAppearance;
-    variations?: FontVariationType;
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     children?: React.ReactNode;

package/dist/core/components/atoms/input/Input.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IconProps } from "../../../index.type";
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
-import { AutoComplete, FontVariationType } from "../../../common.type";
+import { AutoComplete, IconType } from "../../../common.type";
 export declare type InputType = 'text' | 'password' | 'number' | 'email' | 'tel' | 'url';
 export declare type InputSize = 'tiny' | 'regular' | 'large';
 export interface InputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
@@ -12,7 +12,7 @@ export interface InputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
     placeholder?: string;
     size?: InputSize;
     icon?: string;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     inlineLabel?: string;
     disabled?: boolean;
     required?: boolean;

package/dist/core/components/atoms/input/actionButton/ActionButton.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { BaseProps } from "../../../../utils/types";
-import { FontVariationType } from "../../../../common.type";
+import { IconType } from "../../../../common.type";
 export declare type ActionButtonType = 'outlined' | 'rounded';
 export interface ActionButtonProps extends BaseProps {
     name?: string;
     size: number;
     type?: ActionButtonType;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     children?: React.ReactNode;

package/dist/core/components/atoms/linkButton/LinkButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseProps, BaseHtmlProps } from "../../../utils/types";
-import { FontVariationType } from "../../../common.type";
+import { IconType } from "../../../common.type";
 export declare type ButtonType = 'button' | 'submit' | 'reset';
 export declare type LinkButtonSize = 'tiny' | 'regular';
 export declare type IconAlignment = 'left' | 'right';
@@ -10,7 +10,7 @@ export interface LinkButtonProps extends BaseProps, BaseHtmlProps<HTMLButtonElem
     disabled?: boolean;
     icon?: string;
     iconAlign?: IconAlignment;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     children: React.ReactText;
     tabIndex?: number;
     autoFocus?: boolean;

package/dist/core/components/atoms/metaList/Meta.d.ts

@@ -1,10 +1,10 @@
 import { MetaSize } from "./MetaList";
-import { FontVariationType } from "../../../common.type";
+import { IconType } from "../../../common.type";
 export interface MetaProps {
     label: string;
     icon?: string;
     size?: MetaSize;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
 }
 export declare const Meta: {
     (props: MetaProps): JSX.Element;

package/dist/core/components/atoms/metricInput/MetricInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
-import { AutoComplete, FontVariationType } from "../../../common.type";
+import { AutoComplete, IconType } from "../../../common.type";
 export declare type MetricInputSize = 'regular' | 'large';
 export interface MetricInputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
     name?: string;
@@ -9,7 +9,7 @@ export interface MetricInputProps extends BaseProps, BaseHtmlProps<HTMLInputElem
     placeholder?: string;
     size?: MetricInputSize;
     icon?: string;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
     prefix?: string;
     suffix?: string;
     disabled?: boolean;

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -113,7 +113,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         borderEndEndRadius?: string | number | (string & {}) | undefined;
         borderEndStartRadius?: string | number | (string & {}) | undefined;
         borderImageOutset?: string | number | (string & {}) | (number & {}) | undefined;
-        borderImageRepeat?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "round" | "space" | "stretch" | undefined;
+        borderImageRepeat?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "round" | "stretch" | "space" | undefined;
         borderImageSlice?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
         borderImageSource?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         borderImageWidth?: string | number | (string & {}) | (number & {}) | undefined;
@@ -249,7 +249,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         marginTop?: string | number | (string & {}) | undefined;
         maskBorderMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "alpha" | "luminance" | undefined;
         maskBorderOutset?: string | number | (string & {}) | (number & {}) | undefined;
-        maskBorderRepeat?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "round" | "space" | "stretch" | undefined;
+        maskBorderRepeat?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "round" | "stretch" | "space" | undefined;
         maskBorderSlice?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
         maskBorderSource?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         maskBorderWidth?: string | number | (string & {}) | (number & {}) | undefined;
@@ -276,7 +276,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         motionDistance?: string | number | (string & {}) | undefined;
         motionPath?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "border-box" | "content-box" | "padding-box" | "fill-box" | "margin-box" | "stroke-box" | "view-box" | undefined;
         motionRotation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "reverse" | undefined;
-        objectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
+        objectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
         objectPosition?: string | number | (string & {}) | undefined;
         offsetAnchor?: string | number | (string & {}) | undefined;
         offsetDistance?: string | number | (string & {}) | undefined;
@@ -315,11 +315,11 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         pageBreakAfter?: "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "always" | "avoid" | "recto" | "verso" | undefined;
         pageBreakBefore?: "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "always" | "avoid" | "recto" | "verso" | undefined;
         pageBreakInside?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "avoid" | undefined;
-        paintOrder?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "fill" | "normal" | "markers" | "stroke" | undefined;
+        paintOrder?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "fill" | "markers" | "stroke" | undefined;
         perspective?: string | number | undefined;
         perspectiveOrigin?: string | number | (string & {}) | undefined;
         placeContent?: "start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "baseline" | "normal" | undefined;
-        pointerEvents?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "fill" | "visible" | "stroke" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | undefined;
+        pointerEvents?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "visible" | "fill" | "stroke" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | undefined;
         position?: "fixed" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "-webkit-sticky" | "absolute" | "relative" | "static" | "sticky" | undefined;
         quotes?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | undefined;
         resize?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "inline" | "both" | "horizontal" | "vertical" | "block" | undefined;
@@ -427,7 +427,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         borderBlockStart?: string | number | (string & {}) | undefined;
         borderBottom?: string | number | (string & {}) | undefined;
         borderColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
-        borderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "space" | "stretch" | undefined;
+        borderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "stretch" | "space" | undefined;
         borderInline?: string | number | (string & {}) | undefined;
         borderInlineEnd?: string | number | (string & {}) | undefined;
         borderInlineStart?: string | number | (string & {}) | undefined;
@@ -452,7 +452,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         listStyle?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "inside" | "outside" | undefined;
         margin?: string | number | (string & {}) | undefined;
         mask?: string | number | (string & {}) | undefined;
-        maskBorder?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "space" | "stretch" | "alpha" | "luminance" | undefined;
+        maskBorder?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "stretch" | "space" | "alpha" | "luminance" | undefined;
         motion?: string | number | (string & {}) | undefined;
         offset?: string | number | (string & {}) | undefined;
         outline?: string | number | (string & {}) | undefined;
@@ -638,7 +638,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         WebkitMarginStart?: string | number | (string & {}) | undefined;
         WebkitMaskAttachment?: "fixed" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "scroll" | "local" | undefined;
         WebkitMaskBoxImageOutset?: string | number | (string & {}) | (number & {}) | undefined;
-        WebkitMaskBoxImageRepeat?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "round" | "space" | "stretch" | undefined;
+        WebkitMaskBoxImageRepeat?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "round" | "stretch" | "space" | undefined;
         WebkitMaskBoxImageSlice?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
         WebkitMaskBoxImageSource?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         WebkitMaskBoxImageWidth?: string | number | (string & {}) | (number & {}) | undefined;
@@ -691,7 +691,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         WebkitUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "contain" | "-moz-none" | "element" | undefined;
         WebkitWritingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | undefined;
         MozAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
-        MozBorderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "space" | "stretch" | undefined;
+        MozBorderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "stretch" | "space" | undefined;
         MozColumnRule?: string | number | (string & {}) | undefined;
         MozColumns?: string | number | (string & {}) | (number & {}) | undefined;
         MozTransition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
@@ -704,14 +704,14 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         msTransition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         WebkitAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         WebkitBorderBefore?: string | number | (string & {}) | undefined;
-        WebkitBorderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "space" | "stretch" | undefined;
+        WebkitBorderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "stretch" | "space" | undefined;
         WebkitBorderRadius?: string | number | (string & {}) | undefined;
         WebkitColumnRule?: string | number | (string & {}) | undefined;
         WebkitColumns?: string | number | (string & {}) | (number & {}) | undefined;
         WebkitFlex?: string | number | (string & {}) | (number & {}) | undefined;
         WebkitFlexFlow?: "wrap" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "nowrap" | "wrap-reverse" | undefined;
         WebkitMask?: string | number | (string & {}) | undefined;
-        WebkitMaskBoxImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "space" | "stretch" | "alpha" | "luminance" | undefined;
+        WebkitMaskBoxImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "stretch" | "space" | "alpha" | "luminance" | undefined;
         WebkitTextEmphasis?: "open" | "circle" | "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "transparent" | "filled" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "dot" | "double-circle" | "sesame" | "triangle" | undefined;
         WebkitTextStroke?: string | number | (string & {}) | undefined;
         WebkitTransition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
@@ -729,7 +729,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         gridColumnGap?: string | number | (string & {}) | undefined;
         gridGap?: string | number | (string & {}) | undefined;
         gridRowGap?: string | number | (string & {}) | undefined;
-        imeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "active" | "normal" | "inactive" | undefined;
+        imeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "normal" | "active" | "inactive" | undefined;
         offsetBlock?: string | number | (string & {}) | undefined;
         offsetBlockEnd?: string | number | (string & {}) | undefined;
         offsetBlockStart?: string | number | (string & {}) | undefined;
@@ -788,7 +788,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         MozTextDecorationLine?: "blink" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | undefined;
         MozTextDecorationStyle?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "dashed" | "dotted" | "double" | "solid" | "wavy" | undefined;
         MozUserInput?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "enabled" | undefined;
-        msImeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "active" | "normal" | "inactive" | undefined;
+        msImeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "normal" | "active" | "inactive" | undefined;
         msScrollbarTrackColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
         OAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         OAnimationDelay?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;
@@ -800,8 +800,8 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         OAnimationPlayState?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "paused" | "running" | undefined;
         OAnimationTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         OBackgroundSize?: string | number | (string & {}) | undefined;
-        OBorderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "space" | "stretch" | undefined;
-        OObjectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
+        OBorderImage?: "repeat" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "round" | "stretch" | "space" | undefined;
+        OObjectFit?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
         OObjectPosition?: string | number | (string & {}) | undefined;
         OTabSize?: string | number | (string & {}) | (number & {}) | undefined;
         OTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "clip" | "ellipsis" | undefined;

package/dist/core/components/atoms/selectionCard/SelectionCard.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { BaseProps, BaseHtmlProps } from "../../../utils/types";
+import { useMultiSelect, useSingleSelect } from "./hooks";
+declare type ClickEventType = React.MouseEvent<HTMLDivElement> | React.KeyboardEvent;
+export interface SelectionCardProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    id: string;
+    cardValue?: object;
+    disabled?: boolean;
+    onClick?: (event: ClickEventType, id?: string, cardValue?: object) => void;
+    overlayZIndex?: number;
+    selected?: boolean;
+}
+export declare const SelectionCard: {
+    (props: SelectionCardProps): JSX.Element;
+    defaultProps: {
+        disabled: boolean;
+        overlayZIndex: number;
+    };
+    useMultiSelect: typeof useMultiSelect;
+    useSingleSelect: typeof useSingleSelect;
+};
+export default SelectionCard;

package/dist/core/components/atoms/selectionCard/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useMultiSelect";
+export * from "./useSingleSelect";

package/dist/core/components/atoms/selectionCard/hooks/useMultiSelect.d.ts

@@ -0,0 +1,6 @@
+export declare function useMultiSelect(): {
+    selectedCardIds: string[];
+    selectedCardValues: Map<any, any>;
+    isCardSelected: (id: string) => boolean;
+    updateCardSelection: (id: string, value?: object | undefined) => void;
+};

package/dist/core/components/atoms/selectionCard/hooks/useSingleSelect.d.ts

@@ -0,0 +1,6 @@
+export declare function useSingleSelect(): {
+    selectedCardIds: string[];
+    selectedCardValues: object[];
+    isCardSelected: (id: string) => boolean;
+    updateCardSelection: (id: string, value?: object | undefined) => void;
+};

package/dist/core/components/atoms/selectionCard/index.d.ts

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

package/dist/core/components/molecules/chipInput/ChipInput.d.ts

@@ -4,7 +4,7 @@ import { BaseProps } from "../../../utils/types";
 declare type ChipOptions = {
     icon?: ChipProps['icon'];
     type?: ChipProps['type'];
-    iconVariations?: ChipProps['iconVariations'];
+    iconType?: ChipProps['iconType'];
     clearButton?: ChipProps['clearButton'];
     onClick?: (value: string, index: number) => void;
 };

package/dist/core/components/molecules/tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseProps, SingleOrArray } from "../../../utils/types";
-import { FontVariationType } from "../../../common.type";
+import { IconType } from "../../../common.type";
 interface TabInfo {
     label: string;
     activeIndex: number;
@@ -14,7 +14,7 @@ export interface TabConfig {
     className?: string;
     isDismissible?: boolean;
     onDismiss?: (tabInfo: TabInfo) => void;
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
 }
 export interface TabsProps extends BaseProps {
     activeIndex?: number;

package/dist/core/index.d.ts

@@ -85,4 +85,5 @@ export { Divider } from "./components/atoms/divider";
 export { HelpText } from "./components/atoms/helpText";
 export { LinkButton } from "./components/atoms/linkButton";
 export { ActionCard } from "./components/atoms/actionCard";
+export { SelectionCard } from "./components/atoms/selectionCard";
 export { version } from "../package.json";

package/dist/core/index.type.d.ts

@@ -83,3 +83,4 @@ export { DividerProps } from "./components/atoms/divider";
 export { HelpTextProps } from "./components/atoms/helpText";
 export { LinkButtonProps } from "./components/atoms/linkButton";
 export { ActionCardProps } from "./components/atoms/actionCard";
+export { SelectionCardProps } from "./components/atoms/selectionCard";

package/dist/core/utils/navigationHelper.d.ts

@@ -1,4 +1,4 @@
-import { FontVariationType } from "../common.type";
+import { IconType } from "../common.type";
 export declare type Menu = {
     name: string;
     label: string;
@@ -8,7 +8,7 @@ export declare type Menu = {
     count?: number;
     disabled?: boolean;
     subMenu?: Menu[];
-    iconVariations?: FontVariationType;
+    iconType?: IconType;
 };
 export declare type ActiveMenu = ({
     name: string;