@innovaccer/design-system 4.12.0 → 4.13.0

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

@@ -22,3 +22,4 @@ export declare type OptionType = {
 export declare type TListboxSize = 'standard' | 'compressed' | 'tight';
 export declare type TEmptyStateSize = 'standard' | 'compressed' | 'tight' | 'large' | 'small';
 export declare type TTabSize = 'regular' | 'small';
+export declare type TChipSize = 'regular' | 'small';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Name } from "../chip/Chip";
 import { BaseProps } from "../../../utils/types";
-import { IconType } from "../../../common.type";
+import { IconType, TChipSize } from "../../../common.type";
 export interface GenericChipProps extends BaseProps {
     label: string | React.ReactElement;
     labelPrefix?: string;
@@ -14,6 +14,7 @@ export interface GenericChipProps extends BaseProps {
     iconType?: IconType;
     name: Name;
     maxWidth: string | number;
+    size?: TChipSize;
 }
 export declare const GenericChip: {
     (props: GenericChipProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { BaseProps } from "../../../utils/types";
+import { BaseProps, BaseHtmlProps } from "../../../utils/types";
 import { AccentAppearance } from "../../../common.type";
-export interface BadgeProps extends BaseProps {
+export interface BadgeProps extends BaseProps, BaseHtmlProps<HTMLSpanElement> {
     appearance: AccentAppearance;
     subtle?: boolean;
     children: React.ReactText;

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

@@ -3,11 +3,13 @@ import { BaseProps } from "../../../utils/types";
 import { IconType } from "../../../common.type";
 export declare type ChipType = 'action' | 'selection' | 'input';
 export declare type Name = number | string | object;
+export declare type ChipSize = 'regular' | 'small';
 export interface ChipProps extends BaseProps {
     label: string | React.ReactElement;
     labelPrefix?: string;
     icon?: string;
     iconType?: IconType;
+    size?: ChipSize;
     clearButton?: boolean;
     disabled?: boolean;
     selected?: boolean;

package/dist/core/components/atoms/label/Label.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+declare type LabelSize = 'small' | 'regular';
 export interface LabelProps extends BaseProps, BaseHtmlProps<HTMLLabelElement> {
     children: React.ReactNode;
     disabled?: boolean;
@@ -7,6 +8,7 @@ export interface LabelProps extends BaseProps, BaseHtmlProps<HTMLLabelElement> {
     optional?: boolean;
     withInput?: boolean;
     info?: string;
+    size?: LabelSize;
 }
 export declare const Label: {
     (props: LabelProps): React.JSX.Element;

package/dist/core/components/atoms/message/Message.d.ts

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { MessageAppearance } from "../../../common.type";
+declare type MessageSize = 'small' | 'regular';
 export interface MessageProps extends BaseProps {
     appearance: MessageAppearance;
     title?: string;
+    size?: MessageSize;
     children?: React.ReactNode;
     description: string;
     actions?: React.ReactNode;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
 import { AutoComplete, IconType } from "../../../common.type";
-export declare type MetricInputSize = 'regular' | 'large';
+export declare type MetricInputSize = 'small' | 'regular' | 'large';
 export interface MetricInputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
     name?: string;
     value?: React.ReactText;

package/dist/core/components/atoms/statusHint/StatusHint.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { MessageAppearance } from "../../../common.type";
+declare type StatusHintSize = 'small' | 'regular';
 export interface StatusHintProps extends BaseProps {
     children: React.ReactText | React.ReactNode;
+    size?: StatusHintSize;
     appearance: MessageAppearance;
     truncateLabel?: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;

package/dist/core/components/atoms/textarea/Textarea.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+declare type TextareaSize = 'small' | 'regular';
 export interface TextareaProps extends BaseProps, BaseHtmlProps<HTMLTextAreaElement> {
     name?: string;
     value?: string;
+    size?: TextareaSize;
     defaultValue?: string;
     placeholder?: string;
     rows?: number;

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

@@ -9,9 +9,11 @@ declare type ChipOptions = {
     maxWidth?: ChipProps['maxWidth'];
     onClick?: (value: string, index: number) => void;
 };
+export declare type ChipInputSize = 'regular' | 'small';
 export interface ChipInputProps extends BaseProps {
     allowDuplicates: boolean;
     chipOptions: ChipOptions;
+    size?: ChipInputSize;
     disabled?: boolean;
     error?: boolean;
     placeholder?: string;

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

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { ChipInputProps } from "../../../index.type";
+export declare type EditableChipInputSize = 'regular' | 'small';
 export interface EditableChipInputProps extends BaseProps {
     placeholder: string;
     value?: string[];
+    size?: 'regular' | 'small';
     onChange?: (chips: string[]) => void;
     disableSaveAction?: boolean;
     chipInputOptions: Omit<ChipInputProps, 'placeholder' | 'value' | 'defaultValue'>;

package/dist/core/components/molecules/tooltip/Tooltip.d.ts

@@ -4,8 +4,10 @@ import { BaseProps } from "../../../utils/types";
 declare type Position = 'top-start' | 'top' | 'top-end' | 'right' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left';
 declare const tooltipPropsList: readonly ["trigger", "on", "open", "offset", "onToggle", "dark", "customStyle", "closeOnBackdropClick", "hideOnReferenceEscape", "closeOnScroll"];
 declare type TooltipPopperProps = (typeof tooltipPropsList)[number];
+declare type TooltipSize = 'small' | 'regular';
 export interface TooltipProps extends Omit<PopoverProps, TooltipPopperProps>, BaseProps {
     tooltip: string;
+    size?: TooltipSize;
     showTooltip?: boolean;
     children: PopoverProps['trigger'];
     position: Position;

package/dist/core/components/organisms/menu/MenuList.d.ts

@@ -7,6 +7,9 @@ export interface MenuListProps extends BaseProps {
     tagName?: TagType;
     children: React.ReactNode;
 }
+export declare const MenuListContext: React.Context<{
+    size?: "standard" | "compressed" | "tight" | undefined;
+}>;
 export declare const MenuList: {
     (props: MenuListProps): React.JSX.Element;
     defaultProps: {

package/dist/core/components/organisms/select/SelectContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OptionType } from "../../../common.type";
+import { OptionType, TListboxSize } from "../../../common.type";
 export declare type ContextProps = {
     openPopover?: boolean;
     setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>>;
@@ -20,6 +20,7 @@ export declare type ContextProps = {
     setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
     setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>>;
     setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    size?: TListboxSize;
 };
 export declare const SelectContext: React.Context<ContextProps>;
 export default SelectContext;