carbon-react 146.6.0 → 147.0.0

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

@@ -9,15 +9,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tab = _interopRequireDefault(require("./tab.style"));
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
 var _tab2 = _interopRequireDefault(require("./__internal__/tab.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 Tab = ({
   ariaLabelledby,
-  className,
   children,
   isTabSelected,
   position = "top",
@@ -35,10 +32,6 @@ const Tab = ({
   titleProps,
   ...rest
 }) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Tab' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const [tabErrors, setTabErrors] = (0, _react.useState)({});
   const [tabWarnings, setTabWarnings] = (0, _react.useState)({});
   const [tabInfos, setTabInfos] = (0, _react.useState)({});
@@ -82,7 +75,6 @@ const Tab = ({
       setInfo
     }
   }, /*#__PURE__*/_react.default.createElement(_tab.default, _extends({
-    className: className,
     role: role,
     isTabSelected: isTabSelected,
     "aria-labelledby": ariaLabelledby,

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

@@ -2,8 +2,6 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import Tab from "./tab";
 export interface TabsProps extends MarginProps {
-    /** @ignore @private */
-    className?: string;
     /** Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered */
     renderHiddenTabs?: boolean;
     /** Allows manual control over the currently selected tab. */
@@ -45,5 +43,5 @@ export interface TabsProps extends MarginProps {
      */
     showValidationsSummary?: boolean;
 }
-declare const Tabs: ({ align, className, children, onTabChange, selectedTabId, renderHiddenTabs, position, extendedLine, size, borders, variant, validationStatusOverride, headerWidth, showValidationsSummary, ...rest }: TabsProps) => React.JSX.Element;
+declare const Tabs: ({ align, children, onTabChange, selectedTabId, renderHiddenTabs, position, extendedLine, size, borders, variant, validationStatusOverride, headerWidth, showValidationsSummary, ...rest }: TabsProps) => React.JSX.Element;
 export { Tabs, Tab };

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

@@ -19,15 +19,12 @@ var _tabs = _interopRequireDefault(require("./tabs.style"));
 var _tabsHeader = _interopRequireDefault(require("./__internal__/tabs-header"));
 var _tabTitle = _interopRequireDefault(require("./__internal__/tab-title"));
 var _drawerSidebar = _interopRequireDefault(require("../drawer/__internal__/drawer-sidebar.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 Tabs = ({
   align = "left",
-  className,
   children,
   onTabChange,
   selectedTabId,
@@ -42,10 +39,6 @@ const Tabs = ({
   showValidationsSummary,
   ...rest
 }) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Tabs' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   if (position !== "left" && headerWidth !== undefined) {
     // eslint-disable-next-line no-console
     console.error("Invalid usage of prop headerWidth in Tabs. The headerWidth can be used only if position is set to left");
@@ -293,7 +286,6 @@ const Tabs = ({
     });
   };
   return /*#__PURE__*/_react.default.createElement(_tabs.default, _extends({
-    className: className,
     position: isInSidebar ? "left" : position,
     "data-role": "tabs"
   }, (0, _tags.default)("tabs", rest), {

package/lib/components/tile/flex-tile-cell/flex-tile-cell.component.js

@@ -3509,7 +3509,6 @@ if (process.env.NODE_ENV !== "production") {
       "trimStart": _propTypes.default.func.isRequired,
       "valueOf": _propTypes.default.func.isRequired
     }), _propTypes.default.string]),
-    "tabIndex": _propTypes.default.number,
     "top": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
       "__@iterator": _propTypes.default.func.isRequired,
       "anchor": _propTypes.default.func.isRequired,

package/lib/components/tile-select/tile-select.component.d.ts

@@ -33,8 +33,6 @@ export interface TileSelectProps extends MarginProps {
     onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
     /** determines if this tile is selected or unselected */
     checked?: boolean;
-    /** Custom class name passed to the root element of TileSelect */
-    className?: string;
     /** Type of the TileSelect input */
     type?: "radio" | "checkbox";
     /** Render prop that allows overriding the default action button. */

package/lib/components/tile-select/tile-select.component.js

@@ -12,14 +12,12 @@ var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/gui
 var _button = _interopRequireDefault(require("../button"));
 var _box = _interopRequireDefault(require("../box"));
 var _accordion = _interopRequireDefault(require("./__internal__/accordion"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 var _tileSelect = require("./tile-select.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 deprecatedClassNameWarningShown = false;
 const checkPropTypeIsNode = prop => typeof prop !== "string";
 const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   onChange,
@@ -28,7 +26,6 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   value,
   name,
   checked = false,
-  className,
   disabled,
   title,
   subtitle,
@@ -46,10 +43,6 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   accordionExpanded,
   ...rest
 }, ref) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'TileSelect' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const l = (0, _useLocale.default)();
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
   const handleDeselect = () => onChange?.({
@@ -83,7 +76,6 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   const controlId = `AccordionControl_${guid.current}`;
   return /*#__PURE__*/_react.default.createElement(_tileSelect.StyledTileSelectContainer, _extends({
     checked: checked,
-    className: className,
     disabled: disabled
   }, (0, _tags.default)("tile-select", rest), (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_tileSelect.StyledFocusWrapper, {
     "data-role": "focus-wrapper",
@@ -148,7 +140,6 @@ if (process.env.NODE_ENV !== "production") {
     "actionButtonAdornment": _propTypes.default.node,
     "additionalInformation": _propTypes.default.node,
     "checked": _propTypes.default.bool,
-    "className": _propTypes.default.string,
     "customActionButton": _propTypes.default.func,
     "description": _propTypes.default.node,
     "disabled": _propTypes.default.bool,

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

@@ -12,8 +12,6 @@ export interface ToastProps {
     children: React.ReactNode;
     /** Sets Toast variant */
     variant?: ToastVariants;
-    /** Custom className */
-    className?: string;
     /** Custom id  */
     id?: string;
     /** Component name */

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

@@ -7,7 +7,6 @@ exports.default = exports.Toast = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 var _icon = _interopRequireDefault(require("../icon"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _toast = require("./toast.style");
@@ -21,12 +20,10 @@ 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 Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
   align = "center",
   alignY,
   children,
-  className,
   id,
   maxWidth,
   onDismiss,
@@ -38,10 +35,6 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
   closeButtonDataProps,
   ...restProps
 }, ref) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Toast' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   const isNotice = variant === "notice";
   const isNotification = variant === "notification";
   const locale = (0, _useLocale.default)();
@@ -140,8 +133,7 @@ const Toast = exports.Toast = /*#__PURE__*/_react.default.forwardRef(({
       align: align,
       alignY: alignY,
       isNotice: isNotice,
-      isNotification: isNotification,
-      className: className
+      isNotification: isNotification
     }, (0, _tags.default)(restProps["data-component"] || "toast", restProps), {
       variant: toastVariant,
       id: id,
@@ -185,7 +177,6 @@ if (process.env.NODE_ENV !== "production") {
     "align": _propTypes.default.oneOf(["center", "left", "right"]),
     "alignY": _propTypes.default.oneOf(["bottom", "center", "top"]),
     "children": _propTypes.default.node,
-    "className": _propTypes.default.string,
     "closeButtonDataProps": _propTypes.default.shape({
       "data-element": _propTypes.default.string,
       "data-role": _propTypes.default.string

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

@@ -3,7 +3,7 @@ import TypeIcon from "../message/__internal__/type-icon/type-icon.style";
 import { MessageVariant } from "../message/message.component";
 declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
     align?: "left" | "right" | "center" | undefined;
-    alignY?: "bottom" | "top" | "center" | undefined;
+    alignY?: "top" | "bottom" | "center" | undefined;
     isNotice?: boolean | undefined;
 }, never>;
 declare type ToastVariants = MessageVariant;

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

@@ -1,11 +1,9 @@
 import React from "react";
-import { TypographyProps, VariantTypes } from "./typography.component";
+import { TypographyProps } from "./typography.component";
 export interface ListProps extends TypographyProps {
     children?: React.ReactNode;
 }
-export interface ListItemProps extends TypographyProps {
-    /** (Deprecated) The visual style to apply to the component */
-    variant?: VariantTypes;
+export interface ListItemProps extends Omit<ListProps, "variant"> {
     children?: React.ReactNode;
 }
 declare const List: ({ children, as, variant, ...props }: ListProps) => React.JSX.Element;

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

@@ -8,12 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _typography = _interopRequireDefault(require("./typography.component"));
 var _list = _interopRequireDefault(require("./list.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 childVariantDeprecationWarning = false;
 const getListStyleType = as => {
   if (as === "ul") {
     return "square";
@@ -39,17 +37,14 @@ const ListItem = ({
   children,
   ...props
 }) => {
-  if (props.variant && !childVariantDeprecationWarning) {
-    _logger.default.deprecate("The use of `variant` on `ListItem` is deprecated. Please set it via `List` instead.");
-    childVariantDeprecationWarning = true;
-  }
   const {
     variant: parentListVariant
   } = (0, _react.useContext)(_list.default);
   return /*#__PURE__*/_react.default.createElement(_typography.default, _extends({
     as: "li",
-    variant: parentListVariant,
     m: "0 0 8px 16px"
-  }, props), children);
+  }, props, {
+    variant: parentListVariant
+  }), children);
 };
 exports.ListItem = ListItem;

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

@@ -46,8 +46,6 @@ export interface TypographyProps extends SpaceProps, TagProps {
     bg?: string;
     /** Override the opacity value */
     opacity?: string | number;
-    /** @private @ignore */
-    className?: string;
     /** Set whether it will be visually hidden
      * NOTE: This is for screen readers only and will make a lot of the other props redundant */
     screenReaderOnly?: boolean;
@@ -59,9 +57,15 @@ export interface TypographyProps extends SpaceProps, TagProps {
     isDisabled?: boolean;
     /** @private @ignore Set whether the component should be recognised by assistive technologies */
     "aria-hidden"?: "true" | "false";
+    /**
+     * @private
+     * @internal
+     * @ignore
+     * Sets className for component. INTERNAL USE ONLY. */
+    className?: 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, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: TypographyProps): React.JSX.Element;
+    ({ "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;
     displayName: string;
 };
 export default Typography;

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

@@ -9,10 +9,8 @@ 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"));
-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;
 const VARIANT_TYPES = exports.VARIANT_TYPES = ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "span", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
 const Typography = ({
   "data-component": dataComponent,
@@ -37,16 +35,12 @@ const Typography = ({
   bg,
   opacity,
   children,
-  className,
   screenReaderOnly,
   isDisabled,
   "aria-hidden": ariaHidden,
+  className,
   ...rest
 }) => {
-  if (!deprecatedClassNameWarningShown && className) {
-    _logger.default.deprecate("The 'className' prop has been deprecated and will soon be removed from the 'Typography' component.");
-    deprecatedClassNameWarningShown = true;
-  }
   return /*#__PURE__*/_react.default.createElement(_typography.default, _extends({
     variant: variant,
     as: as,
@@ -68,10 +62,10 @@ const Typography = ({
     backgroundColor: backgroundColor,
     bg: bg,
     opacity: opacity,
-    className: className,
     screenReaderOnly: screenReaderOnly,
     isDisabled: isDisabled,
-    "aria-hidden": ariaHidden
+    "aria-hidden": ariaHidden,
+    className: className
   }, (0, _tags.default)(dataComponent, rest), (0, _utils.filterStyledSystemMarginProps)(rest), (0, _utils.filterStyledSystemPaddingProps)(rest)), children);
 };
 exports.Typography = Typography;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "146.6.0",
+  "version": "147.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",