diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 47dcb0f2e0ad04..84816d15aa9dbe 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -63,7 +63,7 @@ packages/date-time-utilities @lorejoh12 @evlevy @pompomon packages/eslint-plugin/ @ecraig12345 packages/example-app-base/ @ecraig12345 packages/file-type-icons/ @KatherineThayerMicrosoft @jahnp @bigbadcapers -packages/foundation/ @dzearing @khmakoto +packages/foundation-legacy/ @dzearing @khmakoto # packages/icons/ # packages/jest-serializer-merge-styles/ packages/merge-styles/ @dzearing diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index 987643382625d5..29187de9d239da 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -24,7 +24,7 @@ "@fluentui/react": "^7.142.0", "@uifabric/merge-styles": "^7.19.1", "@uifabric/example-app-base": "^7.15.18", - "@uifabric/foundation": "^7.9.9", + "@fluentui/foundation-legacy": "^7.9.9", "@uifabric/variants": "^7.2.21", "@uifabric/set-version": "^7.0.23", "@uifabric/icons": "^7.5.8", diff --git a/apps/theming-designer/src/components/ThemingDesigner.tsx b/apps/theming-designer/src/components/ThemingDesigner.tsx index 0461ac3ffa0312..43b0762a3bd553 100644 --- a/apps/theming-designer/src/components/ThemingDesigner.tsx +++ b/apps/theming-designer/src/components/ThemingDesigner.tsx @@ -19,7 +19,7 @@ import { Samples } from './Samples/index'; import { Stack, IStackProps } from '@fluentui/react/lib/Stack'; import { ThemeDesignerColorPicker } from './ThemeDesignerColorPicker'; import { Text } from '@fluentui/react'; -import { ThemeProvider } from '@uifabric/foundation'; +import { ThemeProvider } from '@fluentui/foundation-legacy'; import { MainPanelWidth } from '../shared/MainPanelStyles'; export interface IThemingDesignerState { diff --git a/change/@fluentui-foundation-legacy-2020-10-19-14-55-55-xgao-rename-legacy-packages.json b/change/@fluentui-foundation-legacy-2020-10-19-14-55-55-xgao-rename-legacy-packages.json new file mode 100644 index 00000000000000..5e2406d260cd6c --- /dev/null +++ b/change/@fluentui-foundation-legacy-2020-10-19-14-55-55-xgao-rename-legacy-packages.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "rename @uifabric/foundation to @fluentui/foundation-legacy", + "packageName": "@fluentui/foundation-legacy", + "email": "xgao@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-19T21:55:45.961Z" +} diff --git a/change/@fluentui-react-cards-2020-10-19-14-55-55-xgao-rename-legacy-packages.json b/change/@fluentui-react-cards-2020-10-19-14-55-55-xgao-rename-legacy-packages.json new file mode 100644 index 00000000000000..0563d63fa5bf15 --- /dev/null +++ b/change/@fluentui-react-cards-2020-10-19-14-55-55-xgao-rename-legacy-packages.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "rename @uifabric/foundation to @fluentui/foundation-legacy", + "packageName": "@fluentui/react-cards", + "email": "xgao@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-19T21:55:51.947Z" +} diff --git a/change/@fluentui-react-experiments-2020-10-19-14-55-55-xgao-rename-legacy-packages.json b/change/@fluentui-react-experiments-2020-10-19-14-55-55-xgao-rename-legacy-packages.json new file mode 100644 index 00000000000000..8a99f5c293e04a --- /dev/null +++ b/change/@fluentui-react-experiments-2020-10-19-14-55-55-xgao-rename-legacy-packages.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "rename @uifabric/foundation to @fluentui/foundation-legacy", + "packageName": "@fluentui/react-experiments", + "email": "xgao@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-19T21:55:52.928Z" +} diff --git a/change/@fluentui-react-internal-2020-10-19-14-55-55-xgao-rename-legacy-packages.json b/change/@fluentui-react-internal-2020-10-19-14-55-55-xgao-rename-legacy-packages.json new file mode 100644 index 00000000000000..bae21b583b9758 --- /dev/null +++ b/change/@fluentui-react-internal-2020-10-19-14-55-55-xgao-rename-legacy-packages.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "rename @uifabric/foundation to @fluentui/foundation-legacy", + "packageName": "@fluentui/react-internal", + "email": "xgao@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-19T21:55:53.882Z" +} diff --git a/change/@uifabric-example-app-base-2020-10-19-14-55-55-xgao-rename-legacy-packages.json b/change/@uifabric-example-app-base-2020-10-19-14-55-55-xgao-rename-legacy-packages.json new file mode 100644 index 00000000000000..4f5e0dda8b5da6 --- /dev/null +++ b/change/@uifabric-example-app-base-2020-10-19-14-55-55-xgao-rename-legacy-packages.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "rename @uifabric/foundation to @fluentui/foundation-legacy.", + "packageName": "@uifabric/example-app-base", + "email": "xgao@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-19T21:55:41.555Z" +} diff --git a/change/@uifabric-foundation-2020-10-15-02-05-19-dep-fixes.json b/change/@uifabric-foundation-2020-10-15-02-05-19-dep-fixes.json index 9a10442c8bca41..a77839c60586a7 100644 --- a/change/@uifabric-foundation-2020-10-15-02-05-19-dep-fixes.json +++ b/change/@uifabric-foundation-2020-10-15-02-05-19-dep-fixes.json @@ -1,7 +1,7 @@ { "type": "none", "comment": "Use webpack config helper and update npmignore", - "packageName": "@uifabric/foundation", + "packageName": "@fluentui/foundation-legacy", "email": "elcraig@microsoft.com", "dependentChangeType": "none", "date": "2020-10-15T08:59:18.081Z" diff --git a/change/@uifabric-foundation-2020-10-16-15-41-44-rename-styling.json b/change/@uifabric-foundation-2020-10-16-15-41-44-rename-styling.json index 26fa689ee1e689..f1370fee220976 100644 --- a/change/@uifabric-foundation-2020-10-16-15-41-44-rename-styling.json +++ b/change/@uifabric-foundation-2020-10-16-15-41-44-rename-styling.json @@ -1,7 +1,7 @@ { "type": "patch", "comment": "Rename @uifabric/styling to @fluentui/style-utilities", - "packageName": "@uifabric/foundation", + "packageName": "@fluentui/foundation-legacy", "email": "elcraig@microsoft.com", "dependentChangeType": "patch", "date": "2020-10-16T22:41:13.875Z" diff --git a/change/@uifabric-tsx-editor-2020-10-19-14-55-55-xgao-rename-legacy-packages.json b/change/@uifabric-tsx-editor-2020-10-19-14-55-55-xgao-rename-legacy-packages.json new file mode 100644 index 00000000000000..4d26ea9af84008 --- /dev/null +++ b/change/@uifabric-tsx-editor-2020-10-19-14-55-55-xgao-rename-legacy-packages.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "rename @uifabric/foundation to @fluentui/foundation-legacy", + "packageName": "@uifabric/tsx-editor", + "email": "xgao@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-19T21:55:55.006Z" +} diff --git a/packages/example-app-base/package.json b/packages/example-app-base/package.json index f7434250270f64..0ff9fc5a564e88 100644 --- a/packages/example-app-base/package.json +++ b/packages/example-app-base/package.json @@ -46,7 +46,7 @@ "@fluentui/theme": "^1.2.1", "@microsoft/load-themed-styles": "^1.10.26", "@uifabric/example-data": "^7.1.5", - "@uifabric/foundation": "^7.9.9", + "@fluentui/foundation-legacy": "^7.9.9", "@uifabric/react-hooks": "^7.13.5", "@uifabric/set-version": "^7.0.23", "@uifabric/tsx-editor": "^0.13.18", diff --git a/packages/example-app-base/src/components/ExampleCard/ExampleCard.tsx b/packages/example-app-base/src/components/ExampleCard/ExampleCard.tsx index 6c14588de666e6..6eb2c82e2d2903 100644 --- a/packages/example-app-base/src/components/ExampleCard/ExampleCard.tsx +++ b/packages/example-app-base/src/components/ExampleCard/ExampleCard.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { CommandButton } from '@fluentui/react/lib/compat/Button'; import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown'; -import { ThemeProvider } from '@uifabric/foundation'; +import { ThemeProvider } from '@fluentui/foundation-legacy'; import { styled, Customizer, diff --git a/packages/foundation/.eslintrc.json b/packages/foundation-legacy/.eslintrc.json similarity index 100% rename from packages/foundation/.eslintrc.json rename to packages/foundation-legacy/.eslintrc.json diff --git a/packages/foundation/.npmignore b/packages/foundation-legacy/.npmignore similarity index 100% rename from packages/foundation/.npmignore rename to packages/foundation-legacy/.npmignore diff --git a/packages/foundation/.npmrc b/packages/foundation-legacy/.npmrc similarity index 100% rename from packages/foundation/.npmrc rename to packages/foundation-legacy/.npmrc diff --git a/packages/foundation/CHANGELOG.json b/packages/foundation-legacy/CHANGELOG.json similarity index 100% rename from packages/foundation/CHANGELOG.json rename to packages/foundation-legacy/CHANGELOG.json diff --git a/packages/foundation/CHANGELOG.md b/packages/foundation-legacy/CHANGELOG.md similarity index 100% rename from packages/foundation/CHANGELOG.md rename to packages/foundation-legacy/CHANGELOG.md diff --git a/packages/foundation/LICENSE b/packages/foundation-legacy/LICENSE similarity index 100% rename from packages/foundation/LICENSE rename to packages/foundation-legacy/LICENSE diff --git a/packages/foundation-legacy/README.md b/packages/foundation-legacy/README.md new file mode 100644 index 00000000000000..52444b0c3ded9d --- /dev/null +++ b/packages/foundation-legacy/README.md @@ -0,0 +1,12 @@ +# @fluentui/foundation-legacy + +**Foundation for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)** +([formerly Office UI Fabric React](https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/)) + +This library is deprecated and Fluent UI React components are no longer built on top of the patterns and utilities from this package. + +To import the foundation: + +```js +import { createStatelessComponent, createComponent } from '@fluentui/foundation-legacy'; +``` diff --git a/packages/foundation/config/api-extractor.json b/packages/foundation-legacy/config/api-extractor.json similarity index 100% rename from packages/foundation/config/api-extractor.json rename to packages/foundation-legacy/config/api-extractor.json diff --git a/packages/foundation/config/tests.js b/packages/foundation-legacy/config/tests.js similarity index 100% rename from packages/foundation/config/tests.js rename to packages/foundation-legacy/config/tests.js diff --git a/packages/foundation/etc/foundation.api.md b/packages/foundation-legacy/etc/foundation-legacy.api.md similarity index 99% rename from packages/foundation/etc/foundation.api.md rename to packages/foundation-legacy/etc/foundation-legacy.api.md index 5258a6ac7f8752..644461388d4ba3 100644 --- a/packages/foundation/etc/foundation.api.md +++ b/packages/foundation-legacy/etc/foundation-legacy.api.md @@ -1,4 +1,4 @@ -## API Report File for "@uifabric/foundation" +## API Report File for "@fluentui/foundation-legacy" > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). diff --git a/packages/foundation/jest.config.js b/packages/foundation-legacy/jest.config.js similarity index 100% rename from packages/foundation/jest.config.js rename to packages/foundation-legacy/jest.config.js diff --git a/packages/foundation/just.config.ts b/packages/foundation-legacy/just.config.ts similarity index 100% rename from packages/foundation/just.config.ts rename to packages/foundation-legacy/just.config.ts diff --git a/packages/foundation/package.json b/packages/foundation-legacy/package.json similarity index 93% rename from packages/foundation/package.json rename to packages/foundation-legacy/package.json index 9e0ead426d4ad5..4e7eb0f198699a 100644 --- a/packages/foundation/package.json +++ b/packages/foundation-legacy/package.json @@ -1,7 +1,7 @@ { - "name": "@uifabric/foundation", + "name": "@fluentui/foundation-legacy", "version": "7.9.9", - "description": "Foundation library for building Fabric components.", + "description": "Legacy utilities for building Fluent UI React components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", "typings": "lib/index.d.ts", diff --git a/packages/foundation/src/IComponent.ts b/packages/foundation-legacy/src/IComponent.ts similarity index 100% rename from packages/foundation/src/IComponent.ts rename to packages/foundation-legacy/src/IComponent.ts diff --git a/packages/foundation/src/IHTMLSlots.ts b/packages/foundation-legacy/src/IHTMLSlots.ts similarity index 100% rename from packages/foundation/src/IHTMLSlots.ts rename to packages/foundation-legacy/src/IHTMLSlots.ts diff --git a/packages/foundation/src/ISlots.ts b/packages/foundation-legacy/src/ISlots.ts similarity index 100% rename from packages/foundation/src/ISlots.ts rename to packages/foundation-legacy/src/ISlots.ts diff --git a/packages/foundation/src/ThemeProvider.tsx b/packages/foundation-legacy/src/ThemeProvider.tsx similarity index 100% rename from packages/foundation/src/ThemeProvider.tsx rename to packages/foundation-legacy/src/ThemeProvider.tsx diff --git a/packages/foundation/src/__snapshots__/slots.test.tsx.snap b/packages/foundation-legacy/src/__snapshots__/slots.test.tsx.snap similarity index 100% rename from packages/foundation/src/__snapshots__/slots.test.tsx.snap rename to packages/foundation-legacy/src/__snapshots__/slots.test.tsx.snap diff --git a/packages/foundation/src/createComponent.test.tsx b/packages/foundation-legacy/src/createComponent.test.tsx similarity index 100% rename from packages/foundation/src/createComponent.test.tsx rename to packages/foundation-legacy/src/createComponent.test.tsx diff --git a/packages/foundation/src/createComponent.tsx b/packages/foundation-legacy/src/createComponent.tsx similarity index 100% rename from packages/foundation/src/createComponent.tsx rename to packages/foundation-legacy/src/createComponent.tsx diff --git a/packages/foundation/src/hooks/controlled.test.tsx b/packages/foundation-legacy/src/hooks/controlled.test.tsx similarity index 100% rename from packages/foundation/src/hooks/controlled.test.tsx rename to packages/foundation-legacy/src/hooks/controlled.test.tsx diff --git a/packages/foundation/src/hooks/controlled.ts b/packages/foundation-legacy/src/hooks/controlled.ts similarity index 100% rename from packages/foundation/src/hooks/controlled.ts rename to packages/foundation-legacy/src/hooks/controlled.ts diff --git a/packages/foundation/src/hooks/index.ts b/packages/foundation-legacy/src/hooks/index.ts similarity index 100% rename from packages/foundation/src/hooks/index.ts rename to packages/foundation-legacy/src/hooks/index.ts diff --git a/packages/foundation/src/index.ts b/packages/foundation-legacy/src/index.ts similarity index 100% rename from packages/foundation/src/index.ts rename to packages/foundation-legacy/src/index.ts diff --git a/packages/foundation/src/next/IComponent.ts b/packages/foundation-legacy/src/next/IComponent.ts similarity index 100% rename from packages/foundation/src/next/IComponent.ts rename to packages/foundation-legacy/src/next/IComponent.ts diff --git a/packages/foundation/src/next/ISlots.ts b/packages/foundation-legacy/src/next/ISlots.ts similarity index 100% rename from packages/foundation/src/next/ISlots.ts rename to packages/foundation-legacy/src/next/ISlots.ts diff --git a/packages/foundation/src/next/composed.test.tsx b/packages/foundation-legacy/src/next/composed.test.tsx similarity index 100% rename from packages/foundation/src/next/composed.test.tsx rename to packages/foundation-legacy/src/next/composed.test.tsx diff --git a/packages/foundation/src/next/composed.tsx b/packages/foundation-legacy/src/next/composed.tsx similarity index 100% rename from packages/foundation/src/next/composed.tsx rename to packages/foundation-legacy/src/next/composed.tsx diff --git a/packages/foundation/src/slots.test.tsx b/packages/foundation-legacy/src/slots.test.tsx similarity index 100% rename from packages/foundation/src/slots.test.tsx rename to packages/foundation-legacy/src/slots.test.tsx diff --git a/packages/foundation/src/slots.tsx b/packages/foundation-legacy/src/slots.tsx similarity index 100% rename from packages/foundation/src/slots.tsx rename to packages/foundation-legacy/src/slots.tsx diff --git a/packages/foundation/src/utilities.ts b/packages/foundation-legacy/src/utilities.ts similarity index 100% rename from packages/foundation/src/utilities.ts rename to packages/foundation-legacy/src/utilities.ts diff --git a/packages/foundation/src/version.ts b/packages/foundation-legacy/src/version.ts similarity index 78% rename from packages/foundation/src/version.ts rename to packages/foundation-legacy/src/version.ts index 485d51e040a400..56a108c8a5e862 100644 --- a/packages/foundation/src/version.ts +++ b/packages/foundation-legacy/src/version.ts @@ -1,4 +1,4 @@ // Do not modify this file; it is generated as part of publish. // The checked in version is a placeholder only and will not be updated. import { setVersion } from '@uifabric/set-version'; -setVersion('@uifabric/foundation', '0.0.0'); +setVersion('@fluentui/foundation-legacy', '0.0.0'); diff --git a/packages/foundation/tsconfig.json b/packages/foundation-legacy/tsconfig.json similarity index 100% rename from packages/foundation/tsconfig.json rename to packages/foundation-legacy/tsconfig.json diff --git a/packages/foundation/webpack.config.js b/packages/foundation-legacy/webpack.config.js similarity index 76% rename from packages/foundation/webpack.config.js rename to packages/foundation-legacy/webpack.config.js index ce0ee38e9272d8..39485b0124606c 100644 --- a/packages/foundation/webpack.config.js +++ b/packages/foundation-legacy/webpack.config.js @@ -1,5 +1,5 @@ const resources = require('../../scripts/webpack/webpack-resources'); module.exports = resources.createBundleConfig({ - output: 'FabricFoundation', + output: 'FluentUIFoundationLegacy', }); diff --git a/packages/foundation/README.md b/packages/foundation/README.md deleted file mode 100644 index 91e15cce32d146..00000000000000 --- a/packages/foundation/README.md +++ /dev/null @@ -1,12 +0,0 @@ -# @uifabric/foundation - -**Foundation for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)** -([formerly Office UI Fabric React](https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/)) - -This library provides the foundation for creating and using Fluent UI React components. - -To import the foundation: - -```js -import { createStatelessComponent, createComponent } from '@uifabric/foundation'; -``` diff --git a/packages/react-cards/etc/react-cards.api.md b/packages/react-cards/etc/react-cards.api.md index b5aaf88d01b1a5..6361211daa13f0 100644 --- a/packages/react-cards/etc/react-cards.api.md +++ b/packages/react-cards/etc/react-cards.api.md @@ -5,9 +5,9 @@ ```ts import { IBaseProps } from '@fluentui/react/lib/Utilities'; -import { IComponent } from '@uifabric/foundation'; -import { IComponentStyles } from '@uifabric/foundation'; -import { ISlotProp } from '@uifabric/foundation'; +import { IComponent } from '@fluentui/foundation-legacy'; +import { IComponentStyles } from '@fluentui/foundation-legacy'; +import { ISlotProp } from '@fluentui/foundation-legacy'; import { IStackItemProps } from '@fluentui/react/lib/Stack'; import { IStackItemSlots } from '@fluentui/react/lib/Stack'; import { IStackItemTokens } from '@fluentui/react/lib/Stack'; @@ -15,7 +15,7 @@ import { IStackProps } from '@fluentui/react/lib/Stack'; import { IStackSlot } from '@fluentui/react/lib/Stack'; import { IStackSlots } from '@fluentui/react/lib/Stack'; import { IStackTokens } from '@fluentui/react/lib/Stack'; -import { IStyleableComponentProps } from '@uifabric/foundation'; +import { IStyleableComponentProps } from '@fluentui/foundation-legacy'; import * as React from 'react'; // @public (undocumented) diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index 7bde959c9251b2..5120864a0adfa3 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -52,7 +52,7 @@ "@fluentui/react-theme-provider": "^0.14.2", "@fluentui/theme": "^1.2.1", "@microsoft/load-themed-styles": "^1.10.26", - "@uifabric/foundation": "^7.9.9", + "@fluentui/foundation-legacy": "^7.9.9", "@uifabric/react-hooks": "^7.13.5", "@uifabric/set-version": "^7.0.23", "@uifabric/utilities": "^7.32.3", diff --git a/packages/react-cards/src/components/Card/Card.ts b/packages/react-cards/src/components/Card/Card.ts index f6c9afea51acc5..ba7e3e90c6edef 100644 --- a/packages/react-cards/src/components/Card/Card.ts +++ b/packages/react-cards/src/components/Card/Card.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { CardView } from './Card.view'; import { CardStyles as styles, CardTokens as tokens } from './Card.styles'; import { ICardProps } from './Card.types'; diff --git a/packages/react-cards/src/components/Card/Card.types.ts b/packages/react-cards/src/components/Card/Card.types.ts index cba9a93f6e6a5e..a8da9459c39d9a 100644 --- a/packages/react-cards/src/components/Card/Card.types.ts +++ b/packages/react-cards/src/components/Card/Card.types.ts @@ -1,7 +1,7 @@ import * as React from 'react'; import { IStackSlot, IStackTokens } from '@fluentui/react/lib/Stack'; import { IBaseProps } from '@fluentui/react/lib/Utilities'; -import { IComponent, IComponentStyles, IStyleableComponentProps } from '@uifabric/foundation'; +import { IComponent, IComponentStyles, IStyleableComponentProps } from '@fluentui/foundation-legacy'; /** * {@docCategory Card} diff --git a/packages/react-cards/src/components/Card/Card.view.tsx b/packages/react-cards/src/components/Card/Card.view.tsx index 3b5bea9e1c8a41..ec701a34fcc1d2 100644 --- a/packages/react-cards/src/components/Card/Card.view.tsx +++ b/packages/react-cards/src/components/Card/Card.view.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import * as React from 'react'; -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { Stack, IStackComponent } from '@fluentui/react/lib/Stack'; import { getNativeProps, htmlElementProperties, warn, KeyCodes } from '@fluentui/react/lib/Utilities'; diff --git a/packages/react-cards/src/components/Card/CardItem/CardItem.ts b/packages/react-cards/src/components/Card/CardItem/CardItem.ts index 8e21ed8753cc51..68e3897606212c 100644 --- a/packages/react-cards/src/components/Card/CardItem/CardItem.ts +++ b/packages/react-cards/src/components/Card/CardItem/CardItem.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { CardItemStyles as styles, CardItemTokens as tokens } from './CardItem.styles'; import { ICardItemProps } from './CardItem.types'; import { CardItemView } from './CardItem.view'; diff --git a/packages/react-cards/src/components/Card/CardItem/CardItem.types.ts b/packages/react-cards/src/components/Card/CardItem/CardItem.types.ts index 08a3c7adf49e3b..d187198be6738a 100644 --- a/packages/react-cards/src/components/Card/CardItem/CardItem.types.ts +++ b/packages/react-cards/src/components/Card/CardItem/CardItem.types.ts @@ -1,4 +1,4 @@ -import { IComponent, IComponentStyles, ISlotProp, IStyleableComponentProps } from '@uifabric/foundation'; +import { IComponent, IComponentStyles, ISlotProp, IStyleableComponentProps } from '@fluentui/foundation-legacy'; import { IStackItemProps, IStackItemSlots, IStackItemTokens } from '@fluentui/react/lib/Stack'; import { IBaseProps } from '@fluentui/react/lib/Utilities'; diff --git a/packages/react-cards/src/components/Card/CardItem/CardItem.view.tsx b/packages/react-cards/src/components/Card/CardItem/CardItem.view.tsx index 1fd4a872d92414..e0d20266291c9e 100644 --- a/packages/react-cards/src/components/Card/CardItem/CardItem.view.tsx +++ b/packages/react-cards/src/components/Card/CardItem/CardItem.view.tsx @@ -1,5 +1,5 @@ /** @jsx withSlots */ -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { Stack } from '@fluentui/react/lib/Stack'; import { ICardItemComponent, ICardItemProps, ICardItemSlots } from './CardItem.types'; diff --git a/packages/react-cards/src/components/Card/CardSection/CardSection.ts b/packages/react-cards/src/components/Card/CardSection/CardSection.ts index 5dbbfd69734319..df97be09b659ed 100644 --- a/packages/react-cards/src/components/Card/CardSection/CardSection.ts +++ b/packages/react-cards/src/components/Card/CardSection/CardSection.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { CardSectionStyles as styles, CardSectionTokens as tokens } from './CardSection.styles'; import { ICardSectionProps } from './CardSection.types'; import { CardSectionView } from './CardSection.view'; diff --git a/packages/react-cards/src/components/Card/CardSection/CardSection.types.ts b/packages/react-cards/src/components/Card/CardSection/CardSection.types.ts index e8aee2c6201818..db11d3cb98bf05 100644 --- a/packages/react-cards/src/components/Card/CardSection/CardSection.types.ts +++ b/packages/react-cards/src/components/Card/CardSection/CardSection.types.ts @@ -1,4 +1,4 @@ -import { IComponent, IComponentStyles, ISlotProp, IStyleableComponentProps } from '@uifabric/foundation'; +import { IComponent, IComponentStyles, ISlotProp, IStyleableComponentProps } from '@fluentui/foundation-legacy'; import { IStackProps, IStackSlots, IStackTokens } from '@fluentui/react/lib/Stack'; import { IBaseProps } from '@fluentui/react/lib/Utilities'; diff --git a/packages/react-cards/src/components/Card/CardSection/CardSection.view.tsx b/packages/react-cards/src/components/Card/CardSection/CardSection.view.tsx index e7bceb8be59268..6446f7eac3f63b 100644 --- a/packages/react-cards/src/components/Card/CardSection/CardSection.view.tsx +++ b/packages/react-cards/src/components/Card/CardSection/CardSection.view.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import * as React from 'react'; -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { Stack } from '@fluentui/react/lib/Stack'; import { ICardSectionComponent, ICardSectionProps, ICardSectionSlots } from './CardSection.types'; diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index d2e374ae855bea..c70febbed7edfe 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -72,7 +72,7 @@ "@uifabric/example-data": "^7.1.5", "@fluentui/react-experiments": "^7.33.1", "@uifabric/file-type-icons": "^7.6.9", - "@uifabric/foundation": "^7.9.9", + "@fluentui/foundation-legacy": "^7.9.9", "@uifabric/icons": "^7.5.8", "@uifabric/merge-styles": "^7.19.1", "@fluentui/react-cards": "^0.113.3", diff --git a/packages/react-examples/src/react-experiments/Slots/Slots.Async.Example.tsx b/packages/react-examples/src/react-experiments/Slots/Slots.Async.Example.tsx index a79bcfc7fde685..e9780e6393295f 100644 --- a/packages/react-examples/src/react-experiments/Slots/Slots.Async.Example.tsx +++ b/packages/react-examples/src/react-experiments/Slots/Slots.Async.Example.tsx @@ -5,7 +5,7 @@ import { ICollapsibleSectionTitleStylesReturnType, } from '@fluentui/react-experiments'; import { ITextProps, Label, Spinner } from '@fluentui/react'; -import { ISlotRender, IHTMLSlot } from '@uifabric/foundation'; +import { ISlotRender, IHTMLSlot } from '@fluentui/foundation-legacy'; // Mock async data container component interface IAsyncDataProps { diff --git a/packages/react-examples/src/react-experiments/Slots/Slots.Recomposition.Example.tsx b/packages/react-examples/src/react-experiments/Slots/Slots.Recomposition.Example.tsx index ef35d1f0fa0155..aec602cbba5a93 100644 --- a/packages/react-examples/src/react-experiments/Slots/Slots.Recomposition.Example.tsx +++ b/packages/react-examples/src/react-experiments/Slots/Slots.Recomposition.Example.tsx @@ -1,9 +1,9 @@ /** @jsx withSlots */ import * as React from 'react'; import { Button, IButtonComponent, IButtonProps, IButtonStyles, IButtonTokens } from '@fluentui/react-experiments'; -import { withSlots } from '@uifabric/foundation'; +import { withSlots } from '@fluentui/foundation-legacy'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { buttonProperties, getNativeProps } from '@uifabric/utilities'; import { Spinner, Stack, IStackProps } from '@fluentui/react'; diff --git a/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Custom.Example.tsx b/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Custom.Example.tsx index 76ec91a2be663e..f8fcb5120bf210 100644 --- a/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Custom.Example.tsx +++ b/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Custom.Example.tsx @@ -23,7 +23,7 @@ import { DefaultButton, PrimaryButton } from '@fluentui/react/lib/compat/Button' import { CollapsibleSectionRecursiveExample } from '@fluentui/react-examples/lib/react-experiments/CollapsibleSection/CollapsibleSection.Recursive.Example'; -import { ThemeProvider } from '@uifabric/foundation'; +import { ThemeProvider } from '@fluentui/foundation-legacy'; const regionStyles: IStackComponent['styles'] = (props, theme): IStackStylesReturnType => ({ root: { diff --git a/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Variant.Example.tsx b/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Variant.Example.tsx index f5341f89d4950b..ad3081943f3405 100644 --- a/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Variant.Example.tsx +++ b/packages/react-examples/src/react-experiments/Theming/Theming.Schemes.Variant.Example.tsx @@ -22,7 +22,7 @@ import { getNeutralVariant, getSoftVariant, getStrongVariant } from '@uifabric/v import { CollapsibleSectionRecursiveExample } from '@fluentui/react-examples/lib/react-experiments/CollapsibleSection/CollapsibleSection.Recursive.Example'; -import { ThemeProvider } from '@uifabric/foundation'; +import { ThemeProvider } from '@fluentui/foundation-legacy'; const regionStyles: IStackComponent['styles'] = (props, theme): IStackStylesReturnType => ({ root: { diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index 0cbf00392c491b..57148aed661f2f 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -57,7 +57,7 @@ "@fluentui/theme": "^1.2.1", "@microsoft/load-themed-styles": "^1.10.26", "@uifabric/example-data": "^7.1.5", - "@uifabric/foundation": "^7.9.9", + "@fluentui/foundation-legacy": "^7.9.9", "@uifabric/icons": "^7.5.8", "@uifabric/merge-styles": "^7.19.1", "@uifabric/react-hooks": "^7.13.5", diff --git a/packages/react-experiments/src/Foundation.ts b/packages/react-experiments/src/Foundation.ts index e06118ad55d588..8c7fb9fc8126ae 100644 --- a/packages/react-experiments/src/Foundation.ts +++ b/packages/react-experiments/src/Foundation.ts @@ -1 +1 @@ -export * from '@uifabric/foundation'; +export * from '@fluentui/foundation-legacy'; diff --git a/packages/react-experiments/src/components/Accordion/Accordion.tsx b/packages/react-experiments/src/components/Accordion/Accordion.tsx index 066d0a3390dee6..3a7bc1e4abcdf8 100644 --- a/packages/react-experiments/src/components/Accordion/Accordion.tsx +++ b/packages/react-experiments/src/components/Accordion/Accordion.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import * as React from 'react'; -import { createComponent, withSlots, getSlots } from '@uifabric/foundation'; +import { createComponent, withSlots, getSlots } from '@fluentui/foundation-legacy'; import { CollapsibleSection, ICollapsibleSectionProps } from '../../CollapsibleSection'; import { IAccordionComponent, IAccordionProps, IAccordionSlots } from './Accordion.types'; import { styles } from './Accordion.styles'; diff --git a/packages/react-experiments/src/components/Accordion/Accordion.types.ts b/packages/react-experiments/src/components/Accordion/Accordion.types.ts index 46cc4b0dc1c889..fa459d106ccb94 100644 --- a/packages/react-experiments/src/components/Accordion/Accordion.types.ts +++ b/packages/react-experiments/src/components/Accordion/Accordion.types.ts @@ -1,5 +1,5 @@ import { IStyle } from '../../Styling'; -import { IComponent, IHTMLSlot, IStyleableComponentProps } from '@uifabric/foundation'; +import { IComponent, IHTMLSlot, IStyleableComponentProps } from '@fluentui/foundation-legacy'; export type IAccordionComponent = IComponent; diff --git a/packages/react-experiments/src/components/Button/Actionable/Actionable.ts b/packages/react-experiments/src/components/Button/Actionable/Actionable.ts index 19b10578b62a08..18289dc7a0c785 100644 --- a/packages/react-experiments/src/components/Button/Actionable/Actionable.ts +++ b/packages/react-experiments/src/components/Button/Actionable/Actionable.ts @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { ActionableStyles as styles, ActionableTokens as tokens } from './Actionable.styles'; import { IActionableProps } from './Actionable.types'; import { useActionableState as state } from './Actionable.state'; diff --git a/packages/react-experiments/src/components/Button/Actionable/Actionable.types.ts b/packages/react-experiments/src/components/Button/Actionable/Actionable.types.ts index 05ad97422c704b..d1f7167d9a71c6 100644 --- a/packages/react-experiments/src/components/Button/Actionable/Actionable.types.ts +++ b/packages/react-experiments/src/components/Button/Actionable/Actionable.types.ts @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { IComponent } from '@uifabric/foundation/lib/next/IComponent'; +import { IComponent } from '@fluentui/foundation-legacy/lib/next/IComponent'; import { IFontWeight, IKeytipProps } from '@fluentui/react'; import { IComponentStyles, @@ -8,7 +8,7 @@ import { ISlotProp, ISlottableProps, IStyleableComponentProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; import { IBaseProps } from '../../../Utilities'; /** diff --git a/packages/react-experiments/src/components/Button/Actionable/Actionable.view.tsx b/packages/react-experiments/src/components/Button/Actionable/Actionable.view.tsx index 31ddeec869f83c..376c5f70e648a3 100644 --- a/packages/react-experiments/src/components/Button/Actionable/Actionable.view.tsx +++ b/packages/react-experiments/src/components/Button/Actionable/Actionable.view.tsx @@ -1,7 +1,7 @@ /** @jsx withSlots */ import * as React from 'react'; import { KeytipData } from '@fluentui/react'; -import { withSlots } from '@uifabric/foundation'; +import { withSlots } from '@fluentui/foundation-legacy'; import { getNativeProps, anchorProperties, buttonProperties } from '../../../Utilities'; import { IActionableComponent, IActionableViewProps } from './Actionable.types'; diff --git a/packages/react-experiments/src/components/Button/Button.tsx b/packages/react-experiments/src/components/Button/Button.tsx index a9a3022239d634..c6aaf5d8c1af7b 100644 --- a/packages/react-experiments/src/components/Button/Button.tsx +++ b/packages/react-experiments/src/components/Button/Button.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { useButtonState as state } from './Button.state'; import { ButtonStyles as styles, ButtonTokens as tokens } from './Button.styles'; import { IButtonProps } from './Button.types'; diff --git a/packages/react-experiments/src/components/Button/Button.types.tsx b/packages/react-experiments/src/components/Button/Button.types.tsx index ef4f633a85130c..83089ac18efcd4 100644 --- a/packages/react-experiments/src/components/Button/Button.types.tsx +++ b/packages/react-experiments/src/components/Button/Button.types.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { IComponent } from '@uifabric/foundation/lib/next/IComponent'; +import { IComponent } from '@fluentui/foundation-legacy/lib/next/IComponent'; import { IRawFontStyle, IRawStyleBase } from '@uifabric/merge-styles/lib/IRawStyleBase'; import { ITextSlot } from '@fluentui/react'; -import { IComponentStyles, ISlottableProps, ISlotProp, IStyleableComponentProps } from '@uifabric/foundation'; +import { IComponentStyles, ISlottableProps, ISlotProp, IStyleableComponentProps } from '@fluentui/foundation-legacy'; import { IFontIconSlot } from '../../utilities/factoryComponents.types'; import { IBaseProps } from '../../Utilities'; import { diff --git a/packages/react-experiments/src/components/Button/Button.view.tsx b/packages/react-experiments/src/components/Button/Button.view.tsx index 825dddb390c7d2..c25f1e778fad88 100644 --- a/packages/react-experiments/src/components/Button/Button.view.tsx +++ b/packages/react-experiments/src/components/Button/Button.view.tsx @@ -1,7 +1,7 @@ /** @jsx withSlots */ import * as React from 'react'; import { Text, KeytipData } from '@fluentui/react'; -import { withSlots } from '@uifabric/foundation'; +import { withSlots } from '@fluentui/foundation-legacy'; import { getNativeProps, anchorProperties, buttonProperties } from '../../Utilities'; import { FontIcon } from '../../utilities/factoryComponents'; diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/ActionButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/ActionButton.tsx index ea1b6b59e9138c..8c5d18cf66adbb 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/ActionButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/ActionButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; -import { IComponentStyles, IStylesFunction } from '@uifabric/foundation'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; +import { IComponentStyles, IStylesFunction } from '@fluentui/foundation-legacy'; import { FontWeights } from '../../../Styling'; import { useButtonState as state } from '../Button.state'; import { ButtonStyles } from '../Button.styles'; diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/CommandBarButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/CommandBarButton.tsx index 45c0223c7961c7..bfacb8a56afe5a 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/CommandBarButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/CommandBarButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { useButtonState as state } from '../Button.state'; import { ButtonStyles as styles } from '../Button.styles'; import { IButtonComponent, IButtonProps, IButtonTokenReturnType } from '../Button.types'; diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx index 630dc1b027f43d..a99b30c893c098 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; -import { IComponent } from '@uifabric/foundation/lib/next/IComponent'; -import { IComponentStyles, IStylesFunction, ITokenFunction } from '@uifabric/foundation'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; +import { IComponent } from '@fluentui/foundation-legacy/lib/next/IComponent'; +import { IComponentStyles, IStylesFunction, ITokenFunction } from '@fluentui/foundation-legacy'; import { Text, ITextStyles } from '@fluentui/react'; import { parseGap } from '@fluentui/react-internal/lib/components/Stack/StackUtils'; import { HighContrastSelector } from '../../../Styling'; diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/DefaultButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/DefaultButton.tsx index 9084b9a168f35c..080bb204d917a6 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/DefaultButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/DefaultButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { useButtonState as state } from '../Button.state'; import { baseTokens, diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/IconButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/IconButton.tsx index f4b036afa9a080..1d605c853c261d 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/IconButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/IconButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { FontWeights } from '../../../Styling'; import { useButtonState as state } from '../Button.state'; import { ButtonStyles as styles } from '../Button.styles'; diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/MessageBarButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/MessageBarButton.tsx index 11f83fadef8225..8c532e17026cf8 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/MessageBarButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/MessageBarButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; -import { ITokenFunction } from '@uifabric/foundation'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; +import { ITokenFunction } from '@fluentui/foundation-legacy'; import { useButtonState as state } from '../Button.state'; import { ButtonStyles as styles, ButtonTokens } from '../Button.styles'; import { diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/PrimaryButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/PrimaryButton.tsx index 608dde6df35da2..34e20db874e2ec 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/PrimaryButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/PrimaryButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { useButtonState as state } from '../Button.state'; import { baseTokens, diff --git a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.state.ts b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.state.ts index 5c63b67ddb69d3..ee7aaee6913d48 100644 --- a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.state.ts +++ b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.state.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useControlledState } from '@uifabric/foundation'; +import { useControlledState } from '@fluentui/foundation-legacy'; import { KeyCodes } from '../../../Utilities'; import { IMenuButtonComponent, IMenuButtonViewProps } from './MenuButton.types'; diff --git a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.tsx b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.tsx index c0cbf1e92f1bb3..ca632e53bb6d8c 100644 --- a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.tsx +++ b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { useMenuButtonState as state } from './MenuButton.state'; import { MenuButtonStyles as styles, MenuButtonTokens as tokens } from './MenuButton.styles'; import { IMenuButtonProps } from './MenuButton.types'; diff --git a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.types.tsx b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.types.tsx index 1d70969afbb051..3e012819e1620e 100644 --- a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.types.tsx +++ b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.types.tsx @@ -1,13 +1,13 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { IComponent } from '@uifabric/foundation/lib/next/IComponent'; +import { IComponent } from '@fluentui/foundation-legacy/lib/next/IComponent'; import { IComponentStyles, IHTMLSlot, ISlottableProps, ISlotProp, IStyleableComponentProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; import { IContextualMenuSlot, IFontIconSlot } from '../../../utilities/factoryComponents.types'; import { IBaseProps } from '../../../Utilities'; import { diff --git a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.view.tsx b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.view.tsx index e52a2156bc78ee..8d8468afc6cbb7 100644 --- a/packages/react-experiments/src/components/Button/MenuButton/MenuButton.view.tsx +++ b/packages/react-experiments/src/components/Button/MenuButton/MenuButton.view.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import { ContextualMenu, DirectionalHint, Text } from '@fluentui/react'; -import { withSlots } from '@uifabric/foundation'; +import { withSlots } from '@fluentui/foundation-legacy'; import { FontIcon } from '../../../utilities/factoryComponents'; import { Button } from '../Button'; diff --git a/packages/react-experiments/src/components/Button/SplitButton/SplitButton.tsx b/packages/react-experiments/src/components/Button/SplitButton/SplitButton.tsx index 155f6fa3c8af8a..75ce023d77ebc6 100644 --- a/packages/react-experiments/src/components/Button/SplitButton/SplitButton.tsx +++ b/packages/react-experiments/src/components/Button/SplitButton/SplitButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { composed } from '@uifabric/foundation/lib/next/composed'; +import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { useSplitButtonState as state } from './SplitButton.state'; import { SplitButtonStyles as styles, SplitButtonTokens as tokens } from './SplitButton.styles'; import { ISplitButtonProps } from './SplitButton.types'; diff --git a/packages/react-experiments/src/components/Button/SplitButton/SplitButton.types.tsx b/packages/react-experiments/src/components/Button/SplitButton/SplitButton.types.tsx index 62126adf60d702..7e5238d2d43ae4 100644 --- a/packages/react-experiments/src/components/Button/SplitButton/SplitButton.types.tsx +++ b/packages/react-experiments/src/components/Button/SplitButton/SplitButton.types.tsx @@ -1,13 +1,13 @@ import * as React from 'react'; // Temporary import file to experiment with next version of foundation. -import { IComponent } from '@uifabric/foundation/lib/next/IComponent'; +import { IComponent } from '@fluentui/foundation-legacy/lib/next/IComponent'; import { IComponentStyles, IHTMLSlot, ISlotProp, ISlottableProps, IStyleableComponentProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; import { IBaseProps } from '../../../Utilities'; import { INativeButtonProps } from '../Button.types'; import { diff --git a/packages/react-experiments/src/components/Button/SplitButton/SplitButton.view.tsx b/packages/react-experiments/src/components/Button/SplitButton/SplitButton.view.tsx index c8d755b3ecbdf1..1ec4076a5e2b8c 100644 --- a/packages/react-experiments/src/components/Button/SplitButton/SplitButton.view.tsx +++ b/packages/react-experiments/src/components/Button/SplitButton/SplitButton.view.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import { ContextualMenu, Text } from '@fluentui/react'; -import { withSlots } from '@uifabric/foundation'; +import { withSlots } from '@fluentui/foundation-legacy'; import { FontIcon } from '../../../utilities/factoryComponents'; import { Button } from '../Button'; diff --git a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.state.tsx b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.state.tsx index 7d36b669e38abb..9d4b145a20f72c 100644 --- a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.state.tsx +++ b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.state.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useCallback, useImperativeHandle, useRef } from 'react'; -import { useControlledState } from '@uifabric/foundation'; +import { useControlledState } from '@fluentui/foundation-legacy'; import { getRTL, KeyCodes } from '../../Utilities'; import { ICollapsibleSectionProps, diff --git a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.ts b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.ts index 63671f9c86f9c3..59c122fca5a398 100644 --- a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.ts +++ b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.ts @@ -3,7 +3,7 @@ import { CollapsibleSectionView } from './CollapsibleSection.view'; import { useCollapsibleSectionState } from './CollapsibleSection.state'; import { collapsibleSectionStyles } from './CollapsibleSection.styles'; import { ICollapsibleSectionProps } from './CollapsibleSection.types'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; export const CollapsibleSection: React.FunctionComponent = createComponent( CollapsibleSectionView, diff --git a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.types.ts b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.types.ts index 2d4204a56c26b0..d50aeab74c464f 100644 --- a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.types.ts +++ b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.types.ts @@ -5,7 +5,7 @@ import { IHTMLSlot, ISlottableProps, IStyleableComponentProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; import { IBaseProps, IRefObject } from '../../Utilities'; import { ICollapsibleSectionTitleSlot } from './CollapsibleSectionTitle.types'; diff --git a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.view.tsx b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.view.tsx index ebb2c464ccd9c1..c35cb55bb38f8c 100644 --- a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.view.tsx +++ b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSection.view.tsx @@ -1,5 +1,5 @@ /** @jsx withSlots */ -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { ICollapsibleSectionComponent, diff --git a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.ts b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.ts index 45d393af1bc08c..177de2298a3bff 100644 --- a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.ts +++ b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { CollapsibleSectionTitleView } from './CollapsibleSectionTitle.view'; import { getStyles as styles } from './CollapsibleSectionTitle.styles'; import { ICollapsibleSectionTitleProps } from './CollapsibleSectionTitle.types'; diff --git a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.types.ts b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.types.ts index 361c1b9edc9e45..c3ce8ebfc4aaba 100644 --- a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.types.ts +++ b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.types.ts @@ -7,7 +7,7 @@ import { ISlotProp, ISlottableProps, IStyleableComponentProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; import { ITextSlot } from '@fluentui/react'; import { IIconSlot } from '../../utilities/factoryComponents.types'; diff --git a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx index c30d5d7a28dadb..791dafef7f7a07 100644 --- a/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx +++ b/packages/react-experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Icon, Text } from '@fluentui/react'; import { getNativeProps, buttonProperties } from '@fluentui/react/lib/Utilities'; -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { ICollapsibleSectionTitleComponent, ICollapsibleSectionTitleProps, diff --git a/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.tsx b/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.tsx index d792094be1c338..d1f7951c6093af 100644 --- a/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.tsx +++ b/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { useMicroFeedbackState as state } from './MicroFeedback.state'; import { MicroFeedbackStyles as styles, MicroFeedbackTokens as tokens } from './MicroFeedback.styles'; import { IMicroFeedbackProps } from './MicroFeedback.types'; diff --git a/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.types.ts b/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.types.ts index 89441671df7a76..5b73159a154c06 100644 --- a/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.types.ts +++ b/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.types.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IComponent, IComponentStyles, ISlotProp, IStyleableComponentProps } from '@uifabric/foundation'; +import { IComponent, IComponentStyles, ISlotProp, IStyleableComponentProps } from '@fluentui/foundation-legacy'; import { ICalloutSlot, IListSlot } from '../../utilities/factoryComponents.types'; import { IBaseProps } from '../../Utilities'; import { IButtonSlot } from '../Button/Button.types'; diff --git a/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.view.tsx b/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.view.tsx index 281cfbff8895dd..1f5f87c78e1949 100644 --- a/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.view.tsx +++ b/packages/react-experiments/src/components/MicroFeedback/MicroFeedback.view.tsx @@ -3,7 +3,7 @@ import { Callout, FocusZone, FocusZoneDirection, List, Stack, Text } from '@flue import { IconButton } from '@fluentui/react/lib/compat/Button'; import { Button } from '../Button/Button'; import { IButtonTokens } from '../Button/Button.types'; -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { IMicroFeedbackComponent, diff --git a/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.ts b/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.ts index 57c8e05520600f..f486c2d5ca527c 100644 --- a/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.ts +++ b/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.ts @@ -2,7 +2,7 @@ import * as React from 'react'; import { VerticalPersonaView } from './VerticalPersona.view'; import { VerticalPersonaStyles, VerticalPersonaTokens } from './VerticalPersona.styles'; import { IVerticalPersonaProps } from './VerticalPersona.types'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; export const VerticalPersona: React.FunctionComponent = createComponent(VerticalPersonaView, { displayName: 'VerticalPersona', diff --git a/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.types.ts b/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.types.ts index 4a9ce6ca6f93e7..fd098073e43fd0 100644 --- a/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.types.ts +++ b/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.types.ts @@ -1,5 +1,5 @@ import { IStyle, IFontWeight } from '@fluentui/style-utilities'; -import { IComponent, IHTMLSlot, IStyleableComponentProps } from '@uifabric/foundation'; +import { IComponent, IHTMLSlot, IStyleableComponentProps } from '@fluentui/foundation-legacy'; import { ITextSlot } from '@fluentui/react'; import { IPersonaCoinSlot } from '../../PersonaCoin/PersonaCoin.types'; diff --git a/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.view.tsx b/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.view.tsx index 9652312a13d186..86f8017c45b6ff 100644 --- a/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.view.tsx +++ b/packages/react-experiments/src/components/Persona/Vertical/VerticalPersona.view.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import { PersonaCoin } from '../../PersonaCoin/PersonaCoin'; -import { getSlots, withSlots } from '@uifabric/foundation'; +import { getSlots, withSlots } from '@fluentui/foundation-legacy'; import { IVerticalPersonaComponent, IVerticalPersonaProps, IVerticalPersonaSlots } from './VerticalPersona.types'; import { PersonaText } from '../PersonaText/PersonaText'; diff --git a/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.ts b/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.ts index 39eaac3010afd8..6bfa314990243a 100644 --- a/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.ts +++ b/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { usePersonaCoinState } from './PersonaCoin.state'; import { PersonaCoinStyles } from './PersonaCoin.styles'; import { IPersonaCoinProps } from './PersonaCoin.types'; diff --git a/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.types.ts b/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.types.ts index 2015c25f01ed6c..c510de8e8fc676 100644 --- a/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.types.ts +++ b/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.types.ts @@ -1,5 +1,11 @@ import { ImageLoadState, IBaseProps } from '@fluentui/react'; -import { IComponentStyles, IHTMLSlot, ISlotProp, IComponent, IStyleableComponentProps } from '@uifabric/foundation'; +import { + IComponentStyles, + IHTMLSlot, + ISlotProp, + IComponent, + IStyleableComponentProps, +} from '@fluentui/foundation-legacy'; import { IPersonaPresenceSlot } from '../../utilities/factoryComponents.types'; import { IPersonaCoinImageSlot } from './PersonaCoinImage/PersonaCoinImage.types'; import { IPersonaCoinSize10Slot } from './PersonaCoinSize10/PersonaCoinSize10'; diff --git a/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.view.tsx b/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.view.tsx index 89c60cf10c303b..a7b173714c7c5a 100644 --- a/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.view.tsx +++ b/packages/react-experiments/src/components/PersonaCoin/PersonaCoin.view.tsx @@ -1,5 +1,5 @@ /** @jsx withSlots */ -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { PersonaPresence } from '../../utilities/factoryComponents'; import { IPersonaCoinComponent, IPersonaCoinProps, IPersonaCoinSlots } from './PersonaCoin.types'; import { PersonaCoinImage } from './PersonaCoinImage/PersonaCoinImage'; diff --git a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.tsx b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.tsx index 6e501a87e3d780..e37a242302f27d 100644 --- a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.tsx +++ b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { Image, ImageFit } from '@fluentui/react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { IPersonaCoinImageProps } from './PersonaCoinImage.types'; import { IPersonaCoinComponent } from '../PersonaCoin.types'; import { DEFAULT_PERSONA_COIN_SIZE } from '../PersonaCoin.styles'; diff --git a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.types.ts b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.types.ts index f7c759c09b6817..a9bd02a35a8e3d 100644 --- a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.types.ts +++ b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinImage/PersonaCoinImage.types.ts @@ -1,5 +1,5 @@ import { ImageLoadState } from '@fluentui/react'; -import { ISlotProp } from '@uifabric/foundation'; +import { ISlotProp } from '@fluentui/foundation-legacy'; import { IPersonaCoinProps } from '../PersonaCoin.types'; export type IPersonaCoinImageSlot = ISlotProp; diff --git a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx index 9ae953240a7def..4ac084f1c24cf5 100644 --- a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx +++ b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { Icon, Text } from '@fluentui/react'; -import { ISlotProp } from '@uifabric/foundation'; +import { ISlotProp } from '@fluentui/foundation-legacy'; import { IPersonaCoinProps } from '../PersonaCoin.types'; import { getInitials, getRTL } from '../../../Utilities'; diff --git a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinSize10/PersonaCoinSize10.tsx b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinSize10/PersonaCoinSize10.tsx index 3767ec2bd6452a..889221709cf290 100644 --- a/packages/react-experiments/src/components/PersonaCoin/PersonaCoinSize10/PersonaCoinSize10.tsx +++ b/packages/react-experiments/src/components/PersonaCoin/PersonaCoinSize10/PersonaCoinSize10.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { Icon } from '@fluentui/react'; -import { ISlotProp } from '@uifabric/foundation'; +import { ISlotProp } from '@fluentui/foundation-legacy'; export interface IPersonaCoinSizeProps {} diff --git a/packages/react-experiments/src/components/Toggle/Toggle.state.ts b/packages/react-experiments/src/components/Toggle/Toggle.state.ts index c94f6a13c4e044..080df76d77e3dd 100644 --- a/packages/react-experiments/src/components/Toggle/Toggle.state.ts +++ b/packages/react-experiments/src/components/Toggle/Toggle.state.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { getControlledDerivedProps, useControlledState } from '@uifabric/foundation'; +import { getControlledDerivedProps, useControlledState } from '@fluentui/foundation-legacy'; import { IToggleComponent, IToggleViewProps } from './Toggle.types'; export const useToggleState: IToggleComponent['state'] = props => { diff --git a/packages/react-experiments/src/components/Toggle/Toggle.ts b/packages/react-experiments/src/components/Toggle/Toggle.ts index b9fcacd8784cbe..ab33b86b7ea862 100644 --- a/packages/react-experiments/src/components/Toggle/Toggle.ts +++ b/packages/react-experiments/src/components/Toggle/Toggle.ts @@ -3,7 +3,7 @@ import { ToggleView } from './Toggle.view'; import { ToggleStyles as styles, ToggleTokens as tokens } from './Toggle.styles'; import { useToggleState as state } from './Toggle.state'; import { IToggleProps } from './Toggle.types'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; export const Toggle: React.FunctionComponent = createComponent(ToggleView, { displayName: 'Toggle', diff --git a/packages/react-experiments/src/components/Toggle/Toggle.types.ts b/packages/react-experiments/src/components/Toggle/Toggle.types.ts index 61b29383ea66e1..3d6a9e80f495f9 100644 --- a/packages/react-experiments/src/components/Toggle/Toggle.types.ts +++ b/packages/react-experiments/src/components/Toggle/Toggle.types.ts @@ -6,7 +6,7 @@ import { IHTMLSlot, ISlottableProps, IStyleableComponentProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; import { IKeytipProps } from '@fluentui/react/lib/Keytip'; import { IBaseProps, IComponentAs } from '../../Utilities'; import { IRawStyleBase } from '@uifabric/merge-styles/lib/IRawStyleBase'; diff --git a/packages/react-experiments/src/components/Toggle/Toggle.view.tsx b/packages/react-experiments/src/components/Toggle/Toggle.view.tsx index 517bed06fe8a4d..57435665efc48e 100644 --- a/packages/react-experiments/src/components/Toggle/Toggle.view.tsx +++ b/packages/react-experiments/src/components/Toggle/Toggle.view.tsx @@ -2,7 +2,7 @@ import { KeytipData } from '@fluentui/react/lib/KeytipData'; import { Label } from '../../utilities/factoryComponents'; -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { inputProperties, getNativeProps } from '../../Utilities'; import { IToggleComponent, IToggleProps, IToggleSlots } from './Toggle.types'; diff --git a/packages/react-experiments/src/utilities/factoryComponents.tsx b/packages/react-experiments/src/utilities/factoryComponents.tsx index cb2e8b840c7730..c4c99e36253205 100644 --- a/packages/react-experiments/src/utilities/factoryComponents.tsx +++ b/packages/react-experiments/src/utilities/factoryComponents.tsx @@ -10,7 +10,7 @@ import { } from '@fluentui/react'; // PersonaPresence is not exported by OUFR, so we have to import it directly. import { PersonaPresence as FabricPersonaPresence } from '@fluentui/react/lib/PersonaPresence'; -import { createFactory, ISlottableComponentType, ISlotFactory } from '@uifabric/foundation'; +import { createFactory, ISlottableComponentType, ISlotFactory } from '@fluentui/foundation-legacy'; // TODO: All contents of this file should be moved to each respective component as they are converted to use slots. // TODO: createFactory should no longer have to be explicitly called with component options containing defaultProp. diff --git a/packages/react-experiments/src/utilities/factoryComponents.types.tsx b/packages/react-experiments/src/utilities/factoryComponents.types.tsx index cc6b6c93307ea1..f733be7207401b 100644 --- a/packages/react-experiments/src/utilities/factoryComponents.types.tsx +++ b/packages/react-experiments/src/utilities/factoryComponents.types.tsx @@ -8,7 +8,7 @@ import { IPersonaPresenceProps, PersonaPresence, } from '@fluentui/react'; -import { ISlotProp } from '@uifabric/foundation'; +import { ISlotProp } from '@fluentui/foundation-legacy'; // TODO: All contents of this file should be moved to each respective component after slots utilities are promoted. diff --git a/packages/react-internal/etc/react-internal.api.md b/packages/react-internal/etc/react-internal.api.md index 7c137a1c9424df..d9a21a84389511 100644 --- a/packages/react-internal/etc/react-internal.api.md +++ b/packages/react-internal/etc/react-internal.api.md @@ -9,15 +9,15 @@ import { DayOfWeek } from '@fluentui/date-time-utilities/lib/dateValues/dateValu import { EventGroup } from '@uifabric/utilities'; import { FirstWeekOfYear } from '@fluentui/date-time-utilities/lib/dateValues/dateValues'; import { IBaseProps } from '@uifabric/utilities'; -import { IComponent } from '@uifabric/foundation'; +import { IComponent } from '@fluentui/foundation-legacy'; import { IComponentAs } from '@uifabric/utilities'; -import { IComponentStyles } from '@uifabric/foundation'; +import { IComponentStyles } from '@fluentui/foundation-legacy'; import { ICSSPixelUnitRule } from '@uifabric/merge-styles/lib/IRawStyleBase'; import { ICSSRule } from '@uifabric/merge-styles/lib/IRawStyleBase'; import { IFocusZone } from '@fluentui/react-focus'; import { IFocusZoneProps } from '@fluentui/react-focus'; import { IFontStyles } from '@fluentui/style-utilities'; -import { IHTMLSlot } from '@uifabric/foundation'; +import { IHTMLSlot } from '@fluentui/foundation-legacy'; import { IObjectWithKey } from '@uifabric/utilities'; import { IPoint } from '@uifabric/utilities'; import { IRawStyle } from '@fluentui/style-utilities'; @@ -27,10 +27,10 @@ import { IRenderComponent } from '@uifabric/utilities'; import { IRenderFunction } from '@uifabric/utilities'; import { ISelection } from '@uifabric/utilities'; import { ISelectionOptions } from '@uifabric/utilities'; -import { ISlotProp } from '@uifabric/foundation'; -import { ISlottableProps } from '@uifabric/foundation'; +import { ISlotProp } from '@fluentui/foundation-legacy'; +import { ISlottableProps } from '@fluentui/foundation-legacy'; import { IStyle } from '@fluentui/style-utilities'; -import { IStyleableComponentProps } from '@uifabric/foundation'; +import { IStyleableComponentProps } from '@fluentui/foundation-legacy'; import { IStyleFunction } from '@uifabric/utilities'; import { IStyleFunctionOrObject } from '@uifabric/utilities'; import { ITheme } from '@fluentui/style-utilities'; diff --git a/packages/react-internal/package.json b/packages/react-internal/package.json index 4e42b072716944..364224c3a96688 100644 --- a/packages/react-internal/package.json +++ b/packages/react-internal/package.json @@ -60,7 +60,7 @@ "@fluentui/theme": "^1.2.1", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/date-time-utilities": "^7.9.0", - "@uifabric/foundation": "^7.9.9", + "@fluentui/foundation-legacy": "^7.9.9", "@uifabric/icons": "^7.5.8", "@uifabric/merge-styles": "^7.19.1", "@uifabric/react-hooks": "^7.13.5", diff --git a/packages/react-internal/src/components/Stack/Stack.tsx b/packages/react-internal/src/components/Stack/Stack.tsx index 0accc6b413b33f..99c322e72c0642 100644 --- a/packages/react-internal/src/components/Stack/Stack.tsx +++ b/packages/react-internal/src/components/Stack/Stack.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import * as React from 'react'; -import { withSlots, createComponent, getSlots } from '@uifabric/foundation'; +import { withSlots, createComponent, getSlots } from '@fluentui/foundation-legacy'; import { getNativeProps, htmlElementProperties, warnDeprecations } from '../../Utilities'; import { styles } from './Stack.styles'; import { IStackComponent, IStackProps, IStackSlots } from './Stack.types'; diff --git a/packages/react-internal/src/components/Stack/Stack.types.ts b/packages/react-internal/src/components/Stack/Stack.types.ts index ebedf3db15de31..19b2c03696f6b7 100644 --- a/packages/react-internal/src/components/Stack/Stack.types.ts +++ b/packages/react-internal/src/components/Stack/Stack.types.ts @@ -6,7 +6,7 @@ import { IComponent, IStyleableComponentProps, ISlottableProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; /** * Defines a type made by the union of the different values that the align-items and justify-content flexbox diff --git a/packages/react-internal/src/components/Stack/StackItem/StackItem.tsx b/packages/react-internal/src/components/Stack/StackItem/StackItem.tsx index 3be7d9ef994304..28691e27d5834c 100644 --- a/packages/react-internal/src/components/Stack/StackItem/StackItem.tsx +++ b/packages/react-internal/src/components/Stack/StackItem/StackItem.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import * as React from 'react'; -import { withSlots, createComponent, getSlots } from '@uifabric/foundation'; +import { withSlots, createComponent, getSlots } from '@fluentui/foundation-legacy'; import { IStackItemComponent, IStackItemProps, IStackItemSlots } from './StackItem.types'; import { StackItemStyles as styles } from './StackItem.styles'; diff --git a/packages/react-internal/src/components/Stack/StackItem/StackItem.types.ts b/packages/react-internal/src/components/Stack/StackItem/StackItem.types.ts index 3ecd4547f97c86..a234e122ff2919 100644 --- a/packages/react-internal/src/components/Stack/StackItem/StackItem.types.ts +++ b/packages/react-internal/src/components/Stack/StackItem/StackItem.types.ts @@ -1,4 +1,10 @@ -import { IComponentStyles, IHTMLSlot, IComponent, ISlotProp, IStyleableComponentProps } from '@uifabric/foundation'; +import { + IComponentStyles, + IHTMLSlot, + IComponent, + ISlotProp, + IStyleableComponentProps, +} from '@fluentui/foundation-legacy'; /** * {@docCategory Stack} diff --git a/packages/react-internal/src/components/Text/Text.ts b/packages/react-internal/src/components/Text/Text.ts index e973c6932cbda7..2895560c0f3526 100644 --- a/packages/react-internal/src/components/Text/Text.ts +++ b/packages/react-internal/src/components/Text/Text.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createComponent } from '@uifabric/foundation'; +import { createComponent } from '@fluentui/foundation-legacy'; import { ITextProps } from './Text.types'; import { TextView } from './Text.view'; import { TextStyles as styles } from './Text.styles'; diff --git a/packages/react-internal/src/components/Text/Text.types.tsx b/packages/react-internal/src/components/Text/Text.types.tsx index db35fbbfd72927..9ef9d779fec7e1 100644 --- a/packages/react-internal/src/components/Text/Text.types.tsx +++ b/packages/react-internal/src/components/Text/Text.types.tsx @@ -6,7 +6,7 @@ import { IComponent, IStyleableComponentProps, ISlottableProps, -} from '@uifabric/foundation'; +} from '@fluentui/foundation-legacy'; import { IFontStyles } from '../../Styling'; /** diff --git a/packages/react-internal/src/components/Text/Text.view.tsx b/packages/react-internal/src/components/Text/Text.view.tsx index 6890a89161c547..273baef42feee3 100644 --- a/packages/react-internal/src/components/Text/Text.view.tsx +++ b/packages/react-internal/src/components/Text/Text.view.tsx @@ -1,6 +1,6 @@ /** @jsx withSlots */ import * as React from 'react'; -import { withSlots, getSlots } from '@uifabric/foundation'; +import { withSlots, getSlots } from '@fluentui/foundation-legacy'; import { getNativeProps, htmlElementProperties } from '../../Utilities'; import { ITextComponent, ITextProps, ITextSlots } from './Text.types'; diff --git a/packages/tsx-editor/src/transpiler/transpileHelpers.test.ts b/packages/tsx-editor/src/transpiler/transpileHelpers.test.ts index c566b977eee4bc..77439f36d3b2fb 100644 --- a/packages/tsx-editor/src/transpiler/transpileHelpers.test.ts +++ b/packages/tsx-editor/src/transpiler/transpileHelpers.test.ts @@ -135,7 +135,7 @@ describe('_supportedPackageToGlobalMap', () => { '@fluentui/react': 'FluentUIReact', '@fluentui/date-time-utilities': 'FluentUIReact', '@fluentui/react-focus': 'FluentUIReact', - '@uifabric/foundation': 'FluentUIReact', + '@fluentui/foundation-legacy': 'FluentUIReact', '@uifabric/icons': 'FluentUIReact', '@uifabric/merge-styles': 'FluentUIReact', '@fluentui/style-utilities': 'FluentUIReact', diff --git a/packages/tsx-editor/src/utilities/defaultSupportedPackages.ts b/packages/tsx-editor/src/utilities/defaultSupportedPackages.ts index 204e6412f1a0d9..526d6fff0b5067 100644 --- a/packages/tsx-editor/src/utilities/defaultSupportedPackages.ts +++ b/packages/tsx-editor/src/utilities/defaultSupportedPackages.ts @@ -59,7 +59,7 @@ if (typesContext) { // TODO: this probably needs to be dynamically generated so it doesn't break every time we // add a new component package exported by @fluentui/react { packageName: '@fluentui/react', loadTypes }, - { packageName: '@uifabric/foundation', loadTypes }, + { packageName: '@fluentui/foundation-legacy', loadTypes }, { packageName: '@uifabric/icons', loadTypes }, { packageName: '@uifabric/merge-styles', loadTypes }, { packageName: '@fluentui/react-focus', loadTypes }, diff --git a/scripts/tasks/lint-imports.js b/scripts/tasks/lint-imports.js index bed127e6557e03..c63e5e3d29b378 100644 --- a/scripts/tasks/lint-imports.js +++ b/scripts/tasks/lint-imports.js @@ -50,12 +50,12 @@ function lintImports() { // Once the components using this data are promoted, the data should go into @uifabric/example-data '@fluentui/react-experiments/lib/common/TestImages', // Only used in experimental examples. Will need a different approach for this to work with the editor. - '@uifabric/foundation/lib/next/composed', + '@fluentui/foundation-legacy/lib/next/composed', // Imported by theming examples. Need to find a different approach. ]; - const allowedReexportedImports = ['@uifabric/foundation/lib/next/composed']; + const allowedReexportedImports = ['@fluentui/foundation-legacy/lib/next/composed']; const reExportedPackages = { - '@uifabric/foundation': 'Foundation', + '@fluentui/foundation-legacy': 'Foundation', '@uifabric/icons': 'Icons', '@uifabric/merge-styles': 'Styling', '@fluentui/style-utilities': 'Styling',