Merge remote-tracking branch 'origin/master' into FE-6440

Author: paulrobinson88

CHANGELOG.md

@@ -1,3 +1,40 @@
+## [158.30.0](https://github.com/Sage/carbon/compare/v158.29.0...v158.30.0) (2026-02-16)
+
+### Features
+
+* **tabs:** map legacy interface to next version of component ([38a5539](https://github.com/Sage/carbon/commit/38a553946066a3a8ed7f43856490edf9274c408c))
+
+## [158.29.0](https://github.com/Sage/carbon/compare/v158.28.0...v158.29.0) (2026-02-13)
+
+### Features
+
+* **icon:** 3 new icons added ([916ce11](https://github.com/Sage/carbon/commit/916ce11568fe040980053c6595182be4603da67f))
+
+## [158.28.0](https://github.com/Sage/carbon/compare/v158.27.4...v158.28.0) (2026-02-11)
+
+### Features
+
+* **tabs:** add de-De, fr-CA, fr-FR & pt-PT status translations ([562004e](https://github.com/Sage/carbon/commit/562004ece07134174bcdf218ac7b2d6c7dab4f89))
+* **tabs:** update en-GB status translation to include tab title ([e0c3e78](https://github.com/Sage/carbon/commit/e0c3e78af74d47e13ce8cb037f1b72fbe4071405))
+
+## [158.27.4](https://github.com/Sage/carbon/compare/v158.27.3...v158.27.4) (2026-02-10)
+
+### Bug Fixes
+
+* **text-editor:** style selection stuck to paragraph on empty line ([c855567](https://github.com/Sage/carbon/commit/c85556750ec8d0d2de90d172c86e88cbfd8335f4))
+
+## [158.27.3](https://github.com/Sage/carbon/compare/v158.27.2...v158.27.3) (2026-02-10)
+
+### Bug Fixes
+
+* **text-editor:** ensure label click focuses editor ([8896307](https://github.com/Sage/carbon/commit/88963077e79ce5749202a3dbf1c73c0570387a94))
+
+## [158.27.2](https://github.com/Sage/carbon/compare/v158.27.1...v158.27.2) (2026-02-09)
+
+### Bug Fixes
+
+* **text-editor:** move unit tests to playwright ([65f5c25](https://github.com/Sage/carbon/commit/65f5c25697d1e09a6caa555dbad95144de00a8ca))
+
 ## [158.27.1](https://github.com/Sage/carbon/compare/v158.27.0...v158.27.1) (2026-02-04)
 
 ### Bug Fixes

docs/installation.mdx

@@ -34,7 +34,7 @@ npm install carbon-react
 You will need to install the following dependencies in your project, as they are required for Carbon to work:
 
 ```shell
-npm install @sage/design-tokens@^4.0 react@^18.0 react-dom@^18.0 styled-components@^5.3.11
+npm install @sage/design-tokens@^4.0 @sage/design-tokens-fusion@npm:@sage/design-tokens@17.7.0 react@^18.0 react-dom@^18.0 styled-components@^5.3.11
 ```
 
 ### Fonts and icons

docs/usage.mdx

@@ -22,18 +22,22 @@ A basic project `index.(jsx|tsx)` file would resemble this example:
 ```jsx
 import React from "react";
 import { createRoot } from 'react-dom/client';
+
+import TokensWrapper from "carbon-react/lib/components/tokens-wrapper";
 import CarbonProvider from "carbon-react/lib/components/carbon-provider";
 import GlobalStyle from "carbon-react/lib/style/global-style";
 import sageTheme from "carbon-react/lib/style/themes/sage";
-import "carbon-react/lib/style/fonts.css";
 import Typography from "carbon-react/lib/components/typography";
+import "carbon-react/lib/style/fonts.css";
 
 const App = (props) => {
   return (
-    <CarbonProvider theme={sageTheme}>
-      <GlobalStyle />
-      <Typography>Hello Carbon</Typography>
-    </CarbonProvider>
+    <TokensWrapper>
+      <CarbonProvider theme={sageTheme}>
+        <GlobalStyle />
+        <Typography>Hello Carbon</Typography>
+      </CarbonProvider>
+    </TokensWrapper>
   );
 };
 

jest.config.ts

@@ -31,6 +31,8 @@ const baseProjectConfig: Config = {
     "<rootDir>/node_modules",
     "<rootDir>/lib",
     "<rootDir>/esm",
+    "<rootDir>/.storybook",
+    "<rootDir>/scripts",
   ],
   transformIgnorePatterns: [
     `<rootDir>/node_modules/(?!(${esmOnlyPackages.join("|")}))`,

package-lock.json

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

package.json

@@ -1,32 +1,10 @@
 import { Page } from "@playwright/test";
 
 // component preview locators
-export const tabWrapper = (page: Page) => {
-  return page.locator(`[data-role="tab-header-wrapper"]`);
-};
-
-export const tabList = (page: Page) => {
-  return page.locator(`[role="tablist"]`);
-};
-
 export const tabById = (page: Page, id: number) => {
   return page.locator(`[data-tabid="tab-${id}"]`);
 };
 
 export const tabContentById = (page: Page, id: number) => {
-  return page.locator(`[aria-labelledby="tab-${id}-tab"]`);
-};
-
-export const tabTitleById = (page: Page, id: number) => {
-  return page.locator(`#tab-${id}-tab`);
-};
-
-export const navButtonWrapperById = (page: Page, direction: string) => {
-  return page.locator(
-    `[data-role="tab-navigation-button-wrapper-${direction}"]`,
-  );
-};
-
-export const navButtonById = (page: Page, direction: string) => {
-  return page.locator(`[data-role="tab-navigation-button-${direction}"]`);
+  return page.locator(`[aria-labelledby="tab-${id}"]`);
 };

playwright/components/popover-container/index.ts

@@ -17,9 +17,6 @@ import tagComponent, { TagProps } from "../utils/helpers/tags/tags";
 import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint";
 import { IconType } from "../../components/icon";
 import { filterStyledSystemMarginProps } from "../../style/utils";
-import TabContext, {
-  TabContextProps,
-} from "../../components/tabs/tab/__internal__/tab.context";
 import { TabsContext as NewTabsContext } from "../../components/tabs/__next__/tabs.context";
 import { TabContext as NewTabContext } from "../../components/tabs/__next__/tab.context";
 import type {
@@ -149,9 +146,6 @@ const FormField = ({
     useContext<NewTabsContextProps>(NewTabsContext);
   const { tabId } = useContext<NewTabContextProps>(NewTabContext);
 
-  const { setError, setWarning, setInfo } =
-    useContext<TabContextProps>(TabContext);
-
   const marginProps = filterStyledSystemMarginProps(rest);
   const isMounted = useRef(false);
 
@@ -178,22 +172,6 @@ const FormField = ({
     };
   }, [id, setErrors, setWarnings, error, warning, info, tabId, setInfos]);
 
-  // This useEffect handles support for the old Tab instances and can be removed in favour of the above once
-  // the legacy work in Tabs is removed
-  useEffect(() => {
-    if (setError) setError(id, error);
-    if (setWarning) setWarning(id, warning);
-    if (setInfo) setInfo(id, info);
-
-    return () => {
-      if (!isMounted.current) {
-        if (setError && error) setError(id, false);
-        if (setWarning && warning) setWarning(id, false);
-        if (setInfo && info) setInfo(id, false);
-      }
-    };
-  }, [id, setError, setWarning, setInfo, error, warning, info]);
-
   const fieldHelp = fieldHelpContent ? (
     <FieldHelp
       labelInline={inlineLabel}