microsoft · dzearing · Nov 24, 2021 · Nov 18, 2021 · Nov 19, 2021 · Nov 19, 2021
diff --git a/change/@fluentui-codemods-344531b6-109b-4e3d-94fa-49279b0e1855.json b/change/@fluentui-codemods-344531b6-109b-4e3d-94fa-49279b0e1855.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Adding makestyle as a devdep to codemods.",
+  "packageName": "@fluentui/codemods",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-eslint-plugin-4301dbea-1be5-436e-bf0e-89ed473cd0b7.json b/change/@fluentui-eslint-plugin-4301dbea-1be5-436e-bf0e-89ed473cd0b7.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Adding rnx-kit dependency and enabling the no-export-all rule for exporting library surfaces.",
+  "packageName": "@fluentui/eslint-plugin",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-12917a18-c676-4b10-8961-3c58e73d92b3.json b/change/@fluentui-react-12917a18-c676-4b10-8961-3c58e73d92b3.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Removing export stars in favor of named exports.",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-charting-e4dfad24-ce10-4556-a535-9fa4889841fb.json b/change/@fluentui-react-charting-e4dfad24-ce10-4556-a535-9fa4889841fb.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Removing export stars in favor of named exports.",
+  "packageName": "@fluentui/react-charting",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-components-7323f23a-2a9d-47ba-b312-26e0d4a8a786.json b/change/@fluentui-react-components-7323f23a-2a9d-47ba-b312-26e0d4a8a786.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Removing export stars in favor of named exports.",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-date-time-1093a30f-0648-4ce0-bc66-0e1b97b080b1.json b/change/@fluentui-react-date-time-1093a30f-0648-4ce0-bc66-0e1b97b080b1.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Removing export stars in favor of named exports.",
+  "packageName": "@fluentui/react-date-time",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-docsite-components-c96407e8-00ad-4bc1-a8f1-ae86b9571aac.json b/change/@fluentui-react-docsite-components-c96407e8-00ad-4bc1-a8f1-ae86b9571aac.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Add lint rule override",
+  "packageName": "@fluentui/react-docsite-components",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-experiments-4ba3b9d8-9dd9-479c-bb3e-25e7a02ecfba.json b/change/@fluentui-react-experiments-4ba3b9d8-9dd9-479c-bb3e-25e7a02ecfba.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Removing export stars in favor of named exports.",
+  "packageName": "@fluentui/react-experiments",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-style-utilities-611ab727-7387-4c45-8fb3-1fce462336b4.json b/change/@fluentui-style-utilities-611ab727-7387-4c45-8fb3-1fce462336b4.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Removing export stars in favor of named exports.",
+  "packageName": "@fluentui/style-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
@@ -171,7 +171,7 @@
     "eslint-plugin-jest": "23.13.2",
     "eslint-plugin-jsdoc": "^36.0.7",
     "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-react": "7.24.0",
+    "eslint-plugin-react": "7.26.0",
     "eslint-plugin-react-hooks": "4.2.0",
     "express": "4.17.1",
     "file-loader": "6.2.0",
@@ -293,6 +293,7 @@
         "dependencies": [
           "@babel/core",
           "@babel/preset-typescript",
+          "@rnx-kit/eslint-plugin",
           "@types/react-test-renderer",
           "@typescript-eslint/eslint-plugin",
           "@typescript-eslint/experimental-utils",

@@ -24,6 +24,7 @@
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
+    "@fluentui/make-styles": "9.0.0-beta.2",
     "@fluentui/scripts": "^1.0.0",
     "@types/react": "16.9.42"
   },

