react-magma-dom 4.10.1 → 5.0.1-rc.0

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

@@ -0,0 +1,37 @@
+import React from 'react';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, ({
+        trailingIcon?: never;
+    } & import(".").IconOnlyAIButtonProps) | ({} & import(".").TextAIButtonProps)>;
+    args: {
+        isInverse: boolean;
+        isFullWidth: boolean;
+        disabled: boolean;
+    };
+};
+export declare const LoadingButton: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isInverse: boolean;
+        isFullWidth: boolean;
+        disabled: boolean;
+    };
+};
+export declare const AnimatedButtons: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isInverse: boolean;
+        isFullWidth: boolean;
+        disabled: boolean;
+    };
+};
+export declare const AllCases: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isInverse: boolean;
+        isFullWidth: boolean;
+        disabled: boolean;
+    };
+};

package/dist/components/AIButton/StyledAIButtonTemplate.d.ts

@@ -3,11 +3,11 @@ import { StyledAIButtonProps } from './StyledAIButton';
 export declare const buttonStyles: (props: any) => import("@emotion/react").SerializedStyles;
 export declare const BaseStyledAIButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
 }, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const ChildrenWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
 } & {
     isLoading: boolean;
     testId?: string;

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { UseAccordionProps } from './useAccordion';
 import { ThemeInterface } from '../../theme/magma';
-/**
- * @children required
- */
 interface BaseAccordionProps extends UseAccordionProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * @internal
      */

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { AccordionProps } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, AccordionProps>;
+    args: {
+        defaultIndex: number[];
+    };
+};
+export declare const NoMulti: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, AccordionProps>;
+    args: {
+        defaultIndex: number;
+        isMulti: boolean;
+    };
+};
+export declare const Controlled: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isMulti: boolean;
+        index: number[];
+    };
+};
+export declare const ControlledNoMulti: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isMulti: boolean;
+        index: number;
+    };
+};
+export declare const ExpandCollapseAll: {
+    render: (args: any) => React.JSX.Element;
+};
+export declare const Inverse: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, AccordionProps>;
+    args: {
+        defaultIndex: number[];
+        isInverse: boolean;
+    };
+    decorators: ((Story: any) => React.JSX.Element)[];
+};
+export declare const WithDropdown: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isInverse: boolean;
+        isMulti: boolean;
+    };
+};

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { ThemeInterface } from '../../theme/magma';
 import { UseAccordionButtonProps } from './useAccordionButton';
-/**
- * @children required
- */
 export interface AccordionButtonProps extends UseAccordionButtonProps, React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * For use in components repurposing Accordion with custom keyboard navigation with it's elements.
      * @internal

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { UseAccordionItemProps } from './useAccordionItem';
 import { ThemeInterface } from '../../theme/magma';
-/**
- * @children required
- */
 export interface AccordionItemProps extends UseAccordionItemProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * @internal
      */

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { ThemeInterface } from '../../theme/magma';
-/**
- * @children required
- */
 export interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     testId?: string;
     isInverse?: boolean;
     /**

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const Inverse: () => React.JSX.Element;

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { AlertVariant } from '../AlertBase';
-/**
- * @children required
- */
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * Enables additional right aligned children within the Alert.
      */

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

@@ -37,6 +37,6 @@ export declare function buildLinkColor(props: any): any;
 export declare function buildLinkHoverColor(props: any): any;
 export declare const AdditionalContentWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AlertBase: React.ForwardRefExoticComponent<AlertBaseProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: () => React.JSX.Element;

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
-/**
- * @children required
- */
 export interface AnnounceProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Value of the `aria-live` attribute
+     * @children required
+     */
+    children: React.ReactNode;
+    /**
+     * Value of the \`aria-live\` attribute.
      * @default AnnouncePoliteness.polite
      */
     politeness?: AnnouncePoliteness;

package/dist/components/AppBar/AppBar.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { ThemeInterface } from '../../theme/magma';
-/**
- * @children required
- */
 export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * If true, the component will render at a shorter height with less padding
      * @default false

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { AppBarProps } from './index';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, AppBarProps>;
+    args: {
+        children: string;
+        isCompact: boolean;
+        isInverse: boolean;
+    };
+};
+export declare const Tabs: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, AppBarProps>;
+    args: {
+        children: any;
+        isCompact: boolean;
+        isInverse: boolean;
+    };
+};
+export declare const WithSkipLink: () => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const Inverse: () => React.JSX.Element;

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

@@ -1,8 +1,9 @@
 import * as React from 'react';
