carbon-react 150.1.0 → 151.1.0

package/lib/components/time/time.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 _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
@@ -256,216 +255,5 @@ const Time = /*#__PURE__*/_react.default.forwardRef(({
     disabled: disabled || readOnly
   })))));
 });
-if (process.env.NODE_ENV !== "production") {
-  Time.propTypes = {
-    "data-element": _propTypes.default.string,
-    "data-role": _propTypes.default.string,
-    "disabled": _propTypes.default.bool,
-    "fieldLabelsAlign": _propTypes.default.oneOf(["left", "right"]),
-    "hoursInputProps": _propTypes.default.shape({
-      "aria-label": _propTypes.default.string,
-      "data-element": _propTypes.default.string,
-      "data-role": _propTypes.default.string,
-      "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-      "id": _propTypes.default.string,
-      "label": _propTypes.default.string,
-      "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
-    }),
-    "inputHint": _propTypes.default.string,
-    "isOptional": _propTypes.default.bool,
-    "label": _propTypes.default.string,
-    "labelAlign": _propTypes.default.oneOf(["left", "right"]),
-    "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]),
-    "minutesInputProps": _propTypes.default.shape({
-      "aria-label": _propTypes.default.string,
-      "data-element": _propTypes.default.string,
-      "data-role": _propTypes.default.string,
-      "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-      "id": _propTypes.default.string,
-      "label": _propTypes.default.string,
-      "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
-    }),
-    "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]),
-    "name": _propTypes.default.string,
-    "onBlur": _propTypes.default.func,
-    "onChange": _propTypes.default.func.isRequired,
-    "readOnly": _propTypes.default.bool,
-    "required": _propTypes.default.bool,
-    "size": _propTypes.default.oneOf(["large", "medium", "small"]),
-    "toggleProps": _propTypes.default.shape({
-      "amToggleProps": _propTypes.default.shape({
-        "data-element": _propTypes.default.string,
-        "data-role": _propTypes.default.string
-      }),
-      "pmToggleProps": _propTypes.default.shape({
-        "data-element": _propTypes.default.string,
-        "data-role": _propTypes.default.string
-      }),
-      "wrapperProps": _propTypes.default.shape({
-        "data-element": _propTypes.default.string,
-        "data-role": _propTypes.default.string
-      })
-    }),
-    "value": _propTypes.default.shape({
-      "formattedHours": _propTypes.default.string,
-      "formattedMinutes": _propTypes.default.string,
-      "hours": _propTypes.default.string.isRequired,
-      "minutes": _propTypes.default.string.isRequired,
-      "period": _propTypes.default.oneOf(["AM", "PM"])
-    }).isRequired
-  };
-}
 Time.displayName = "Time";
 var _default = exports.default = Time;

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

@@ -3,7 +3,7 @@ import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 declare type ToastVariants = "error" | "info" | "success" | "warning" | "notice" | "neutral" | "notification";
 declare type AlignOptions = "left" | "center" | "right";
 declare type AlignYOptions = "top" | "center" | "bottom";
-export interface ToastProps {
+export interface ToastProps extends TagProps {
     /** Sets the horizontal alignment of the component. */
     align?: AlignOptions;
     /** Sets the vertical alignment of the component */
@@ -14,8 +14,6 @@ export interface ToastProps {
     variant?: ToastVariants;
     /** Custom id  */
     id?: string;
-    /** Component name */
-    "data-component"?: string;
     /** Determines if the Toast is open. */
     open?: boolean;
     /** Callback for when dismissed. */

package/lib/components/toast/toast.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Toast = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _icon = _interopRequireDefault(require("../icon"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
@@ -134,7 +133,7 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
       alignY: alignY,
       isNotice: isNotice,
       isNotification: isNotification
-    }, (0, _tags.default)(restProps["data-component"] || "toast", restProps), {
+    }, (0, _tags.default)("toast", restProps), {
       variant: toastVariant,
       id: id,
       maxWidth: maxWidth,
@@ -172,25 +171,5 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
     "aria-labelledby": open ? ariaLabelledBy : undefined
   }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, renderToastContent())));
 });
