carbon-react 102.10.0 → 102.12.0

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

@@ -0,0 +1,50 @@
+export default Alert;
+declare function Alert({ children, ...rest }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+declare namespace Alert {
+    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>;
+        /** Alert content */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Controls the open state of the component */
+        open: PropTypes.Validator<boolean>;
+        /** A custom close event handler */
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Determines if the Esc Key closes the Alert */
+        disableEscKey: PropTypes.Requireable<boolean>;
+        /** Allows developers to specify a specific height for the dialog. */
+        height: PropTypes.Requireable<string>;
+        /** Title displayed at top of Alert */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Subtitle displayed at top of Alert */
+        subtitle: PropTypes.Requireable<string>;
+        /** Size of Alert */
+        size: PropTypes.Requireable<string>;
+        /** Determines if the close icon is shown */
+        showCloseIcon: PropTypes.Requireable<boolean>;
+        /** Optional reference to an element meant to be focused on open */
+        focusFirstElement: PropTypes.Requireable<PropTypes.InferProps<{
+            current: PropTypes.Requireable<any>;
+        }>>;
+        /** Disables auto focus functionality on child elements */
+        disableAutoFocus: PropTypes.Requireable<boolean>;
+    };
+    namespace defaultProps {
+        const size: string;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.d.ts

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

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.d.ts

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

package/lib/components/anchor-navigation/anchor-navigation.component.d.ts

@@ -0,0 +1,12 @@
+export default AnchorNavigation;
+declare function AnchorNavigation({ children, stickyNavigation }: {
+    children: any;
+    stickyNavigation: any;
+}): JSX.Element;
+declare namespace AnchorNavigation {
+    namespace propTypes {
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        function stickyNavigation(props: any, propName: any, componentName: any): Error | undefined;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/anchor-navigation/anchor-navigation.style.d.ts

@@ -0,0 +1,3 @@
+export const StyledAnchorNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledNavigation: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/anchor-navigation/anchor-section-divider/anchor-section-divider.style.d.ts

@@ -0,0 +1,4 @@
+export default StyledAnchorDivider;
+declare const StyledAnchorDivider: import("styled-components").StyledComponent<"div", any, {
+    "data-element": string;
+}, "data-element">;

package/lib/components/app-wrapper/app-wrapper.component.d.ts

@@ -0,0 +1,21 @@
+export default AppWrapper;
+/**
+ * Manages the width and containment of your application.
+ */
+declare class AppWrapper extends React.Component<any, any, any> {
+    constructor(...args: any[]);
+    /**
+     * Returns the classes for the component.
+     *
+     * @method classes
+     * @return {String}
+     */
+    classes(): string;
+}
+declare namespace AppWrapper {
+    namespace propTypes {
+        const children: Node;
+        const className: string;
+    }
+}
+import React from "react";

package/lib/components/app-wrapper/app-wrapper.style.d.ts

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

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

@@ -0,0 +1,14 @@
+export default Badge;
+declare function Badge({ children, counter, onClick }: {
+    children: any;
+    counter: any;
+    onClick: any;
+}): JSX.Element;
+declare namespace Badge {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const counter: PropTypes.Requireable<string | number>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

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

@@ -0,0 +1,6 @@
+export const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledButton: import("styled-components").StyledComponent<typeof Button, any, import("../button").ButtonDefaultProps, never>;
+export const StyledCrossIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+export const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
+import Button from "../button";
+import Icon from "../icon";

package/lib/components/batch-selection/batch-selection.component.d.ts

@@ -0,0 +1,22 @@
+export default BatchSelection;
+declare function BatchSelection({ disabled, children, colorTheme, selectedCount, hidden, }: {
+    disabled: any;
+    children: any;
+    colorTheme: any;
+    selectedCount: any;
+    hidden: any;
+}): JSX.Element;
+declare namespace BatchSelection {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const selectedCount: PropTypes.Validator<number>;
+        const colorTheme: PropTypes.Requireable<string>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const hidden: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const colorTheme_1: string;
+        export { colorTheme_1 as colorTheme };
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/batch-selection/batch-selection.style.d.ts

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

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

@@ -0,0 +1,7 @@
+export default Box;
+declare const Box: import("styled-components").StyledComponent<"div", any, {
+    [x: string]: any;
+    color: any;
+    bg: any;
+    backgroundColor: any;
+}, never>;

package/lib/components/button/button-types.style.d.ts

@@ -0,0 +1,9 @@
+export function makeColors(color: any): string;
+declare function _default(isDisabled: any, destructive: any): {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    dashed: string;
+    darkBackground: string;
+};
+export default _default;

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

@@ -0,0 +1,17 @@
+export default Button;
+export const ButtonWithForwardRef: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+declare function Button(props: any): JSX.Element;
+declare namespace Button {
+    const propTypes: any;
+    namespace defaultProps {
+        const as: string;
+        const size: string;
+        const fullWidth: boolean;
+        const disabled: boolean;
+        const destructive: boolean;
+        const iconPosition: string;
+        const subtext: string;
+    }
+    const displayName: string;
+}
+import React from "react";

package/lib/components/button/button.config.d.ts

@@ -0,0 +1,3 @@
+export const BUTTON_VARIANTS: string[];
+export const BUTTON_SIZES: string[];
+export const BUTTON_ICON_POSITIONS: string[];

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

@@ -0,0 +1,9 @@
+export const StyledButtonSubtext: import("styled-components").StyledComponent<"span", any, {}, never>;
+export default StyledButton;
+declare const StyledButton: import("styled-components").StyledComponent<"button", any, {
+    iconOnly: any;
+    disabled: any;
+    buttonType: any;
+    size: any;
+    destructive: any;
+}, never>;

package/lib/components/button-bar/button-bar.component.d.ts

@@ -0,0 +1,16 @@
+export default ButtonBar;
+declare function ButtonBar({ children, size, iconPosition, buttonType, ...rest }: {
+    [x: string]: any;
+    children: any;
+    size: any;
+    iconPosition: any;
+    buttonType: any;
+}): JSX.Element;
+declare namespace ButtonBar {
+    const propTypes: any;
+    namespace defaultProps {
+        const size: string;
+        const iconPosition: string;
+        const fullWidth: boolean;
+    }
+}

package/lib/components/button-bar/button-bar.config.d.ts

@@ -0,0 +1,2 @@
+export const BUTTON_BAR_SIZES: string[];
+export const BUTTON_BAR_ICON_POSITIONS: string[];

package/lib/components/button-bar/button-bar.style.d.ts

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

package/lib/components/button-toggle/button-toggle-icon.component.d.ts

@@ -0,0 +1,9 @@
+export default ButtonToggleIcon;
+declare function ButtonToggleIcon(props: any): JSX.Element;
+declare namespace ButtonToggleIcon {
+    namespace propTypes {
+        const buttonIcon: PropTypes.Requireable<string>;
+        const buttonIconSize: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/button-toggle/button-toggle-input.component.d.ts

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

package/lib/components/button-toggle/button-toggle.component.d.ts

@@ -0,0 +1,48 @@
+export default ButtonToggle;
+declare function ButtonToggle(props: any): JSX.Element;
+declare namespace ButtonToggle {
+    const propTypes: {
+        /** Prop to specify the aria-label of the component */
+        "aria-label": PropTypes.Requireable<string>;
+        /** Prop to specify the aria-labelledby property of the component */
+        "aria-labelledby": PropTypes.Requireable<string>;
+        /** Set the checked value of the radio button */
+        checked: PropTypes.Requireable<boolean>;
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-component": PropTypes.Requireable<string>;
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-element": PropTypes.Requireable<string>;
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-role": PropTypes.Requireable<string>;
+        /** Name used on the hidden radio button. */
+        name: PropTypes.Requireable<string>;
+        /** Callback triggered by change event on the input. */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback triggered by focus event on the input. */
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback triggered by blur event on the input. */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** ButtonToggle size */
+        size: PropTypes.Requireable<string>;
+        /** buttonIcon to render. */
+        buttonIcon: PropTypes.Requireable<string>;
+        /** Sets the size of the buttonIcon (eg. large) */
+        buttonIconSize: PropTypes.Requireable<string>;
+        /** Remove spacing from between buttons. */
+        grouped: PropTypes.Requireable<boolean>;
+        /** Disable all user interaction. */
+        disabled: PropTypes.Requireable<boolean>;
+        /** A required prop. This is the button text. */
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** Set the default value of the Group if component is meant to be used as uncontrolled. */
+        defaultChecked: PropTypes.Requireable<boolean>;
+        /** Value for the input */
+        value: PropTypes.Requireable<string>;
+    };
+    namespace defaultProps {
+        const size: string;
+        const buttonIconSize: string;
+    }
+    const displayName: string;
+}
+import PropTypes from "prop-types";

package/lib/components/button-toggle/button-toggle.style.d.ts

@@ -0,0 +1,5 @@
+export const StyledButtonToggle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledButtonToggleLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+export const StyledButtonToggleIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledButtonToggleInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export const StyledButtonToggleContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/button-toggle-group/__definition__.d.ts

@@ -0,0 +1,2 @@
+export default definition;
+declare const definition: any;

package/lib/components/button-toggle-group/__definition__.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _buttonToggleGroup = _interopRequireDefault(require("./button-toggle-group.component"));
+
+var _definition = _interopRequireDefault(require("./../../../demo/utils/definition"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const definition = new _definition.default("button-toggle-group", _buttonToggleGroup.default, {
+  description: "Adds support for validation, warning and info messages on a group of Button Toggles.",
+  designerNotes: `
+* Similar to [Button Toggle](/components/button-toggle), but use this component when you need your button toggles to act like a single form component, with field help and validation.
+* Unlike [Button Toggle](/components/button-toggle), this component doesn't require one option to be auto-selected.
+  `,
+  relatedComponentsNotes: `
+* Don't need validation on your options? [Try Button Toggle](/components/button-toggle).
+  `,
+  type: "form",
+  propValues: {
+    children: `<ButtonToggle name={ 'grouped' } id={ 'foo' } value={ 'foo' }>
+    Foo
+  </ButtonToggle>
+  <ButtonToggle name={ 'grouped' } id={ 'bar' } value={ 'bar' }>
+    Bar
+  </ButtonToggle>
+  <ButtonToggle name={ 'grouped' } id={ 'baz' } value={ 'baz' }>
+    Baz
+  </ButtonToggle>`,
+    value: ""
+  },
+  propTypes: {
+    children: "Node",
+    className: "String",
+    value: "String"
+  },
+  requiredProps: ["children"],
+  propDescriptions: {
+    value: "The value associated with the button toggle group.",
+    children: "The children to render for the button toggle group."
+  },
+  hiddenProps: ["children", "value"]
+});
+definition.isAnInput();
+var _default = definition;
+exports.default = _default;

package/lib/components/button-toggle-group/button-toggle-group.component.d.ts

@@ -0,0 +1,86 @@
+export default ButtonToggleGroup;
+declare function ButtonToggleGroup({ children, name, error, warning, info, validationOnLabel, label, labelHelp, labelSpacing, inputWidth, fieldHelp, fieldHelpInline, labelInline, labelWidth, labelAlign, onChange, onBlur, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, ...props }: {
+    [x: string]: any;
+    children: any;
+    name: any;
+    error: any;
+    warning: any;
+    info: any;
+    validationOnLabel: any;
+    label: any;
+    labelHelp: any;
+    labelSpacing: any;
+    inputWidth: any;
+    fieldHelp: any;
+    fieldHelpInline: any;
+    labelInline: any;
+    labelWidth: any;
+    labelAlign: any;
+    onChange: any;
+    onBlur: any;
+    value: any;
+    "data-component": any;
+    "data-element": any;
+    "data-role": any;
+    helpAriaLabel: any;
+}): JSX.Element;
+declare namespace ButtonToggleGroup {
+    const propTypes: {
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-component": PropTypes.Requireable<string>;
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-element": PropTypes.Requireable<string>;
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-role": PropTypes.Requireable<string>;
+        /** Specifies the name prop to be applied to each button in the group */
+        name: PropTypes.Validator<string>;
+        /** Children to be rendered (ButtonToggle). */
+        children: (props: any, propName: any, componentName: any) => undefined;
+        /** Indicate that error has occurred
+        Pass string to display icon, tooltip and red border
+        Pass true boolean to only display red border */
+        error: PropTypes.Requireable<string | boolean>;
+        /** Indicate that warning has occurred
+        Pass string to display icon, tooltip and orange border
+        Pass true boolean to only display orange border */
+        warning: PropTypes.Requireable<string | boolean>;
+        /** Indicate additional information
+        Pass string to display icon, tooltip and blue border
+        Pass true boolean to only display blue border */
+        info: PropTypes.Requireable<string | boolean>;
+        /** When true, validation icon will be placed on label instead of being placed on the input */
+        validationOnLabel: PropTypes.Requireable<boolean>;
+        /** Text for the label. */
+        label: PropTypes.Requireable<string>;
+        /** Text for the labels help tooltip. */
+        labelHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
+        labelSpacing: PropTypes.Requireable<number>;
+        /** The percentage width of the ButtonToggleGroup. */
+        inputWidth: PropTypes.Requireable<number>;
+        /** The text for the field help. */
+        fieldHelp: PropTypes.Requireable<string>;
+        /** Sets the field help to inline. */
+        fieldHelpInline: PropTypes.Requireable<boolean>;
+        /** Sets the label to be inline. */
+        labelInline: PropTypes.Requireable<boolean>;
+        /** The percentage width of the label. */
+        labelWidth: PropTypes.Requireable<number>;
+        /** The alignment for the text in the label. */
+        labelAlign: PropTypes.Requireable<string>;
+        /** callback to handle change event */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fired when each RadioButton is blurred */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** The value of the Button Toggle Group */
+        value: PropTypes.Requireable<string>;
+        /** Aria label for rendered help component */
+        helpAriaLabel: PropTypes.Requireable<string>;
+    };
+    const defaultProps: {
+        validationOnLabel: boolean;
+        "data-component": string;
+    };
+    const displayName: string;
+}
+import PropTypes from "prop-types";

package/lib/components/button-toggle-group/button-toggle-group.style.d.ts

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

package/lib/components/button-toggle-group/documentation/index.d.ts

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

package/lib/components/carbon-provider/carbon-provider.component.d.ts

@@ -0,0 +1,12 @@
+export default CarbonProvider;
+declare function CarbonProvider({ children, theme }: {
+    children: any;
+    theme?: import("../../style/themes/base").ThemeObject | undefined;
+}): JSX.Element;
+declare namespace CarbonProvider {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const theme: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/card/card-column/card-column.component.d.ts

@@ -0,0 +1,17 @@
+export default CardColumn;
+declare function CardColumn({ align, children, ...props }: {
+    [x: string]: any;
+    align: any;
+    children: any;
+}): JSX.Element;
+declare namespace CardColumn {
+    namespace propTypes {
+        const align: PropTypes.Requireable<string>;
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    }
+    namespace defaultProps {
+        const align_1: string;
+        export { align_1 as align };
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/card/card-column/card-column.style.d.ts

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

package/lib/components/card/card-footer/card-footer.component.d.ts

@@ -0,0 +1,9 @@
+export default CardFooter;
+declare function CardFooter({ spacing, children, ...props }: {
+    [x: string]: any;
+    spacing: any;
+    children: any;
+}): JSX.Element;
+declare namespace CardFooter {
+    const propTypes: any;
+}

package/lib/components/card/card-footer/card-footer.style.d.ts

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

package/lib/components/card/card-row/card-row.component.d.ts

@@ -0,0 +1,13 @@
+export default CardRow;
+declare function CardRow({ children, spacing, ...props }: {
+    [x: string]: any;
+    children: any;
+    spacing?: string | undefined;
+}): JSX.Element;
+declare namespace CardRow {
+    namespace propTypes {
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const spacing: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/card/card-row/card-row.style.d.ts

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

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

@@ -0,0 +1,27 @@
+export default Card;
+declare function Card({ action, children, cardWidth, interactive, draggable, spacing, dataRole, ...rest }: {
+    [x: string]: any;
+    action: any;
+    children: any;
+    cardWidth: any;
+    interactive: any;
+    draggable: any;
+    spacing: any;
+    dataRole: any;
+}): JSX.Element;
+declare namespace Card {
+    namespace defaultProps {
+        const spacing: string;
+    }
+    namespace propTypes {
+        export const action: PropTypes.Requireable<(...args: any[]) => any>;
+        export const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        export const cardWidth: PropTypes.Requireable<string>;
+        export const interactive: PropTypes.Requireable<boolean>;
+        export const draggable: PropTypes.Requireable<boolean>;
+        const spacing_1: PropTypes.Requireable<string>;
+        export { spacing_1 as spacing };
+        export const dataRole: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/card/card.config.d.ts

@@ -0,0 +1,2 @@
+export const CARD_SIZES: string[];
+export const CARD_ALIGNS: string[];

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

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

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

@@ -0,0 +1,36 @@
+export default BaseCarousel;
+declare function BaseCarousel({ children, className, enableSlideSelector, enablePreviousButton, enableNextButton, initialSlideIndex, onSlideChange, slideIndex, theme, ...props }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+    enableSlideSelector?: boolean | undefined;
+    enablePreviousButton?: boolean | undefined;
+    enableNextButton?: boolean | undefined;
+    initialSlideIndex?: number | undefined;
+    onSlideChange: any;
+    slideIndex: any;
+    theme?: import("../../style/themes/base").ThemeObject | undefined;
+}): JSX.Element;
+declare namespace BaseCarousel {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const initialSlideIndex: PropTypes.Requireable<string | number>;
+        const slideIndex: PropTypes.Requireable<string | number>;
+        const children: PropTypes.Requireable<object>;
+        const enableSlideSelector: PropTypes.Requireable<boolean>;
+        const enablePreviousButton: PropTypes.Requireable<boolean>;
+        const enableNextButton: PropTypes.Requireable<boolean>;
+        const onSlideChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const theme: PropTypes.Requireable<object>;
+    }
+}
+export const Carousel: React.ForwardRefExoticComponent<{
+    [x: string]: any;
+    [x: number]: any;
+} & {
+    theme?: any;
+}>;
+import Slide from "./slide/slide.component";
+import PropTypes from "prop-types";
+import React from "react";
+export { Slide };

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

@@ -0,0 +1,16 @@
+export const CarouselNavigationStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const CarouselNextButtonWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const CarouselPreviousButtonWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const CarouselButtonStyle: import("styled-components").StyledComponent<"button", any, {
+    type: "button";
+}, "type">;
+export const CarouselStyledIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+export const CarouselStyledIconLeft: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+export const CarouselStyledIconRight: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+export const CarouselSelectorWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const CarouselSelectorInputWrapperStyle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export const CarouselSelectorInputStyle: import("styled-components").StyledComponent<"input", any, {}, never>;
+export const CarouselSelectorLabelStyle: import("styled-components").StyledComponent<"label", any, {}, never>;
+export const CarouselWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const CarouselSliderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import Icon from "../icon";

package/lib/components/carousel/slide/slide.component.d.ts

@@ -0,0 +1,8 @@
+export default Slide;
+declare function Slide(props: any): JSX.Element;
+declare namespace Slide {
+    namespace defaultProps {
+        export { baseTheme as theme };
+    }
+}
+import baseTheme from "../../../style/themes/base";

package/lib/components/carousel/slide/slide.style.d.ts

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