Rename @fluentui/react-icons to @fluentui/react-icons-mdl2 (#15599)

Author: tomi-msft

.codesandbox/ci.json

@@ -3,7 +3,7 @@
   "packages": [
     "packages/react",
     "packages/react-button",
-    "packages/react-icons",
+    "packages/react-icons-mdl2",
     "packages/fluentui/react-bindings",
     "packages/fluentui/react-northstar"
   ],

apps/vr-tests/package.json

@@ -19,7 +19,7 @@
     "@fluentui/font-icons-mdl2": "^7.5.8",
     "@fluentui/react": "^7.142.0",
     "@fluentui/react-button": "^0.14.3",
-    "@fluentui/react-icons": "^0.3.5",
+    "@fluentui/react-icons-mdl2": "^0.3.5",
     "@fluentui/storybook": "^0.5.1",
     "@storybook/addon-options": "^5.3.8",
     "@storybook/addons": "^5.3.8",

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Screener, { Steps } from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { Button } from '@fluentui/react-button';
-import { AddIcon } from '@fluentui/react-icons';
+import { AddIcon } from '@fluentui/react-icons-mdl2';
 import { TeamsTheme } from '@fluentui/storybook/lib/themes/v8/index';
 import { withThemeProvider } from '@fluentui/storybook';
 import { FabricDecorator, FabricDecoratorFullWidth } from '../utilities/index';

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Screener, { Steps } from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { CompoundButton } from '@fluentui/react-button';
-import { AddIcon } from '@fluentui/react-icons';
+import { AddIcon } from '@fluentui/react-icons-mdl2';
 import { TeamsTheme } from '@fluentui/storybook/lib/themes/v8/index';
 import { withThemeProvider } from '@fluentui/storybook';
 import { FabricDecorator, FabricDecoratorFullWidth } from '../utilities/index';

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Screener, { Steps } from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { MenuButton } from '@fluentui/react-button';
-import { AddIcon } from '@fluentui/react-icons';
+import { AddIcon } from '@fluentui/react-icons-mdl2';
 import { TeamsTheme } from '@fluentui/storybook/lib/themes/v8/index';
 import { withThemeProvider } from '@fluentui/storybook';
 import { FabricDecorator, FabricDecoratorFullWidth } from '../utilities/index';

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Screener, { Steps } from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { SplitButton } from '@fluentui/react-button';
-import { AddIcon } from '@fluentui/react-icons';
+import { AddIcon } from '@fluentui/react-icons-mdl2';
 import { ThemeProvider } from '@fluentui/react';
 import { TeamsTheme } from '@fluentui/storybook/lib/themes/v8/index';
 import { withThemeProvider } from '@fluentui/storybook';

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Screener, { Steps } from 'screener-storybook/src/screener';
 import { storiesOf } from '@storybook/react';
 import { ToggleButton } from '@fluentui/react-button';
-import { AddIcon } from '@fluentui/react-icons';
+import { AddIcon } from '@fluentui/react-icons-mdl2';
 import { TeamsTheme } from '@fluentui/storybook/lib/themes/v8/index';
 import { withThemeProvider } from '@fluentui/storybook';
 import { FabricDecorator, FabricDecoratorFullWidth } from '../utilities/index';

change/@fluentui-react-avatar-2020-10-19-16-55-05-react-icon-rename.json

@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "Rename @fluentui/react-icons to @fluentui/react-icons-mdl2",
+  "packageName": "@fluentui/react-avatar",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-19T23:54:40.102Z"
+}

change/@fluentui-react-button-2020-10-19-16-55-05-react-icon-rename.json

@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "Rename @fluentui/react-icons to @fluentui/react-icons-mdl2",
+  "packageName": "@fluentui/react-button",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-19T23:54:54.151Z"
+}

change/@fluentui-react-checkbox-2020-10-19-16-55-05-react-icon-rename.json

@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "Rename @fluentui/react-icons to @fluentui/react-icons-mdl2",
+  "packageName": "@fluentui/react-checkbox",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-19T23:54:59.813Z"
+}

