carbon-react 109.3.5 → 109.5.1

package/lib/components/pages/page/page.component.js

@@ -19,6 +19,8 @@ var _box = _interopRequireDefault(require("../../box"));
 
 var _page = require("./page.style");
 
+var _utils = require("../../../style/utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -30,26 +32,31 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const Page = ({
   title,
   children,
-  ...props
+  ...rest
 }) => {
-  const styledPageNodeRef = (0, _react.useRef)();
+  const styledPageNodeRef = (0, _react.useRef)(null);
+  const {
+    transitionName
+  } = rest;
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, _extends({
     className: "carbon-carousel__transition",
     timeout: {
       appear: 0,
       enter: 0,
       exit: 0
-    } // eslint-disable-next-line react/prop-types
-    ,
-    classNames: props.transitionName(),
+    }
+  }, transitionName && {
+    classNames: transitionName()
+  }, {
     nodeRef: styledPageNodeRef
-  }, props), /*#__PURE__*/_react.default.createElement(_page.StyledPage, _extends({}, (0, _tags.default)("page", props), {
+  }, rest), /*#__PURE__*/_react.default.createElement(_page.StyledPage, _extends({}, (0, _tags.default)("page", rest), {
     ref: styledPageNodeRef
   }), /*#__PURE__*/_react.default.createElement(_fullScreenHeading.default, {
-    hasContent: title
-  }, title), /*#__PURE__*/_react.default.createElement(_page.StyledPageContent, {
-    "data-element": "carbon-page-content"
-  }, /*#__PURE__*/_react.default.createElement(_box.default, {
+    hasContent: true
+  }, title), /*#__PURE__*/_react.default.createElement(_page.StyledPageContent, _extends({
+    "data-element": "carbon-page-content",
+    p: "30px 40px"
+  }, (0, _utils.filterStyledSystemPaddingProps)(rest)), /*#__PURE__*/_react.default.createElement(_box.default, {
     boxSizing: "border-box",
     maxWidth: "100%",
     minWidth: "auto",
@@ -59,15 +66,164 @@ const Page = ({
 };
 
 Page.propTypes = {
-  /**
-   * The title for the page, normally a Heading component.
-   */
-  title: _propTypes.default.node.isRequired,
-
-  /**
-   * This component supports children.
-   */
-  children: _propTypes.default.node.isRequired
+  "children": _propTypes.default.node,
+  "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pl": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "px": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "py": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "title": _propTypes.default.node,
+  "transitionName": _propTypes.default.func
 };
+Page.displayName = "Page";
 var _default = Page;
 exports.default = _default;

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

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

package/lib/components/pages/page/page.style.js

@@ -7,6 +7,8 @@ exports.StyledPageContent = exports.StyledPage = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../../style/themes/base"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,8 +19,8 @@ const StyledPage = _styledComponents.default.article`
 `;
 exports.StyledPage = StyledPage;
 const StyledPageContent = _styledComponents.default.div`
+  ${_styledSystem.padding}
   box-sizing: border-box;
-  padding: 30px 40px;
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -26,4 +28,7 @@ const StyledPageContent = _styledComponents.default.div`
 exports.StyledPageContent = StyledPageContent;
 StyledPage.defaultProps = {
   theme: _base.default
+};
+StyledPageContent.defaultProps = {
+  theme: _base.default
 };

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

@@ -0,0 +1,23 @@
+import React from "react";
+import Page from "./page";
+import { ThemeObject } from "../../style/themes/base";
+export interface PagesProps {
+    /** [legacy] Custom className */
+    className?: string;
+    /** The selected tab on page load */
+    initialpageIndex?: number | string;
+    /** The current page's index */
+    pageIndex?: number | string;
+    /** Individual Page components */
+    children?: React.ReactNode;
+    /** Controls which transition to use (fade or slide). */
+    transition?: string;
+    /** @ignore @private */
+    theme?: Partial<ThemeObject>;
+}
+declare const Pages: {
+    ({ pageIndex: incomingPageIndex, initialpageIndex, transition, children, ...props }: PagesProps): JSX.Element;
+    displayName: string;
+};
+export default Pages;
+export { Page };

package/lib/components/pages/pages.component.js

@@ -19,7 +19,7 @@ var _reactTransitionGroup = require("react-transition-group");
 
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
-var _page = _interopRequireDefault(require("./page/page.component"));
+var _page = _interopRequireDefault(require("./page"));
 
 var _pages = require("./pages.style");
 
@@ -55,7 +55,10 @@ const Pages = ({
     let index = pageIndex;
 
     const visiblePage = _react.default.Children.toArray(children)[index];
+    /* istanbul ignore if */
 
+
+    if (! /*#__PURE__*/_react.default.isValidElement(visiblePage)) return visiblePage;
     index = visiblePage.props.id || index;
     const additionalProps = {
       transitionName,
@@ -109,18 +112,52 @@ const Pages = ({
 };
 
 Pages.propTypes = {
-  /** [legacy] Custom className */
-  className: _propTypes.default.string,
-
-  /** The selected tab on page load */
-  initialpageIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  pageIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** Individual tabs */
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
-
-  /** Controls which transition to use. */
-  transition: _propTypes.default.string
+  "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
+  "initialpageIndex": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "pageIndex": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "theme": _propTypes.default.shape({
+    "colors": _propTypes.default.shape({
+      "destructive": _propTypes.default.shape({
+        "hover": _propTypes.default.string.isRequired
+      }),
+      "error": _propTypes.default.string,
+      "focus": _propTypes.default.string,
+      "info": _propTypes.default.string,
+      "loadingBarBackground": _propTypes.default.string,
+      "placeholder": _propTypes.default.string,
+      "primary": _propTypes.default.string,
+      "secondary": _propTypes.default.string,
+      "tertiary": _propTypes.default.string,
+      "warning": _propTypes.default.string,
+      "warningText": _propTypes.default.string,
+      "white": _propTypes.default.oneOf(["#FFFFFF"])
+    }),
+    "compatibility": _propTypes.default.object,
+    "disabled": _propTypes.default.shape({
+      "background": _propTypes.default.string.isRequired
+    }),
+    "name": _propTypes.default.string,
+    "palette": _propTypes.default.shape({
+      "blackOpacity": _propTypes.default.func.isRequired,
+      "whiteOpacity": _propTypes.default.func.isRequired
+    }),
+    "space": _propTypes.default.arrayOf(_propTypes.default.string),
+    "spacing": _propTypes.default.number,
+    "zIndex": _propTypes.default.shape({
+      "aboveAll": _propTypes.default.number.isRequired,
+      "fullScreenModal": _propTypes.default.number.isRequired,
+      "header": _propTypes.default.number.isRequired,
+      "modal": _propTypes.default.number.isRequired,
+      "nav": _propTypes.default.number.isRequired,
+      "notification": _propTypes.default.number.isRequired,
+      "overlay": _propTypes.default.number.isRequired,
+      "popover": _propTypes.default.number.isRequired,
+      "smallOverlay": _propTypes.default.number.isRequired
+    })
+  }),
+  "transition": _propTypes.default.string
 };
+Pages.displayName = "Pages";
 var _default = Pages;
 exports.default = _default;

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

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

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

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

package/lib/components/pages/pages.style.js

@@ -33,8 +33,8 @@ const PagesWrapperStyle = _styledComponents.default.div`
     overflow: hidden;
     position: relative;
   }
-  ${_pages.slideAnimation};
-  ${_pages.fadeAnimation};
+  ${_pages.slideAnimation}
+  ${_pages.fadeAnimation}
 `;
 exports.PagesWrapperStyle = PagesWrapperStyle;
 PagesContent.defaultProps = {

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

@@ -12,9 +12,9 @@ export interface PillProps extends StyledPillProps {
     /** Fills the pill background with colour. When fill is false only the border is coloured. */
     fill?: boolean;
     /** Callback function for when the pill is clicked. */
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+    onClick?: (ev: React.MouseEvent<HTMLSpanElement>) => void;
     /** Callback function for when the remove icon is clicked. */
-    onDelete?: React.MouseEventHandler<HTMLButtonElement>;
+    onDelete?: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
     /** Sets the type of pill in use. */
     pillRole?: "tag" | "status";
 }

package/lib/components/pill/pill.component.js

@@ -21,14 +21,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const renderCloseIcon = onDelete => /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-  onAction: onDelete,
-  "data-element": "close",
-  "aria-label": "close"
-}, /*#__PURE__*/_react.default.createElement(_icon.default, {
-  type: "cross"
-}));
-
 const Pill = ({
   wrapText,
   borderColor,
@@ -52,7 +44,13 @@ const Pill = ({
 }, (0, _tags.default)("pill", rest), {
   maxWidth: maxWidth,
   wrapText: wrapText
-}, rest), children, onDelete && renderCloseIcon(onDelete));
+}, rest), children, onDelete && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+  onAction: onDelete,
+  "data-element": "close",
+  "aria-label": "close"
+}, /*#__PURE__*/_react.default.createElement(_icon.default, {
+  type: "cross"
+})));
 
 exports.Pill = Pill;
 Pill.propTypes = {

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

@@ -4,7 +4,7 @@ export interface RenderOpenProps {
     tabIndex: number;
     isOpen?: boolean;
     "data-element": string;
-    onClick: (ev: React.MouseEvent<HTMLElement>) => void;
+    onClick: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
     ref: React.RefObject<HTMLButtonElement>;
     "aria-label"?: string;
     id?: string;
@@ -12,7 +12,7 @@ export interface RenderOpenProps {
 export interface RenderCloseProps {
     "data-element": string;
     tabIndex: number;
-    onClick: (ev: React.MouseEvent<HTMLElement>) => void;
+    onClick: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
     ref: React.RefObject<HTMLButtonElement>;
     "aria-label": string;
 }
@@ -36,11 +36,11 @@ export interface PopoverContainerProps extends PaddingProps {
     /** Sets the popover container dialog header name */
     title?: string;
     /** Callback fires when close icon clicked */
-    onClose?: (ev: React.MouseEvent<HTMLElement> | Event) => void;
+    onClose?: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement> | Event) => void;
     /** if `true` the popover-container is open */
     open?: boolean;
     /** Callback fires when open component is clicked */
-    onOpen?: (ev: React.MouseEvent<HTMLElement>) => void;
+    onOpen?: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
     /** if `true` the popover-container will cover open button */
     shouldCoverButton?: boolean;
     /** The id of the element that describe the dialog. */

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

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { TransitionStatus } from "react-transition-group";
-import IconButton from "../icon-button";
 declare const PopoverContainerWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const PopoverContainerHeaderStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type PopoverContainerContentStyleProps = {
@@ -10,7 +10,7 @@ declare type AdditionalIconButtonProps = {
     tabIndex?: number;
     id?: string;
 };
-declare const PopoverContainerOpenIcon: import("styled-components").StyledComponent<typeof IconButton, any, AdditionalIconButtonProps, never>;
-declare const PopoverContainerCloseIcon: import("styled-components").StyledComponent<typeof IconButton, any, AdditionalIconButtonProps, never>;
+declare const PopoverContainerOpenIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, AdditionalIconButtonProps, never>;
+declare const PopoverContainerCloseIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, AdditionalIconButtonProps, never>;
 declare const PopoverContainerTitleStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { PopoverContainerWrapperStyle, PopoverContainerHeaderStyle, PopoverContainerContentStyle, PopoverContainerCloseIcon, PopoverContainerTitleStyle, PopoverContainerOpenIcon, };

package/lib/components/switch/switch.component.js

@@ -207,9 +207,6 @@ Switch.propTypes = {
   /** When true, validation icon will be placed on label instead of being placed by the input */
   validationOnLabel: _propTypes.default.bool,
 
-  /** Override tab index on the validation and help icon */
-  helpTabIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /** Triggers loading animation */
   loading: _propTypes.default.bool,
 

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

@@ -15,8 +15,6 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
   adaptiveLabelBreakpoint?: number;
   /** Set the default value of the Switch if component is meant to be used as uncontrolled */
   defaultChecked?: boolean;
-  /** Overrides the default tabindex of the Help component */
-  helpTabIndex?: number | string;
   /** Text alignment of the label */
   labelAlign?: LabelAlign;
   /** When true label is inline */

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

@@ -2,9 +2,9 @@ import * as React from "react";
 import { PaddingProps } from "styled-system";
 
 export interface TabContextProps {
-  setError: (childId: string, hasError: boolean) => void;
-  setWarning: (childId: string, hasWarning: boolean) => void;
-  setInfo: (childId: string, hasInfo: boolean) => void;
+  setError?: (childId: string, hasError: boolean) => void;
+  setWarning?: (childId: string, hasWarning: boolean) => void;
+  setInfo?: (childId: string, hasInfo: boolean) => void;
 }
 
 export interface TabProps extends PaddingProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "109.3.5",
+  "version": "109.5.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/__internal__/form-field/form-field.d.ts

@@ -1,66 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { ValidationProps } from "../validations";
-
-export interface CommonFormFieldPropTypes extends MarginProps, ValidationProps {
-  /** If true, the component will be disabled */
-  disabled?: boolean;
-  /** Help content to be displayed under an input */
-  fieldHelp?: React.ReactNode;
-  /** The unique id of the Help component tooltip, used for accessibility */
-  tooltipId?: string;
-  /** The unique id of the FieldHelp component */
-  fieldHelpId?: string;
-  /** Overrides the default tabindex of the Help component */
-  helpTabIndex?: number | string;
-  /** Label content */
-  label?: React.ReactNode;
-  /** Text alignment of the label */
-  labelAlign?: "left" | "right";
-  /** A message that the Help component will display */
-  labelHelp?: React.ReactNode;
-  /** Help Icon type */
-  labelHelpIcon?: string;
-  /** The unique id of the label element */
-  labelId?: string;
-  /** When true label is inline */
-  labelInline?: boolean;
-  /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
-  labelSpacing?: 1 | 2;
-  /** Label width */
-  labelWidth?: number;
-  /** If true the label switches position with the input */
-  reverse?: boolean;
-  /** Id of the validation icon */
-  validationIconId?: string;
-}
-
-export interface FormFieldPropTypes extends CommonFormFieldPropTypes {
-  /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
-  adaptiveLabelBreakpoint?: number;
-  /** Content to be rendered inside the FormField */
-  children?: React.ReactNode;
-  /**
-   * If true, the FieldHelp will be displayed inline
-   * To be used with labelInline prop set to true
-   */
-  fieldHelpInline?: boolean;
-  /** Id of the element a label should be bound to */
-  id: string;
-  /** [Legacy] Flag to configure component as optional in Form */
-  isOptional?: boolean;
-  /** Flag to configure component as mandatory */
-  isRequired?: boolean;
-  /** Whether to show the validation icon */
-  useValidationIcon?: boolean;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-}
-
-declare function FormField(props: FormFieldPropTypes): JSX.Element;
-
-export default FormField;

package/esm/components/icon-button/icon-button.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { IconProps } from "../icon/icon-type";
-
-export interface IconButtonProps extends MarginProps {
-  /** Optional: alternative rendered content, displayed within <SelectList> of <Select> (eg: an icon, an image, etc) */
-  children: React.ReactElement<IconProps>;
-  /** Callback */
-  onAction: React.MouseEventHandler<HTMLButtonElement>;
-  /** Set the button to disabled */
-  disabled?: boolean;
-}
-
-declare function IconButton(
-  props: IconButtonProps & React.RefAttributes<HTMLButtonElement>
-): JSX.Element;
-
-export default IconButton;

package/esm/components/pages/page/package.json

@@ -1,3 +0,0 @@
-{
-  "main": "./page.js"
-}

package/esm/components/pages/page/page.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-
-export interface PageProps {
-  /** The title for the page, normally a Heading component. */
-  title: React.ReactNode;
-  /** This component supports children. */
-  children: React.ReactNode;
-}
-
-declare function Page(props: PageProps): JSX.Element;
-
-export default Page;