carbon-react 144.8.1 → 144.9.1

package/esm/components/carbon-provider/__internal__/new-validation.context.d.ts

@@ -4,10 +4,13 @@ export interface NewValidationContextProps {
      *
      * NOTE - Will eventually be set to `true` by default in the future. */
     validationRedesignOptIn?: boolean;
-    /** Feature flag for opting out of styling components to have rounded corners.
+    /** (Deprecated) Feature flag for opting out of styling components to have rounded corners.
      *
-     * NOTE - Will eventually be set to `false` by default in the future. */
+     * NOTE - This feature flag will soon be removed, along with the legacy styling. */
     roundedCornersOptOut?: boolean;
+    /** (Deprecated) Feature flag for opting out of the focus redesign.
+     *
+     * NOTE -  This feature flag will soon be removed, along with the legacy styling. */
     focusRedesignOptOut?: boolean;
 }
 declare const _default: React.Context<NewValidationContextProps>;

package/esm/components/carbon-provider/carbon-provider.component.js

@@ -5,6 +5,9 @@ import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-
 import { sageTheme } from "../../style/themes";
 import NewValidationContext from "./__internal__/new-validation.context";
 import TopModalProvider from "./__internal__/top-modal-provider.component";
+import Logger from "../../__internal__/utils/logger";
+let deprecatedRoundedCornersOptOut = false;
+let deprecatedFocusRedesignOptOut = false;
 export const CarbonProvider = ({
   children,
   theme = sageTheme,
@@ -18,6 +21,14 @@ export const CarbonProvider = ({
   } = useContext(NewValidationContext);
   const roundedCornersOptOutValue = existingRoundedCornersOptOut || roundedCornersOptOut;
   const focusRedesignOptOutValue = existingFocusRedesignOptOut || focusRedesignOptOut;
+  if (!deprecatedRoundedCornersOptOut && roundedCornersOptOutValue) {
+    deprecatedRoundedCornersOptOut = true;
+    Logger.deprecate("The `roundedCornersOptOut` feature flag has been deprecated and will soon be removed. " + "Along with this feature flag, the legacy pre-rounded corners styling will also be removed. ");
+  }
+  if (!deprecatedFocusRedesignOptOut && focusRedesignOptOutValue) {
+    deprecatedFocusRedesignOptOut = true;
+    Logger.deprecate("The `focusRedesignOptOut` feature flag has been deprecated and will soon be removed. " + "Along with this feature flag, the legacy focus styling will also be removed. ");
+  }
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: {
       ...theme,

package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js

@@ -9,9 +9,11 @@ const SidebarHeader = ({
   ...rest
 }) => /*#__PURE__*/React.createElement(StyledSidebarHeader, _extends({
   hasClose: !!closeIcon,
-  id: id,
   "data-component": "sidebar-header",
   p: "27px 32px 32px"
-}, rest), children, closeIcon);
+}, rest), /*#__PURE__*/React.createElement("div", {
+  "data-element": "sidebar-heading",
+  id: id
+}, children), closeIcon);
 SidebarHeader.displayName = "SidebarHeader";
 export default SidebarHeader;

package/lib/components/carbon-provider/__internal__/new-validation.context.d.ts

@@ -4,10 +4,13 @@ export interface NewValidationContextProps {
      *
      * NOTE - Will eventually be set to `true` by default in the future. */
     validationRedesignOptIn?: boolean;
-    /** Feature flag for opting out of styling components to have rounded corners.
+    /** (Deprecated) Feature flag for opting out of styling components to have rounded corners.
      *
-     * NOTE - Will eventually be set to `false` by default in the future. */
+     * NOTE - This feature flag will soon be removed, along with the legacy styling. */
     roundedCornersOptOut?: boolean;
+    /** (Deprecated) Feature flag for opting out of the focus redesign.
+     *
+     * NOTE -  This feature flag will soon be removed, along with the legacy styling. */
     focusRedesignOptOut?: boolean;
 }
 declare const _default: React.Context<NewValidationContextProps>;

package/lib/components/carbon-provider/carbon-provider.component.js

@@ -11,9 +11,12 @@ var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/de
 var _themes = require("../../style/themes");
 var _newValidation = _interopRequireDefault(require("./__internal__/new-validation.context"));
 var _topModalProvider = _interopRequireDefault(require("./__internal__/top-modal-provider.component"));
+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 deprecatedRoundedCornersOptOut = false;
+let deprecatedFocusRedesignOptOut = false;
 const CarbonProvider = ({
   children,
   theme = _themes.sageTheme,
@@ -27,6 +30,14 @@ const CarbonProvider = ({
   } = (0, _react.useContext)(_newValidation.default);
   const roundedCornersOptOutValue = existingRoundedCornersOptOut || roundedCornersOptOut;
   const focusRedesignOptOutValue = existingFocusRedesignOptOut || focusRedesignOptOut;
+  if (!deprecatedRoundedCornersOptOut && roundedCornersOptOutValue) {
+    deprecatedRoundedCornersOptOut = true;
+    _logger.default.deprecate("The `roundedCornersOptOut` feature flag has been deprecated and will soon be removed. " + "Along with this feature flag, the legacy pre-rounded corners styling will also be removed. ");
+  }
+  if (!deprecatedFocusRedesignOptOut && focusRedesignOptOutValue) {
+    deprecatedFocusRedesignOptOut = true;
+    _logger.default.deprecate("The `focusRedesignOptOut` feature flag has been deprecated and will soon be removed. " + "Along with this feature flag, the legacy focus styling will also be removed. ");
+  }
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
     theme: {
       ...theme,

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js

@@ -16,9 +16,11 @@ const SidebarHeader = ({
   ...rest
 }) => /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, _extends({
   hasClose: !!closeIcon,
-  id: id,
   "data-component": "sidebar-header",
   p: "27px 32px 32px"
-}, rest), children, closeIcon);
+}, rest), /*#__PURE__*/_react.default.createElement("div", {
+  "data-element": "sidebar-heading",
+  id: id
+}, children), closeIcon);
 SidebarHeader.displayName = "SidebarHeader";
 var _default = exports.default = SidebarHeader;

package/package.json

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