change/@fluentui-react-icons-2020-10-09-23-14-39-dep-fixes.json

@@ -1,7 +1,7 @@
 {
   "type": "none",
   "comment": "Remove unneeded storybook folder",
-  "packageName": "@fluentui/react-icons",
+  "packageName": "@fluentui/react-icons-mdl2",
   "email": "[email protected]",
   "dependentChangeType": "none",
   "date": "2020-10-10T06:14:39.392Z"

change/@fluentui-react-icons-mdl2-2020-10-19-16-55-05-react-icon-rename.json

@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "Rename @fluentui/react-icons to @fluentui/react-icons-mdl2",
+  "packageName": "@fluentui/react-icons-mdl2",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-19T23:55:05.786Z"
+}

packages/react-avatar/package.json

@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@fluentui/react-compose": "^0.19.4",
-    "@fluentui/react-icons": "^0.3.5",
+    "@fluentui/react-icons-mdl2": "^0.3.5",
     "@fluentui/react-theme-provider": "^0.14.2",
     "@uifabric/react-hooks": "^7.13.5",
     "@uifabric/set-version": "^7.0.23",

packages/react-avatar/src/components/Avatar/Avatar.test.tsx

@@ -4,7 +4,7 @@ import { isConformant } from '@fluentui/react-conformance';
 import { Avatar } from './Avatar';
 import * as renderer from 'react-test-renderer';
 import { ReactWrapper } from 'enzyme';
-import { GroupIcon } from '@fluentui/react-icons';
+import { GroupIcon } from '@fluentui/react-icons-mdl2';
 
 describe('Avatar', () => {
   let wrapper: ReactWrapper | undefined;

packages/react-avatar/src/components/Avatar/useAvatar.tsx

@@ -5,7 +5,7 @@ import { calcAvatarStyleProps } from './calcAvatarStyleProps';
 import { useMergedRefs } from '@uifabric/react-hooks';
 import { getInitials as defaultGetInitials, nullRender } from '@uifabric/utilities';
 import { Image } from '../Image/index';
-import { ContactIcon as DefaultAvatarIcon } from '@fluentui/react-icons';
+import { ContactIcon as DefaultAvatarIcon } from '@fluentui/react-icons-mdl2';
 
 const avatarShorthandProps: (keyof AvatarProps)[] = ['label', 'image', 'badge'];
 

packages/react-button/package.json

@@ -49,7 +49,7 @@
   "dependencies": {
     "@fluentui/react-compose": "^0.19.4",
     "@fluentui/keyboard-key": "^0.2.12",
-    "@fluentui/react-icons": "^0.3.5",
+    "@fluentui/react-icons-mdl2": "^0.3.5",
     "@fluentui/react-theme-provider": "^0.14.2",
     "@fluentui/theme": "^1.2.1",
     "@microsoft/load-themed-styles": "^1.10.26",

packages/react-button/src/components/MenuButton/MenuButton.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChevronDownIcon } from '@fluentui/react-icons';
+import { ChevronDownIcon } from '@fluentui/react-icons-mdl2';
 import { useInlineTokens } from '@fluentui/react-theme-provider';
 import { useMenuButton } from './useMenuButton';
 import { MenuButtonProps } from './MenuButton.types';

packages/react-button/src/components/SplitButton/SplitButton.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChevronDownIcon } from '@fluentui/react-icons';
+import { ChevronDownIcon } from '@fluentui/react-icons-mdl2';
 import { useInlineTokens } from '@fluentui/react-theme-provider';
 import { SplitButtonProps } from './SplitButton.types';
 import { useSplitButton } from './useSplitButton';

packages/react-checkbox/package.json

@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "@fluentui/react-compose": "^0.19.4",
-    "@fluentui/react-icons": "^0.3.5",
+    "@fluentui/react-icons-mdl2": "^0.3.5",
     "@fluentui/react-internal": "^7.142.0",
     "@uifabric/react-hooks": "^7.13.5",
     "@uifabric/set-version": "^7.0.23",

packages/react-checkbox/src/next/Checkbox.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { compose, ComposeOptions } from '@fluentui/react-compose';
-import { CheckMarkIcon } from '@fluentui/react-icons';
+import { CheckMarkIcon } from '@fluentui/react-icons-mdl2';
 import { CheckboxBase } from './Checkbox.base';
 import { useCheckboxClasses } from './useCheckboxClasses';
 import { ICheckboxProps } from './Checkbox.types';

packages/react-checkbox/src/next/Checkbox.types.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseSlots, SlotProp, SlotProps } from '@fluentui/react-compose';
-import { ISvgIconProps } from '@fluentui/react-icons';
+import { ISvgIconProps } from '@fluentui/react-icons-mdl2';
 import { IStyle, ITheme } from '@fluentui/style-utilities';
 import { IRefObject, IRenderFunction, IStyleFunctionOrObject } from '@uifabric/utilities';
 

