react-magma-dom 5.1.1-rc.4 → 5.1.1-rc.6

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

@@ -45,3 +45,11 @@ export declare const DateFieldDefault: {
         helperMessage: string;
     };
 };
+export declare const InsideModal: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        labelText: string;
+        errorMessage: string;
+        helperMessage: string;
+    };
+};

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -3,6 +3,7 @@ import { IconProps } from 'react-magma-icons';
 import { ThemeInterface } from '../../theme/magma';
 import { XOR } from '../../utils';
 import { ButtonProps, ButtonSize } from '../Button';
+import { ToggleButtonGroupRole } from '../ToggleButtonGroup';
 export interface ToggleButtonTextProps extends ButtonProps {
     /**
      * Sets a disabled state for a button.
@@ -58,6 +59,12 @@ export interface ToggleButtonIconProps extends ButtonProps {
     theme?: ThemeInterface;
 }
 export declare type ToggleButtonProps = XOR<ToggleButtonTextProps, ToggleButtonIconProps>;
+export declare enum ToggleButtonRole {
+    radio = "radio",
+    switch = "switch",
+    tab = "tab"
+}
+export declare function getToggleButtonRole(groupRole?: ToggleButtonGroupRole, exclusive?: boolean): ToggleButtonRole;
 export declare function setIconWidth(props: ToggleButtonIconProps): string;
 export declare function setBackgroundColor(props: any): string;
 export declare const ToggleButtonStyles: (props: any) => import("@emotion/react").SerializedStyles;

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -2,7 +2,12 @@ import * as React from 'react';
 import { ThemeInterface } from '../../theme/magma';
 import { ButtonSize } from '../Button';
 import { ButtonGroupProps } from '../ButtonGroup';
-export interface ToggleButtonGroupProps extends ButtonGroupProps {
+export declare enum ToggleButtonGroupRole {
+    group = "group",
+    radiogroup = "radiogroup",
+    tablist = "tablist"
+}
+export interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'role'> {
     /**
      * @children required
      */
@@ -26,6 +31,15 @@ export interface ToggleButtonGroupProps extends ButtonGroupProps {
      * The onChange handler for managing state of toggle buttons by your custom logic.
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>, value?: string) => void;
+    /**
+     * ARIA role for the group container. `tablist` renders children as tabs
+     * (`aria-selected`); `radiogroup` renders them as radios (`aria-checked`);
+     * `group` renders radios or switches based on `exclusive`. `tablist` and
+     * `radiogroup` are single-select patterns, so pair them with `exclusive`
+     * (and `enforced` for tabs, to keep one selected at all times).
+     * @default ToggleButtonGroupRole.group
+     */
+    role?: ToggleButtonGroupRole;
     /**
      * @internal
      */
@@ -46,6 +60,7 @@ export interface ToggleButtonGroupContextInterface {
     isInverse?: boolean;
     enforced?: boolean;
     exclusive?: boolean;
+    role?: ToggleButtonGroupRole;
     selected?: boolean;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>, value?: string) => void;
     size?: ButtonSize;

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

@@ -23,3 +23,11 @@ export declare const DifferentToggleButtons: {
         noSpace: boolean;
     };
 };
+export declare const TablistPattern: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        enforced: boolean;
+        exclusive: boolean;
+        role: string;
+    };
+};