-if (process.env.NODE_ENV !== "production") {
-  Toast.propTypes = {
-    "align": _propTypes.default.oneOf(["center", "left", "right"]),
-    "alignY": _propTypes.default.oneOf(["bottom", "center", "top"]),
-    "children": _propTypes.default.node,
-    "closeButtonDataProps": _propTypes.default.shape({
-      "data-element": _propTypes.default.string,
-      "data-role": _propTypes.default.string
-    }),
-    "data-component": _propTypes.default.string,
-    "disableAutoFocus": _propTypes.default.bool,
-    "id": _propTypes.default.string,
-    "maxWidth": _propTypes.default.string,
-    "onDismiss": _propTypes.default.func,
-    "open": _propTypes.default.bool,
-    "targetPortalId": _propTypes.default.string,
-    "timeout": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-    "variant": _propTypes.default.oneOf(["error", "info", "neutral", "notice", "notification", "success", "warning"])
-  };
-}
 Toast.displayName = "Toast";
 var _default = exports.default = Toast;

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { TooltipPositions } from "./tooltip.config";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 export declare type InputSizes = "small" | "medium" | "large";
-export interface TooltipProps {
+export interface TooltipProps extends TagProps {
     /** The message to be displayed within the tooltip */
     message: React.ReactNode;
     /** The id attribute to use for the tooltip */

package/lib/components/tooltip/tooltip.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tooltip = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _reactDom = require("@floating-ui/react-dom");
 var _tooltip = _interopRequireDefault(require("./tooltip.style"));
@@ -191,28 +190,5 @@ const Tooltip = exports.Tooltip = /*#__PURE__*/_react.default.forwardRef(({
     style: arrowStyle
   }), message)) : null);
 });
-if (process.env.NODE_ENV !== "production") {
-  Tooltip.propTypes = {
-    "bgColor": _propTypes.default.string,
-    "children": _propTypes.default.element.isRequired,
-    "flipOverrides": _propTypes.default.arrayOf(_propTypes.default.oneOf(["bottom", "left", "right", "top"])),
-    "fontColor": _propTypes.default.string,
-    "id": _propTypes.default.string,
-    "inputSize": _propTypes.default.oneOf(["large", "medium", "small"]),
-    "isPartOfInput": _propTypes.default.bool,
-    "isVisible": _propTypes.default.bool,
-    "message": _propTypes.default.node,
-    "position": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
-    "size": _propTypes.default.oneOf(["large", "medium"]),
-    "target": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    },
-    "type": _propTypes.default.string
-  };
-}
 Tooltip.displayName = "Tooltip";
 var _default = exports.default = Tooltip;

package/lib/components/typography/list.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ListItem = exports.List = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _typography = _interopRequireDefault(require("./typography.component"));
 var _list = _interopRequireDefault(require("./list.context"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -63,6 +63,8 @@ export interface TypographyProps extends SpaceProps, TagProps {
      * @ignore
      * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
+    /** @private @internal @ignore */
+    "data-component"?: string;
 }
 export declare const Typography: {
     ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, className, ...rest }: TypographyProps): React.JSX.Element;

package/lib/components/typography/typography.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VARIANT_TYPES = exports.Typography = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 var _utils = require("../../style/utils");
 var _typography = _interopRequireDefault(require("./typography.style"));

package/lib/components/vertical-divider/vertical-divider.component.d.ts

@@ -1,6 +1,7 @@
 import { SpaceProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
 declare type TintRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
-export interface VerticalDividerProps extends SpaceProps {
+export interface VerticalDividerProps extends SpaceProps, TagProps {
     /** Shorthand for the height attribute */
     h?: number | string;
     /** Height attribute of the component */