packages/react-examples/package.json

@@ -54,7 +54,7 @@
     "@fluentui/react-checkbox": "^0.3.9",
     "@fluentui/react-flex": "^0.1.2",
     "@fluentui/react-focus": "^7.16.9",
-    "@fluentui/react-icons": "^0.3.5",
+    "@fluentui/react-icons-mdl2": "^0.3.5",
     "@fluentui/react-internal": "^7.142.0",
     "@fluentui/react-image": "^0.6.10",
     "@fluentui/react-link": "^0.4.4",

packages/react-examples/src/react-avatar/Avatar/Avatar.stories.tsx

@@ -12,7 +12,7 @@ import {
   SkypeCheckIcon,
   SkypeMinusIcon,
   SkypeArrowIcon,
-} from '@fluentui/react-icons';
+} from '@fluentui/react-icons-mdl2';
 import { StoryExample } from '../utils/StoryExample';
 import { Button, SpinButton, Stack, ThemeProvider } from '@fluentui/react';
 

packages/react-examples/src/react-avatar/Badge/Badge.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Badge } from '@fluentui/react-avatar';
-import { SkypeCheckIcon, SkypeArrowIcon, SkypeMinusIcon, SkypeClockIcon } from '@fluentui/react-icons';
+import { SkypeCheckIcon, SkypeArrowIcon, SkypeMinusIcon, SkypeClockIcon } from '@fluentui/react-icons-mdl2';
 import { StoryExample } from '../utils/StoryExample';
 
 export const BadgeExamples = () => (

packages/react-examples/src/react-button/Button/Converged.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@fluentui/react-button';
-import { UploadIcon } from '@fluentui/react-icons';
+import { UploadIcon } from '@fluentui/react-icons-mdl2';
 import { ThemeProvider } from '@fluentui/react-theme-provider';
 import { PartialTheme } from '@fluentui/theme';
 import { Stack, Text, ColorPicker, IColor } from '@fluentui/react';

packages/react-examples/src/react/Icon/Icon.SvgFactory.Example.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as ReactIcons from '@fluentui/react-icons';
+import * as ReactIcons from '@fluentui/react-icons-mdl2';
 import { PrimaryButton } from '@fluentui/react/lib/compat/Button';
 import { mergeStyleSets } from '@fluentui/react/lib/Styling';
 

packages/react-icons/.eslintrc.json packages/react-icons-mdl2/.eslintrc.json

@@ -1,4 +1,4 @@
-@fluentui/react-icons
+@fluentui/react-icons-mdl2
 
 Copyright (c) Microsoft Corporation
 

packages/react-icons/.npmignore packages/react-icons-mdl2/.npmignore

@@ -1,5 +1,5 @@
 {
-  "name": "@fluentui/react-icons",
+  "name": "@fluentui/react-icons-mdl2",
   "version": "0.3.5",
   "description": "React components for building web experiences.",
   "main": "lib-commonjs/index.js",