react-magma-dom 3.5.1 → 3.6.0

package/dist/components/Input/Input.stories.d.ts

@@ -13,22 +13,23 @@ export declare const IconPositions: {
         placeholder: string;
         helperMessage: any;
         isInverse?: boolean;
-        testId?: string;
+        maxLength?: number;
+        hasCharacterCounter?: boolean;
         iconPosition?: InputIconPosition;
+        inputSize?: InputSize;
+        testId?: string;
         containerStyle?: React.CSSProperties;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
-        hasCharacterCounter?: boolean;
         inputLength?: number;
-        inputSize?: InputSize;
         isLabelVisuallyHidden?: boolean;
         labelPosition?: LabelPosition;
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
         maxCount?: number;
-        maxLength?: number;
         messageStyle?: React.CSSProperties;
+        children?: any;
         hasError?: boolean;
         icon?: React.ReactElement<import("react-magma-icons").IconProps, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>;
         iconAriaLabel?: string;
@@ -57,10 +58,10 @@ export declare const IconPositions: {
         formMethod?: string;
         formNoValidate?: boolean;
         formTarget?: string;
-        height?: React.ReactText;
+        height?: string | number;
         list?: string;
-        max?: React.ReactText;
-        min?: React.ReactText;
+        max?: string | number;
+        min?: string | number;
         minLength?: number;
         multiple?: boolean;
         name?: string;
@@ -69,7 +70,7 @@ export declare const IconPositions: {
         required?: boolean;
         size?: number;
         src?: string;
-        step?: React.ReactText;
+        step?: string | number;
         value?: string | number | readonly string[];
         onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
         defaultChecked?: boolean;
@@ -124,7 +125,7 @@ export declare const IconPositions: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -158,12 +159,11 @@ export declare const IconPositions: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
         'aria-valuetext'?: string;
-        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         };
@@ -340,24 +340,352 @@ export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("
 export declare const WithChildren: {
     (args: any): JSX.Element;
     args: {
-        iconPosition: InputIconPosition;
         isInverse?: boolean;
+        maxLength?: number;
+        hasCharacterCounter?: boolean;
+        iconPosition?: InputIconPosition;
+        inputSize?: InputSize;
         testId?: string;
         containerStyle?: React.CSSProperties;
         actionable?: boolean;
         errorMessage?: React.ReactNode;
-        hasCharacterCounter?: boolean;
         helperMessage?: React.ReactNode;
         inputLength?: number;
-        inputSize?: InputSize;
         isLabelVisuallyHidden?: boolean;
         labelPosition?: LabelPosition;
         labelStyle?: React.CSSProperties;
         labelText?: React.ReactNode;
         labelWidth?: number;
         maxCount?: number;
+        messageStyle?: React.CSSProperties;
+        children?: any;
+        hasError?: boolean;
+        icon?: React.ReactElement<import("react-magma-icons").IconProps, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>;
+        iconAriaLabel?: string;
+        iconRef?: React.Ref<HTMLButtonElement>;
+        inputStyle?: React.CSSProperties;
+        isClearable?: boolean;
+        onClear?: () => void;
+        isPredictive?: boolean;
+        onIconClick?: () => void;
+        onIconKeyDown?: (event: any) => void;
+        theme?: any;
+        type?: InputType;
+        isPasswordInput?: boolean;
+        width?: string;
+        accept?: string;
+        alt?: string;
+        autoComplete?: string;
+        autoFocus?: boolean;
+        capture?: string | boolean;
+        checked?: boolean;
+        crossOrigin?: string;
+        disabled?: boolean;
+        form?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
+        height?: string | number;
+        list?: string;
+        max?: string | number;
+        min?: string | number;
+        minLength?: number;
+        multiple?: boolean;
+        name?: string;
+        pattern?: string;
+        placeholder?: string;
+        readOnly?: boolean;
+        required?: boolean;
+        size?: number;
+        src?: string;
+        step?: string | number;
+        value?: string | number | readonly string[];
+        onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        defaultChecked?: boolean;
+        defaultValue?: string | number | readonly string[];
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
+        accessKey?: string;
+        className?: string;
+        contentEditable?: boolean | "inherit" | "true" | "false";
+        contextMenu?: string;
+        dir?: string;
+        draggable?: boolean | "true" | "false";
+        hidden?: boolean;
+        id?: string;
+        lang?: string;
+        slot?: string;
+        spellCheck?: boolean | "true" | "false";
+        style?: React.CSSProperties;
+        tabIndex?: number;
+        title?: string;
+        translate?: "yes" | "no";
+        radioGroup?: string;
+        role?: React.AriaRole;
+        about?: string;
+        datatype?: string;
+        inlist?: any;
+        prefix?: string;
+        property?: string;
+        resource?: string;
+        typeof?: string;
+        vocab?: string;
+        autoCapitalize?: string;
+        autoCorrect?: string;
+        autoSave?: string;
+        color?: string;
+        itemProp?: string;
+        itemScope?: boolean;
+        itemType?: string;
+        itemID?: string;
+        itemRef?: string;
+        results?: number;
+        security?: string;
+        unselectable?: "on" | "off";
+        inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+        is?: string;
+        'aria-activedescendant'?: string;
+        'aria-atomic'?: boolean | "true" | "false";
+        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+        'aria-busy'?: boolean | "true" | "false";
+        'aria-checked'?: boolean | "true" | "false" | "mixed";
+        'aria-colcount'?: number;
+        'aria-colindex'?: number;
+        'aria-colspan'?: number;
+        'aria-controls'?: string;
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
+        'aria-describedby'?: string;
+        'aria-details'?: string;
+        'aria-disabled'?: boolean | "true" | "false";
+        'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+        'aria-errormessage'?: string;
+        'aria-expanded'?: boolean | "true" | "false";
+        'aria-flowto'?: string;
+        'aria-grabbed'?: boolean | "true" | "false";
+        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
+        'aria-hidden'?: boolean | "true" | "false";
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
+        'aria-keyshortcuts'?: string;
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+        'aria-level'?: number;
+        'aria-live'?: "off" | "assertive" | "polite";
+        'aria-modal'?: boolean | "true" | "false";
+        'aria-multiline'?: boolean | "true" | "false";
+        'aria-multiselectable'?: boolean | "true" | "false";
+        'aria-orientation'?: "horizontal" | "vertical";
+        'aria-owns'?: string;
+        'aria-placeholder'?: string;
+        'aria-posinset'?: number;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed";
+        'aria-readonly'?: boolean | "true" | "false";
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-required'?: boolean | "true" | "false";
+        'aria-roledescription'?: string;
+        'aria-rowcount'?: number;
+        'aria-rowindex'?: number;
+        'aria-rowspan'?: number;
+        'aria-selected'?: boolean | "true" | "false";
+        'aria-setsize'?: number;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-valuemax'?: number;
+        'aria-valuemin'?: number;
+        'aria-valuenow'?: number;
+        'aria-valuetext'?: string;
+        dangerouslySetInnerHTML?: {
+            __html: string;
+        };
+        onCopy?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onCopyCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onCut?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onCutCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onPasteCapture?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        onCompositionEnd?: (event: React.CompositionEvent<HTMLInputElement>) => void;
+        onCompositionEndCapture?: (event: React.CompositionEvent<HTMLInputElement>) => void;
+        onCompositionStart?: (event: React.CompositionEvent<HTMLInputElement>) => void;
+        onCompositionStartCapture?: (event: React.CompositionEvent<HTMLInputElement>) => void;
+        onCompositionUpdate?: (event: React.CompositionEvent<HTMLInputElement>) => void;
+        onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLInputElement>) => void;
+        onFocus?: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
+        onFocusCapture?: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
+        onBlur?: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
+        onBlurCapture?: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
+        onChangeCapture?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onBeforeInput?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onBeforeInputCapture?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onInput?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onInputCapture?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onReset?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onResetCapture?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onSubmit?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onSubmitCapture?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onInvalid?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onInvalidCapture?: (event: React.FormEvent<HTMLInputElement>) => void;
+        onLoad?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onLoadCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onError?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onErrorCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onKeyDownCapture?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onKeyPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onKeyPressCapture?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onKeyUpCapture?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onAbort?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onAbortCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onCanPlay?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onCanPlayCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onCanPlayThrough?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onDurationChange?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onEmptied?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onEmptiedCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onEncrypted?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onEncryptedCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onEnded?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onEndedCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onLoadedData?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onLoadedMetadata?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onLoadStart?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onLoadStartCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onPause?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onPauseCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onPlay?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onPlayCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onPlaying?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onPlayingCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onProgress?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onProgressCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onRateChange?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onRateChangeCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onSeeked?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onSeekedCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onSeeking?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onSeekingCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onStalled?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onStalledCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onSuspend?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onSuspendCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onTimeUpdate?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onVolumeChange?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onWaiting?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onWaitingCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onAuxClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onAuxClickCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onClickCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onContextMenu?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onContextMenuCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onDoubleClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onDoubleClickCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onDrag?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragEnd?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragEndCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragEnter?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragEnterCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragExit?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragExitCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragLeave?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragLeaveCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragOver?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragOverCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragStart?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDragStartCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDrop?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onDropCapture?: (event: React.DragEvent<HTMLInputElement>) => void;
+        onMouseDown?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseDownCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseEnter?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseLeave?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseMove?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseMoveCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseOut?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseOutCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseOver?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseOverCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseUp?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onMouseUpCapture?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+        onSelect?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onSelectCapture?: (event: React.SyntheticEvent<HTMLInputElement, Event>) => void;
+        onTouchCancel?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onTouchCancelCapture?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onTouchEnd?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onTouchEndCapture?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onTouchMove?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onTouchMoveCapture?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onTouchStart?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onTouchStartCapture?: (event: React.TouchEvent<HTMLInputElement>) => void;
+        onPointerDown?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerDownCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerMove?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerMoveCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerUp?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerUpCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerCancel?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerCancelCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerEnter?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerEnterCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerLeave?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerLeaveCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerOver?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerOverCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerOut?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onPointerOutCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onGotPointerCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onLostPointerCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLInputElement>) => void;
+        onScroll?: (event: React.UIEvent<HTMLInputElement, UIEvent>) => void;
+        onScrollCapture?: (event: React.UIEvent<HTMLInputElement, UIEvent>) => void;
+        onWheel?: (event: React.WheelEvent<HTMLInputElement>) => void;
+        onWheelCapture?: (event: React.WheelEvent<HTMLInputElement>) => void;
+        onAnimationStart?: (event: React.AnimationEvent<HTMLInputElement>) => void;
+        onAnimationStartCapture?: (event: React.AnimationEvent<HTMLInputElement>) => void;
+        onAnimationEnd?: (event: React.AnimationEvent<HTMLInputElement>) => void;
+        onAnimationEndCapture?: (event: React.AnimationEvent<HTMLInputElement>) => void;
+        onAnimationIteration?: (event: React.AnimationEvent<HTMLInputElement>) => void;
+        onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLInputElement>) => void;
+        onTransitionEnd?: (event: React.TransitionEvent<HTMLInputElement>) => void;
+        onTransitionEndCapture?: (event: React.TransitionEvent<HTMLInputElement>) => void;
+        css?: import("@emotion/core").InterpolationWithTheme<any>;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const WithTwoIcons: {
+    (args: any): JSX.Element;
+    args: {
+        isInverse?: boolean;
         maxLength?: number;
+        hasCharacterCounter?: boolean;
+        iconPosition?: InputIconPosition;
+        inputSize?: InputSize;
+        testId?: string;
+        containerStyle?: React.CSSProperties;
+        actionable?: boolean;
+        errorMessage?: React.ReactNode;
+        helperMessage?: React.ReactNode;
+        inputLength?: number;
+        isLabelVisuallyHidden?: boolean;
+        labelPosition?: LabelPosition;
+        labelStyle?: React.CSSProperties;
+        labelText?: React.ReactNode;
+        labelWidth?: number;
+        maxCount?: number;
         messageStyle?: React.CSSProperties;
+        children?: any;
         hasError?: boolean;
         icon?: React.ReactElement<import("react-magma-icons").IconProps, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>;
         iconAriaLabel?: string;
@@ -386,10 +714,10 @@ export declare const WithChildren: {
         formMethod?: string;
         formNoValidate?: boolean;
         formTarget?: string;
-        height?: React.ReactText;
+        height?: string | number;
         list?: string;
-        max?: React.ReactText;
-        min?: React.ReactText;
+        max?: string | number;
+        min?: string | number;
         minLength?: number;
         multiple?: boolean;
         name?: string;
@@ -399,7 +727,7 @@ export declare const WithChildren: {
         required?: boolean;
         size?: number;
         src?: string;
-        step?: React.ReactText;
+        step?: string | number;
         value?: string | number | readonly string[];
         onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
         defaultChecked?: boolean;
@@ -454,7 +782,7 @@ export declare const WithChildren: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -488,12 +816,11 @@ export declare const WithChildren: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
         'aria-valuetext'?: string;
-        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         };

package/dist/components/InputBase/index.d.ts

@@ -19,6 +19,10 @@ export declare enum InputIconPosition {
     right = "right"
 }
 export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * @internal
+     */
+    children?: any;
     /**
      * Style properties for the component container element
      */
@@ -127,6 +131,7 @@ export interface InputWrapperStylesProps {
     theme?: ThemeInterface;
     hasError?: boolean;
     disabled?: boolean;
+    inputSize?: InputSize;
 }
 export declare const inputWrapperStyles: (props: InputWrapperStylesProps) => import("@emotion/utils").SerializedStyles;
 export interface InputBaseStylesProps {

package/dist/components/PasswordInput/PasswordInput.stories.d.ts

@@ -4,3 +4,4 @@ export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, PasswordInputProps>;
 export declare const Error: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, PasswordInputProps>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, PasswordInputProps>;
+export declare const CustomText: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, PasswordInputProps>;

package/dist/components/PasswordInput/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { InputSize } from '../InputBase';
 import { FormFieldContainerBaseProps } from '../FormFieldContainer';
 export interface PasswordInputProps extends Omit<FormFieldContainerBaseProps, 'fieldId'>, React.InputHTMLAttributes<HTMLInputElement> {
     hiddenPasswordAnnounceText?: string;
@@ -12,6 +13,11 @@ export interface PasswordInputProps extends Omit<FormFieldContainerBaseProps, 'f
      * @default "Hide"
      */
     hidePasswordButtonText?: string;
+    /**
+     * Relative size of the component
+     * @default InputSize.medium
+     */
+    inputSize?: InputSize;
     isInverse?: boolean;
     /**
      * If true, label text will be hidden visually, but will still be read by assistive technology

package/dist/components/Table/Table.stories.d.ts

@@ -80,7 +80,7 @@ export declare const ControlledPagination: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -114,7 +114,7 @@ export declare const ControlledPagination: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -364,7 +364,7 @@ export declare const PaginationInverse: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -398,7 +398,7 @@ export declare const PaginationInverse: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -639,7 +639,7 @@ export declare const RowColors: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -673,7 +673,7 @@ export declare const RowColors: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -913,7 +913,7 @@ export declare const RowColorsInverse: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -947,7 +947,7 @@ export declare const RowColorsInverse: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -1187,7 +1187,7 @@ export declare const Sortable: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -1221,7 +1221,7 @@ export declare const Sortable: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -1461,7 +1461,7 @@ export declare const WithDropdown: {
         'aria-colindex'?: number;
         'aria-colspan'?: number;
         'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
         'aria-describedby'?: string;
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
@@ -1495,7 +1495,7 @@ export declare const WithDropdown: {
         'aria-rowspan'?: number;
         'aria-selected'?: boolean | "true" | "false";
         'aria-setsize'?: number;
-        'aria-sort'?: "none" | "other" | "ascending" | "descending";
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
         'aria-valuemax'?: number;
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
@@ -1673,3 +1673,4 @@ export declare const AdjustableRowNumber: {
         numberRows: number;
     };
 };
+export declare const NoRowsPerPageControl: (args: any) => JSX.Element;

package/dist/components/Table/TablePagination.d.ts

@@ -18,7 +18,8 @@ export interface BaseTablePaginationProps extends React.HTMLAttributes<HTMLDivEl
      */
     onPageChange?: (event: React.SyntheticEvent, newPage: number) => void;
     /**
-     * Event that fires when the number of rows per page changes
+     * Event that fires when the number of rows per page changes.
+     * If no function is passed, the rows per page select will be hidden
      */
     onRowsPerPageChange?: (newRowsPerPage: number) => void;
     /**