carbon-react 107.1.1 → 107.1.4

package/esm/__internal__/input/input-presentation.style.d.ts

@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
 import { InputContextProps } from "../input-behaviour";
 import { CarbonProviderProps } from "../../components/carbon-provider";
 export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "inputWidth">, never>;
-declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "align" | "readOnly" | "size"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "readOnly" | "size" | "align"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
 export default InputPresentationStyle;

package/esm/__internal__/input/input.style.d.ts

@@ -1,3 +1,3 @@
 import { CommonInputProps } from "./input.component";
-declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "align" | "readOnly">, never>;
+declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "readOnly" | "align">, never>;
 export default StyledInput;

package/esm/components/button-toggle-group/button-toggle-group.component.js

@@ -36,6 +36,7 @@ const ButtonToggleGroup = ({
   "data-element": dataElement,
   "data-role": dataRole,
   helpAriaLabel,
+  id,
   ...props
 }) => {
   const validationProps = {
@@ -57,7 +58,8 @@ const ButtonToggleGroup = ({
     labelAlign: labelAlign,
     "data-component": dataComponent,
     "data-role": dataRole,
-    "data-element": dataElement
+    "data-element": dataElement,
+    id: id
   }, validationProps, filterStyledSystemMarginProps(props)), /*#__PURE__*/React.createElement(ButtonToggleGroupStyle, _extends({
     "aria-label": label,
     role: "radiogroup",

package/esm/components/heading/index.d.ts

@@ -1 +1 @@
-export { default } from "./heading.component";
+export { default } from "./heading";

package/esm/components/inline-inputs/inline-inputs.style.d.ts

@@ -1,6 +1,6 @@
 import { InlineInputsProps } from "./inline-inputs.component";
 declare const StyledInlineInput: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "gutter">, never>;
 declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "inputWidth" | "gutter">, never>;
-declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "labelWidth" | "gutter">, never>;
+declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "gutter" | "labelWidth">, never>;
 export { StyledContentContainer, StyledInlineInput };
 export default StyledInlineInputs;

package/esm/components/tabs/tabs.component.js

@@ -33,12 +33,9 @@ const Tabs = ({
   const filteredChildren = useMemo(() => Children.toArray(children).filter(child => child), [children]);
   /** Array of the tabIds for the child nodes */
 
-  const tabIds = () => {
-    return filteredChildren.map(child => child.props.tabId);
-  };
+  const tabIds = useMemo(() => filteredChildren.map(child => child.props.tabId), [filteredChildren]);
   /** Array of refs to the TabTitle nodes */
 
-
   const tabRefs = useMemo(() => Array.from({
     length: filteredChildren.length
   }).map(() => /*#__PURE__*/createRef()), [filteredChildren.length]);
@@ -54,14 +51,14 @@ const Tabs = ({
   useLayoutEffect(() => {
     const selectedTab = selectedTabId || Children.toArray(children)[0].props.tabId;
 
-    if (!tabIds().includes(selectedTabId)) {
+    if (!tabIds.includes(selectedTabId)) {
       setTabStopId(React.Children.toArray(children)[0].props.tabId);
     } else {
       setTabStopId(selectedTab);
     }
 
-    setSelectedTabIdState(selectedTab); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    setSelectedTabIdState(selectedTab);
+  }, [children, selectedTabId, tabIds]);
   const updateErrors = useCallback((id, hasError) => {
     if (tabsErrors[id] !== hasError) {
       setTabsErrors({ ...tabsErrors,
@@ -102,6 +99,27 @@ const Tabs = ({
       onTabChange(tabid);
     }
   }, [onTabChange, isTabSelected, hasTabStop]);
+  const blurPreviousSelectedTab = useCallback(() => {
+    const previousTabIndex = tabIds.indexOf(previousSelectedTabId.current);
+    /* istanbul ignore else */
+
+    if (previousTabIndex !== -1) {
+      var _previousTabRef$curre;
+
+      const previousTabRef = tabRefs[previousTabIndex];
+      (_previousTabRef$curre = previousTabRef.current) === null || _previousTabRef$curre === void 0 ? void 0 : _previousTabRef$curre.blur();
+    }
+  }, [tabIds, tabRefs]);
+  useEffect(() => {
+    if (previousSelectedTabId.current !== selectedTabId) {
+      if (selectedTabId !== selectedTabIdState) {
+        setSelectedTabIdState(selectedTabId);
+        blurPreviousSelectedTab();
+      }
+
+      previousSelectedTabId.current = selectedTabId;
+    }
+  }, [blurPreviousSelectedTab, previousSelectedTabId, selectedTabId, selectedTabIdState]);
   /** Determines if the tab titles are in a vertical format. */
 
   const isVertical = currentPosition => currentPosition === "left";
@@ -128,15 +146,14 @@ const Tabs = ({
   const goToTab = (event, index) => {
     event.preventDefault();
     let newIndex = index;
-    const ids = tabIds();
 
     if (index < 0) {
-      newIndex = ids.length - 1;
-    } else if (index === ids.length) {
+      newIndex = tabIds.length - 1;
+    } else if (index === tabIds.length) {
       newIndex = 0;
     }
 
-    const nextTabId = ids[newIndex];
+    const nextTabId = tabIds[newIndex];
     const nextRef = tabRefs[newIndex];
     updateVisibleTab(nextTabId);
     focusTab(nextRef);
@@ -274,15 +291,6 @@ const Tabs = ({
     return tabs;
   };
 
-  useEffect(() => {
-    if (previousSelectedTabId.current !== selectedTabId) {
-      if (selectedTabId !== selectedTabIdState) {
-        setSelectedTabIdState(selectedTabId);
-      }
-
-      previousSelectedTabId.current = selectedTabId;
-    }
-  }, [previousSelectedTabId, selectedTabId, selectedTabIdState]);
   return /*#__PURE__*/React.createElement(StyledTabs, _extends({
     className: className,
     position: isInSidebar ? "left" : position,

package/lib/__internal__/input/input-presentation.style.d.ts

@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
 import { InputContextProps } from "../input-behaviour";
 import { CarbonProviderProps } from "../../components/carbon-provider";
 export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "inputWidth">, never>;
-declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "align" | "readOnly" | "size"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "readOnly" | "size" | "align"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
 export default InputPresentationStyle;

package/lib/__internal__/input/input.style.d.ts

@@ -1,3 +1,3 @@
 import { CommonInputProps } from "./input.component";
-declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "align" | "readOnly">, never>;
+declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "readOnly" | "align">, never>;
 export default StyledInput;

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

@@ -56,6 +56,7 @@ const ButtonToggleGroup = ({
   "data-element": dataElement,
   "data-role": dataRole,
   helpAriaLabel,
+  id,
   ...props
 }) => {
   const validationProps = {
@@ -77,7 +78,8 @@ const ButtonToggleGroup = ({
     labelAlign: labelAlign,
     "data-component": dataComponent,
     "data-role": dataRole,
-    "data-element": dataElement
+    "data-element": dataElement,
+    id: id
   }, validationProps, (0, _utils.filterStyledSystemMarginProps)(props)), /*#__PURE__*/_react.default.createElement(_buttonToggleGroup.default, _extends({
     "aria-label": label,
     role: "radiogroup",

package/lib/components/heading/index.d.ts

@@ -1 +1 @@
-export { default } from "./heading.component";
+export { default } from "./heading";

package/lib/components/inline-inputs/inline-inputs.style.d.ts

@@ -1,6 +1,6 @@
 import { InlineInputsProps } from "./inline-inputs.component";
 declare const StyledInlineInput: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "gutter">, never>;
 declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "inputWidth" | "gutter">, never>;
-declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "labelWidth" | "gutter">, never>;
+declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, Pick<InlineInputsProps, "gutter" | "labelWidth">, never>;
 export { StyledContentContainer, StyledInlineInput };
 export default StyledInlineInputs;

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

@@ -63,12 +63,9 @@ const Tabs = ({
   const filteredChildren = (0, _react.useMemo)(() => _react.Children.toArray(children).filter(child => child), [children]);
   /** Array of the tabIds for the child nodes */
 
-  const tabIds = () => {
-    return filteredChildren.map(child => child.props.tabId);
-  };
+  const tabIds = (0, _react.useMemo)(() => filteredChildren.map(child => child.props.tabId), [filteredChildren]);
   /** Array of refs to the TabTitle nodes */
 
-
   const tabRefs = (0, _react.useMemo)(() => Array.from({
     length: filteredChildren.length
   }).map(() => /*#__PURE__*/(0, _react.createRef)()), [filteredChildren.length]);
@@ -84,14 +81,14 @@ const Tabs = ({
   (0, _react.useLayoutEffect)(() => {
     const selectedTab = selectedTabId || _react.Children.toArray(children)[0].props.tabId;
 
-    if (!tabIds().includes(selectedTabId)) {
+    if (!tabIds.includes(selectedTabId)) {
       setTabStopId(_react.default.Children.toArray(children)[0].props.tabId);
     } else {
       setTabStopId(selectedTab);
     }
 
-    setSelectedTabIdState(selectedTab); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    setSelectedTabIdState(selectedTab);
+  }, [children, selectedTabId, tabIds]);
   const updateErrors = (0, _react.useCallback)((id, hasError) => {
     if (tabsErrors[id] !== hasError) {
       setTabsErrors({ ...tabsErrors,
@@ -132,6 +129,27 @@ const Tabs = ({
       onTabChange(tabid);
     }
   }, [onTabChange, isTabSelected, hasTabStop]);
+  const blurPreviousSelectedTab = (0, _react.useCallback)(() => {
+    const previousTabIndex = tabIds.indexOf(previousSelectedTabId.current);
+    /* istanbul ignore else */
+
+    if (previousTabIndex !== -1) {
+      var _previousTabRef$curre;
+
+      const previousTabRef = tabRefs[previousTabIndex];
+      (_previousTabRef$curre = previousTabRef.current) === null || _previousTabRef$curre === void 0 ? void 0 : _previousTabRef$curre.blur();
+    }
+  }, [tabIds, tabRefs]);
+  (0, _react.useEffect)(() => {
+    if (previousSelectedTabId.current !== selectedTabId) {
+      if (selectedTabId !== selectedTabIdState) {
+        setSelectedTabIdState(selectedTabId);
+        blurPreviousSelectedTab();
+      }
+
+      previousSelectedTabId.current = selectedTabId;
+    }
+  }, [blurPreviousSelectedTab, previousSelectedTabId, selectedTabId, selectedTabIdState]);
   /** Determines if the tab titles are in a vertical format. */
 
   const isVertical = currentPosition => currentPosition === "left";
@@ -158,15 +176,14 @@ const Tabs = ({
   const goToTab = (event, index) => {
     event.preventDefault();
     let newIndex = index;
-    const ids = tabIds();
 
     if (index < 0) {
-      newIndex = ids.length - 1;
-    } else if (index === ids.length) {
+      newIndex = tabIds.length - 1;
+    } else if (index === tabIds.length) {
       newIndex = 0;
     }
 
-    const nextTabId = ids[newIndex];
+    const nextTabId = tabIds[newIndex];
     const nextRef = tabRefs[newIndex];
     updateVisibleTab(nextTabId);
     focusTab(nextRef);
@@ -310,15 +327,6 @@ const Tabs = ({
     return tabs;
   };
 
-  (0, _react.useEffect)(() => {
-    if (previousSelectedTabId.current !== selectedTabId) {
-      if (selectedTabId !== selectedTabIdState) {
-        setSelectedTabIdState(selectedTabId);
-      }
-
-      previousSelectedTabId.current = selectedTabId;
-    }
-  }, [previousSelectedTabId, selectedTabId, selectedTabIdState]);
   return /*#__PURE__*/_react.default.createElement(_tabs.default, _extends({
     className: className,
     position: isInSidebar ? "left" : position,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "107.1.1",
+  "version": "107.1.4",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -18,8 +18,8 @@
     "start:debug-theme": "cross-env STORYBOOK_DEBUG_THEME=true npm run start",
     "test": "jest --config=./jest.conf.json",
     "test-update": "jest --config=./jest.conf.json --updateSnapshot",
-    "test:cypress": "cypress open",
-    "cypress:react": "npx cypress open-ct",
+    "test:cypress": "npx cypress open --e2e",
+    "cypress:react": "npx cypress open --component",
     "debug": "node --inspect ./node_modules/jest-cli/bin/jest --watch --config=./jest.conf.json",
     "format": "prettier --write './src'",
     "lint": "eslint ./src",
@@ -115,7 +115,7 @@
     "core-js": "^3.20.3",
     "cross-env": "^5.2.0",
     "css-loader": "4.0.0",
-    "cypress": "^9.6.0",
+    "cypress": "^10.1.0",
     "cypress-axe": "^0.14.0",
     "cypress-cucumber-preprocessor": "^4.3.1",
     "cypress-each": "^1.11.0",

package/esm/__internal__/DeprecationWarning.d.ts

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

package/esm/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts

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

package/esm/__internal__/checkable-input/checkable-input.component.d.ts

@@ -1,75 +0,0 @@
-export default CheckableInput;
-declare function CheckableInput({ ariaLabelledBy: externalAriaLabelledBy, autoFocus, checked, children, disabled, error, fieldHelp, fieldHelpInline, info, id: inputId, inputRef, type, value, inputWidth, label, labelAlign, labelHelp, labelInline, labelSpacing, labelWidth, name, onBlur, onChange, onFocus, required, reverse, validationOnLabel, warning, ...props }: {
-    [x: string]: any;
-    ariaLabelledBy: any;
-    autoFocus: any;
-    checked: any;
-    children: any;
-    disabled: any;
-    error: any;
-    fieldHelp: any;
-    fieldHelpInline: any;
-    info: any;
-    id: any;
-    inputRef: any;
-    type: any;
-    value: any;
-    inputWidth: any;
-    label: any;
-    labelAlign: any;
-    labelHelp: any;
-    labelInline: any;
-    labelSpacing: any;
-    labelWidth: any;
-    name: any;
-    onBlur: any;
-    onChange: any;
-    onFocus: any;
-    required: any;
-    reverse: any;
-    validationOnLabel: any;
-    warning: any;
-}): JSX.Element;
-declare namespace CheckableInput {
-    namespace propTypes {
-        const autoFocus: PropTypes.Requireable<boolean>;
-        const checked: PropTypes.Requireable<boolean>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const error: PropTypes.Requireable<string | boolean>;
-        const warning: PropTypes.Requireable<string | boolean>;
-        const info: PropTypes.Requireable<string | boolean>;
-        const fieldHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const fieldHelpInline: PropTypes.Requireable<boolean>;
-        const id: PropTypes.Requireable<string>;
-        const type: PropTypes.Validator<string>;
-        const value: PropTypes.Requireable<string>;
-        const inputWidth: PropTypes.Requireable<string | number>;
-        const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const labelInline: PropTypes.Requireable<boolean>;
-        const labelAlign: PropTypes.Requireable<string>;
-        const labelHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const labelSpacing: PropTypes.Requireable<number>;
-        const labelWidth: PropTypes.Requireable<string | number>;
-        const name: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const reverse: PropTypes.Requireable<boolean>;
-        const required: PropTypes.Requireable<boolean>;
-        const inputRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<Element>;
-        }>>;
-        const validationOnLabel: PropTypes.Requireable<boolean>;
-        const ariaLabelledBy: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const reverse_1: boolean;
-        export { reverse_1 as reverse };
-        const labelSpacing_1: number;
-        export { labelSpacing_1 as labelSpacing };
-        const labelInline_1: boolean;
-        export { labelInline_1 as labelInline };
-    }
-}
-import PropTypes from "prop-types";

package/esm/__internal__/checkable-input/checkable-input.style.d.ts

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

package/esm/__internal__/checkable-input/hidden-checkable-input.component.d.ts

@@ -1,44 +0,0 @@
-declare var _default: React.MemoExoticComponent<{
-    ({ name, checked, type, value, inputRef, onChange, autoFocus, role, ...props }: {
-        [x: string]: any;
-        name: any;
-        checked: any;
-        type: any;
-        value: any;
-        inputRef: any;
-        onChange: any;
-        autoFocus: any;
-        role: any;
-    }): JSX.Element;
-    propTypes: {
-        /** Allows component to be focused on page load */
-        autoFocus: PropTypes.Requireable<boolean>;
-        /** Checked state of the input */
-        checked: PropTypes.Requireable<boolean>;
-        /** Input name */
-        name: PropTypes.Requireable<string>;
-        /** OnChange event handler */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        /** OnFocus event handler */
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        /** Blur event handler */
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        /** OnMouseLeave event handler */
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        /** OnMouseEnter event handler */
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        /** HTML type attribute of the input */
-        type: PropTypes.Validator<string>;
-        /** Role attribute of the input */
-        role: PropTypes.Requireable<string>;
-        /** Value of the input */
-        value: PropTypes.Requireable<string>;
-        /** A callback to retrieve the input reference */
-        inputRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<Element>;
-        }>>;
-    };
-}>;
-export default _default;
-import PropTypes from "prop-types";
-import React from "react";

package/esm/__internal__/checkable-input/hidden-checkable-input.style.d.ts

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

package/esm/__internal__/field-help/field-help.component.d.ts

@@ -1,15 +0,0 @@
-export default FieldHelp;
-declare function FieldHelp({ children, labelInline, labelWidth, ...rest }: {
-    [x: string]: any;
-    children: any;
-    labelInline: any;
-    labelWidth: any;
-}): JSX.Element;
-declare namespace FieldHelp {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const labelInline: PropTypes.Requireable<boolean>;
-        const labelWidth: PropTypes.Requireable<number>;
-    }
-}
-import PropTypes from "prop-types";

package/esm/__internal__/field-help/field-help.style.d.ts

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

package/esm/__internal__/fieldset/fieldset.component.d.ts

@@ -1,65 +0,0 @@
-export default Fieldset;
-declare function Fieldset({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, ...rest }: {
-    [x: string]: any;
-    legend: any;
-    children: any;
-    inline: any;
-    legendWidth: any;
-    legendAlign?: string | undefined;
-    legendSpacing?: number | undefined;
-    error: any;
-    warning: any;
-    info: any;
-    isRequired: any;
-    blockGroupBehaviour: any;
-}): JSX.Element;
-declare namespace Fieldset {
-    const propTypes: {
-        /** Fieldset content */
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /** The content for the Fieldset Legend */
-        legend: 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, legend is placed in line with the children */
-        inline: PropTypes.Requireable<boolean>;
-        /** Percentage width of legend (only when legend is inline)  */
-        legendWidth: PropTypes.Requireable<number>;
-        /** Text alignment of legend when inline */
-        legendAlign: PropTypes.Requireable<string>;
-        /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
-        legendSpacing: PropTypes.Requireable<number>;
-        /** If true, an asterisk will be added to the label */
-        isRequired: PropTypes.Requireable<boolean>;
-        /** Controls whether group behaviour should be enabled */
-        blockGroupBehaviour: PropTypes.Requireable<boolean>;
-        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    };
-    namespace defaultProps {
-        const inline: boolean;
-    }
-}
-import PropTypes from "prop-types";

package/esm/__internal__/fieldset/fieldset.style.d.ts

@@ -1,3 +0,0 @@
-export const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
-export const StyledLegend: import("styled-components").StyledComponent<"legend", any, {}, never>;
-export const StyledLegendContent: import("styled-components").StyledComponent<"span", any, {}, never>;

package/esm/__internal__/focus-trap/focus-trap.component.d.ts

@@ -1,24 +0,0 @@
-export default FocusTrap;
-declare function FocusTrap({ children, autoFocus, focusFirstElement, bespokeTrap, wrapperRef, isOpen, }: {
-    children: any;
-    autoFocus?: boolean | undefined;
-    focusFirstElement: any;
-    bespokeTrap: any;
-    wrapperRef: any;
-    isOpen: any;
-}): JSX.Element;
-declare namespace FocusTrap {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const autoFocus: PropTypes.Requireable<boolean>;
-        const focusFirstElement: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }>>;
-        const bespokeTrap: PropTypes.Requireable<(...args: any[]) => any>;
-        const wrapperRef: PropTypes.Requireable<PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }>>;
-        const isOpen: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";

package/esm/__internal__/focus-trap/index.d.ts

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