react-magma-dom 4.2.0-next.8 → 4.2.0

package/dist/components/Accordion/AccordionButton.d.ts

@@ -5,6 +5,11 @@ import { UseAccordionButtonProps } from './useAccordionButton';
  * @children required
  */
 export interface AccordionButtonProps extends UseAccordionButtonProps, React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * For use in components repurposing Accordion with custom keyboard navigation with it's elements.
+     * @internal
+     */
+    customOnKeyDown?: () => void;
     /**
      * @internal
      */

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

@@ -10,6 +10,8 @@ export declare const CustomIconButton: import("@storybook/csf").AnnotatedStoryFn
 export declare const SmallButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const SplitButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const LinkMenu: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
-export declare const Form: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, DropdownProps>;
 export declare const NoItems: (args: any) => JSX.Element;
+export declare const ExpandableItems: (args: any) => JSX.Element;
+export declare const ExpandableItemsWithIcons: (args: any) => JSX.Element;
+export declare const ExpandableItemsWithIconsAndConsoleWarning: (args: any) => JSX.Element;

package/dist/components/Dropdown/DropdownExpandableMenuButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { AccordionButtonProps } from '../Accordion';
+import { IconProps } from 'react-magma-icons';
+export interface DropdownExpandableMenuButtonProps extends AccordionButtonProps {
+    icon?: React.ReactElement<IconProps>;
+    testId?: string;
+}
+export declare const DropdownExpandableMenuButton: React.ForwardRefExoticComponent<DropdownExpandableMenuButtonProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Dropdown/DropdownExpandableMenuGroup.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface DropdownExpandableMenuGroupContextInterface {
+    expandableMenuButtonHasIcon?: boolean;
+    isExpandablePanel?: boolean;
+}
+export declare const DropdownExpandableMenuGroupContext: React.Context<DropdownExpandableMenuGroupContextInterface>;
+export declare const DropdownExpandableMenuGroup: React.ForwardRefExoticComponent<(import("../Accordion").AccordionMultipleProps & React.RefAttributes<HTMLDivElement>) | (import("../Accordion").AccordionSingleProps & React.RefAttributes<HTMLDivElement>) | (import("../Accordion").AccordionMultipleControlledProps & React.RefAttributes<HTMLDivElement>) | (import("../Accordion").AccordionSingleControlledProps & React.RefAttributes<HTMLDivElement>)>;

package/dist/components/Dropdown/DropdownExpandableMenuItem.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { AccordionItemProps } from '../Accordion';
+export interface DropdownExpandableMenuItemProps extends AccordionItemProps {
+    /**
+     * If true, item will be disabled; it will appear dimmed and onClick event (or any other events) will not fire
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @internal
+     */
+    testId?: string;
+}
+export interface DropdownExpandableMenuItemContextInterface {
+    disabled?: boolean;
+}
+export declare const DropdownExpandableMenuItemContext: React.Context<DropdownExpandableMenuItemContextInterface>;
+export declare const DropdownExpandableMenuItem: React.ForwardRefExoticComponent<DropdownExpandableMenuItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Dropdown/DropdownExpandableMenuListItem.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Omit } from '../../utils';
+import { DropdownMenuItemProps } from './DropdownMenuItem';
+export interface DropdownExpandableMenuListItemProps extends Omit<DropdownMenuItemProps, 'icon'> {
+    disabled?: boolean;
+    testId?: string;
+}
+export declare const DropdownExpandableMenuListItem: React.ForwardRefExoticComponent<DropdownExpandableMenuListItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Dropdown/DropdownExpandableMenuPanel.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { AccordionPanelProps } from '../Accordion';
+export interface DropdownExpandableMenuPanelProps extends AccordionPanelProps {
+}
+export declare const DropdownExpandableMenuPanel: React.ForwardRefExoticComponent<DropdownExpandableMenuPanelProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,4 +5,10 @@ export * from './DropdownDivider';
 export * from './DropdownHeader';
 export * from './DropdownMenuGroup';
 export * from './DropdownMenuItem';
+export * from './DropdownMenuNavItem';
 export * from './DropdownSplitButton';
+export * from './DropdownExpandableMenuButton';
+export * from './DropdownExpandableMenuGroup';
+export * from './DropdownExpandableMenuPanel';
+export * from './DropdownExpandableMenuItem';
+export * from './DropdownExpandableMenuListItem';

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

@@ -29,6 +29,7 @@ export declare const IconPositions: {
         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;
@@ -163,7 +164,6 @@ export declare const IconPositions: {
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
         'aria-valuetext'?: string;
-        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         };
@@ -358,6 +358,7 @@ export declare const WithChildren: {
         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;
@@ -493,7 +494,6 @@ export declare const WithChildren: {
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
         'aria-valuetext'?: string;
-        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         };
@@ -685,6 +685,7 @@ export declare const WithTwoIcons: {
         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;
@@ -820,7 +821,6 @@ export declare const WithTwoIcons: {
         '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
      */

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