Update Fabric website to "Fluent" (microsoft#12366)

Author: micahgodbolt

.github/ISSUE_TEMPLATE.md

@@ -31,11 +31,11 @@ Note that if you do not provide enough information to reproduce the issue, we ma
 <!--
 Providing an isolated reproduction of the bug in a codepen makes it much easier for us to help you. Here are some ways to get started:
 
-  * Go to https://aka.ms/fabricpen for a starter codepen
+  * Go to https://aka.ms/fluentpen for a starter codepen
   * You can also use the "Export to Codepen" feature for the various components in our documentation site.
   * See http://codepen.io/dzearing/pens/public/?grid_type=list for a variety of examples
 
-Alternatively, you can also use https://aka.ms/fabricdemo to get permanent repro links if the repro occurs with an example.
+Alternatively, you can also use https://aka.ms/fluentdemo to get permanent repro links if the repro occurs with an example.
 (A permanent link is preferable to "use the website" as the website can change.)
 -->
 

.github/ISSUE_TEMPLATE/accessibility_issue.md

@@ -34,11 +34,11 @@ Issues that do not meet these guidelines will be closed.
 <!--
 Providing an isolated reproduction of the issue in a codepen makes it much easier for us to help you. Here are some ways to get started:
 
-  * Go to https://aka.ms/fabricpen for a starter codepen
+  * Go to https://aka.ms/fluentpen for a starter codepen
   * You can also use the "Export to Codepen" feature for the various components in our documentation site.
   * See http://codepen.io/dzearing/pens/public/?grid_type=list for a variety of examples
 
-Alternatively, you can also use https://aka.ms/fabricdemo to get permanent repro links if the repro occurs with an example.
+Alternatively, you can also use https://aka.ms/fluentdemo to get permanent repro links if the repro occurs with an example.
 (A permanent link is preferable to "use the website" as the website can change.)
 -->
 

.github/ISSUE_TEMPLATE/bug_report.md

@@ -24,11 +24,11 @@ Note that if you do not provide enough information to reproduce the issue, we ma
 <!--
 Providing an isolated reproduction of the bug in a codepen makes it much easier for us to help you. Here are some ways to get started:
 
-  * Go to https://aka.ms/fabricpen for a starter codepen
+  * Go to https://aka.ms/fluentpen for a starter codepen
   * You can also use the "Export to Codepen" feature for the various components in our documentation site.
   * See http://codepen.io/dzearing/pens/public/?grid_type=list for a variety of examples
 
-Alternatively, you can also use https://aka.ms/fabricdemo to get permanent repro links if the repro occurs with an example.
+Alternatively, you can also use https://aka.ms/fluentdemo to get permanent repro links if the repro occurs with an example.
 (A permanent link is preferable to "use the website" as the website can change.)
 -->
 

LICENSE

@@ -1,4 +1,4 @@
-Office UI Fabric React
+Fluent UI React
 
 Copyright (c) Microsoft Corporation
 
@@ -12,4 +12,4 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
-Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

README.md

@@ -10,10 +10,9 @@ We have a lot in store for Fluent UI - [Read our announcement here.](https://dev
 
 [![npm version](https://badge.fury.io/js/office-ui-fabric-react.svg)](https://badge.fury.io/js/office-ui-fabric-react) [![Build Status](https://uifabric.visualstudio.com/fabricpublic/_apis/build/status/office-ui-fabric-react%20-%20PR?branchName=master)](https://uifabric.visualstudio.com/fabricpublic/_build/latest?definitionId=84&branchName=master)
 
+Fluent UI React is a collection of robust React-based components designed to make it simple for you to create consistent web experiences using the Fluent Design Language.
 
-Fabric React is a collection of robust React-based components designed to make it simple for you to create consistent web experiences using the Office Design Language.
-
-## Who uses UI Fabric?
+## Who uses Fluent UI React?
 
 ![image](https://user-images.githubusercontent.com/785361/50458071-45b58d00-0915-11e9-90c0-ad8789c99db5.png)
 
@@ -25,26 +24,26 @@ Please see the [wiki](https://github.com/microsoft/fluentui/wiki).
 
 ## Contents
 
-- [Using Fabric React](#using-fabric-react)
+- [Using Fluent UI React](#using-fluent-ui-react)
   - [Starter apps](#starter-apps)
   - [Integrating in your project](#integrating-in-your-project)
   - [Version policy](#version-policy)
   - [Browser support](#browser-support)
   - [Right-to-left support](#right-to-left-support)
   - [Server-side rendering](#server-side-rendering)
   - [Advanced usage](#advanced-usage)
-- [Contribute to Fabric React](#contribute-to-fabric-react)
+- [Contribute to Fluent UI React](#contribute-to-fluent-ui-react)
 - [Building the repo](#building-the-repo)
   - [Testing](#testing)
   - [Advanced building tips](#advanced-building-tips)
 - [Licenses](#licenses)
 - [Changelog](#changelog)
 
-## Using Fabric React
+## Using Fluent UI React
 
 ### Starter apps
 
-To create a simple starter app using Fabric components, [install the latest LTS node.js](https://nodejs.org), then run:
+To create a simple starter app using Fluent UI components, [install the latest LTS node.js](https://nodejs.org), then run:
 
 ```
 npm init uifabric
@@ -68,51 +67,51 @@ How to integrate components into your project depends heavily on your setup. The
 Within an npm project, you should install the package and save it as a dependency:
 
 ```
-npm i office-ui-fabric-react
+npm i @fluentui/react
 
 # Or, use yarn
-yarn add office-ui-fabric-react
+yarn add @fluentui/react
 ```
 
-This will add the package as a dependency in your `package.json` file and download it under `node_modules/office-ui-fabric-react`.
+This will add the package as a dependency in your `package.json` file and download it under `node_modules/@fluentui/react`.
 
 The library includes ES2015 module entry points under the `lib` folder (use `lib-amd` if you need AMD, or `lib-commonjs` if you need commonjs). To use a control, import it and then use it in your render method:
 
 ```js
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { PrimaryButton } from 'office-ui-fabric-react/lib/Button';
+import { PrimaryButton } from '@fluentui/react/lib/Button';
 
 ReactDOM.render(<PrimaryButton>I am a button.</PrimaryButton>, document.getElementById('root'));
 ```
 
 ### Version policy
 
-Fabric React adheres to [semantic versioning](http://www.semver.org/). However, we only consider constructs directly importable at the package level or from files at the root (e.g. `office-ui-fabric-react/lib/Utilities` or `office-ui-fabric-react/lib-amd/Styling`) to be part of our API surface. Everything else is considered package-internal and may be subject to changes, moves, renames, etc.
+Fluent UI React adheres to [semantic versioning](http://www.semver.org/). However, we only consider constructs directly importable at the package level or from files at the root (e.g. `@fluentui/react/lib/Utilities` or `@fluentui/react/lib-amd/Styling`) to be part of our API surface. Everything else is considered package-internal and may be subject to changes, moves, renames, etc.
 
 ### Browser support
 
-Fabric React supports all evergreen browsers, with IE 11 as the min-bar version of Internet Explorer. See the [browser support doc](https://github.com/microsoft/fluentui/wiki/Browser-Support) for more information.
+Fluent UI React supports all evergreen browsers, with IE 11 as the min-bar version of Internet Explorer. See the [browser support doc](https://github.com/microsoft/fluentui/wiki/Browser-Support) for more information.
 
 ### Right-to-left support
 
 All components can render in LTR or RTL, depending on the `dir` attribute set on the `html` element (`dir="rtl"` will flip the direction of everything). You can also use the `setRTL` API if you don't have control over the `html` element's rendering. Example:
 
 ```tsx
-import { setRTL } from 'office-ui-fabric-react/lib/Utilities';
+import { setRTL } from '@fluentui/react/lib/Utilities';
 
 setRTL(true);
 ```
 
 ### Server-side rendering
 
-Fabric components can be rendered in a server-side Node environment (or used in tests which run in an SSR-like environment), but it requires customizing how styles and SCSS files are loaded. See the [server-side rendering documentation](https://github.com/microsoft/fluentui/wiki/Server-side-rendering-and-browserless-testing) for examples of how to handle this.
+Fluent UI React components can be rendered in a server-side Node environment (or used in tests which run in an SSR-like environment), but it requires customizing how styles and SCSS files are loaded. See the [server-side rendering documentation](https://github.com/microsoft/fluentui/wiki/Server-side-rendering-and-browserless-testing) for examples of how to handle this.
 
 ### Advanced usage
 
 For info about advanced usage including module- vs. path-based imports, using an AMD bundler like RequireJS, and deployment features, see our [advanced documentation](https://github.com/microsoft/fluentui/wiki/Advanced-Usage).
 
-## Contribute to Fabric React
+## Contribute to Fluent UI React
 
 Please take a look at our [contribution guidelines](https://github.com/microsoft/fluentui/wiki/Contributing) for more info. Also read [Contribute bug fixes](https://github.com/microsoft/fluentui/wiki/Bug-Fixes) and [Contribute new component](https://github.com/microsoft/fluentui/wiki/New-Components).
 
@@ -123,12 +122,12 @@ Before you get started, **make sure you have read the [Git branch setup instruct
 To view the documentation including examples, contracts, component status, and to add functionality or fix issues locally, you can:
 
 1. `git clone https://github.com/microsoft/fluentui.git`
-2. `cd office-ui-fabric-react`
+2. `cd fluentui`
 3. `yarn`
 4. `yarn builddemo`
 5. `yarn start`
 
-This will start a demo page from the office-ui-fabric-react package folder, which will open a web browser with the example page. You can make changes to the code which will automatically build and refresh the page using live-reload.
+This will start a demo page from the `office-ui-fabric-react` package folder, which will open a web browser with the example page. You can make changes to the code which will automatically build and refresh the page using live-reload.
 
 To build and run tests for all packages in the repo, run `yarn build` from the root.
 
@@ -144,9 +143,9 @@ For info about testing, see our [testing documentation](https://github.com/micro
 
 ## Licenses
 
-All files on the Office UI Fabric React GitHub repository are subject to the MIT license. Please read the License file at the root of the project.
+All files on the Fluent UI React GitHub repository are subject to the MIT license. Please read the License file at the root of the project.
 
-Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms of the [assets license agreement](https://aka.ms/fabric-assets-license).
+Usage of the fonts and icons referenced in Fluent UI React React is subject to the terms of the [assets license agreement](https://aka.ms/fluentui-assets-license).
 
 ## Changelog
 

apps/fabric-website-resources/LICENSE

@@ -1,4 +1,4 @@
-Office UI Fabric React
+Fluent UI
 
 Copyright (c) Microsoft Corporation
 
@@ -12,4 +12,4 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
-Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

apps/fabric-website-resources/README.md

@@ -1,9 +1,9 @@
 # @uifabric/fabric-website-resources
 
-**Local demo app for office-ui-fabric-react controls**
+**Local demo app for @fluentui/react controls**
 
-This package contains the demo app that runs when you do `yarn start` from the root of the Fabric repo or from the `office-ui-fabric-react` package.
+This package contains the demo app that runs when you do `yarn start` from the root of the Fluent UI repo or from the `office-ui-fabric-react` package.
 
-To see a live version of this app, go to https://aka.ms/fabricdemo and choose a version.
+To see a live version of this app, go to https://aka.ms/fluentdemo and choose a version.
 
-See the [readme](https://github.com/microsoft/fluentui) for more information about Fabric and instructions for getting started with development, including how to run this app locally.
+See the [readme](https://github.com/microsoft/fluentui) for more information about Fluent UI and instructions for getting started with development, including how to run this app locally.

apps/fabric-website-resources/src/docs/GettingStartedOverview.md

@@ -1,6 +1,6 @@
 ## Overview
 
-Fabric React components are built as production-ready, generalized, documented, and reusable components to be used in Microsoft products. This enables us and our partners to more easily build great applications without spending a ton of time implementing the same things over and over.
+Fluent UI React components are built as production-ready, generalized, documented, and reusable components to be used in Microsoft products. This enables us and our partners to more easily build great applications without spending a ton of time implementing the same things over and over.
 
 Each component is designed to be RTL-friendly, keyboard accessible, screen reader-friendly, themeable, and generalized. TypeScript definition files are also included, so if you use TypeScript (which isn't a requirement), you will get compiler validation and using an editor like VS Code, you'll get intellisense. Each component is exported as a named module that can be easily imported in your code, allowing your external bundler to create small bundles that include just what you need.
 
@@ -11,18 +11,17 @@ Integrating components into your project depends heavily on your setup. The reco
 Within an npm project, you should install the package and save it as a dependency:
 
 ```bash
-npm install --save office-ui-fabric-react
+npm install --save @fluentui/react
 ```
 
-This will add the fabric-react project as a dependency in your package.json file, and will drop the project under node_modules/office-ui-fabric-react.
+This will add the `@fluentui/react` project as a dependency in your package.json file, and will drop the project under `node_modules/@fluentui/react`.
 
-The library includes commonjs entry points under the lib folder. To use a control, you should be able to import it and use it in your render method. Note that wrapping your application in the Fabric component is required to support RTL, keyboard focus and other features.
+The library includes commonjs entry points under the `lib-commonjs` folder. To use a control, you should be able to import it and use it in your render method. Note that wrapping your application in the `<Fabric>` component is required to support RTL, keyboard focus and other features.
 
 ```tsx
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { Fabric } from 'office-ui-fabric-react/lib/Fabric';
-import { DefaultButton } from 'office-ui-fabric-react/lib/Button';
+import { Fabric, DefaultButton } from '@fluentui/react';
 
 const MyPage = () => (
   <Fabric>
@@ -38,15 +37,15 @@ ReactDOM.render(<MyPage />, document.body.firstChild);
 While it is possible to import all components as named imports from the main module entry point, it is not recommended to do so without using a bundler that supports es6 tree shaking. In other words, if you import the Button component like this:
 
 ```tsx
-import { Button } from 'office-ui-fabric-react';
+import { Button } from '@fluentui/react';
 ```
 
 ...this would work, but then unless you are using a tree-shaking bundler such as Rollup.js or Webpack 2, Webpack will assume you want every module exported from the main entry file to be included in your final bundle, which produces unnecessary large bundles and slows your page load down. Instead you can import the specific paths to trim down your bundle size:
 
 ```tsx
-import { Button } from 'office-ui-fabric-react/lib/Button';
-import { Dropdown } from 'office-ui-fabric-react/lib/Dropdown';
-import { List } from 'office-ui-fabric-react/lib/List';
+import { Button } from '@fluentui/react/lib/Button';
+import { Dropdown } from '@fluentui/react/lib/Dropdown';
+import { List } from '@fluentui/react/lib/List';
 ```
 
 ## Using an AMD bundler like r.js

apps/fabric-website/LICENSE

@@ -1,4 +1,4 @@
-Office UI Fabric React
+Fluent UI
 
 Copyright (c) Microsoft Corporation
 
@@ -12,4 +12,4 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
-Note: Usage of the fonts referenced on Office UI Fabric files is subject to the terms listed at https://aka.ms/fabric-assets-license
+Note: Usage of the fonts referenced on Fluent UI files is subject to the terms listed at https://aka.ms/fluentui-assets-license

apps/fabric-website/README.md

@@ -1,12 +1,12 @@
-# [Fabric website](https://dev.microsoft.com/fabric)
+# [Fluent UI website](https://dev.microsoft.com/fabric)
 
-**The official website for the UI Fabric project.**
+**The official website for the Fluent UI project.**
 
-UI Fabric is a collection of projects that represent the Fluent design language in code. This website helps document the components and styles that make up Fabric.
+Fluent UI is a collection of projects that represent the Fluent design language in code. This website helps document the components and styles that make up Fluent UI.
 
 ## Build the website
 
-See the [readme](https://github.com/microsoft/fluentui) for instructions on getting started with Fabric development.
+See the [readme](https://github.com/microsoft/fluentui) for instructions on getting started with Fluent UI development.
 
 Once your repo is set up, run the following to start a local copy of the website. (Be sure to **start from the root of the repo**, not the `fabric-website` folder.)
 

apps/fabric-website/Third Party Notices.txt

@@ -46,7 +46,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 
 ------------
 
-Office UI Fabric
+Fluent UI
 
 Copyright (c) Microsoft Corporation
 
@@ -59,4 +59,4 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
-Note: Usage of the fonts referenced on Office UI Fabric files is subject to the terms listed at https://aka.ms/fabric-assets-license
+Note: Usage of the fonts referenced on Fluent UI files is subject to the terms listed at https://aka.ms/fluentui-assets-license