-/**
- * @children required
- */
 export interface BadgeProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * The color variant of the badge
      * @default BadgeColor.primary

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BannerProps } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, BannerProps>;
+    args: {};
+};
+export declare const Inverse: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, BannerProps>;
+    args: {
+        isInverse: boolean;
+    };
+    decorators: ((Story: any) => React.JSX.Element)[];
+};

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { AlertProps } from '../Alert';
-/**
- * @children required
- */
 export interface BannerProps extends AlertProps {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * The text displayed inside of the action button
      */

package/dist/components/BlockQuote/BlockQuote.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { Colors, ThemeInterface } from '../../theme/magma';
-/**
- * @children required
- */
 export interface BlockQuoteProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * Style properties for the left border color which accept custom CSS hex values.
      */

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BlockQuoteItemProps } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, BlockQuoteItemProps>;
+    args: {
+        isInverse: boolean;
+    };
+};
+export declare const Inverse: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, BlockQuoteItemProps>;
+    args: {
+        isInverse: boolean;
+    };
+    decorators: ((Story: any) => React.JSX.Element)[];
+};

package/dist/components/BlockQuote/BlockQuoteItem.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { TypographyVisualStyle, TypographyColor, TypographyContextVariant } from '../Typography';
 import { BlockQuoteProps } from '.';
-/**
- * @children required
- */
 export interface BlockQuoteItemProps extends BlockQuoteProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * The color of the component, helping to convey meaning or relative emphasis
      * @default TypographyColor.default

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-/**
- * @children required
- */
 export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
     isInverse?: boolean;
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * The text the screen reader will announce that describes your breadcrumb.
      */

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BreadcrumbProps } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, BreadcrumbProps>;
+    args: {
+        isInverse: boolean;
+    };
+};
+export declare const Inverse: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, BreadcrumbProps>;
+    args: {
+        isInverse: boolean;
+    };
+    decorators: ((Story: any) => React.JSX.Element)[];
+};

package/dist/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-/**
- * @children required
- */
 export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * @internal
      */

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

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: () => React.JSX.Element;

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

@@ -6,10 +6,11 @@ export declare enum BreakpointScreenSize {
     large = "large",
     xl = "xl"
 }
-/**
- * @children required
- */
 export interface BreakpointsContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * Object that defines the pixel size of individual breakpoints
      * @default  {xs: 0, small: 600, medium: 768, large: 1024, xl: 1200}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { ButtonProps } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, ButtonProps>;
+    args: {
+        isInverse: boolean;
+        isFullWidth: boolean;
+        disabled: boolean;
+    };
+};
+export declare const Disabled: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, ButtonProps>;
+    args: {
+        isInverse: boolean;
+        isFullWidth: boolean;
+        disabled: boolean;
+    };
+};
+export declare const Inverse: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, ButtonProps>;
+    args: {
+        isInverse: boolean;
+        isFullWidth: boolean;
+        disabled: boolean;
+    };
+    decorators: ((Story: any) => React.JSX.Element)[];
+};
+export declare const InverseDisabled: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, ButtonProps>;
+    args: {
+        disabled: boolean;
+        isInverse: boolean;
+        isFullWidth: boolean;
+    };
+    decorators: ((Story: any) => React.JSX.Element)[];
+};
+export declare const All: () => React.JSX.Element;
+export declare const LoadingButton: {
+    render: (args: any) => React.JSX.Element;
+};

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

@@ -70,10 +70,11 @@ export interface ButtonStyles {
      */
     variant?: ButtonVariant;
 }
-/**
- * @children required
- */
 interface BaseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * @internal
      */

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { ButtonGroupOrientation, ButtonGroupAlignment, ButtonGroupProps } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, ButtonGroupProps>;
+    args: {
+        orientation: ButtonGroupOrientation;
+        noSpace: boolean;
+    };
+};
+export declare const SmallBreakpoint: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        orientation: ButtonGroupOrientation;
+        alignment: ButtonGroupAlignment;
+    };
+};
+export declare const WithDropdowns: {
+    render: (args: any) => React.JSX.Element;
+};
+export declare const WithSplitButton: {
+    render: (args: any) => React.JSX.Element;
+};

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

@@ -12,10 +12,11 @@ export declare enum ButtonGroupOrientation {
     horizontal = "horizontal",
     vertical = "vertical"
 }
-/**
- * @children required
- */
 export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * Alignment of the dropdown content
      * @default ButtonGroupAlignment.left

package/dist/components/Card/Card.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { ThemeInterface } from '../../theme/magma';
-/**
- * @children required
- */
 export interface CardProps extends React.LabelHTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * Sets the alignment of the card content
      * @default CardAlignment.left

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isInverse: boolean;
+        align: string;
+        background: string;
+        calloutType: string;
+        width: any;
+    };
+};

package/dist/components/Card/CardBody.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-/**
- * @children required
- */
 export interface CardBodyProps extends React.LabelHTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * @internal
      */

package/dist/components/Card/CardHeading.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-/**
- * @children required
- */
 export interface CardHeadingProps extends React.LabelHTMLAttributes<HTMLHeadingElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * Number to indicate which level heading will render (e.g. h1, h2 etc.)
      * @default 4

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { CharacterCounterProps } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-5617c98e").R, CharacterCounterProps>;
+    args: {
+        isInverse: boolean;
+    };
+};
+export declare const WithChildren: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isInverse: boolean;
+    };
+};
+export declare const TextArea: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        isInverse: boolean;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const MaxCountAndMaxLength: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        maxCount: number;
+        maxLength: number;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};