react-text scaffolding

change/@fluentui-react-examples-9e1f155d-10c7-4cad-8e1d-81e83825d81e.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Remove converged react-text from examples",
+  "packageName": "@fluentui/react-examples",
+  "email": "andredias@microsoft.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-text-159922e7-615e-44ef-87d2-395a206ce8ef.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "react-text scaffolding",
+  "packageName": "@fluentui/react-text",
+  "email": "andredias@microsoft.com",
+  "dependentChangeType": "none"
+}

jest.config.js

@@ -4,6 +4,7 @@ module.exports = {
     '<rootDir>/packages/react-menu',
     '<rootDir>/packages/react-storybook',
     '<rootDir>/packages/react-accordion',
+    '<rootDir>/packages/react-text',
     '<rootDir>/packages/react-portal',
     '<rootDir>/packages/react-aria',
   ],

nx.json

@@ -112,7 +112,7 @@
     "@fluentui/react-storybook": { "implicitDependencies": [] },
     "@fluentui/react-tabs": { "implicitDependencies": [] },
     "@fluentui/react-tabster": { "implicitDependencies": [] },
-    "@fluentui/react-text": { "implicitDependencies": [] },
+    "@fluentui/react-text": { "tags": ["vNext", "platform:web"], "implicitDependencies": [] },
     "@fluentui/react-theme": { "implicitDependencies": [] },
     "@fluentui/react-theme-provider": { "implicitDependencies": [] },
     "@fluentui/react-toggle": { "implicitDependencies": [] },

packages/react-examples/package.json

@@ -62,7 +62,6 @@
     "@fluentui/react-shared-contexts": "^9.0.0-alpha.15",
     "@fluentui/react-slider": "^1.0.0-beta.111",
     "@fluentui/react-tabs": "^1.0.0-beta.113",
-    "@fluentui/react-text": "^0.3.3",
     "@fluentui/react-theme": "^9.0.0-alpha.15",
     "@fluentui/react-theme-provider": "^9.0.0-alpha.43",
     "@fluentui/react-toggle": "^1.0.0-beta.111",

packages/react-examples/src/react-button/Playground.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Checkbox, Dropdown, IDropdownOption, Stack, TextField } from '@fluentui/react';
-import { Text } from '@fluentui/react-text';
+import { Checkbox, Dropdown, IDropdownOption, Stack, Text, TextField } from '@fluentui/react';
 import { PlaygroundProps } from './Playground.types';
 
 const tableStyle: React.CSSProperties = {
@@ -147,7 +146,7 @@ export const Playground = function <TType>(props: PlaygroundProps<TType>): JSX.E
       <React.Fragment key={section.sectionName}>
         <tr>
           <td style={cellStyle} colSpan={2}>
-            <Text variant="title3">{section.sectionName}</Text>
+            <Text variant="medium">{section.sectionName}</Text>
           </td>
         </tr>
         {sectionList}

packages/react-text/.storybook/main.js

@@ -0,0 +1,11 @@
+const rootMain = require('../../../.storybook/main');
+
+module.exports = /** @type {Pick<import('../../../.storybook/main').StorybookConfig,'addons'|'stories'|'webpackFinal'>} */ ({
+  stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
+  addons: [...rootMain.addons],
+  webpackFinal: (config, options) => {
+    const localConfig = { ...rootMain.webpackFinal(config, options) };
+
+    return localConfig;
+  },
+});

packages/react-text/.storybook/preview.js

@@ -0,0 +1,3 @@
+import * as rootPreview from '../../../.storybook/preview';
+
+export const decorators = [...rootPreview.decorators];

packages/react-text/.storybook/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true
+  },
+  "exclude": ["../**/*.test.ts", "../**/*.test.js", "../**/*.test.tsx", "../**/*.test.jsx"],
+  "include": ["../src/**/*", "*.js"]
+}