react-magma-dom 3.0.0 → 3.1.0

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

@@ -3,6 +3,9 @@ import * as React from 'react';
  * @children required
  */
 export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;

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

@@ -6,6 +6,9 @@ export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElemen
      * @default TableCellAlign.left
      */
     align?: TableCellAlign;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Width of the component, set by CSS

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

@@ -3,6 +3,9 @@ import * as React from 'react';
  * @children required
  */
 export interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;

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

@@ -29,6 +29,9 @@ export interface TableHeaderCellProps extends React.HTMLAttributes<HTMLTableHead
      * @default TableSortDirection.none
      */
     sortDirection?: TableSortDirection;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Width of the component, set by CSS

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

@@ -4,7 +4,7 @@ import { DropdownDropDirection } from '../Dropdown';
 export interface BaseTablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Position of the dropdown content
-     * @default `DropdownDropDirection.up`
+     * @default DropdownDropDirection.up
      */
     dropdownDropDirection?: DropdownDropDirection;
     /**
@@ -24,6 +24,9 @@ export interface BaseTablePaginationProps extends React.HTMLAttributes<HTMLDivEl
      * Values added to the rows per page select
      */
     rowsPerPageValues?: number[];
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export interface ControlledPageProps {

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

@@ -15,6 +15,9 @@ export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>
     onHeaderRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onTableRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     rowIndex?: number;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;

package/dist/components/Tabs/Tab.d.ts

@@ -13,6 +13,9 @@ export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
      */
     isActive?: boolean;
     isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * @internal

package/dist/components/Tabs/TabPanel.d.ts

@@ -5,6 +5,9 @@ export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     index?: number;
     isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/TabPanelsContainer.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 interface TabPanelContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const TabPanelsContainer: React.ForwardRefExoticComponent<TabPanelContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/Tabs.d.ts

@@ -47,6 +47,7 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     backgroundColor?: string;
     /**
      * The orientation of icon on Tab
+     * @default TabsIconPosition.left
      */
     iconPosition?: TabsIconPosition;
     /**
@@ -58,7 +59,13 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
      * The onChange handler for managing state of Tabs component by your custom logic.
      */
     onChange?: (newActiveIndex: number) => void;
+    /**
+     * @default TabsOrientation.horizontal
+     */
     orientation?: TabsOrientation;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 interface TabsContextInterface {

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

@@ -6,3 +6,4 @@ export declare const Icon: import("@storybook/csf").AnnotatedStoryFn<import("@st
 export declare const IconOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
 export declare const Scrolling: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
+export declare const WithDropdown: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;

package/dist/components/Tabs/TabsContainer.d.ts

@@ -5,6 +5,9 @@ interface TabsContainerProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     activeIndex?: number;
     isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 interface TabsContainerContextInterface {

package/dist/components/Tag/Tag.d.ts

@@ -18,10 +18,12 @@ export declare enum TagSize {
 export interface BaseTagProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onClick'> {
     /**
      * Color changes between 'primary', 'low contrast', and 'high contrast' style variants between each Tag.
+     * @default TagColor.default
      */
     color?: TagColor;
     /**
      * Size toggles between a default, and a small size Tag.
+     * @default TagSize.medium
      */
     size?: TagSize;
     /**

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

@@ -5,3 +5,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => JSX.Element;
+export declare const Inverse: () => JSX.Element;

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

@@ -7,6 +7,9 @@ export interface TextareaProps extends Omit<FormFieldContainerBaseProps, 'inputS
      */
     containerStyle?: React.CSSProperties;
     isInverse?: boolean;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Style properties for the textarea element

package/dist/components/TimePicker/useTimePicker.d.ts

@@ -40,8 +40,8 @@ export declare function useTimePicker(props: UseTimePickerProps): {
     descriptionId: string;
     handleHourChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     handleMinuteChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleHourKeyDown: (event: React.KeyboardEvent) => void;
-    handleMinuteKeyDown: (event: React.KeyboardEvent) => void;
+    handleHourKeyDown: (event: React.KeyboardEvent, hourChangeFunc: any) => void;
+    handleMinuteKeyDown: (event: React.KeyboardEvent, minChangeFunc: any) => void;
     handleAmPmKeyDown: (event: React.KeyboardEvent) => void;
 };
 export declare type UseTimePickerReturn = ReturnType<typeof useTimePicker>;

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

@@ -1,7 +1,57 @@
 import React from 'react';
+import { AlertVariant } from '../AlertBase';
 declare const _default: {
     component: React.ForwardRefExoticComponent<import(".").ToastProps & React.RefAttributes<HTMLDivElement>>;
     title: string;
+    argTypes: {
+        isInverse: {
+            control: {
+                type: string;
+            };
+        };
+        disableAutoDismiss: {
+            control: {
+                type: string;
+            };
+        };
+        toastDuration: {
+            control: {
+                type: string;
+            };
+        };
+        variant: {
+            control: {
+                type: string;
+                options: typeof AlertVariant;
+            };
+        };
+    };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: {
+    (args: any): JSX.Element;
+    args: {
+        variant: AlertVariant;
+        toastDuration: number;
+        disableAutoDismiss: boolean;
+        isInverse: boolean;
+    };
+};
+export declare const TwoLine: {
+    (args: any): JSX.Element;
+    args: {
+        variant: AlertVariant;
+        toastDuration: number;
+        disableAutoDismiss: boolean;
+        isInverse: boolean;
+    };
+};
+export declare const MultiLine: {
+    (args: any): JSX.Element;
+    args: {
+        variant: AlertVariant;
+        toastDuration: number;
+        disableAutoDismiss: boolean;
+        isInverse: boolean;
+    };
+};

package/dist/components/Toast/ToastsContainer.d.ts

@@ -9,6 +9,9 @@ export interface ToastsContainerProps extends React.HTMLAttributes<HTMLDivElemen
      * @internal
      */
     toastsArray?: any;
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export interface ToastsContextInterface {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AlertBaseProps } from '../AlertBase';
+import { AlertBaseProps, AlertVariant } from '../AlertBase';
 /**
  * @children required
  */
@@ -17,6 +17,11 @@ export interface ToastProps extends AlertBaseProps {
      * @default false
      */
     disableAutoDismiss?: boolean;
+    /**
+     * The variant of the toast, indicating its function in the UI
+     * @default AlertVariant.info
+     */
+    variant?: AlertVariant;
     /**
      * Number of milliseconds the toast displays before it closes
      * @default 5000

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

@@ -15,6 +15,7 @@ export interface ToggleProps extends React.InputHTMLAttributes<HTMLInputElement>
     containerStyle?: React.CSSProperties;
     /**
      * If true, checkbox is checked on first render
+     * @default false
      */
     defaultChecked?: boolean;
     /**
@@ -39,6 +40,9 @@ export interface ToggleProps extends React.InputHTMLAttributes<HTMLInputElement>
      * Content for label; can be a node or a string
      */
     labelText: React.ReactNode;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Whether the label appears to the left of the right of the toggle switch

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipProps } from './index';
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
 export default _default;
@@ -7,3 +8,4 @@ export declare const Left: import("@storybook/csf").AnnotatedStoryFn<import("@st
 export declare const Right: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TooltipProps>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TooltipProps>;
 export declare const Open: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TooltipProps>;
+export declare const Complex: () => JSX.Element;

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

@@ -30,8 +30,12 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     open?: boolean;
     /**
      * Position the tooltip appears in relation to its trigger
+     * @default TooltipPosition.top
      */
     position?: TooltipPosition;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Style properties for the inner tooltip content

package/dist/components/Transition/Transition.d.ts

@@ -20,6 +20,9 @@ export interface TransitionProps extends HTMLMotionProps<'div'> {
      * @internal
      */
     customTransition?: MotionVariants<'enter' | 'exit'>;
+    /**
+     * @internal
+     */
     testId?: string;
     /**
      * Should children fade in/out

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

@@ -8,6 +8,9 @@ export interface TypographyProps<T = HTMLParagraphElement> extends React.HTMLAtt
     isInverse?: boolean;
     noMargins?: boolean;
     ref?: any;
+    /**
+     * @internal
+     */
     testId?: string;
     theme?: any;
     visualStyle?: TypographyVisualStyle;
@@ -24,6 +27,7 @@ export declare enum TypographyContextVariant {
     narrative = "narrative"
 }
 export declare enum TypographyVisualStyle {
+    heading2XLarge = "heading2XLarge",
     headingXLarge = "headingXLarge",
     headingLarge = "headingLarge",
     headingMedium = "headingMedium",
@@ -41,6 +45,7 @@ export declare const paragraphLargeStyles: (props: any) => import("@emotion/util
 export declare const paragraphMediumStyles: (props: any) => import("@emotion/utils").SerializedStyles;
 export declare const paragraphSmallStyles: (props: any) => import("@emotion/utils").SerializedStyles;
 export declare const paragraphXSmallStyles: (props: any) => import("@emotion/utils").SerializedStyles;
+export declare const heading2XLargeStyles: (props: any) => import("@emotion/utils").SerializedStyles;
 export declare const headingXLargeStyles: (props: any) => import("@emotion/utils").SerializedStyles;
 export declare const headingLargeStyles: (props: any) => import("@emotion/utils").SerializedStyles;
 export declare const headingMediumStyles: (props: any) => import("@emotion/utils").SerializedStyles;

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

@@ -3,6 +3,9 @@ import * as React from 'react';
  * @children required
  */
 export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @internal
+     */
     testId?: string;
 }
 export declare const VisuallyHidden: React.FunctionComponent<VisuallyHiddenProps>;