carbon-react 150.1.0 → 151.1.0

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { ValidationProps } from "../../__internal__/validations";
 export declare const ALLOWED_DATE_FORMATS: readonly [readonly ["dd", "mm", "yyyy"], readonly ["mm", "dd", "yyyy"], readonly ["yyyy", "mm", "dd"], readonly ["dd", "mm"], readonly ["mm", "dd"], readonly ["mm", "yyyy"]];
 export interface DayMonthDate {
@@ -21,15 +22,9 @@ export interface NumeralDateEvent<DateType extends NumeralDateObject = FullDate>
         value: DateType;
     };
 }
-export interface NumeralDateProps<DateType extends NumeralDateObject = FullDate> extends ValidationProps, MarginProps {
+export interface NumeralDateProps<DateType extends NumeralDateObject = FullDate> extends ValidationProps, MarginProps, TagProps {
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;
-    /** 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;
     /** If true, the component will be disabled */
     disabled?: boolean;
     /** If true, the component will be read-only */
@@ -96,5 +91,5 @@ export interface NumeralDateProps<DateType extends NumeralDateObject = FullDate>
     isOptional?: boolean;
 }
 export declare type ValidDateFormat = (typeof ALLOWED_DATE_FORMATS)[number];
-export declare const NumeralDate: <DateType extends NumeralDateObject = FullDate>({ 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, fieldLabelsAlign, labelHelp, labelSpacing, fieldHelp, adaptiveLabelBreakpoint, required, isOptional, readOnly, size, enableInternalError, enableInternalWarning, tooltipPosition, helpAriaLabel, dayRef, monthRef, yearRef, ...rest }: NumeralDateProps<DateType>) => React.JSX.Element;
+export declare const NumeralDate: <DateType extends NumeralDateObject = FullDate>({ dateFormat, defaultValue, disabled, error, warning, info, id, name, onBlur, onChange, value, validationOnLabel, label, labelInline, labelWidth, labelAlign, fieldLabelsAlign, labelHelp, labelSpacing, fieldHelp, adaptiveLabelBreakpoint, required, isOptional, readOnly, size, enableInternalError, enableInternalWarning, tooltipPosition, helpAriaLabel, dayRef, monthRef, yearRef, ...rest }: NumeralDateProps<DateType>) => React.JSX.Element;
 export default NumeralDate;

package/lib/components/numeral-date/numeral-date.component.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.NumeralDate = exports.ALLOWED_DATE_FORMATS = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 var _utils = require("../../style/utils");
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _numeralDate = require("./numeral-date.style");
@@ -93,9 +93,6 @@ const NumeralDate = ({
   disabled,
   error = "",
   warning = "",
-  "data-component": dataComponent,
-  "data-element": dataElement,
-  "data-role": dataRole,
   info,
   id,
   name,
@@ -300,9 +297,6 @@ const NumeralDate = ({
     return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
       helpAriaLabel: helpAriaLabel
     }, /*#__PURE__*/_react.default.createElement(_numeralDate.StyledFieldset, _extends({
-      "data-component": dataComponent || "numeral-date",
-      "data-element": dataElement,
-      "data-role": dataRole,
       id: uniqueId,
       legend: label,
       legendMargin: {
@@ -323,7 +317,7 @@ const NumeralDate = ({
       legendSpacing: labelSpacing,
       validationId: validationId,
       "aria-describedby": validationOnLabel ? ariaDescribedBy : fieldHelpId
-    }, (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_box.default, {
+    }, (0, _utils.filterStyledSystemMarginProps)(rest), (0, _tags.default)("numeral-date", rest)), /*#__PURE__*/_react.default.createElement(_box.default, {
       display: "flex",
       flexDirection: "column",
       mt: inline ? 0 : 1
@@ -332,9 +326,6 @@ const NumeralDate = ({
     }, fieldHelp))));
   }
   return /*#__PURE__*/_react.default.createElement(_numeralDate.StyledFieldset, _extends({
-    "data-component": dataComponent || "numeral-date",
-    "data-element": dataElement,
-    "data-role": dataRole,
     id: uniqueId,
     legend: label,
     legendMargin: {
@@ -346,7 +337,7 @@ const NumeralDate = ({
     isDisabled: disabled,
     name: name,
     "aria-describedby": combinedAriaDescribedBy
-  }, (0, _utils.filterStyledSystemMarginProps)(rest)), labelHelp && /*#__PURE__*/_react.default.createElement(_hintText.default, {
+  }, (0, _utils.filterStyledSystemMarginProps)(rest), (0, _tags.default)("numeral-date", rest)), labelHelp && /*#__PURE__*/_react.default.createElement(_hintText.default, {
     align: labelAlign,
     id: inputHintId.current
   }, labelHelp), /*#__PURE__*/_react.default.createElement(_box.default, {

package/lib/components/pager/__internal__/pager-navigation-link.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pager = require("../pager.style");
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/components/pager/__internal__/pager-navigation.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pager = require("../pager.style");
 var _number = _interopRequireDefault(require("../../number"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));

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

@@ -1,9 +1,10 @@
 import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
 declare type PageSizeOption = {
     id: string;
     name: number;
 };
-export interface PagerProps {
+export interface PagerProps extends TagProps {
     /** Function called when pager changes (Current page, Page size, Origin component) */
     onPagination: (currentPage: number, pageSize: number, origin: string) => void;
     /** Callback function for next link */

package/lib/components/pager/pager.component.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Pager = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _select = require("../select");
 var _pagerNavigation = _interopRequireDefault(require("./__internal__/pager-navigation.component"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 var _pager = require("./pager.style");
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -133,10 +133,8 @@ const Pager = ({
   };
   const renderTotalRecords = () => showTotalRecords && l.pager.records(totalRecords);
   return /*#__PURE__*/_react.default.createElement(_pager.StyledPagerContainer, _extends({
-    "data-component": "pager",
-    "data-role": "pager",
     variant: variant
-  }, rest), /*#__PURE__*/_react.default.createElement(_pager.StyledPagerSizeOptions, null, renderPageSizeOptions()), /*#__PURE__*/_react.default.createElement(_pagerNavigation.default, {
+  }, rest, (0, _tags.default)("pager", rest)), /*#__PURE__*/_react.default.createElement(_pager.StyledPagerSizeOptions, null, renderPageSizeOptions()), /*#__PURE__*/_react.default.createElement(_pagerNavigation.default, {
     pageSize: currentPageSize,
     currentPage: page,
     interactivePageNumber: interactivePageNumber,

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { PaddingProps } from "styled-system";
-export interface PageProps extends PaddingProps {
+import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
+export interface PageProps extends PaddingProps, TagProps {
     /** The title for the page, normally a Heading component. */
     title?: React.ReactNode;
     /** This component supports children. */

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
 var _fullScreenHeading = _interopRequireDefault(require("../../../__internal__/full-screen-heading"));

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

@@ -1,7 +1,8 @@
 import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import Page from "./page";
 import { ThemeObject } from "../../style/themes/base";
-export interface PagesProps {
+export interface PagesProps extends TagProps {
     /** The selected tab on page load */
     initialpageIndex?: number | string;
     /** The current page's index */

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

@@ -11,7 +11,6 @@ Object.defineProperty(exports, "Page", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _page = _interopRequireDefault(require("./page"));
@@ -80,7 +79,7 @@ const Pages = ({
   }, [incomingPageIndex, pageIndex, verifyNewIndex]);
 
   /** Renders the Slide Component */
-  return /*#__PURE__*/_react.default.createElement(_pages.PagesWrapperStyle, (0, _tags.default)("carousel", props), /*#__PURE__*/_react.default.createElement(_pages.PagesContent, {
+  return /*#__PURE__*/_react.default.createElement(_pages.PagesWrapperStyle, (0, _tags.default)("pages", props), /*#__PURE__*/_react.default.createElement(_pages.PagesContent, {
     className: "carbon-carousel__content"
   }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, handleVisiblePage())));
 };

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { TextboxProps } from "../textbox";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export interface PasswordProps extends TextboxProps, TagProps {
+export interface PasswordProps extends Omit<TextboxProps, "data-component"> {
     /** When `true` input `type` is `password` and text is obscured. */
     forceObscurity?: boolean;
 }

package/lib/components/password/password.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Password = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _password = require("./password.style");
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
@@ -25,13 +24,13 @@ const Password = ({
   const l = (0, _useLocale.default)();
   const [passwordShown, setPasswordShown] = (0, _react.useState)(false);
   const visibleInput = !forceObscurity && passwordShown;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_password.StyledPassword, _extends({}, (0, _tags.default)("password", rest), {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_password.StyledPassword, _extends({
     "data-element": "styled-password-container",
     id: internalInputId.current,
     autoComplete: "off",
     type: visibleInput ? "text" : "password",
     disabled: disabled
-  }, rest), /*#__PURE__*/_react.default.createElement(_buttonMinor.default, {
+  }, rest, (0, _tags.default)("password", rest)), /*#__PURE__*/_react.default.createElement(_buttonMinor.default, {
     "aria-label": visibleInput ? "Hide password" : "Show password",
     "aria-controls": internalInputId.current,
     onClick: () => setPasswordShown(!passwordShown),

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

@@ -1,16 +1,13 @@
 import React from "react";
 import { StyledPillProps } from "./pill.style";
-export interface PillProps extends StyledPillProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export interface PillProps extends StyledPillProps, TagProps {
     /** The content to display inside of the pill.  */
     children: string;
     /** Change the color of a status pill. */
     colorVariant?: "neutral" | "negative" | "positive" | "warning" | "information" | "neutralWhite";
     /** Sets the colour styling when a status pill is rendered on a dark background. */
     isDarkBackground?: boolean;
-    /** 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;
     /** 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. */

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Pill = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pill = _interopRequireDefault(require("./pill.style"));
 var _icon = _interopRequireDefault(require("../icon"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
@@ -41,11 +40,10 @@ const Pill = ({
     pillRole: pillRole,
     size: size,
     borderColor: borderColor,
-    onClick: onClick
-  }, (0, _tags.default)("pill", rest), {
+    onClick: onClick,
     maxWidth: maxWidth,
     wrapText: wrapText
-  }, rest), children, onDelete && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+  }, rest, (0, _tags.default)("pill", rest)), children, onDelete && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
     onClick: onDelete,
     "data-element": "close",
     "aria-label": ariaLabelOfRemoveButton

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

@@ -1,11 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { PodAlignment, PodSize, PodVariant } from "./pod.config";
-export interface PodProps extends MarginProps {
-    /** 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;
+export interface PodProps extends MarginProps, TagProps {
     /** Aligns the title to left, right or center */
     alignTitle?: PodAlignment;
     /** Enables/disables the border around the pod. */

package/lib/components/pod/pod.component.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 var _pod = require("./pod.style");
 var _icon = _interopRequireDefault(require("../icon"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
@@ -15,8 +15,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Pod = /*#__PURE__*/_react.default.forwardRef(({
-  "data-element": dataElement,
-  "data-role": dataRole,
   alignTitle = "left",
   border = true,
   children,
@@ -62,11 +60,8 @@ const Pod = /*#__PURE__*/_react.default.forwardRef(({
     alignTitle: alignTitle,
     internalEditButton: internalEditButton,
     height: typeof height === "number" ? `${height}px` : height,
-    ref: ref,
-    "data-component": "pod",
-    "data-element": dataElement,
-    "data-role": dataRole
-  }, rest), /*#__PURE__*/_react.default.createElement(_pod.StyledBlock, _extends({
+    ref: ref
+  }, rest, (0, _tags.default)("pod", rest)), /*#__PURE__*/_react.default.createElement(_pod.StyledBlock, _extends({
     "data-element": "block",
     "data-role": "pod-block",
     contentTriggersEdit: shouldContentHaveEditEvents,
@@ -148,182 +143,5 @@ const Pod = /*#__PURE__*/_react.default.forwardRef(({
     type: "delete"
   }))));
 });
-if (process.env.NODE_ENV !== "production") {
-  Pod.propTypes = {
-    "alignTitle": _propTypes.default.oneOf(["center", "left", "right"]),
-    "border": _propTypes.default.bool,
-    "children": _propTypes.default.node,
-    "data-element": _propTypes.default.string,
-    "data-role": _propTypes.default.string,
-    "displayEditButtonOnHover": _propTypes.default.bool,
-    "editContentFullWidth": _propTypes.default.bool,
-    "footer": _propTypes.default.node,
-    "height": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-    "internalEditButton": _propTypes.default.bool,
-    "m": _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]),
-    "margin": _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]),
-    "marginBottom": _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]),
-    "marginLeft": _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]),
-    "marginRight": _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]),
-    "marginTop": _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]),
-    "marginX": _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]),
-    "marginY": _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]),
-    "mb": _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]),
-    "ml": _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]),
-    "mr": _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]),
-    "mt": _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]),
-    "mx": _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]),
-    "my": _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]),
-    "onDelete": _propTypes.default.func,
-    "onEdit": _propTypes.default.func,
-    "onUndo": _propTypes.default.func,
-    "size": _propTypes.default.oneOf(["extra-large", "extra-small", "large", "medium", "small"]),
-    "softDelete": _propTypes.default.bool,
-    "subtitle": _propTypes.default.node,
-    "title": _propTypes.default.node,
-    "triggerEditOnContent": _propTypes.default.bool,
-    "variant": _propTypes.default.oneOf(["primary", "secondary", "tertiary", "tile", "transparent"])
-  };
-}
 Pod.displayName = "Pod";
 var _default = exports.default = Pod;

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

@@ -22,7 +22,7 @@ export interface RenderCloseProps {
     closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
 }
 export declare const renderClose: ({ "data-element": dataElement, tabIndex, onClick, ref, "aria-label": ariaLabel, closeButtonDataProps, }: RenderCloseProps) => React.JSX.Element;
-export interface PopoverContainerProps extends PaddingProps {
+export interface PopoverContainerProps extends PaddingProps, TagProps {
     /** A function that will render the open component
      *
      * `({tabIndex, isOpen, data-element, onClick, ref, aria-label}) => ()`