@@ -12,6 +12,7 @@
     "lint": "tsc --noEmit && eslint --ext .js --cache ."
   },
   "dependencies": {
+    "@rnx-kit/eslint-plugin": "^0.2.5",
     "@typescript-eslint/eslint-plugin": "^4.22.0",
     "@typescript-eslint/experimental-utils": "^4.22.0",
     "@typescript-eslint/parser": "^4.22.0",

@@ -6,6 +6,7 @@ const configHelpers = require('../utils/configHelpers');
 /** @type {import("eslint").Linter.Config} */
 module.exports = {
   extends: [path.join(__dirname, 'react')],
+
   rules: {
     ...configHelpers.getNamingConventionRule(true /* prefixWithI */),
     'jsdoc/check-tag-names': 'off',

@@ -15,6 +15,7 @@ const config = {
   parser: '@typescript-eslint/parser',
   plugins: [
     '@fluentui',
+    '@rnx-kit',
     '@typescript-eslint',
     'deprecation',
     'import',
@@ -72,6 +73,7 @@ const config = {
     '**/*.scss.ts',
   ],
   rules: {
+    '@rnx-kit/no-export-all': ['error', { expand: 'external-only' }],
     '@fluentui/no-global-react': 'error',
     '@fluentui/max-len': [
       'error',
@@ -361,14 +363,7 @@ const getOverrides = () => [
     files: [...configHelpers.testFiles],
     rules: {
       'no-console': 'off',
-      'react/jsx-no-bind': [
-        'error',
-        {
-          allowArrowFunctions: true, // inline lambdas ok in tests
-          allowFunctions: false,
-          allowBind: false,
-        },
-      ],
+      'react/jsx-no-bind': 'off',
     },
   },
   {

@@ -1 +1,98 @@
-export * from '@fluentui/react/lib/Styling';
+export {
+  AnimationClassNames,
+  AnimationStyles,
+  AnimationVariables,
+  ColorClassNames,
+  DefaultEffects,
+  DefaultFontStyles,
+  DefaultPalette,
+  EdgeChromiumHighContrastSelector,
+  FontClassNames,
+  FontSizes,
+  FontWeights,
+  HighContrastSelector,
+  HighContrastSelectorBlack,
+  HighContrastSelectorWhite,
+  IconFontSizes,
+  InjectionMode,
+  PulsingBeaconAnimationStyles,
+  ScreenWidthMaxLarge,
+  ScreenWidthMaxMedium,
+  ScreenWidthMaxSmall,
+  ScreenWidthMaxXLarge,
+  ScreenWidthMaxXXLarge,
+  ScreenWidthMinLarge,
+  ScreenWidthMinMedium,
+  ScreenWidthMinSmall,
+  ScreenWidthMinUhfMobile,
+  ScreenWidthMinXLarge,
+  ScreenWidthMinXXLarge,
+  ScreenWidthMinXXXLarge,
+  Stylesheet,
+  ThemeSettingName,
+  ZIndexes,
+  buildClassMap,
+  concatStyleSets,
+  concatStyleSetsWithProps,
+  createFontStyles,
+  createTheme,
+  focusClear,
+  fontFace,
+  // eslint-disable-next-line deprecation/deprecation
+  getEdgeChromiumNoHighContrastAdjustSelector,
+  getFadedOverflowStyle,
+  getFocusOutlineStyle,
+  // eslint-disable-next-line deprecation/deprecation
+  getFocusStyle,
+  getGlobalClassNames,
+  getHighContrastNoAdjustStyle,
+  getIcon,
+  getIconClassName,
+  getInputFocusStyle,
+  getPlaceholderStyles,
+  getScreenSelector,
+  getTheme,
+  getThemedContext,
+  hiddenContentStyle,
+  keyframes,
+  loadTheme,
+  mergeStyleSets,
+  mergeStyles,
+  noWrap,
+  normalize,
+  registerDefaultFontFaces,
+  registerIconAlias,
+  registerIcons,
+  registerOnThemeChangeCallback,
+  removeOnThemeChangeCallback,
+  setIconOptions,
+  unregisterIcons,
+} from '@fluentui/react/lib/Styling';
+export type {
+  GlobalClassNames,
+  IAnimationStyles,
+  IAnimationVariables,
+  ICSPSettings,
+  IEffects,
+  IFontFace,
+  IFontStyles,
+  IFontWeight,
+  IGetFocusStylesOptions,
+  IIconOptions,
+  IIconRecord,
+  IIconSubset,
+  IIconSubsetRecord,
+  IPalette,
+  IPartialTheme,
+  IProcessedStyleSet,
+  IRawStyle,
+  IScheme,
+  ISchemeNames,
+  ISemanticColors,
+  ISemanticTextColors,
+  ISpacing,
+  IStyle,
+  IStyleSet,
+  IStyleSheetConfig,
+  ITheme,
+} from '@fluentui/react/lib/Styling';