react-magma-dom 5.3.0 → 6.0.0-next.0

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, "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">;
+    as?: React.ElementType<any>;
 }, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const ChildrenWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    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">;
+    as?: React.ElementType<any>;
 } & {
     isLoading: boolean;
     testId?: string;

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { IconProps } from 'react-magma-icons';
 import { ThemeInterface } from '../../theme/magma';
-import { XOR } from '../../utils';
 export declare enum AIButtonVariant {
     variantA = "variantA",
     variantB = "variantB"
@@ -97,7 +96,7 @@ export interface TextAIButtonProps extends BaseAIButtonProps {
     /**
      * The content of the component
      */
-    children: React.ReactChild | React.ReactChild[];
+    children: React.ReactNode;
     /**
      * Icon to display on the right side within the component
      */
@@ -108,17 +107,18 @@ export interface TextAIButtonProps extends BaseAIButtonProps {
     leadingIcon?: boolean | React.ReactElement<IconProps>;
 }
 export interface IconOnlyAIButtonProps extends BaseAIButtonProps {
-    /**
-     * Icon to display on the right side within the component
-     */
-    leadingIcon?: true | React.ReactElement<IconProps>;
     /**
      * The text the screen reader will announce. Required for icon-only buttons
      */
     'aria-label': string;
+    /**
+     * The content of the component
+     */
     children?: never;
+    /**
+     * Icon to display on the left side within the component
+     */
+    leadingIcon: true | React.ReactElement<IconProps>;
 }
-export declare type AIButtonProps = XOR<TextAIButtonProps, IconOnlyAIButtonProps>;
-export declare const AIButton: React.ForwardRefExoticComponent<({
-    trailingIcon?: never;
-} & IconOnlyAIButtonProps & React.RefAttributes<HTMLButtonElement>) | ({} & TextAIButtonProps & React.RefAttributes<HTMLButtonElement>)>;
+export declare type AIButtonProps = TextAIButtonProps | IconOnlyAIButtonProps;
+export declare const AIButton: React.ForwardRefExoticComponent<(TextAIButtonProps & React.RefAttributes<HTMLButtonElement>) | (IconOnlyAIButtonProps & React.RefAttributes<HTMLButtonElement>)>;

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

@@ -1,11 +1,10 @@
 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/AccordionButton.d.ts

@@ -1,11 +1,10 @@
 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,11 +1,10 @@
 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,10 +1,9 @@
 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/index.d.ts

@@ -1,10 +1,9 @@
 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

@@ -39,7 +39,7 @@ 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, "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">;
+    as?: React.ElementType<any>;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare function getAriaLabelIcon(variant: string, i18n: I18nInterface): string;
 export declare const AlertBase: React.ForwardRefExoticComponent<AlertBaseProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,10 +1,9 @@
 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/Badge/index.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { IconProps } from 'react-magma-icons';
+/**
+ * @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/index.d.ts

@@ -1,10 +1,9 @@
 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,10 +1,9 @@
 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/BlockQuoteItem.d.ts

@@ -1,11 +1,10 @@
 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,10 +1,9 @@
 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/BreadcrumbItem.d.ts

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

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

@@ -6,11 +6,10 @@ 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/index.d.ts

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

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

@@ -1,10 +1,9 @@
 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/CardBody.d.ts

@@ -1,9 +1,8 @@
 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,9 +1,8 @@
 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/Checkbox/index.d.ts

@@ -75,7 +75,7 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
 }
 export declare const HiddenLabelText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any, "symbol" | "object" | "input" | "style" | "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" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "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" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "noindex" | "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">;
+    as?: React.ElementType<any>;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const checkboxInputClassName = "magma-checkbox-input";
 export declare const HiddenInput: React.FC<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>> | React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Container/Container.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
+/**
+ * @children required
+ */
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     isInverse?: boolean;
-    /**
-     * @children required
-     */
-    children: React.ReactNode;
     /**
      * Left/right padding, set by CSS.  If a number is provided, value will be in pixels
      * @default theme.spaceScale.spacing06

package/dist/components/Datagrid/Datagrid.d.ts

@@ -40,11 +40,10 @@ export interface DatagridComponents {
 export interface DatagridComponentsProps {
     pagination?: Partial<Omit<TablePaginationProps, 'page' | 'defaultPage' | 'rowsPerPage' | 'defaultRowsPerPage'>>;
 }
+/**
+ * @children required
+ */
 export interface BaseDatagridProps extends TableProps {
-    /**
-     * @children required
-     */
-    children: React.ReactNode;
     /**
      * Column data to be displayed in the table header
      */

package/dist/components/DatePicker/DateField/StyledDateFieldInput.d.ts

@@ -2,24 +2,24 @@
 import { ThemeInterface } from '../../../theme/magma';
 export declare const InputsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 } & {
     hasError?: boolean;
     isInverse?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 } & {
     theme: ThemeInterface;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IsClearableContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 } & {
     theme: ThemeInterface;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const DateFieldInputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -2,7 +2,7 @@
 import { Theme } from '@emotion/react';
 export declare const StyledSelect: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 } & {
     isInverse: boolean;
     theme: Theme;

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

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

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

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

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

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

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

@@ -1,9 +1,8 @@
 import * as React from 'react';
+/**
+ * @children required
+ */
 export interface DropdownMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * @children required
-     */
-    children: React.ReactNode;
     /**
      * Header text to use for the menu group
      */

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

@@ -33,7 +33,7 @@ export declare function menuBackground(props: any): any;
 export declare const MenuItemStyles: (props: any) => import("@emotion/react").SerializedStyles;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any, "symbol" | "object" | "slot" | "style" | "title" | "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" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "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">;
+    as?: React.ElementType<any>;
 } & {
     isInverse?: boolean;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/EmptyState/styles.d.ts

@@ -12,13 +12,13 @@ export declare function getIllustrationIconColor(props: {
 }): string;
 export declare const StyledEmptyState: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 } & {
     theme: ThemeInterface;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledIconContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 } & {
     isDanger?: boolean;
     isInverse?: boolean;
@@ -26,11 +26,11 @@ export declare const StyledIconContainer: import("@emotion/styled").StyledCompon
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 } & {
     theme: ThemeInterface;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledActions: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("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">;
+    as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;