carbon-react 146.6.0 → 147.0.0

package/lib/components/message/message.component.js

@@ -15,12 +15,10 @@ var _icon = _interopRequireDefault(require("../icon"));
 var _iconButton = _interopRequireDefault(require("../icon-button"));
 var _utils = require("../../style/utils");
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 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; }
 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); }
-let deprecatedClassNameWarningShown = false;
 const Message = exports.Message = /*#__PURE__*/_react.default.forwardRef(({
   open = true,
   transparent = false,
@@ -29,15 +27,10 @@ const Message = exports.Message = /*#__PURE__*/_react.default.forwardRef(({
   children,
   onDismiss,
   id,
-  className,
   closeButtonAriaLabel,
   showCloseIcon = true,
   ...props
 }, ref) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Message' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const messageRef = (0, _react.useRef)(null);
   const refToPass = ref || messageRef;
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
@@ -53,7 +46,6 @@ const Message = exports.Message = /*#__PURE__*/_react.default.forwardRef(({
     }));
   };
   return open ? /*#__PURE__*/_react.default.createElement(_message.default, _extends({}, (0, _tags.default)("Message", props), {
-    className: className,
     transparent: transparent,
     variant: variant,
     id: id,
@@ -74,7 +66,6 @@ const Message = exports.Message = /*#__PURE__*/_react.default.forwardRef(({
 if (process.env.NODE_ENV !== "production") {
   Message.propTypes = {
     "children": _propTypes.default.node,
-    "className": _propTypes.default.string,
     "closeButtonAriaLabel": _propTypes.default.string,
     "id": _propTypes.default.string,
     "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({

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

@@ -1,7 +1,11 @@
 import React from "react";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export interface ModalProps extends Omit<TagProps, "data-component"> {
-    /** Custom class name  */
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
     /** Modal content */
     children?: React.ReactNode;

package/lib/components/modal/modal.component.js

@@ -13,12 +13,10 @@ var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/e
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
 var _modal = require("./modal.style");
 var _modal2 = _interopRequireDefault(require("./__internal__/modal.context"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 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; }
 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); }
-let deprecatedClassNameWarningShown = false;
 const Modal = ({
   children,
   "data-element": dataElement,
@@ -33,10 +31,6 @@ const Modal = ({
   restoreFocusOnClose = true,
   ...rest
 }) => {
-  if (!deprecatedClassNameWarningShown && rest.className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Modal' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const ref = (0, _react.useRef)(null);
   const backgroundNodeRef = (0, _react.useRef)(null);
   const contentNodeRef = (0, _react.useRef)(null);

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

@@ -12,8 +12,6 @@ export interface PodProps extends MarginProps {
     border?: boolean;
     /** Children elements */
     children?: React.ReactNode;
-    /** Custom className */
-    className?: string;
     /** Determines the padding around the pod */
     size?: PodSize;
     /** Prop to apply a theme to the Pod */

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

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 var _pod = require("./pod.style");
 var _icon = _interopRequireDefault(require("../icon"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
@@ -15,14 +14,12 @@ 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; }
 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); }
-let deprecatedClassNameWarningShown = false;
 const Pod = /*#__PURE__*/_react.default.forwardRef(({
   "data-element": dataElement,
   "data-role": dataRole,
   alignTitle = "left",
   border = true,
   children,
-  className,
   displayEditButtonOnHover,
   editContentFullWidth,
   footer,
@@ -39,10 +36,6 @@ const Pod = /*#__PURE__*/_react.default.forwardRef(({
   variant = "primary",
   ...rest
 }, ref) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Pod' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const [isEditFocused, setEditFocused] = (0, _react.useState)(false);
   const [isEditHovered, setEditHovered] = (0, _react.useState)(false);
   const [isDeleteFocused, setDeleteFocused] = (0, _react.useState)(false);
@@ -67,7 +60,6 @@ const Pod = /*#__PURE__*/_react.default.forwardRef(({
   };
   return /*#__PURE__*/_react.default.createElement(_pod.StyledPod, _extends({
     alignTitle: alignTitle,
-    className: className,
     internalEditButton: internalEditButton,
     height: typeof height === "number" ? `${height}px` : height,
     ref: ref,
@@ -161,7 +153,6 @@ if (process.env.NODE_ENV !== "production") {
     "alignTitle": _propTypes.default.oneOf(["center", "left", "right"]),
     "border": _propTypes.default.bool,
     "children": _propTypes.default.node,
-    "className": _propTypes.default.string,
     "data-element": _propTypes.default.string,
     "data-role": _propTypes.default.string,
     "displayEditButtonOnHover": _propTypes.default.bool,

package/lib/components/portal/portal.d.ts

@@ -2,7 +2,11 @@ import React from "react";
 export interface PortalProps {
     /** The content of the portal. */
     children?: React.ReactNode;
-    /** Classname attached to portal container. */
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
     /** Id attribute attached to portal container. */
     id?: string;

package/lib/components/portal/portal.js

@@ -11,11 +11,9 @@ var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/gui
 var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
 var _portal = _interopRequireDefault(require("./portal.style"));
 var _portal2 = _interopRequireDefault(require("./__internal__/portal.context"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 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; }
-let deprecatedClassNameWarningShown = false;
 const Container = _styledComponents.default.div`
   ${({
   theme
@@ -33,10 +31,6 @@ const Portal = ({
   onReposition,
   inertOptOut
 }) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Portal' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const [portalNode, setPortalNode] = (0, _react.useState)(null);
   const uniqueId = (0, _react.useMemo)(() => (0, _guid.default)(), []);
   const {

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

@@ -4,8 +4,6 @@ import { IconType } from "../icon";
 export declare type PortraitShapes = "circle" | "square";
 export declare type PortraitSizes = "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
 export interface PortraitProps extends MarginProps {
-    /** (Deprecated) An email address registered with Gravatar. */
-    gravatar?: string;
     /** A custom image URL. */
     src?: string;
     /** The size of the Portrait. */
@@ -41,5 +39,5 @@ export interface PortraitProps extends MarginProps {
     /** [Legacy] Override font color of the Tooltip, provide any color from palette or any valid css color value. */
     tooltipFontColor?: string;
 }
-declare const Portrait: ({ alt, name, darkBackground, gravatar, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
+declare const Portrait: ({ alt, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
 export default Portrait;

package/lib/components/portrait/portrait.component.js

@@ -6,24 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _md = _interopRequireDefault(require("crypto-js/md5"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 var _tooltip = _interopRequireDefault(require("../tooltip"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _portrait = require("./portrait.config");
-var _portrait2 = require("./portrait.style");
+var _portrait = require("./portrait.style");
 var _utils = require("../../style/utils");
 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; }
 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); }
-let deprecatedGravatarWarnTriggered = false;
 const Portrait = ({
   alt,
   name,
   darkBackground = false,
-  gravatar = "",
   iconType = "individual",
   initials,
   shape = "circle",
@@ -42,53 +36,29 @@ const Portrait = ({
 }) => {
   const [externalError, setExternalError] = (0, _react.useState)(false);
   const hasValidImg = Boolean(src) && !externalError;
-  !!(src && gravatar) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "The `src` prop cannot be used in conjunction with the `gravatar` prop." + " Please use one or the other.") : (0, _invariant.default)(false) : void 0;
-  const logGravatarDeprecationWarning = () => {
-    deprecatedGravatarWarnTriggered = true;
-    _logger.default.deprecate("The `gravatar` prop has been deprecated and will soon be removed.");
-  };
   (0, _react.useEffect)(() => {
     setExternalError(false);
-  }, [gravatar, src]);
+  }, [src]);
   const tagProps = (0, _tags.default)("portrait", rest);
-  const gravatarSrc = () => {
-    const {
-      dimensions
-    } = _portrait.PORTRAIT_SIZE_PARAMS[size];
-    const base = "https://www.gravatar.com/avatar/";
-    const hash = (0, _md.default)(gravatar.toLowerCase());
-    const fallbackOption = "404"; // "Return an HTTP 404 File Not Found response"
-
-    /** @see https://en.gravatar.com/site/implement/images/#default-image */
-    return `${base}${hash}?s=${dimensions}&d=${fallbackOption}`;
-  };
   const renderComponent = () => {
-    let portrait = /*#__PURE__*/_react.default.createElement(_portrait2.StyledIcon, {
+    let portrait = /*#__PURE__*/_react.default.createElement(_portrait.StyledIcon, {
       type: iconType,
       size: size
     });
     if (initials) {
-      portrait = /*#__PURE__*/_react.default.createElement(_portrait2.StyledPortraitInitials, {
+      portrait = /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitInitials, {
         size: size,
         "data-element": "initials"
       }, initials.slice(0, 3).toUpperCase());
     }
     if (src && !externalError) {
-      portrait = /*#__PURE__*/_react.default.createElement(_portrait2.StyledCustomImg, {
+      portrait = /*#__PURE__*/_react.default.createElement(_portrait.StyledCustomImg, {
         src: src,
         alt: alt || name || "",
         "data-element": "user-image",
         onError: () => setExternalError(true)
       });
     }
-    if (gravatar && !externalError) {
-      portrait = /*#__PURE__*/_react.default.createElement(_portrait2.StyledPortraitGravatar, {
-        src: gravatarSrc(),
-        alt: alt || name || "",
-        onLoad: () => !deprecatedGravatarWarnTriggered && logGravatarDeprecationWarning(),
-        onError: () => setExternalError(true)
-      });
-    }
     if (tooltipMessage) {
       return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         message: tooltipMessage,
@@ -99,7 +69,7 @@ const Portrait = ({
         isVisible: tooltipIsVisible,
         bgColor: tooltipBgColor,
         fontColor: tooltipFontColor
-      }, /*#__PURE__*/_react.default.createElement(_portrait2.StyledPortraitContainer, _extends({}, (0, _utils.filterStyledSystemMarginProps)(rest), {
+      }, /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitContainer, _extends({}, (0, _utils.filterStyledSystemMarginProps)(rest), {
         onClick: onClick
       }, tagProps, {
         hasValidImg: hasValidImg,
@@ -108,7 +78,7 @@ const Portrait = ({
         shape: shape
       }), portrait));
     }
-    return /*#__PURE__*/_react.default.createElement(_portrait2.StyledPortraitContainer, _extends({}, (0, _utils.filterStyledSystemMarginProps)(rest), {
+    return /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitContainer, _extends({}, (0, _utils.filterStyledSystemMarginProps)(rest), {
       onClick: onClick
     }, tagProps, {
       hasValidImg: hasValidImg,

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

@@ -9,7 +9,6 @@ declare type StyledPortraitProps = {
     onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
 };
 export declare const StyledPortraitInitials: import("styled-components").StyledComponent<"div", any, Pick<StyledPortraitProps, "size">, never>;
-export declare const StyledPortraitGravatar: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledCustomImg: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../icon").IconProps & React.RefAttributes<HTMLSpanElement>>, any, Pick<StyledPortraitProps, "size">, never>;
 export declare const StyledPortraitContainer: import("styled-components").StyledComponent<"div", any, StyledPortraitProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/lib/components/portrait/portrait.style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledPortraitInitials = exports.StyledPortraitGravatar = exports.StyledPortraitContainer = exports.StyledIcon = exports.StyledCustomImg = void 0;
+exports.StyledPortraitInitials = exports.StyledPortraitContainer = exports.StyledIcon = exports.StyledCustomImg = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styledSystem = require("styled-system");
 var _base = _interopRequireDefault(require("../../style/themes/base"));
@@ -23,10 +23,6 @@ const StyledPortraitInitials = exports.StyledPortraitInitials = _styledComponent
   height: inherit;
   width: inherit;
 `;
-const StyledPortraitGravatar = exports.StyledPortraitGravatar = _styledComponents.default.img`
-  height: inherit;
-  width: inherit;
-`;
 const StyledCustomImg = exports.StyledCustomImg = _styledComponents.default.img`
   height: inherit;
   min-width: inherit;

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

@@ -2,7 +2,11 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { ProfileSize } from "./profile.config";
 export interface ProfileProps extends MarginProps {
-    /** [Legacy] A custom class name for the component */
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
     /** Custom source URL */
     src?: string;
@@ -14,7 +18,7 @@ export interface ProfileProps extends MarginProps {
     email?: string;
     /** Define read-only text to display. */
     text?: string;
-    /** Define initials to display if there is no Gravatar image. */
+    /** Define initials to display image. */
     initials?: string;
     /** Allow to setup size for the component */
     size?: ProfileSize;

package/lib/components/profile/profile.component.js

@@ -6,13 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Profile = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("../../style/utils");
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _profile = require("./profile.style");
-var _utils = require("../../style/utils");
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
-let deprecatedClassNameWarningShown = false;
 function acronymize(str) {
   if (!str) return "";
   const matches = str.match(/\b\w/g);
@@ -32,10 +30,6 @@ const Profile = ({
   darkBackground,
   ...props
 }) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Profile' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const getInitials = () => {
     if (initials) return initials;
     return acronymize(name).slice(0, 3).toUpperCase();
@@ -54,9 +48,7 @@ const Profile = ({
         "data-element": "user-image"
       }, commonAvatarProps));
     }
-    return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, _extends({
-      gravatar: email
-    }, commonAvatarProps));
+    return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, commonAvatarProps);
   };
   if (!useOfNoNameWarnTriggered && !name && (email || text)) {
     useOfNoNameWarnTriggered = true;

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

@@ -10,5 +10,5 @@ declare const ProfileEmailStyle: import("styled-components").StyledComponent<imp
 declare const ProfileTextStyle: import("styled-components").StyledComponent<"span", any, ProfileSProps, never>;
 declare const ProfileStyle: import("styled-components").StyledComponent<"div", any, Pick<ProfileSProps, "darkBackground" | "hasSrc">, never>;
 declare const ProfileDetailsStyle: import("styled-components").StyledComponent<"div", any, Pick<ProfileSProps, "size" | "hasSrc">, never>;
-declare const ProfileAvatarStyle: import("styled-components").StyledComponent<({ alt, name, darkBackground, gravatar, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: import("../portrait").PortraitProps) => import("react").JSX.Element, any, {}, never>;
+declare const ProfileAvatarStyle: import("styled-components").StyledComponent<({ alt, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: import("../portrait").PortraitProps) => import("react").JSX.Element, any, {}, never>;
 export { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, ProfileTextStyle, };

package/lib/components/settings-row/settings-row.component.d.ts

@@ -12,11 +12,15 @@ export interface SettingsRowProps extends MarginProps {
     description?: React.ReactNode;
     /** Shows a divider below the component. */
     divider?: boolean;
-    /**  The CSS classes to apply to the component. */
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
 }
 export declare const SettingsRow: {
-    ({ title, headingType, children, description, divider, className, ...rest }: SettingsRowProps): React.JSX.Element;
+    ({ title, headingType, children, description, divider, ...rest }: SettingsRowProps): React.JSX.Element;
     displayName: string;
 };
 export default SettingsRow;

package/lib/components/settings-row/settings-row.component.js

@@ -9,24 +9,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _heading = _interopRequireDefault(require("../heading"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _utils = require("../../style/utils");
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 var _settingsRow = require("./settings-row.style");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
-let deprecatedClassNameWarningShown = false;
 const SettingsRow = ({
   title,
   headingType = "h3",
   children,
   description,
   divider = true,
-  className,
   ...rest
 }) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'SettingsRow' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const heading = () => {
     if (!title) return null;
     return /*#__PURE__*/_react.default.createElement(_heading.default, {
@@ -38,7 +31,6 @@ const SettingsRow = ({
     });
   };
   return /*#__PURE__*/_react.default.createElement(_settingsRow.StyledSettingsRow, _extends({
-    className: className,
     hasDivider: divider,
     "data-role": "settings-row"
   }, (0, _tags.default)("settings-row", rest), {

package/lib/components/simple-color-picker/simple-color/simple-color.component.d.ts

@@ -18,7 +18,11 @@ export interface SimpleColorProps {
     checked?: boolean;
     /** determines if this color option is selected or unselected when component is used as uncontrolled */
     defaultChecked?: boolean;
-    /** [Legacy] Custom classname */
+    /**
+     * @private
+     * @ignore
+     * @internal
+     * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
 }
 export declare const SimpleColor: React.ForwardRefExoticComponent<SimpleColorProps & React.RefAttributes<HTMLInputElement>>;

package/lib/components/simple-color-picker/simple-color/simple-color.component.js

@@ -9,17 +9,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
 var _simpleColor = require("./simple-color.style");
-var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
 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; }
 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); }
-let deprecatedClassNameWarningShown = false;
 const SimpleColor = exports.SimpleColor = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  if (!deprecatedClassNameWarningShown && props.className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'SimpleColor' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const {
     onChange,
     onBlur,
@@ -27,9 +21,9 @@ const SimpleColor = exports.SimpleColor = /*#__PURE__*/_react.default.forwardRef
     value,
     name,
     checked = false,
-    className,
     id,
     defaultChecked,
+    className,
     ...rest
   } = props;
   const {

package/lib/components/simple-color-picker/simple-color-picker.component.d.ts

@@ -6,8 +6,6 @@ export interface SimpleColorPickerProps extends ValidationProps, MarginProps {
     children?: React.ReactNode;
     /** prop that represents childWidth */
     childWidth?: string | number;
-    /** Should the onBlur callback prop be initially blocked? */
-    isBlurBlocked?: boolean;
     /** The content for the Legend */
     legend: string;
     /** prop that sets max-width in css */

package/lib/components/simple-color-picker/simple-color-picker.component.js

@@ -22,7 +22,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); }
 let deprecateUncontrolledWarnTriggered = false;
-const isBlurBlockedDeprecateWarnTriggered = false;
 const SimpleColorPicker = exports.SimpleColorPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     children,
@@ -35,7 +34,6 @@ const SimpleColorPicker = exports.SimpleColorPicker = /*#__PURE__*/_react.defaul
     onBlur,
     onKeyDown,
     value,
-    isBlurBlocked = false,
     maxWidth = 300,
     childWidth = 58,
     validationOnLegend,
@@ -54,7 +52,6 @@ const SimpleColorPicker = exports.SimpleColorPicker = /*#__PURE__*/_react.defaul
   !hasProperChildren ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `SimpleColorPicker accepts only children of type \`${_simpleColor.default.displayName}\`.`) : (0, _invariant.default)(false) : void 0;
   const filteredChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child)), [children]);
   const internalRef = (0, _react.useRef)(null);
-  const [blurBlocked, setIsBlurBlocked] = (0, _react.useState)(isBlurBlocked);
   const [focusedElement, setFocusedElement] = (0, _react.useState)(null);
   const itemsPerRow = Math.floor(+maxWidth / +childWidth);
   const rowCount = Math.ceil(filteredChildren?.length / itemsPerRow);
@@ -140,32 +137,17 @@ const SimpleColorPicker = exports.SimpleColorPicker = /*#__PURE__*/_react.defaul
       item?.click();
     }
   }, [onKeyDown, navigationGrid, getElementPosition]);
-  const handleClickOutside = ev => {
-    if (internalRef.current && ev.target && !internalRef.current.contains(ev.target)) {
-      setIsBlurBlocked(false);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    document.addEventListener("mousedown", handleClickOutside);
-    document.addEventListener("keydown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("keydown", handleClickOutside);
-    };
-  });
   const handleOnBlur = ev => {
     ev.preventDefault();
     setTimeout(() => {
       const hasBlurred = !gridItemRefs?.current?.find(colorRef => colorRef === document.activeElement);
       /* istanbul ignore else */
-      if (onBlur && hasBlurred && !blurBlocked) {
+      if (onBlur && hasBlurred) {
         onBlur(ev);
       }
     }, 5);
   };
   const handleOnMouseDown = ev => {
-    setIsBlurBlocked(true);
-
     // If the mousedown event occurred on the currently-focused <SimpleColor>
     if (focusedElement !== null && focusedElement === ev.target) {
       ev.preventDefault();
@@ -173,12 +155,10 @@ const SimpleColorPicker = exports.SimpleColorPicker = /*#__PURE__*/_react.defaul
       // If a different <SimpleColor> is currently focused
     } else if (focusedElement !== null) {
       ev.preventDefault();
-      setIsBlurBlocked(false);
       setFocusedElement(ev.target);
 
       // If no <SimpleColor> is currently focused
     } else {
-      setIsBlurBlocked(true);
       setFocusedElement(ev.target);
     }
   };
@@ -191,10 +171,6 @@ const SimpleColorPicker = exports.SimpleColorPicker = /*#__PURE__*/_react.defaul
     deprecateUncontrolledWarnTriggered = true;
     _logger.default.deprecate("Uncontrolled behaviour in `Simple Color Picker` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
-  if (!isBlurBlockedDeprecateWarnTriggered && isBlurBlocked) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate(`The 'isBlurBlocked' prop in ${SimpleColorPicker.displayName} is deprecated and support will soon be removed.`);
-  }
   return /*#__PURE__*/_react.default.createElement(_fieldset.default, _extends({
     role: "radiogroup",
     legend: legend,
@@ -225,7 +201,6 @@ if (process.env.NODE_ENV !== "production") {
     "childWidth": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
     "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-    "isBlurBlocked": _propTypes.default.bool,
     "legend": _propTypes.default.string.isRequired,
     "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,

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

@@ -4,8 +4,6 @@ export interface TabProps extends PaddingProps {
     title?: string;
     /** A unique ID to identify this specific tab. */
     tabId: string;
-    /** @ignore @private */
-    className?: string;
     /** The child elements of Tab component. */
     children?: React.ReactNode;
     /** @ignore @private Boolean indicating selected state of Tab. */
@@ -42,5 +40,5 @@ export interface TabProps extends PaddingProps {
     /** @private @ignore */
     updateInfos?: (id: string, infos: Record<string, string | boolean>) => void;
 }
-export declare const Tab: ({ ariaLabelledby, className, children, isTabSelected, position, role, tabId, updateErrors, updateWarnings, updateInfos, href, title, titleProps, ...rest }: TabProps) => React.JSX.Element;
+export declare const Tab: ({ ariaLabelledby, children, isTabSelected, position, role, tabId, updateErrors, updateWarnings, updateInfos, href, title, titleProps, ...rest }: TabProps) => React.JSX.Element;
 export default Tab;