Rename @uifabric/experiments to @fluentui/react-experiments (#15566)

.github/CODEOWNERS

@@ -153,8 +153,8 @@ packages/react-internal/src/components/TextField/ @ecraig12345
 packages/react-internal/src/components/Tooltip/ @micahgodbolt
 
 ## Experiments
-packages/experiments/src/components/Pagination/ @caradong
-packages/experiments/src/components/Signals/ @ThomasMichon
-packages/experiments/src/components/Tile/ @ThomasMichon
-packages/experiments/src/components/TileList/ @ThomasMichon
-packages/experiments/src/components/Toggle/ @khmakoto
+packages/react-experiments/src/components/Pagination/ @caradong
+packages/react-experiments/src/components/Signals/ @ThomasMichon
+packages/react-experiments/src/components/Tile/ @ThomasMichon
+packages/react-experiments/src/components/TileList/ @ThomasMichon
+packages/react-experiments/src/components/Toggle/ @khmakoto

.github/ISSUE_TEMPLATE/new_component.md

@@ -36,7 +36,7 @@ See https://github.com/microsoft/fluentui/wiki/Component-Design#build-many-small
 
 ### Intended package/s
 
-<!-- If this is a prototype component, start in @uifabric/experiments. If you feel that there is a new package required, please indicate the requested name here. -->
+<!-- If this is a prototype component, start in @fluentui/react-experiments. If you feel that there is a new package required, please indicate the requested name here. -->
 
 ## Component code
 

.vscode/tasks.json

@@ -27,7 +27,7 @@
       "label": "Typescript (experiments) watch",
       "type": "process",
       "command": "node",
-      "args": ["./node_modules/typescript/bin/tsc", "-p", "packages/experiments/tsconfig.json", "-w", "--noEmit"],
+      "args": ["./node_modules/typescript/bin/tsc", "-p", "packages/react-experiments/tsconfig.json", "-w", "--noEmit"],
       "problemMatcher": "$tsc",
       "group": {
         "kind": "build",

apps/perf-test/README.md

@@ -2,7 +2,7 @@ Performance testing with flamegraphs is a feature that runs on all PRs opened ag
 
 ## Sample Performance Test Results Table
 
-Linked from [#9516](https://github.com/microsoft/fluentui/pull/9516#issuecomment-503795745), which made perf improvements to "New" Button components in `packages/experiments`, is a sample perf test comment:
+Linked from [#9516](https://github.com/microsoft/fluentui/pull/9516#issuecomment-503795745), which made perf improvements to "New" Button components in `packages/react-experiments`, is a sample perf test comment:
 
 Component Perf Analysis:
 

apps/pr-deploy-site/just.config.ts

@@ -31,7 +31,7 @@ const dependencies = [
   '@fluentui/react-toggle',
   '@fluentui/react-charting',
   '@uifabric/date-time',
-  '@uifabric/experiments',
+  '@fluentui/react-experiments',
   '@fluentui/public-docsite',
   '@fluentui/public-docsite-resources',
   '@fluentui/react',

apps/pr-deploy-site/pr-deploy-site.js

@@ -80,8 +80,8 @@ const siteInfo = [
     title: 'Toggle',
   },
   {
-    package: '@uifabric/experiments',
-    link: './experiments/demo/index.html',
+    package: '@fluentui/react-experiments',
+    link: './react-experiments/demo/index.html',
     icon: 'TestBeaker',
     title: 'Experiments',
   },

apps/public-docsite/package.json

@@ -48,7 +48,7 @@
     "@microsoft/load-themed-styles": "^1.10.26",
     "@uifabric/api-docs": "^7.5.18",
     "@uifabric/example-app-base": "^7.15.18",
-    "@uifabric/experiments": "^7.33.1",
+    "@fluentui/react-experiments": "^7.33.1",
     "@fluentui/public-docsite-resources": "^7.8.18",
     "@uifabric/file-type-icons": "^7.6.9",
     "@uifabric/icons": "^7.5.8",

apps/public-docsite/src/components/Nav/Nav.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CollapsibleSection } from '@uifabric/experiments';
+import { CollapsibleSection } from '@fluentui/react-experiments';
 import {
   css,
   FocusZone,

apps/public-docsite/src/pages/Styles/FileTypeIconsPage/docs/web/FileTypeIconsImplementation.md

@@ -19,7 +19,7 @@ When specifying `size`, stick to these default sizes so the images appear as int
 
 #### References
 
-Here's a [simple demo](https://github.com/microsoft/fluentui/blob/master/packages/react-examples/src/experiments/FileTypeIcon/FileTypeIcon.Basic.Example.tsx) of how to use the [`@uifabric/file-type-icons` package](https://github.com/microsoft/fluentui/tree/master/packages/file-type-icons).  The code for the main method you'll use ([`getFileTypeIconProps`](https://github.com/microsoft/fluentui/blob/master/packages/file-type-icons/src/getFileTypeIconProps.ts)) is also well-commented. The icons are kept up-to-date on Fluent UI's CDN, so we recommend not copying or referencing these assets directly.
+Here's a [simple demo](https://github.com/microsoft/fluentui/blob/master/packages/react-examples/src/react-experiments/FileTypeIcon/FileTypeIcon.Basic.Example.tsx) of how to use the [`@uifabric/file-type-icons` package](https://github.com/microsoft/fluentui/tree/master/packages/file-type-icons).  The code for the main method you'll use ([`getFileTypeIconProps`](https://github.com/microsoft/fluentui/blob/master/packages/file-type-icons/src/getFileTypeIconProps.ts)) is also well-commented. The icons are kept up-to-date on Fluent UI's CDN, so we recommend not copying or referencing these assets directly.
 
 #### Map icons to extensions - [TypeScript mapping file](https://github.com/microsoft/fluentui/blob/master/packages/file-type-icons/src/FileTypeIconMap.ts)
 

apps/vr-tests/package.json

@@ -30,7 +30,7 @@
     "@uifabric/build": "^7.0.0",
     "@uifabric/date-time": "^7.17.16",
     "@uifabric/example-data": "^7.1.5",
-    "@uifabric/experiments": "^7.33.1",
+    "@fluentui/react-experiments": "^7.33.1",
     "@uifabric/react-cards": "^0.113.3",
     "@uifabric/react-hooks": "^7.13.5",
     "@uifabric/set-version": "^7.0.23",

apps/vr-tests/src/stories/Card.stories.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Screener from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { FabricDecoratorFullWidth } from '../utilities/index';
-import { Button, IButtonStyles, IButtonTokens } from '@uifabric/experiments';
+import { Button, IButtonStyles, IButtonTokens } from '@fluentui/react-experiments';
 import {
   Card,
   ICardStyles,

apps/vr-tests/src/stories/FolderCover.stories.tsx

@@ -5,7 +5,7 @@ import {
   getFolderCoverLayout,
   renderFolderCoverWithLayout,
   SharedSignal,
-} from '@uifabric/experiments';
+} from '@fluentui/react-experiments';
 import Screener from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { ISize, fitContentToBounds, Fabric } from '@fluentui/react';

apps/vr-tests/src/stories/Signals.stories.tsx

@@ -20,7 +20,7 @@ import {
   ReadOnlySignal,
   FollowedSignal,
   NotFollowedSignal,
-} from '@uifabric/experiments';
+} from '@fluentui/react-experiments';
 import Screener from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { FabricDecorator } from '../utilities/index';

apps/vr-tests/src/stories/Tile.stories.tsx

@@ -7,7 +7,7 @@ import {
   NewSignal,
   SharedSignal,
   ITileBackgroundProps,
-} from '@uifabric/experiments';
+} from '@fluentui/react-experiments';
 import Screener from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { ISize, fitContentToBounds, Fabric } from '@fluentui/react';

apps/vr-tests/src/utilities/index.ts

@@ -1,5 +1,5 @@
 import { initializeIcons } from '@fluentui/react/lib/Icons';
-import { initializeFolderCovers } from '@uifabric/experiments/lib/FolderCover';
+import { initializeFolderCovers } from '@fluentui/react-experiments/lib/FolderCover';
 
 initializeIcons();
 initializeFolderCovers();

change/@fluentui-react-experiments-2020-10-16-15-18-27-move-experiments.json

@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "Rename @uifabric/experiments to @fluentui/react-experiments",
+  "packageName": "@fluentui/react-experiments",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-16T22:18:21.829Z"
+}

change/@uifabric-experiments-2020-09-29-09-15-10-xgao-theme-cleanup.json

@@ -1,7 +1,7 @@
 {
   "type": "patch",
   "comment": "Remove FluentStyles.",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-09-29T16:14:28.929Z"

change/@uifabric-experiments-2020-09-30-13-43-32-merge-oufr-react.json

@@ -1,7 +1,7 @@
 {
   "type": "minor",
   "comment": "Rename office-ui-fabric-react package and update references",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-09-30T20:43:05.341Z"

change/@uifabric-experiments-2020-10-01-17-52-36-xgao-fix-lintimport.json

@@ -1,7 +1,7 @@
 {
   "type": "patch",
   "comment": "Fix imports to reference physical files.",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-10-02T00:52:29.273Z"

change/@uifabric-experiments-2020-10-02-17-04-03-xgao-export-from-react.json

@@ -1,7 +1,7 @@
 {
   "type": "patch",
   "comment": "Update import paths from foundation package.",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-10-03T00:03:06.469Z"

change/@uifabric-experiments-2020-10-07-11-47-43-dep-fixes.json

@@ -1,7 +1,7 @@
 {
   "type": "patch",
   "comment": "Don't publish demo app; remove unused example-app-base dev dependency",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-10-07T18:47:26.529Z"

change/@uifabric-experiments-2020-10-09-16-58-10-rename-themes.json

@@ -1,7 +1,7 @@
 {
   "type": "patch",
   "comment": "Remove unneeded dep on azure-themes",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-10-09T23:57:57.552Z"

change/@uifabric-experiments-2020-10-09-20-29-07-move-callout.json

@@ -1,7 +1,7 @@
 {
   "type": "patch",
   "comment": "Callout: Move to react-internal",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-10-10T03:28:40.639Z"

change/@uifabric-experiments-2020-10-09-21-12-01-xgao-remove-unused-deps.json

@@ -1,7 +1,7 @@
 {
   "type": "patch",
   "comment": "Remove unneeded package dependencies.",
-  "packageName": "@uifabric/experiments",
+  "packageName": "@fluentui/react-experiments",
   "email": "[email protected]",
   "dependentChangeType": "patch",
   "date": "2020-10-10T04:09:40.887Z"

change/@uifabric-tsx-editor-2020-10-16-15-18-27-move-experiments.json

@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "Update reference to experiments in test",
+  "packageName": "@uifabric/tsx-editor",
+  "email": "[email protected]",
+  "dependentChangeType": "none",
+  "date": "2020-10-16T22:18:27.237Z"
+}

package.json

@@ -53,7 +53,7 @@
     "start:legacy": "yarn workspace @uifabric/public-docsite-resources start",
     "start": "node scripts/start.js",
     "start:northstar": "yarn workspace @fluentui/docs start",
-    "start-exp": "yarn workspace @uifabric/experiments start",
+    "start-exp": "yarn workspace @fluentui/react-experiments start",
     "stats:build": "gulp stats",
     "stats:save": "gulp stats:save",
     "syncpack:list": "syncpack list-mismatches",

packages/react-examples/package.json

@@ -70,7 +70,7 @@
     "@uifabric/date-time": "^7.17.16",
     "@uifabric/example-app-base": "^7.15.18",
     "@uifabric/example-data": "^7.1.5",
-    "@uifabric/experiments": "^7.33.1",
+    "@fluentui/react-experiments": "^7.33.1",
     "@uifabric/file-type-icons": "^7.6.9",
     "@uifabric/foundation": "^7.9.9",
     "@uifabric/icons": "^7.5.8",

packages/react-examples/src/experiments/Button/Button.Example.tsx → packages/react-examples/src/react-experiments/Button/Button.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button } from '@uifabric/experiments';
+import { Button } from '@fluentui/react-experiments';
 import { Icon, CommandBar, Stack, Text } from '@fluentui/react';
 
 const tokens = {

packages/react-examples/src/experiments/Button/Button.Keytips.Example.tsx → packages/react-examples/src/react-experiments/Button/Button.Keytips.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button, MenuButton, IMenuButtonProps, SplitButton } from '@uifabric/experiments';
+import { Button, MenuButton, IMenuButtonProps, SplitButton } from '@fluentui/react-experiments';
 import { Stack, IStackTokens } from '@fluentui/react';
 import { buildKeytipConfigMap, IKeytipConfig, IKeytipConfigMap } from '@fluentui/react/lib/Keytips';
 

packages/react-examples/src/experiments/Button/Button.Slots.Example.tsx → packages/react-examples/src/react-experiments/Button/Button.Slots.Example.tsx

@@ -6,8 +6,8 @@ import {
   IMenuButtonStyles,
   IMenuButtonTokens,
   MenuButton,
-} from '@uifabric/experiments/lib/MenuButton';
-import { ISplitButtonProps, ISplitButtonTokens, SplitButton } from '@uifabric/experiments/lib/SplitButton';
+} from '@fluentui/react-experiments/lib/MenuButton';
+import { ISplitButtonProps, ISplitButtonTokens, SplitButton } from '@fluentui/react-experiments/lib/SplitButton';
 
 interface IRibbonMenuButtonProps extends IMenuButtonProps {
   vertical?: boolean;

packages/react-examples/src/experiments/Button/Button.Styles.Example.tsx → packages/react-examples/src/react-experiments/Button/Button.Styles.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button, MenuButton, IMenuButtonProps } from '@uifabric/experiments';
+import { Button, MenuButton, IMenuButtonProps } from '@fluentui/react-experiments';
 import { createTheme, mergeStyles, Stack } from '@fluentui/react';
 
 const testTheme = createTheme({

packages/react-examples/src/experiments/Button/Button.Toggle.Example.tsx → packages/react-examples/src/react-experiments/Button/Button.Toggle.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button } from '@uifabric/experiments';
+import { Button } from '@fluentui/react-experiments';
 import { Stack, IStackTokens } from '@fluentui/react';
 
 export interface IButtonToggleExampleState {

packages/react-examples/src/experiments/Button/Button.Tokens.Example.tsx → packages/react-examples/src/react-experiments/Button/Button.Tokens.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button } from '@uifabric/experiments';
+import { Button } from '@fluentui/react-experiments';
 import { createTheme, Stack } from '@fluentui/react';
 
 const tokens = {

packages/react-examples/src/experiments/Button/Button.Variants.Example.tsx → packages/react-examples/src/react-experiments/Button/Button.Variants.Example.tsx

@@ -12,7 +12,7 @@ import {
   MenuButton,
   SplitButton,
   ISplitButtonProps,
-} from '@uifabric/experiments';
+} from '@fluentui/react-experiments';
 
 const tokens = {
   sectionStack: {

packages/react-examples/src/experiments/Button/ButtonPage.tsx → packages/react-examples/src/react-experiments/Button/ButtonPage.tsx

@@ -12,15 +12,15 @@ import { ButtonToggleExample } from './Button.Toggle.Example';
 import { ButtonTokensExample } from './Button.Tokens.Example';
 import { ButtonVariantsExample } from './Button.Variants.Example';
 
-const ButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/Button.Example.tsx') as string;
-const MenuButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/MenuButton/MenuButton.Example.tsx') as string;
-const SplitButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/SplitButton/SplitButton.Example.tsx') as string;
-const ButtonKeytipsExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/Button.Keytips.Example.tsx') as string;
-const ButtonSlotsExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/Button.Slots.Example.tsx') as string;
-const ButtonStylesExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/Button.Styles.Example.tsx') as string;
-const ButtonToggleExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/Button.Toggle.Example.tsx') as string;
-const ButtonTokensExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/Button.Tokens.Example.tsx') as string;
-const ButtonVariantsExampleCode = require('!raw-loader!@fluentui/react-examples/src/experiments/Button/Button.Variants.Example.tsx') as string;
+const ButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/Button.Example.tsx') as string;
+const MenuButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/MenuButton/MenuButton.Example.tsx') as string;
+const SplitButtonExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/SplitButton/SplitButton.Example.tsx') as string;
+const ButtonKeytipsExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/Button.Keytips.Example.tsx') as string;
+const ButtonSlotsExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/Button.Slots.Example.tsx') as string;
+const ButtonStylesExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/Button.Styles.Example.tsx') as string;
+const ButtonToggleExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/Button.Toggle.Example.tsx') as string;
+const ButtonTokensExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/Button.Tokens.Example.tsx') as string;
+const ButtonVariantsExampleCode = require('!raw-loader!@fluentui/react-examples/src/react-experiments/Button/Button.Variants.Example.tsx') as string;
 
 export class ButtonPage extends React.Component<IComponentDemoPageProps, {}> {
   public render(): JSX.Element {
@@ -63,13 +63,13 @@ export class ButtonPage extends React.Component<IComponentDemoPageProps, {}> {
         propertiesTables={
           <PropertiesTableSet
             sources={[
-              require<string>('!raw-loader!@uifabric/experiments/src/components/Button/Button.types.tsx'),
+              require<string>('!raw-loader!@fluentui/react-experiments/src/components/Button/Button.types.tsx'),
               require<
                 string
-              >('!raw-loader!@uifabric/experiments/src/components/Button/MenuButton/MenuButton.types.tsx'),
+              >('!raw-loader!@fluentui/react-experiments/src/components/Button/MenuButton/MenuButton.types.tsx'),
               require<
                 string
-              >('!raw-loader!@uifabric/experiments/src/components/Button/SplitButton/SplitButton.types.tsx'),
+              >('!raw-loader!@fluentui/react-experiments/src/components/Button/SplitButton/SplitButton.types.tsx'),
             ]}
           />
         }

packages/react-examples/src/experiments/Button/MenuButton/MenuButton.Example.tsx → packages/react-examples/src/react-experiments/Button/MenuButton/MenuButton.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MenuButton, IMenuButtonProps } from '@uifabric/experiments';
+import { MenuButton, IMenuButtonProps } from '@fluentui/react-experiments';
 import { Stack, Text } from '@fluentui/react';
 
 const menuProps: IMenuButtonProps['menu'] = {

packages/react-examples/src/experiments/Button/SplitButton/SplitButton.Example.tsx → packages/react-examples/src/react-experiments/Button/SplitButton/SplitButton.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SplitButton, ISplitButtonProps } from '@uifabric/experiments';
+import { SplitButton, ISplitButtonProps } from '@fluentui/react-experiments';
 import { Stack } from '@fluentui/react';
 
 const menuProps: ISplitButtonProps['menu'] = {

packages/react-examples/src/experiments/Chiclet/Chiclet.Basic.Example.tsx → packages/react-examples/src/react-experiments/Chiclet/Chiclet.Basic.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Chiclet, ChicletSize } from '@uifabric/experiments/lib/Chiclet';
+import { Chiclet, ChicletSize } from '@fluentui/react-experiments/lib/Chiclet';
 
 const SAMPLE_URL = 'https://contoso.sharepoint.com';
 

packages/react-examples/src/experiments/Chiclet/Chiclet.Breadcrumb.Example.tsx → packages/react-examples/src/react-experiments/Chiclet/Chiclet.Breadcrumb.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Chiclet, ChicletSize } from '@uifabric/experiments';
+import { Chiclet, ChicletSize } from '@fluentui/react-experiments';
 import { Breadcrumb, IBreadcrumbItem } from '@fluentui/react/lib/Breadcrumb';
 import { Icon } from '@fluentui/react/lib/Icon';
 import { TooltipHost, TooltipOverflowMode } from '@fluentui/react/lib/Tooltip';

packages/react-examples/src/experiments/Chiclet/Chiclet.Footer.Example.tsx → packages/react-examples/src/react-experiments/Chiclet/Chiclet.Footer.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Chiclet, ChicletSize } from '@uifabric/experiments';
+import { Chiclet, ChicletSize } from '@fluentui/react-experiments';
 import { IButtonProps, IconButton } from '@fluentui/react/lib/Button';
 import { Text } from '@fluentui/react/lib/Text';
 import { mergeStyles, FontWeights } from '@fluentui/react/lib/Styling';

packages/react-examples/src/experiments/Chiclet/Chiclet.Preview.Example.tsx → packages/react-examples/src/react-experiments/Chiclet/Chiclet.Preview.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Chiclet, ChicletSize } from '@uifabric/experiments/lib/Chiclet';
+import { Chiclet, ChicletSize } from '@fluentui/react-experiments/lib/Chiclet';
 
 const SAMPLE_URL = 'https://contoso.sharepoint.com';
 

packages/react-examples/src/experiments/Chiclet/Chiclet.Xsmall.Example.tsx → packages/react-examples/src/react-experiments/Chiclet/Chiclet.Xsmall.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Chiclet, ChicletSize } from '@uifabric/experiments';
+import { Chiclet, ChicletSize } from '@fluentui/react-experiments';
 
 const SAMPLE_URL = 'https://contoso.sharepoint.com';
 

packages/react-examples/src/experiments/Chiclet/Chiclet.Xsmall.Footer.Example.tsx → packages/react-examples/src/react-experiments/Chiclet/Chiclet.Xsmall.Footer.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Chiclet, ChicletSize } from '@uifabric/experiments/lib/Chiclet';
+import { Chiclet, ChicletSize } from '@fluentui/react-experiments/lib/Chiclet';
 import { IButtonProps, IconButton } from '@fluentui/react/lib/Button';
 import { Icon, IIconProps } from '@fluentui/react/lib/Icon';
 import { Text } from '@fluentui/react/lib/Text';