carbon-react 102.9.2 → 102.11.0

package/lib/__internal__/popover/popover.component.d.ts

@@ -0,0 +1,22 @@
+export default Popover;
+declare function Popover({ children, placement, disablePortal, reference, onFirstUpdate, modifiers, }: {
+    children: any;
+    placement: any;
+    disablePortal: any;
+    reference: any;
+    onFirstUpdate: any;
+    modifiers: any;
+}): any;
+declare namespace Popover {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const placement: PropTypes.Requireable<string>;
+        const modifiers: PropTypes.Requireable<any[]>;
+        const onFirstUpdate: PropTypes.Requireable<(...args: any[]) => any>;
+        const disablePortal: PropTypes.Requireable<boolean>;
+        const reference: PropTypes.Requireable<PropTypes.InferProps<{
+            current: PropTypes.Requireable<any>;
+        }>>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/__internal__/sticky-footer/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./sticky-footer.component";

package/lib/__internal__/sticky-footer/sticky-footer.component.d.ts

@@ -0,0 +1,15 @@
+export default StickyFooter;
+declare function StickyFooter({ children, containerRef, disableSticky, ...rest }: {
+    [x: string]: any;
+    children: any;
+    containerRef: any;
+    disableSticky: any;
+}): JSX.Element;
+declare namespace StickyFooter {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const containerRef: PropTypes.Validator<any>;
+        const disableSticky: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/__internal__/sticky-footer/sticky-footer.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledStickyFooter;
+declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/__internal__/utils/ether/ether.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Ether
+ *
+ * Ether provides functional-like helper methods for Carbon specific tasks.
+ * As we are dealing with stateful values (user input, browser state) Ether
+ * does not provide pure functions in all cases.
+ */
+/**
+ * Returns the props that were passed to a component but excludes the props listed in propTypes
+ *
+ * Optionally includes the safeProps which can be defined as a static property on a Class or passed as the second
+ * argument.
+ *
+ * @method validProps
+ * @param {Object} instance
+ * @param {Array?} safeProps
+ * @return {Object} props
+ */
+export function validProps(instance: Object, safeProps: any[] | null): Object;

package/lib/__internal__/utils/ether/index.d.ts

@@ -0,0 +1 @@
+export * from "./ether";

package/lib/__internal__/utils/helpers/browser/browser.d.ts

@@ -0,0 +1,17 @@
+export default Browser;
+declare namespace Browser {
+    function isDomAvailable(): boolean;
+    function getWindow(): any;
+    function getDocument(): Document;
+    function getActiveElement(): Element | null;
+    function redirectTo(url: any): void;
+    function redirectAfter(url: any, seconds: any): NodeJS.Timeout;
+    function reload(): void;
+    function editFocus(ref: any): void;
+    function setFocus(reactNode: any): void;
+    function setInputFocus(inputComponent: any): void;
+    function setCookie(name: any, value: any, options?: Object): void;
+    function getCookie(name: string): string | null;
+    function postToNewWindow(url: string, data: Object, target?: Object): void;
+    function submitForm(form: any): void;
+}

package/lib/__internal__/utils/helpers/browser/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./browser";

package/lib/__internal__/utils/helpers/browser-type-check/browser-type-check.d.ts

@@ -0,0 +1,7 @@
+export function isSafari(navigator: any): any;
+export function isEdge(navigator: any): any;
+export default browserTypeCheck;
+/**
+ * Check for Chrome or Firefox.
+ */
+declare function browserTypeCheck(_window: any): boolean;

package/lib/__internal__/utils/helpers/browser-type-check/index.d.ts

@@ -0,0 +1 @@
+export { default, isSafari, isEdge } from "./browser-type-check";

package/lib/__internal__/utils/helpers/events/composedPath.d.ts

@@ -0,0 +1,2 @@
+declare function _default(ev: any): any[];
+export default _default;

package/lib/__internal__/utils/helpers/events/events.d.ts

@@ -0,0 +1,32 @@
+export default Events;
+declare namespace Events {
+    function isEventType(ev: Event, type: Type): boolean;
+    function isNavigationKeyup(ev: Event): boolean;
+    function isEnterKeyup(ev: Event): boolean;
+    function isValidKeypress(ev: Event): boolean;
+    function isNumberKey(ev: Event): boolean;
+    function isNumpadKey(ev: Event): boolean;
+    function isAlphabetKey(ev: Event): boolean;
+    function isSymbolKey(ev: Event): boolean;
+    function isNavigationKey(ev: Event): boolean;
+    function isLeftKey(ev: Event): boolean;
+    function isUpKey(ev: Event): boolean;
+    function isRightKey(ev: Event): boolean;
+    function isDownKey(ev: Event): boolean;
+    function isMetaKey(ev: Event): boolean;
+    function isEscKey(ev: Event): boolean;
+    function isEnterKey(ev: Event): boolean;
+    function isTabKey(ev: Event): boolean;
+    function isBackspaceKey(ev: Event): boolean;
+    function isDeleteKey(ev: Event): boolean;
+    function isDeletingKey(ev: Event): boolean;
+    function isShiftKey(ev: Event): boolean;
+    function isSpaceKey(ev: Event): boolean;
+    function isEnterOrSpaceKey(ev: Event): boolean;
+    function isPeriodKey(ev: Event): boolean;
+    function isCommaKey(ev: Event): boolean;
+    function isMinusKey(ev: Event): boolean;
+    function isHomeKey(ev: Event): boolean;
+    function isEndKey(ev: Event): boolean;
+    function composedPath(ev: Event): EventTarget[];
+}

package/lib/__internal__/utils/helpers/events/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./events";

package/lib/__internal__/utils/helpers/guid/__spec__.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/__internal__/utils/helpers/guid/guid.d.ts

@@ -0,0 +1,2 @@
+declare function _default(): string;
+export default _default;

package/lib/__internal__/utils/helpers/immutable/__spec__.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/__internal__/utils/helpers/immutable/immutable.d.ts

@@ -0,0 +1,4 @@
+export default ImmutableHelper;
+declare namespace ImmutableHelper {
+    function parseJSON(js: Object): any;
+}

package/lib/__internal__/utils/helpers/tags/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./tags";

package/lib/__internal__/utils/helpers/tags/tags-specs/index.d.ts

@@ -0,0 +1 @@
+export { elementsTagTest, rootTagTest } from "./tags-specs";

package/lib/__internal__/utils/helpers/tags/tags-specs/tags-specs.d.ts

@@ -0,0 +1,2 @@
+export function elementsTagTest(wrapper: any, elements: any): void;
+export function rootTagTest(rootNode: any, comp: any, elem: any, role: any): void;

package/lib/__internal__/utils/helpers/tags/tags.d.ts

@@ -0,0 +1,9 @@
+export default tagComponent;
+/**
+ * Builds props object containing top level data tags
+ *
+ * @param {String} name of component
+ * @param {Object} component props
+ * @return {Object} dataTagProps
+ */
+declare function tagComponent(component: Object, props: any): Object;

package/lib/__internal__/utils/helpers/with-unique-id-props/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./with-unique-id-props.hoc";

package/lib/__internal__/utils/logger/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./logger";

package/lib/__internal__/utils/logger/logger.d.ts

@@ -0,0 +1,9 @@
+export default Logger;
+declare namespace Logger {
+    function setEnabledState(newState: any): void;
+    function error(message: any, opts: any): void;
+    function info(message: any, opts: any): void;
+    function log(message: any, opts: any): void;
+    function warn(message: any, opts: any): void;
+    function deprecate(message: any, opts: any): void;
+}

package/lib/__internal__/validations/validation-icon.component.d.ts

@@ -0,0 +1,41 @@
+export default ValidationIcon;
+declare function ValidationIcon({ error, warning, info, size, onFocus, onBlur, iconId, tooltipId, isPartOfInput, tabIndex, onClick, tooltipPosition, tooltipFlipOverrides, ...rest }: {
+    [x: string]: any;
+    error: any;
+    warning: any;
+    info: any;
+    size: any;
+    onFocus: any;
+    onBlur: any;
+    iconId: any;
+    tooltipId: any;
+    isPartOfInput: any;
+    tabIndex: any;
+    onClick: any;
+    tooltipPosition: any;
+    tooltipFlipOverrides: any;
+}): JSX.Element | null;
+declare namespace ValidationIcon {
+    namespace propTypes {
+        const size: PropTypes.Requireable<string>;
+        const iconId: PropTypes.Requireable<string>;
+        const tooltipPosition: PropTypes.Requireable<string>;
+        function tooltipFlipOverrides(props: any, propName: any, componentName: any): Error | null;
+        const tooltipId: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        const isPartOfInput: PropTypes.Requireable<boolean>;
+        const tabIndex: PropTypes.Requireable<number>;
+        const error: PropTypes.Requireable<string | boolean>;
+        const warning: PropTypes.Requireable<string | boolean>;
+        const info: PropTypes.Requireable<string | boolean>;
+    }
+    namespace defaultProps {
+        const tooltipPosition_1: string;
+        export { tooltipPosition_1 as tooltipPosition };
+        const tabIndex_1: number;
+        export { tabIndex_1 as tabIndex };
+    }
+}
+import PropTypes from "prop-types";

package/lib/__internal__/validations/validation-icon.style.d.ts

@@ -0,0 +1,2 @@
+export default ValidationIconStyle;
+declare const ValidationIconStyle: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/__spec_helper__/enzyme-snapshot-helper.d.ts

@@ -0,0 +1,2 @@
+export function snapshotWithoutProps(enzymeWrapper: any, propNames: any): import("enzyme-to-json").Json;
+export function noThemeSnapshot(enzymeWrapper: any): import("enzyme-to-json").Json;

package/lib/__spec_helper__/expect.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/__spec_helper__/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/__spec_helper__/mock-date-helper.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/__spec_helper__/mock-resize-observer.d.ts

@@ -0,0 +1,2 @@
+export default setupResizeObserverMock;
+declare function setupResizeObserverMock(): void;

package/lib/__spec_helper__/test-utils.d.ts

@@ -0,0 +1,33 @@
+export function assertStyleMatch(styleSpec: any, component: any, opts: any): void;
+export function toCSSCase(str: any): any;
+export function hoverList(wrapper: any): (item: any) => void;
+export function selectedItemOf(wrapper: any): any;
+export function childrenFrom(node: any): any;
+export function makeArrayKeys(n: any): number[];
+export const keyboard: {};
+export function assertKeyboardTraversal({ num, nonSelectables, }: {
+    num: any;
+    nonSelectables?: any[] | undefined;
+}): (wrapper: any) => void;
+export function assertHoverTraversal({ num, nonSelectables, }: {
+    num: any;
+    nonSelectables?: any[] | undefined;
+}): (wrapper: any) => void;
+export function listFrom(wrapper: any): any;
+export function click(wrapper: any): any;
+export namespace simulate {
+    export { keydown };
+}
+export const carbonThemesJestTable: (string | import("../style/themes/base").ThemeObject)[][];
+import { mockMatchMedia } from "./mock-match-media";
+export function testStyledSystemSpacing(component: any, defaults: any, styleContainer: any, assertOpts: any): void;
+export function testStyledSystemMargin(component: any, defaults: any, styleContainer: any, assertOpts: any): void;
+export function testStyledSystemPadding(component: any, defaults: any, styleContainer: any, assertOpts: any): void;
+export function testStyledSystemColor(component: any, styleContainer: any): void;
+export function testStyledSystemWidth(component: any, styleContainer: any): void;
+export function testStyledSystemLayout(component: any, styleContainer: any): void;
+export function testStyledSystemFlexBox(component: any, styleContainer: any): void;
+export function testStyledSystemBackground(component: any, styleContainer: any): void;
+export function expectError(errorMessage: any): () => void;
+declare const keydown: {};
+export { mockMatchMedia };

package/lib/components/accordion/accordion-group/accordion-group.component.d.ts

@@ -0,0 +1,10 @@
+export default AccordionGroup;
+declare function AccordionGroup({ children, ...rest }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+declare namespace AccordionGroup {
+    namespace propTypes {
+        function children(props: any, propName: any, componentName: any): undefined;
+    }
+}

package/lib/components/accordion/accordion.component.d.ts

@@ -0,0 +1,3 @@
+export default Accordion;
+declare const Accordion: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/accordion/accordion.style.d.ts

@@ -0,0 +1,10 @@
+export const StyledAccordionGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledAccordionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledAccordionHeadingsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledAccordionSubTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export const StyledAccordionTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledAccordionTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export const StyledAccordionIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+export const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledAccordionContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+import Icon from "../icon";

package/lib/components/action-popover/action-popover-context.d.ts

@@ -0,0 +1,3 @@
+export default ActionPopoverContext;
+declare const ActionPopoverContext: React.Context<{}>;
+import React from "react";

package/lib/components/action-popover/action-popover-divider/action-popover-divider.component.d.ts

@@ -0,0 +1,2 @@
+export default ActionPopoverDivider;
+import { MenuItemDivider as ActionPopoverDivider } from "../action-popover.style";

package/lib/components/action-popover/action-popover-item/action-popover-item.component.d.ts

@@ -0,0 +1,42 @@
+export default ActionPopoverItem;
+export function MenuItem({ children, icon, disabled, onClick: onClickProp, submenu, theme, placement, focusItem, download, href, horizontalAlignment, ...rest }: {
+    [x: string]: any;
+    children: any;
+    icon: any;
+    disabled?: boolean | undefined;
+    onClick: any;
+    submenu: any;
+    theme: any;
+    placement?: string | undefined;
+    focusItem: any;
+    download: any;
+    href: any;
+    horizontalAlignment: any;
+}): JSX.Element;
+export namespace MenuItem {
+    namespace propTypes {
+        const children: PropTypes.Validator<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const icon: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const download: PropTypes.Requireable<boolean>;
+        const href: PropTypes.Requireable<string>;
+        /** Submenu component for item */
+        function submenu(props: any, propName: any, componentName: any): Error | undefined;
+        /** Submenu component for item */
+        function submenu(props: any, propName: any, componentName: any): Error | undefined;
+        const placement: PropTypes.Requireable<string>;
+        const focusItem: PropTypes.Requireable<boolean>;
+        const horizontalAlignment: PropTypes.Requireable<string>;
+    }
+    const displayName: string;
+}
+declare const ActionPopoverItem: React.ForwardRefExoticComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+}>;
+import PropTypes from "prop-types";
+import React from "react";

package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.d.ts

@@ -0,0 +1,3 @@
+export default ActionPopoverMenu;
+declare const ActionPopoverMenu: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.d.ts

@@ -0,0 +1,19 @@
+export default ActionPopoverMenuButton;
+declare function ActionPopoverMenuButton({ buttonType, iconType, iconPosition, size, children, ...props }: {
+    [x: string]: any;
+    buttonType: any;
+    iconType: any;
+    iconPosition: any;
+    size: any;
+    children: any;
+}): JSX.Element;
+declare namespace ActionPopoverMenuButton {
+    namespace propTypes {
+        const buttonType: PropTypes.Requireable<string>;
+        const iconType: PropTypes.Requireable<string>;
+        const iconPosition: PropTypes.Requireable<string>;
+        const size: PropTypes.Requireable<string>;
+        const children: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/action-popover/action-popover.component.d.ts

@@ -0,0 +1,38 @@
+export default ActionPopover;
+declare function ActionPopover({ children, id, onOpen, onClose, rightAlignMenu, renderButton, placement, horizontalAlignment, ...rest }: {
+    [x: string]: any;
+    children: any;
+    id: any;
+    onOpen: any;
+    onClose: any;
+    rightAlignMenu: any;
+    renderButton: any;
+    placement?: string | undefined;
+    horizontalAlignment: any;
+}): JSX.Element;
+declare namespace ActionPopover {
+    namespace propTypes {
+        const id: PropTypes.Requireable<string>;
+        const onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        const rightAlignMenu: PropTypes.Requireable<boolean>;
+        /** Children for popover component */
+        function children(props: any, propName: any, componentName: any): undefined;
+        /** Children for popover component */
+        function children(props: any, propName: any, componentName: any): undefined;
+        const renderButton: PropTypes.Requireable<(...args: any[]) => any>;
+        const horizontalAlignment: PropTypes.Requireable<string>;
+        const placement: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const id_1: null;
+        export { id_1 as id };
+        export { onOpen };
+        export { onClose };
+        const horizontalAlignment_1: string;
+        export { horizontalAlignment_1 as horizontalAlignment };
+    }
+}
+import PropTypes from "prop-types";
+declare function onOpen_1(): void;
+declare function onClose_1(): void;

package/lib/components/action-popover/action-popover.style.d.ts

@@ -0,0 +1,31 @@
+export const Menu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export function MenuItemFactory(button: any): import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const MenuButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const ButtonIcon: React.ForwardRefExoticComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+}>;
+export const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const MenuItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+}>, any, {}, never>;
+export const MenuItemDivider: import("styled-components").StyledComponent<"div", any, {
+    "data-element": string;
+}, "data-element">;
+export const SubMenuItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+}>, any, {}, never>;
+export const MenuButtonOverrideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+import React from "react";

package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.d.ts

@@ -0,0 +1,4 @@
+export default StyledAdvancedColorPickerCell;
+declare const StyledAdvancedColorPickerCell: import("styled-components").StyledComponent<"button", any, {
+    type: "button";
+}, "type">;

package/lib/components/advanced-color-picker/advanced-color-picker.component.d.ts

@@ -0,0 +1,55 @@
+export default AdvancedColorPicker;
+declare function AdvancedColorPicker({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, name, open, onOpen, onClose, onChange, onBlur, availableColors, defaultColor, selectedColor, role, ...props }: {
+    [x: string]: any;
+    "aria-describedby": any;
+    "aria-label": any;
+    "aria-labelledby": any;
+    name: any;
+    open: any;
+    onOpen: any;
+    onClose: any;
+    onChange: any;
+    onBlur: any;
+    availableColors: any;
+    defaultColor: any;
+    selectedColor: any;
+    role: any;
+}): JSX.Element;
+declare namespace AdvancedColorPicker {
+    const propTypes: {
+        /** Prop to specify the aria-describedby property of the component */
+        "aria-describedby": PropTypes.Requireable<string>;
+        /**
+         * Prop to specify the aria-label of the component.
+         * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
+         */
+        "aria-label": PropTypes.Requireable<string>;
+        /**
+         * Prop to specify the aria-labeledby property of the component
+         * To be used when the title prop is a custom React Node,
+         * or the component is labelled by an internal element other than the title.
+         */
+        "aria-labelledby": PropTypes.Requireable<string>;
+        /** Specifies the name prop to be applied to each color in the group */
+        name: PropTypes.Validator<string>;
+        /** Prop for `availableColors` containing array of objects of colors */
+        availableColors: PropTypes.Validator<any[]>;
+        /** Prop for `defaultColor` containing the default color for `uncontrolled` use */
+        defaultColor: PropTypes.Validator<string>;
+        /** Prop for `selectedColor` containing pre-selected color for `controlled` use */
+        selectedColor: PropTypes.Requireable<string>;
+        /** Prop for `onChange` event */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Prop for `onOpen` event */
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Prop for `onClose` event */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Prop for `open` status */
+        open: PropTypes.Requireable<boolean>;
+        /** Prop for `onBlur` event */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** The ARIA role to be applied to the container */
+        role: PropTypes.Requireable<string>;
+    };
+}
+import PropTypes from "prop-types";

package/lib/components/advanced-color-picker/advanced-color-picker.style.d.ts

@@ -0,0 +1,53 @@
+export const StyledAdvancedColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import StyledAdvancedColorPickerCell from "./advanced-color-picker-cell.style";
+export const StyledAdvancedColorPickerPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const DialogStyle: import("styled-components").StyledComponent<{
+    ({ className, children, open, height, size, title, disableEscKey, subtitle, disableAutoFocus, focusFirstElement, onCancel, showCloseIcon, bespokeFocusTrap, disableClose, help, role, ...rest }: {
+        [x: string]: any;
+        className: any;
+        children: any;
+        open: any;
+        height: any;
+        size: any;
+        title: any;
+        disableEscKey: any;
+        subtitle: any;
+        disableAutoFocus: any;
+        focusFirstElement: any;
+        onCancel: any;
+        showCloseIcon: any;
+        bespokeFocusTrap: any;
+        disableClose: any;
+        help: any;
+        role?: string | undefined;
+    }): JSX.Element;
+    propTypes: {
+        "aria-describedby": import("prop-types").Requireable<string>;
+        "aria-label": import("prop-types").Requireable<string>;
+        "aria-labelledby": import("prop-types").Requireable<string>;
+        children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        className: import("prop-types").Requireable<string>;
+        open: import("prop-types").Validator<boolean>;
+        onCancel: import("prop-types").Requireable<(...args: any[]) => any>;
+        disableEscKey: import("prop-types").Requireable<boolean>;
+        disableClose: import("prop-types").Requireable<boolean>;
+        height: import("prop-types").Requireable<string>;
+        help: import("prop-types").Requireable<string>;
+        title: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        subtitle: import("prop-types").Requireable<string>;
+        size: import("prop-types").Requireable<string>;
+        showCloseIcon: import("prop-types").Requireable<boolean>;
+        focusFirstElement: import("prop-types").Requireable<import("prop-types").InferProps<{
+            current: import("prop-types").Requireable<any>;
+        }>>;
+        disableAutoFocus: import("prop-types").Requireable<boolean>;
+        bespokeFocusTrap: import("prop-types").Requireable<(...args: any[]) => any>;
+        role: import("prop-types").Requireable<string>;
+    };
+    defaultProps: {
+        size: string;
+        showCloseIcon: boolean;
+        disableAutoFocus: boolean;
+    };
+}, any, {}, never>;
+export { StyledAdvancedColorPickerCell };