carbon-react 102.10.1 → 102.13.0

package/lib/components/switch/__internal__/switch-slider.component.d.ts

@@ -0,0 +1,24 @@
+export default SwitchSlider;
+declare function SwitchSlider({ checked, disabled, loading, size, error, warning, info, useValidationIcon, }: {
+    checked: any;
+    disabled: any;
+    loading: any;
+    size: any;
+    error: any;
+    warning: any;
+    info: any;
+    useValidationIcon: any;
+}): JSX.Element;
+declare namespace SwitchSlider {
+    namespace propTypes {
+        const checked: PropTypes.Requireable<boolean>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const loading: PropTypes.Requireable<boolean>;
+        const size: PropTypes.Requireable<string>;
+        const error: PropTypes.Requireable<string | boolean>;
+        const warning: PropTypes.Requireable<string | boolean>;
+        const info: PropTypes.Requireable<string | boolean>;
+        const useValidationIcon: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/switch/__internal__/switch-slider.style.d.ts

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

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

@@ -0,0 +1,123 @@
+export { Switch as BaseSwitch };
+export default Switch;
+declare function Switch({ autoFocus, id, label, onChange, onBlur, onFocus, value, checked, defaultChecked, disabled, loading, reverse, validationOnLabel, labelInline, labelSpacing, labelHelp, fieldHelpInline, size, name, adaptiveLabelBreakpoint, tooltipPosition, error, warning, info, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, ...rest }: {
+    [x: string]: any;
+    autoFocus: any;
+    id: any;
+    label: any;
+    onChange: any;
+    onBlur: any;
+    onFocus: any;
+    value: any;
+    checked: any;
+    defaultChecked: any;
+    disabled: any;
+    loading: any;
+    reverse: any;
+    validationOnLabel: any;
+    labelInline: any;
+    labelSpacing: any;
+    labelHelp: any;
+    fieldHelpInline: any;
+    size: any;
+    name: any;
+    adaptiveLabelBreakpoint: any;
+    tooltipPosition: any;
+    error: any;
+    warning: any;
+    info: any;
+    "data-component": any;
+    "data-element": any;
+    "data-role": any;
+    helpAriaLabel: any;
+}): JSX.Element;
+declare namespace Switch {
+    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 focused when page load */
+        autoFocus: PropTypes.Requireable<boolean>;
+        /** Set the value of the Switch if component is meant to be used as controlled */
+        checked: PropTypes.Requireable<boolean>;
+        /** Set the default value of the Switch if component is meant to be used as uncontrolled */
+        defaultChecked: PropTypes.Requireable<boolean>;
+        /** Toggles disabling of input */
+        disabled: PropTypes.Requireable<boolean>;
+        /** Displays additional information below the input to provide help to the user. */
+        fieldHelp: PropTypes.Requireable<string>;
+        /** Displays fieldHelp inline with the checkbox */
+        fieldHelpInline: PropTypes.Requireable<boolean>;
+        /** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
+        id: PropTypes.Requireable<string>;
+        /** Sets percentage-based input width */
+        inputWidth: PropTypes.Requireable<string | number>;
+        /** The content of the label for the input */
+        label: PropTypes.Requireable<string>;
+        /** Sets label alignment - accepted values: 'left' (default), 'right' */
+        labelAlign: PropTypes.Requireable<string>;
+        /** The content for the help tooltip, to appear next to the Label */
+        labelHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Displays label inline with the Switch */
+        labelInline: PropTypes.Requireable<boolean>;
+        /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
+        labelSpacing: PropTypes.Requireable<number>;
+        /** Sets percentage-based label width */
+        labelWidth: PropTypes.Requireable<string | number>;
+        /** The name of the the Switch input  */
+        name: PropTypes.Requireable<string>;
+        /** 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 by the input */
+        validationOnLabel: PropTypes.Requireable<boolean>;
+        /** Override tab index on the validation and help icon */
+        helpTabIndex: PropTypes.Requireable<string | number>;
+        /** Triggers loading animation */
+        loading: PropTypes.Requireable<boolean>;
+        /** Accepts a callback function which can be used to update parent state on change */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Accepts a callback function which is triggered on blur event */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Accepts a callback function which is triggered on focus event */
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Accepts a callback function which is triggered on click event */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Reverses label and Switch display */
+        reverse: PropTypes.Requireable<boolean>;
+        /**
+         * Set the size of the Switch to 'small' (16x16 - default) or 'large' (24x24).
+         * No effect when using Classic theme.
+         */
+        size: PropTypes.Requireable<string>;
+        /** the value of the checkbox, passed on form submit */
+        value: PropTypes.Requireable<string>;
+        /** 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>;
+        /** Overrides the default tooltip position */
+        tooltipPosition: PropTypes.Requireable<string>;
+        /** Aria label for rendered help component */
+        helpAriaLabel: PropTypes.Requireable<string>;
+    };
+    const defaultProps: {
+        labelInline: boolean;
+        reverse: boolean;
+        validationOnLabel: boolean;
+        "data-component": string;
+    };
+}
+import PropTypes from "prop-types";

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

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

package/lib/components/tabs/__internal__/tab-title/tab-title.component.d.ts

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

package/lib/components/tabs/__internal__/tab-title/tab-title.style.d.ts

@@ -0,0 +1,4 @@
+export const StyledTabTitle: import("styled-components").StyledComponent<"button", any, {}, never>;
+export const StyledTitleContent: import("styled-components").StyledComponent<"span", any, {}, never>;
+export const StyledLayoutWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledSelectedIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -325,10 +325,8 @@ const StyledTabTitle = _styledComponents.default.button`
   alternateStyling,
   error,
   warning,
-  info,
-  isInSidebar
+  info
 }) => isTabSelected && (0, _styledComponents.css)`
-    ${!isInSidebar && "z-index: 1;"}
     color: ${theme.text.color};
     background-color: ${theme.colors.white};
 
@@ -350,7 +348,7 @@ const StyledTabTitle = _styledComponents.default.button`
 }) => `
     &:focus {
       outline: ${isInSidebar ? "none;" : `2px solid ${theme.colors.focus};`}
-      z-index: 1;
+      z-index: 2;
     }
   `}
   
@@ -494,7 +492,7 @@ const StyledLayoutWrapper = _styledComponents.default.div`
 exports.StyledLayoutWrapper = StyledLayoutWrapper;
 const StyledSelectedIndicator = _styledComponents.default.div`
   position: absolute;
-  z-index: 5;
+  z-index: 1;
 
   ${({
   position,

package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.d.ts

@@ -0,0 +1,24 @@
+export default TabsHeader;
+declare function TabsHeader({ align, children, position, role, extendedLine, alternateStyling, noRightBorder, isInSidebar, }: {
+    align?: string | undefined;
+    children: any;
+    position?: string | undefined;
+    role: any;
+    extendedLine: any;
+    alternateStyling: any;
+    noRightBorder?: boolean | undefined;
+    isInSidebar?: boolean | undefined;
+}): JSX.Element;
+declare namespace TabsHeader {
+    namespace propTypes {
+        const align: PropTypes.Requireable<string>;
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const position: PropTypes.Requireable<string>;
+        const role: PropTypes.Requireable<string>;
+        const extendedLine: PropTypes.Requireable<boolean>;
+        const alternateStyling: PropTypes.Requireable<boolean>;
+        const noRightBorder: PropTypes.Requireable<boolean>;
+        const isInSidebar: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts

@@ -0,0 +1,6 @@
+export const StyledTabsHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledTabsHeaderList: import("styled-components").StyledComponent<"div", any, {
+    alternateStyling: any;
+    isInSidebar: any;
+    position: any;
+}, never>;

package/lib/components/tabs/tab/tab.component.d.ts

@@ -0,0 +1,40 @@
+export default Tab;
+export const TabContext: React.Context<{}>;
+declare function Tab({ ariaLabelledby, className, children, isTabSelected, position, role, tabId, updateErrors, updateWarnings, updateInfos, href, ...rest }: {
+    [x: string]: any;
+    ariaLabelledby: any;
+    className: any;
+    children: any;
+    isTabSelected: any;
+    position?: string | undefined;
+    role?: string | undefined;
+    tabId: any;
+    updateErrors: any;
+    updateWarnings: any;
+    updateInfos: any;
+    href: any;
+}): JSX.Element;
+declare namespace Tab {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const tabId: PropTypes.Validator<string>;
+        const className: PropTypes.Requireable<string>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const customLayout: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const isTabSelected: PropTypes.Requireable<boolean>;
+        const position: PropTypes.Requireable<string>;
+        const role: PropTypes.Requireable<string>;
+        const ariaLabelledby: PropTypes.Requireable<string>;
+        const updateErrors: PropTypes.Requireable<(...args: any[]) => any>;
+        const updateWarnings: PropTypes.Requireable<(...args: any[]) => any>;
+        const updateInfos: PropTypes.Requireable<(...args: any[]) => any>;
+        const errorMessage: PropTypes.Requireable<string>;
+        const warningMessage: PropTypes.Requireable<string>;
+        const infoMessage: PropTypes.Requireable<string>;
+        const siblings: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        const titlePosition: PropTypes.Requireable<string>;
+        const href: PropTypes.Requireable<string>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/tabs/tab/tab.style.d.ts

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

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

@@ -0,0 +1,42 @@
+export function Tabs({ align, className, children, onTabChange, selectedTabId, renderHiddenTabs, position, extendedLine, size, borders, variant, validationStatusOverride, headerWidth, ...rest }: {
+    [x: string]: any;
+    align?: string | undefined;
+    className: any;
+    children: any;
+    onTabChange: any;
+    selectedTabId: any;
+    renderHiddenTabs?: boolean | undefined;
+    position?: string | undefined;
+    extendedLine?: boolean | undefined;
+    size: any;
+    borders?: string | undefined;
+    variant?: string | undefined;
+    validationStatusOverride: any;
+    headerWidth: any;
+}): JSX.Element;
+export namespace Tabs {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const renderHiddenTabs: PropTypes.Requireable<boolean>;
+        const selectedTabId: PropTypes.Requireable<string>;
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const align: PropTypes.Requireable<string>;
+        const onTabChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const position: PropTypes.Requireable<string>;
+        const size: PropTypes.Requireable<string>;
+        const extendedLine: PropTypes.Requireable<boolean>;
+        const borders: PropTypes.Requireable<string>;
+        function headerWidth(props: any, propName: any, componentName: any): Error | null;
+        const variant: PropTypes.Requireable<string>;
+        const validationStatusOverride: PropTypes.Requireable<PropTypes.InferProps<{
+            id: PropTypes.Requireable<PropTypes.InferProps<{
+                error: PropTypes.Requireable<boolean>;
+                warning: PropTypes.Requireable<boolean>;
+                info: PropTypes.Requireable<boolean>;
+            }>>;
+        }>>;
+    }
+}
+import Tab from "./tab";
+import PropTypes from "prop-types";
+export { Tab };

package/lib/components/tabs/tabs.component.js

@@ -249,16 +249,7 @@ const Tabs = ({
         noRightBorder: ["no right side", "no sides"].includes(borders),
         customLayout: customLayout,
         isInSidebar: isInSidebar,
-        align: align,
-        onFocus: () => {
-          if (!hasTabStop(tabId)) {
-            setTabStopId(tabId);
-          }
-
-          if (!isTabSelected(tabId)) {
-            updateVisibleTab(tabId);
-          }
-        }
+        align: align
       });
 
       return tabTitle;

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

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

package/lib/components/text-editor/__internal__/decorators/index.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/lib/components/text-editor/__internal__/decorators/link-decorator.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export { linkStrategy as strategy };
+    export { EditorLink as component };
+}
+export default _default;
+declare function linkStrategy(contentBlock: any, callback: any): void;
+import EditorLink from "../editor-link";

package/lib/components/text-editor/__internal__/editor-counter/editor-counter.component.d.ts

@@ -0,0 +1,18 @@
+export default Counter;
+declare function Counter({ count, limit, error, warning, info }: {
+    count?: number | undefined;
+    limit?: number | undefined;
+    error: any;
+    warning: any;
+    info: any;
+}): JSX.Element;
+declare namespace Counter {
+    namespace propTypes {
+        const count: PropTypes.Requireable<number>;
+        const limit: PropTypes.Requireable<number>;
+        const error: PropTypes.Requireable<string>;
+        const warning: PropTypes.Requireable<string>;
+        const info: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/text-editor/__internal__/editor-counter/editor-counter.style.d.ts

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

package/lib/components/text-editor/__internal__/editor-link/editor-link.component.d.ts

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

package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts

@@ -0,0 +1,3 @@
+export default StyledEditorLink;
+declare const StyledEditorLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+import Link from "../../../link";

package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.component.d.ts

@@ -0,0 +1,17 @@
+export default LabelWrapper;
+/**
+ * TextEditor component is composed with divs and spans.
+ * We have to manually trigger focus on TextEditor by clicking on label component.
+ * This wrapper allows us to trigger focus on TextEditor
+ */
+declare function LabelWrapper({ onClick, children }: {
+    onClick: any;
+    children: any;
+}): JSX.Element;
+declare namespace LabelWrapper {
+    namespace propTypes {
+        const onClick: PropTypes.Validator<(...args: any[]) => any>;
+        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.d.ts

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

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.d.ts

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

package/lib/components/text-editor/__internal__/toolbar/toolbar.component.d.ts

@@ -0,0 +1,18 @@
+export default Toolbar;
+declare function Toolbar({ activeControls, canFocus, toolbarElements, setBlockStyle, setInlineStyle, }: {
+    activeControls: any;
+    canFocus: any;
+    toolbarElements: any;
+    setBlockStyle: any;
+    setInlineStyle: any;
+}): JSX.Element;
+declare namespace Toolbar {
+    namespace propTypes {
+        const activeControls: PropTypes.Validator<object>;
+        const canFocus: PropTypes.Requireable<boolean>;
+        const setInlineStyle: PropTypes.Validator<(...args: any[]) => any>;
+        const setBlockStyle: PropTypes.Validator<(...args: any[]) => any>;
+        const toolbarElements: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/text-editor/__internal__/toolbar/toolbar.style.d.ts

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

package/lib/components/text-editor/__internal__/utils/index.d.ts

@@ -0,0 +1 @@
+export { computeBlockType, getContent, getContentInfo, getDecoratedValue, getSelection, getSelectionInfo, getSelectedLength, moveSelectionToEnd, resetBlockType, isASCIIChar, replaceText, hasBlockStyle, hasInlineStyle, blockStyleFn } from "./utils";

package/lib/components/text-editor/__internal__/utils/utils.d.ts

@@ -0,0 +1,27 @@
+export function blockStyleFn(block: any): "" | "text-editor-block-unordered" | "text-editor-block-ordered";
+export function hasBlockStyle(value: any, type: any): boolean;
+export function hasInlineStyle(value: any, style: any): any;
+export function isASCIIChar(str: any): boolean;
+export function replaceText(editorState: any, text: any, inlineStyle: any, forceSelection: any): any;
+export function computeBlockType(char: any, type: any): "ordered-list-item" | "unordered-list-item" | "unstyled";
+export function resetBlockType(value: any, newType?: string): any;
+export function getDecoratedValue(value: any): any;
+export function getContent(value: any): any;
+export function getSelection(value: any): any;
+export function getContentInfo(value: any): {
+    content: any;
+    currentBlock: any;
+    blockType: any;
+    blockLength: any;
+    blockText: any;
+    blockMap: any;
+};
+export function getSelectionInfo(value: any): {
+    selection: any;
+    startKey: any;
+    endKey: any;
+    startOffset: any;
+    endOffset: any;
+};
+export function moveSelectionToEnd(value: any): any;
+export function getSelectedLength(value: any): number;

package/lib/components/text-editor/text-editor.component.d.ts

@@ -0,0 +1,6 @@
+export const EditorContext: React.Context<{}>;
+export const TextEditorState: any;
+export const TextEditorContentState: any;
+export default TextEditor;
+import React from "react";
+declare const TextEditor: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/lib/components/text-editor/text-editor.style.d.ts

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

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

@@ -0,0 +1,129 @@
+export { Textarea as OriginalTextarea };
+export default Textarea;
+declare function Textarea({ autoFocus, fieldHelp, label, size, children, characterLimit, enforceCharacterLimit, warnOverLimit, onChange, disabled, labelInline, labelAlign, labelHelp, labelSpacing, inputIcon, id: idProp, error, warning, info, name, readOnly, placeholder, expandable, rows, cols, validationOnLabel, adaptiveLabelBreakpoint, inputWidth, labelWidth, tooltipPosition, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, ...props }: {
+    [x: string]: any;
+    autoFocus: any;
+    fieldHelp: any;
+    label: any;
+    size: any;
+    children: any;
+    characterLimit: any;
+    enforceCharacterLimit?: boolean | undefined;
+    warnOverLimit?: boolean | undefined;
+    onChange: any;
+    disabled?: boolean | undefined;
+    labelInline: any;
+    labelAlign: any;
+    labelHelp: any;
+    labelSpacing: any;
+    inputIcon: any;
+    id: any;
+    error: any;
+    warning: any;
+    info: any;
+    name: any;
+    readOnly?: boolean | undefined;
+    placeholder: any;
+    expandable?: boolean | undefined;
+    rows: any;
+    cols: any;
+    validationOnLabel?: boolean | undefined;
+    adaptiveLabelBreakpoint: any;
+    inputWidth: any;
+    labelWidth?: number | undefined;
+    tooltipPosition: any;
+    value: any;
+    "data-component": any;
+    "data-element": any;
+    "data-role": any;
+    helpAriaLabel: any;
+}): JSX.Element;
+declare namespace Textarea {
+    const propTypes: {
+        /** Automatically focus the input on component mount */
+        autoFocus: 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>;
+        /** id of the input */
+        id: PropTypes.Requireable<string>;
+        /** Character limit of the textarea */
+        characterLimit: PropTypes.Requireable<string>;
+        /** Type of the icon that will be rendered next to the input */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The visible width of the text control, in average character widths */
+        cols: PropTypes.Requireable<number>;
+        /** Adds disabled property */
+        disabled: PropTypes.Requireable<boolean>;
+        /** Stop the user typing over the characterLimit */
+        enforceCharacterLimit: PropTypes.Requireable<boolean>;
+        /** Allows the Textareas Height to change based on user input */
+        expandable: PropTypes.Requireable<boolean>;
+        /** Help content to be displayed under an input */
+        fieldHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The content of the label for the input */
+        label: PropTypes.Requireable<string>;
+        /** Text applied to label help tooltip */
+        labelHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Inline label alignment */
+        labelAlign: PropTypes.Requireable<string>;
+        /** When true, label is placed in line with an input */
+        labelInline: PropTypes.Requireable<boolean>;
+        /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
+        labelSpacing: PropTypes.Requireable<number>;
+        /** Width of a label in percentage. Works only when labelInline is true */
+        labelWidth: PropTypes.Requireable<number>;
+        /** Width of an input in percentage. Works only when labelInline is true */
+        inputWidth: PropTypes.Requireable<number>;
+        /** Name of the input */
+        name: PropTypes.Requireable<string>;
+        /** Callback fired when the user types in the Textarea */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Placeholder text for the component */
+        placeholder: PropTypes.Requireable<string>;
+        /** Adds readOnly property */
+        readOnly: PropTypes.Requireable<boolean>;
+        /** The number of visible text lines for the control */
+        rows: PropTypes.Requireable<number>;
+        /** One of type of size to apply to the textarea */
+        size: PropTypes.Requireable<string>;
+        /** The value of the Textarea */
+        value: PropTypes.Requireable<string>;
+        /** Whether to display the character count message in red */
+        warnOverLimit: PropTypes.Requireable<boolean>;
+        /** 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>;
+        /**
+         * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
+         *
+         * Icon to display inside of the Textarea
+         */
+        inputIcon: PropTypes.Requireable<string>;
+        /** Message to be displayed in a Tooltip when the user hovers over the help icon */
+        tooltipMessage: PropTypes.Requireable<string>;
+        /** 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>;
+        /** 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/textarea/textarea.style.d.ts

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

package/lib/components/textbox/__internal__/prefix.style.d.ts

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