carbon-react 102.10.0 → 102.12.0

package/lib/components/multi-step-wizard/step/step.d.ts

@@ -0,0 +1,160 @@
+export default Step;
+/**
+ * A Step widget.
+ * This widget is part of MultiStepWizard and it is a wrapper for a step element that is passed to MultiStepWizard.
+ *
+ * == How to use a Step Widget in a component:
+ *  See MultiStepWizard widget
+ *
+ * @class Step
+ * @constructor
+ */
+declare class Step extends React.Component<any, any, any> {
+    constructor(props: Readonly<any>);
+    constructor(props: any, context?: any);
+    /**
+     * Completes the step's wizard and triggers the custom submit event handler of the step's wizard
+     *
+     * @method handleOnSubmit
+     * @return {void}
+     */
+    handleOnSubmit: (ev: any) => void;
+    /**
+     * Triggers the custom next event handler of the step's wizard
+     *
+     * @method handleOnNext
+     * @return {void}
+     */
+    handleOnNext: (ev: any) => void;
+    /**
+     * Triggers the custom back event handler of the step's wizard
+     *
+     * @method handleOnBack
+     * @return {void}
+     */
+    handleOnBack: (ev: any) => void;
+    /**
+     * Gets the step's wizard
+     *
+     * @method wizard
+     * @return {Object}
+     */
+    get wizard(): Object;
+    /**
+     * Gets the current step number
+     *
+     * @method currentStepNumber
+     * @return {Number}
+     */
+    get currentStepNumber(): number;
+    /**
+     * Checks if the step is the first step
+     *
+     * @method isFirstStep
+     * @return {Boolean}
+     */
+    get isFirstStep(): boolean;
+    /**
+     * Checks if the step is the last step
+     *
+     * @method isLastStep
+     * @return {Boolean}
+     */
+    get isLastStep(): boolean;
+    /**
+     * Checks if step component should be disabled.
+     *
+     * @method stepDisabled
+     * @return {Boolean}
+     */
+    get stepDisabled(): boolean;
+    /**
+     * Checks if step has been processed.
+     *
+     * @method stepProcessed
+     * @return {Boolean}
+     */
+    get stepProcessed(): boolean;
+    /**
+     * Checks if all steps are completed
+     *
+     * @method stepsCompleted
+     * @return {Boolean}
+     */
+    get stepsCompleted(): boolean;
+    /**
+     * Returns the computed HTML for the step.
+     *
+     * @method stepHTML
+     * @return {Object} JSX
+     */
+    get stepHTML(): Object;
+    /**
+     * Returns the computed HTML for the buttons.
+     *
+     * @method buttonHTML
+     * @return {Object} JSX
+     */
+    get buttonHTML(): Object;
+    /**
+     * Returns the computed HTML for the step indicator.
+     *
+     * @method indicatorHTML
+     * @return {Object} JSX
+     */
+    get indicatorHTML(): Object;
+    /**
+     * Returns the step indicator status.
+     *
+     * @method indicatorStatus
+     * @return {Boolean}
+     */
+    get indicatorStatus(): boolean;
+    /**
+     * Returns the computed HTML for the extra buttons.
+     *
+     * @method extraButtonHTML
+     * @return {Object} JSX
+     */
+    get extraButtonHTML(): Object;
+    /**
+     * Main class getter
+     *
+     * @method mainClasses
+     * @return {String}
+     */
+    get mainClasses(): string;
+}
+declare namespace Step {
+    namespace propTypes {
+        const stepNumber: number;
+        const defaultButton: boolean;
+        const onNext: Function;
+        const onBack: Function;
+        const extraButtons: any[];
+        const enabled: boolean;
+        const className: string;
+        const children: Node;
+    }
+    namespace defaultProps {
+        const children_1: null;
+        export { children_1 as children };
+        const className_1: string;
+        export { className_1 as className };
+        const defaultButton_1: boolean;
+        export { defaultButton_1 as defaultButton };
+        const enabled_1: boolean;
+        export { enabled_1 as enabled };
+        const extraButtons_1: never[];
+        export { extraButtons_1 as extraButtons };
+        const onBack_1: null;
+        export { onBack_1 as onBack };
+        const onNext_1: null;
+        export { onNext_1 as onNext };
+    }
+    namespace contextTypes {
+        const wizard: PropTypes.Requireable<object>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/multi-step-wizard/step/step.style.d.ts

@@ -0,0 +1,11 @@
+export const StyledStep: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
+export const StyledStepIndicatorBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepIndicatorBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepIndicatorIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StepIndicatorIconPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StepIndicatorIconContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepIndicatorIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+import Button from "../../button";
+import Icon from "../../icon";

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

@@ -0,0 +1,13 @@
+export default NavigationBar;
+declare function NavigationBar({ navigationType, isLoading, children, ariaLabel, stickyOffset, stickyPosition, ...props }: {
+    [x: string]: any;
+    navigationType?: string | undefined;
+    isLoading?: boolean | undefined;
+    children: any;
+    ariaLabel: any;
+    stickyOffset?: string | undefined;
+    stickyPosition: any;
+}): JSX.Element;
+declare namespace NavigationBar {
+    const propTypes: any;
+}

package/lib/components/navigation-bar/navigation-bar.component.js

@@ -46,7 +46,7 @@ NavigationBar.propTypes = {
   ariaLabel: _propTypes.default.string,
 
   /** Color scheme of navigation component */
-  navigationType: _propTypes.default.oneOf(["light", "dark"]),
+  navigationType: _propTypes.default.oneOf(["light", "dark", "white", "black"]),
 
   /** If 'true' the children will not be visible */
   isLoading: _propTypes.default.bool,

package/lib/components/navigation-bar/navigation-bar.d.ts

@@ -4,7 +4,7 @@ import { SpaceProps } from "styled-system";
 export interface NavigationBarProps extends SpaceProps {
   children?: React.ReactNode;
   ariaLabel?: string;
-  navigationType?: "light" | "dark";
+  navigationType?: "light" | "dark" | "white" | "black";
   isLoading?: boolean;
   stickyPosition?: "top" | "bottom";
   stickyOffset?: string;

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

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

package/lib/components/navigation-bar/navigation-bar.style.js

@@ -62,14 +62,27 @@ const StyledNavigationBar = _styledComponents.default.nav`
   theme
 }) => (0, _styledComponents.css)`
     min-height: 40px;
-    background-color: ${theme.navigationBar.light.background};
-    border-bottom: 1px solid ${theme.navigationBar.light.borderBottom};
+
+    ${navigationType === "light" && (0, _styledComponents.css)`
+      background-color: ${theme.navigationBar.light.background};
+      border-bottom: 1px solid ${theme.navigationBar.light.borderBottom};
+    `}
 
     ${navigationType === "dark" && (0, _styledComponents.css)`
       background-color: ${theme.navigationBar.dark.background};
       border-bottom: 1px solid ${theme.navigationBar.dark.borderBottom};
       color: ${theme.colors.white};
     `}
+
+    ${navigationType === "black" && (0, _styledComponents.css)`
+      background-color: ${theme.navigationBar.black.background};
+      color: ${theme.colors.white};
+    `}
+
+    ${navigationType === "white" && (0, _styledComponents.css)`
+      background-color: ${theme.colors.white};
+      border-bottom: 1px solid ${theme.navigationBar.white.borderBottom};
+    `}
   `}
 `;
 StyledNavigationBar.defaultProps = {

package/lib/components/note/__internal__/status-with-tooltip/index.d.ts

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

package/lib/components/note/__internal__/status-with-tooltip/status.component.d.ts

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

package/lib/components/note/__internal__/status-with-tooltip/status.style.d.ts

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

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

@@ -0,0 +1,30 @@
+export default Note;
+declare function Note({ noteContent, width, inlineControl, title, name, createdDate, status, previews, onLinkAdded, ...rest }: {
+    [x: string]: any;
+    noteContent: any;
+    width?: number | undefined;
+    inlineControl: any;
+    title: any;
+    name: any;
+    createdDate: any;
+    status: any;
+    previews: any;
+    onLinkAdded: any;
+}): JSX.Element;
+declare namespace Note {
+    namespace propTypes {
+        const noteContent: PropTypes.Validator<object>;
+        const width: PropTypes.Requireable<number>;
+        const inlineControl: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const title: PropTypes.Requireable<string>;
+        const name: PropTypes.Requireable<string>;
+        const createdDate: PropTypes.Validator<string>;
+        const status: PropTypes.Requireable<PropTypes.InferProps<{
+            text: PropTypes.Validator<string>;
+            timeStamp: PropTypes.Validator<string>;
+        }>>;
+        const previews: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        const onLinkAdded: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

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

@@ -0,0 +1,6 @@
+export const StyledNote: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledNoteContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledInlineControl: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledTitle: import("styled-components").StyledComponent<"header", any, {}, never>;
+export const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledFooterContent: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,10 @@
+export default Number;
+declare function Number({ onChange, onKeyDown, value, ...rest }: {
+    [x: string]: any;
+    onChange: any;
+    onKeyDown: any;
+    value: any;
+}): JSX.Element;
+declare namespace Number {
+    const propTypes: any;
+}

package/lib/components/numeral-date/numeral-date.component.d.ts

@@ -0,0 +1,111 @@
+export default NumeralDate;
+declare function NumeralDate({ dateFormat, defaultValue, disabled, error, warning, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, info, id, name, onBlur, onChange, value, validationOnLabel, label, labelInline, labelWidth, labelAlign, labelHelp, labelSpacing, fieldHelp, adaptiveLabelBreakpoint, required, readOnly, size, enableInternalError, enableInternalWarning, tooltipPosition, helpAriaLabel, ...rest }: {
+    [x: string]: any;
+    dateFormat?: string[] | undefined;
+    defaultValue: any;
+    disabled: any;
+    error?: string | undefined;
+    warning?: string | undefined;
+    "data-component": any;
+    "data-element": any;
+    "data-role": any;
+    info: any;
+    id: any;
+    name: any;
+    onBlur: any;
+    onChange: any;
+    value: any;
+    validationOnLabel?: boolean | undefined;
+    label: any;
+    labelInline: any;
+    labelWidth: any;
+    labelAlign: any;
+    labelHelp: any;
+    labelSpacing: any;
+    fieldHelp: any;
+    adaptiveLabelBreakpoint: any;
+    required: any;
+    readOnly: any;
+    size: any;
+    enableInternalError: any;
+    enableInternalWarning: any;
+    tooltipPosition: any;
+    helpAriaLabel: any;
+}): JSX.Element;
+declare namespace NumeralDate {
+    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>;
+        /** If true, the component will be disabled */
+        disabled: PropTypes.Requireable<boolean>;
+        /** If true, the component will be read-only */
+        readOnly: PropTypes.Requireable<boolean>;
+        /** Array of strings to define custom input layout.
+        Allowed formats:
+        ['dd', 'mm', 'yyyy'],
+        ['mm', 'dd', 'yyyy'],
+        ['dd', 'mm'],
+        ['mm', 'dd'],
+        ['mm', 'yyyy'] */
+        dateFormat: (props: any, propName: any, componentName: any) => Error | null;
+        /** Default value for use in uncontrolled mode  */
+        defaultValue: PropTypes.Requireable<object>;
+        /**  Value for use in controlled mode  */
+        value: PropTypes.Requireable<object>;
+        /** 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>;
+        /** Blur event handler  */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Change event handler */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** `id` for events */
+        id: PropTypes.Requireable<string>;
+        /** `name` for events */
+        name: PropTypes.Requireable<string>;
+        /** When true, validation icon will be placed on label instead of being placed on the input */
+        validationOnLabel: PropTypes.Requireable<boolean>;
+        /** When true, enables the internal errors to be displayed */
+        enableInternalError: PropTypes.Requireable<boolean>;
+        /** When true, enables the internal warnings to be displayed */
+        enableInternalWarning: PropTypes.Requireable<boolean>;
+        /** Label */
+        label: PropTypes.Requireable<string>;
+        /** Text applied to label help tooltip */
+        labelHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** When true, label is placed in line with an input */
+        labelInline: PropTypes.Requireable<boolean>;
+        /** Label alignment. Works only when labelInline is true */
+        labelAlign: PropTypes.Requireable<string>;
+        /** Width of a label in percentage. Works only when labelInline is true */
+        labelWidth: PropTypes.Requireable<number>;
+        /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
+        labelSpacing: PropTypes.Requireable<number>;
+        /** Help content to be displayed under an input */
+        fieldHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+        adaptiveLabelBreakpoint: PropTypes.Requireable<number>;
+        /** Flag to configure component as mandatory */
+        required: PropTypes.Requireable<boolean>;
+        /** Size of an input */
+        size: PropTypes.Requireable<string>;
+        /** Overrides the default tooltip position */
+        tooltipPosition: PropTypes.Requireable<string>;
+        /** Aria label for rendered help component */
+        helpAriaLabel: PropTypes.Requireable<string>;
+    };
+}
+import PropTypes from "prop-types";

package/lib/components/numeral-date/numeral-date.style.d.ts

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

package/lib/components/pager/__internal__/pager-navigation-link.component.d.ts

@@ -0,0 +1,20 @@
+export default PagerNavigationLink;
+declare function PagerNavigationLink({ type, currentPage, pageCount, pageSize, onClick, onPagination, }: {
+    type: any;
+    currentPage: any;
+    pageCount: any;
+    pageSize: any;
+    onClick: any;
+    onPagination: any;
+}): JSX.Element;
+declare namespace PagerNavigationLink {
+    namespace propTypes {
+        const type: PropTypes.Validator<string>;
+        const currentPage: PropTypes.Validator<string | number>;
+        const pageCount: PropTypes.Validator<string | number>;
+        const pageSize: PropTypes.Validator<string | number>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onPagination: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/pager/__internal__/pager-navigation.component.d.ts

@@ -0,0 +1,32 @@
+export default PagerNavigation;
+declare function PagerNavigation({ pageSize, currentPage, setCurrentPage, onNext, onPrevious, onFirst, onLast, onPagination, pageCount, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, }: {
+    pageSize: any;
+    currentPage: any;
+    setCurrentPage: any;
+    onNext: any;
+    onPrevious: any;
+    onFirst: any;
+    onLast: any;
+    onPagination: any;
+    pageCount: any;
+    showFirstAndLastButtons?: boolean | undefined;
+    showPreviousAndNextButtons?: boolean | undefined;
+    showPageCount?: boolean | undefined;
+}): JSX.Element;
+declare namespace PagerNavigation {
+    namespace propTypes {
+        const currentPage: PropTypes.Validator<string | number>;
+        const pageSize: PropTypes.Requireable<string | number>;
+        const pageCount: PropTypes.Requireable<string | number>;
+        const setCurrentPage: PropTypes.Requireable<(...args: any[]) => any>;
+        const onFirst: PropTypes.Requireable<(...args: any[]) => any>;
+        const onPrevious: PropTypes.Requireable<(...args: any[]) => any>;
+        const onNext: PropTypes.Requireable<(...args: any[]) => any>;
+        const onLast: PropTypes.Requireable<(...args: any[]) => any>;
+        const onPagination: PropTypes.Requireable<(...args: any[]) => any>;
+        const showFirstAndLastButtons: PropTypes.Requireable<boolean>;
+        const showPreviousAndNextButtons: PropTypes.Requireable<boolean>;
+        const showPageCount: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";

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

@@ -0,0 +1,49 @@
+export default Pager;
+declare function Pager({ currentPage, pageSizeSelectionOptions, pageSize, showPageSizeSelection, totalRecords, onPagination, onNext, onFirst, onPrevious, onLast, showPageSizeLabelBefore, showPageSizeLabelAfter, showTotalRecords, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, variant, ...rest }: {
+    [x: string]: any;
+    currentPage?: number | undefined;
+    pageSizeSelectionOptions?: {
+        id: string;
+        name: number;
+    }[] | undefined;
+    pageSize?: number | undefined;
+    showPageSizeSelection?: boolean | undefined;
+    totalRecords?: number | undefined;
+    onPagination: any;
+    onNext: any;
+    onFirst: any;
+    onPrevious: any;
+    onLast: any;
+    showPageSizeLabelBefore?: boolean | undefined;
+    showPageSizeLabelAfter?: boolean | undefined;
+    showTotalRecords?: boolean | undefined;
+    showFirstAndLastButtons?: boolean | undefined;
+    showPreviousAndNextButtons?: boolean | undefined;
+    showPageCount?: boolean | undefined;
+    variant?: string | undefined;
+}): JSX.Element;
+declare namespace Pager {
+    namespace propTypes {
+        const onPagination: PropTypes.Validator<(...args: any[]) => any>;
+        const onNext: PropTypes.Requireable<(...args: any[]) => any>;
+        const onFirst: PropTypes.Requireable<(...args: any[]) => any>;
+        const onPrevious: PropTypes.Requireable<(...args: any[]) => any>;
+        const onLast: PropTypes.Requireable<(...args: any[]) => any>;
+        const currentPage: PropTypes.Requireable<string | number>;
+        const totalRecords: PropTypes.Requireable<string | number>;
+        const pageSize: PropTypes.Requireable<string | number>;
+        const pageSizeSelectionOptions: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string | number>;
+        }> | null | undefined)[]>;
+        const showPageSizeSelection: PropTypes.Requireable<boolean>;
+        const showPageSizeLabelBefore: PropTypes.Requireable<boolean>;
+        const showPageSizeLabelAfter: PropTypes.Requireable<boolean>;
+        const showTotalRecords: PropTypes.Requireable<boolean>;
+        const showFirstAndLastButtons: PropTypes.Requireable<boolean>;
+        const showPreviousAndNextButtons: PropTypes.Requireable<boolean>;
+        const showPageCount: PropTypes.Requireable<boolean>;
+        const variant: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

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

@@ -0,0 +1,11 @@
+export const StyledPagerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledPagerSizeOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledPagerSizeOptionsInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledPagerLinkStyles: import("styled-components").StyledComponent<"button", any, {
+    type: "button";
+}, "type">;
+export const StyledPagerNoSelect: import("styled-components").StyledComponent<"span", any, {}, never>;
+export const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/pages/page/page.component.d.ts

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

package/lib/components/pages/page/page.style.d.ts

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

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

@@ -0,0 +1,20 @@
+export default Pages;
+export { Page };
+declare function Pages({ pageIndex: incomingPageIndex, initialpageIndex, transition, children, ...props }: {
+    [x: string]: any;
+    pageIndex: any;
+    initialpageIndex?: number | undefined;
+    transition?: string | undefined;
+    children: any;
+}): JSX.Element;
+declare namespace Pages {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const initialpageIndex: PropTypes.Requireable<string | number>;
+        const pageIndex: PropTypes.Requireable<string | number>;
+        const children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const transition: PropTypes.Requireable<string>;
+    }
+}
+import Page from "./page/page.component";
+import PropTypes from "prop-types";

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

@@ -0,0 +1,2 @@
+export const slideAnimation: import("styled-components").FlattenSimpleInterpolation;
+export const fadeAnimation: import("styled-components").FlattenSimpleInterpolation;

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

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

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

@@ -0,0 +1,39 @@
+export default Pill;
+declare function Pill({ fill, onDelete, colorVariant, borderColor, pillRole, children, size, onClick, ...rest }: {
+    [x: string]: any;
+    fill: any;
+    onDelete: any;
+    colorVariant: any;
+    borderColor: any;
+    pillRole: any;
+    children: any;
+    size: any;
+    onClick: any;
+}): JSX.Element;
+declare namespace Pill {
+    namespace propTypes {
+        const colorVariant: PropTypes.Requireable<string>;
+        const borderColor: PropTypes.Requireable<string>;
+        const children: PropTypes.Validator<string>;
+        const fill: PropTypes.Requireable<boolean>;
+        const pillRole: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+        const size: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        const colorVariant_1: string;
+        export { colorVariant_1 as colorVariant };
+        const fill_1: boolean;
+        export { fill_1 as fill };
+        const onClick_1: null;
+        export { onClick_1 as onClick };
+        const onDelete_1: null;
+        export { onDelete_1 as onDelete };
+        const pillRole_1: string;
+        export { pillRole_1 as pillRole };
+        const size_1: string;
+        export { size_1 as size };
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/pill/pill.style.config.d.ts

@@ -0,0 +1,27 @@
+declare function _default(theme: any): {
+    status: {
+        neutral: {
+            varietyColor: string;
+            buttonFocus: string;
+        };
+        negative: {
+            varietyColor: string;
+            buttonFocus: string;
+        };
+        warning: {
+            varietyColor: string;
+            buttonFocus: string;
+        };
+        positive: {
+            varietyColor: string;
+            buttonFocus: string;
+        };
+    };
+    tag: {
+        primary: {
+            varietyColor: any;
+            buttonFocus: any;
+        };
+    };
+};
+export default _default;

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

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