diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 036771c2bafd7..ea5305a3e8678 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -225,7 +225,7 @@ packages/react-components/react-tree @microsoft/teams-prg packages/react-components/react-virtualizer @microsoft/xc-uxe @Mitch-At-Work packages/react-components/react-skeleton @microsoft/cxe-red packages/tokens @microsoft/teams-prg -packages/react-components/react-tags @microsoft/cxe-coastal @TristanWatanabe +packages/react-components/react-tags @microsoft/cxe-coastal @YuanboXue-Amber packages/react-components/react-data-grid-react-window @microsoft/teams-prg packages/react-components/react-migration-v0-v9 @microsoft/teams-prg packages/react-components/react-datepicker-compat @microsoft/cxe-red @sopranopillow @khmakoto diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index 755a135be64e3..63d182c4ae1b7 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -19,8 +19,8 @@ }, "dependencies": { "@fluentui/scripts-perf-test-flamegrill": "*", - "@fluentui/example-data": "^8.4.7", - "@fluentui/react": "^8.108.2", + "@fluentui/example-data": "^8.4.8", + "@fluentui/react": "^8.109.0", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 1a52d2a76739d..94bb817414ba1 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -27,22 +27,22 @@ "update-snapshots": "just-scripts jest -u" }, "devDependencies": { - "@fluentui/api-docs": "^8.2.7", + "@fluentui/api-docs": "^8.2.8", "@fluentui/eslint-plugin": "*", "@fluentui/scripts-monorepo": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.5.83", - "@fluentui/react-docsite-components": "^8.12.2", - "@fluentui/font-icons-mdl2": "^8.5.13", - "@fluentui/set-version": "^8.2.6", - "@fluentui/theme-samples": "^8.7.79", - "@fluentui/react-monaco-editor": "^1.7.79", + "@fluentui/azure-themes": "^8.6.1", + "@fluentui/react-docsite-components": "^8.12.4", + "@fluentui/font-icons-mdl2": "^8.5.15", + "@fluentui/set-version": "^8.2.8", + "@fluentui/theme-samples": "^8.7.81", + "@fluentui/react-monaco-editor": "^1.7.81", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/.storybook/fix-title.js b/apps/public-docsite-v9/.storybook/fix-title.js index 2bd55cf8cb82b..3f72f01ea672c 100644 --- a/apps/public-docsite-v9/.storybook/fix-title.js +++ b/apps/public-docsite-v9/.storybook/fix-title.js @@ -1,6 +1,11 @@ const fs = require('fs'); const path = require('path'); +/** + * + * @param {string} filePath + * @param {string} title + */ function fixTitle(filePath, title) { const htmlDocumentPath = path.resolve(__dirname, filePath); const htmlDocument = fs.readFileSync(htmlDocumentPath, 'utf-8'); diff --git a/apps/public-docsite-v9/.storybook/main.js b/apps/public-docsite-v9/.storybook/main.js index 01f295d0ccc57..a57e9a915e54d 100644 --- a/apps/public-docsite-v9/.storybook/main.js +++ b/apps/public-docsite-v9/.storybook/main.js @@ -1,16 +1,9 @@ -// @ts-check - -const { - getPackageStoriesGlob, - createPathAliasesConfig, - registerTsPaths, - rules, - registerRules, -} = require('@fluentui/scripts-storybook'); +const path = require('path'); +const { getPackageStoriesGlob, registerTsPaths, rules, registerRules } = require('@fluentui/scripts-storybook'); const rootMain = require('../../../.storybook/main'); -const { tsConfigAllPath } = createPathAliasesConfig(); +const tsConfigAllPath = path.join(__dirname, '../../../tsconfig.base.all.json'); module.exports = /** @type {Omit} */ ({ ...rootMain, diff --git a/apps/public-docsite-v9/.storybook/preview.js b/apps/public-docsite-v9/.storybook/preview.js index ebe4c1cf40284..1963954c0e0d4 100644 --- a/apps/public-docsite-v9/.storybook/preview.js +++ b/apps/public-docsite-v9/.storybook/preview.js @@ -1,6 +1,8 @@ +import * as rootPreview from '../../../.storybook/preview'; + import { FluentDocsContainer } from '../src/DocsComponents/FluentDocsContainer.stories'; import { FluentDocsPage } from '../src/DocsComponents/FluentDocsPage.stories'; -import * as rootPreview from '../../../.storybook/preview'; + import './docs-root-v9.css'; /** @type {NonNullable} */ diff --git a/apps/public-docsite-v9/.storybook/theme.js b/apps/public-docsite-v9/.storybook/theme.js index bd13f4a67625f..269f6d7244393 100644 --- a/apps/public-docsite-v9/.storybook/theme.js +++ b/apps/public-docsite-v9/.storybook/theme.js @@ -1,4 +1,5 @@ import { create } from '@storybook/theming'; + import logo from '../public/fluentui-logo.svg'; /** diff --git a/apps/public-docsite-v9/.storybook/tsconfig.json b/apps/public-docsite-v9/.storybook/tsconfig.json new file mode 100644 index 0000000000000..663aae308c427 --- /dev/null +++ b/apps/public-docsite-v9/.storybook/tsconfig.json @@ -0,0 +1,9 @@ +{ + "extends": "../tsconfig.json", + "compilerOptions": { + "allowJs": true, + "checkJs": true, + "types": ["node", "static-assets", "storybook__addons"] + }, + "include": ["*.js"] +} diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 8dd9d63b38b5f..e8a3a7c7d968b 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -12,6 +12,7 @@ "code-style": "just-scripts code-style", "just": "just-scripts", "lint": "just-scripts lint", + "type-check": "just-scripts type-check", "start": "yarn storybook:docs", "storybook": "start-storybook --port 3000 --no-manager-cache", "storybook:docs": "yarn storybook --docs" @@ -25,7 +26,7 @@ "@fluentui/react-datepicker-compat": "^0.0.1", "@fluentui/react-migration-v8-v9": "^9.2.10", "@fluentui/react-migration-v0-v9": "9.0.0-alpha.0", - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", "@fluentui/react-components": "^9.19.1", diff --git a/apps/public-docsite-v9/tsconfig.app.json b/apps/public-docsite-v9/tsconfig.app.json new file mode 100644 index 0000000000000..ef06ccd867c65 --- /dev/null +++ b/apps/public-docsite-v9/tsconfig.app.json @@ -0,0 +1,13 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "module": "ESNext", + "target": "ES2019", + "noEmit": false, + "outDir": "lib", + "jsx": "react", + "sourceMap": true, + "types": ["webpack-env"] + }, + "include": ["src"] +} diff --git a/apps/public-docsite-v9/tsconfig.json b/apps/public-docsite-v9/tsconfig.json index cc35ba4818249..215391a01f562 100644 --- a/apps/public-docsite-v9/tsconfig.json +++ b/apps/public-docsite-v9/tsconfig.json @@ -1,21 +1,23 @@ { + "extends": "../../tsconfig.base.all.json", "compilerOptions": { - "target": "es5", - "outDir": "lib", - "module": "commonjs", - "jsx": "react", - "declaration": true, - "sourceMap": true, + "module": "ESNext", + "target": "ES2019", "noEmit": true, "experimentalDecorators": true, "noUnusedLocals": true, - "forceConsistentCasingInFileNames": true, "strictNullChecks": true, "noImplicitAny": true, - "moduleResolution": "node", - "preserveConstEnums": true, - "skipLibCheck": true, - "types": ["webpack-env", "@storybook/react"] + "types": ["webpack-env"] }, - "include": ["src"] + "include": [], + "files": [], + "references": [ + { + "path": "./tsconfig.app.json" + }, + { + "path": "./.storybook/tsconfig.json" + } + ] } diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index aef811365aba6..bb1b6619a3227 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -23,29 +23,29 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/common-styles": "^1.2.22", + "@fluentui/common-styles": "^1.2.24", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.79", + "@fluentui/react-monaco-editor": "^1.7.81", "write-file-webpack-plugin": "^4.1.0", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/font-icons-mdl2": "^8.5.13", + "@fluentui/font-icons-mdl2": "^8.5.15", "@fluentui/public-docsite-resources": "^8.1.41", - "@fluentui/public-docsite-setup": "^0.3.18", - "@fluentui/react": "^8.108.2", - "@fluentui/react-docsite-components": "^8.12.2", + "@fluentui/public-docsite-setup": "^0.3.19", + "@fluentui/react": "^8.109.0", + "@fluentui/react-docsite-components": "^8.12.4", "@fluentui/react-examples": "^8.34.4", - "@fluentui/react-experiments": "^8.14.74", - "@fluentui/fluent2-theme": "^8.107.3", - "@fluentui/react-file-type-icons": "^8.8.13", - "@fluentui/react-icons-mdl2": "^1.3.37", - "@fluentui/react-icons-mdl2-branded": "^1.2.38", - "@fluentui/set-version": "^8.2.6", - "@fluentui/theme": "^2.6.25", - "@fluentui/theme-samples": "^8.7.79", - "@fluentui/utilities": "^8.13.9", + "@fluentui/react-experiments": "^8.14.76", + "@fluentui/fluent2-theme": "^8.107.5", + "@fluentui/react-file-type-icons": "^8.8.15", + "@fluentui/react-icons-mdl2": "^1.3.39", + "@fluentui/react-icons-mdl2-branded": "^1.2.40", + "@fluentui/set-version": "^8.2.8", + "@fluentui/theme": "^2.6.27", + "@fluentui/theme-samples": "^8.7.81", + "@fluentui/utilities": "^8.13.11", "@microsoft/load-themed-styles": "^1.10.26", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index 3489be84d1065..0d8ca0c10281d 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -21,8 +21,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/react-hooks": "^8.6.20", + "@fluentui/react": "^8.109.0", + "@fluentui/react-hooks": "^8.6.22", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", "react": "18.2.0", diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index f568295a9c5ec..845568190450c 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -13,7 +13,7 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@microsoft/load-themed-styles": "^1.10.26", "@types/mocha": "7.0.2", "@fluentui/public-docsite-resources": "^8.1.41", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 726fc95514dc2..f65fd143a3f16 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -10,7 +10,7 @@ "type-check": "tsc -b tsconfig.type.json" }, "dependencies": { - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@fluentui/react-components": "^9.19.1", "@fluentui/react-icons": "^2.0.196", "@fluentui/web-components": "^2.5.14", diff --git a/apps/stress-test/webpack/webpack.config.ts b/apps/stress-test/webpack/webpack.config.ts index e2ff29043c58b..b3a42e043ce9b 100644 --- a/apps/stress-test/webpack/webpack.config.ts +++ b/apps/stress-test/webpack/webpack.config.ts @@ -2,7 +2,7 @@ import * as path from 'path'; import { fileURLToPath } from 'url'; import { CleanWebpackPlugin } from 'clean-webpack-plugin'; // eslint-disable-next-line import/no-extraneous-dependencies -import { registerTsPaths, createPathAliasesConfig, rules } from '@fluentui/scripts-storybook'; +import { registerTsPaths, rules } from '@fluentui/scripts-storybook'; import { configurePages } from './pageConfig.js'; import { configureGriffel } from './griffelConfig.js'; import * as WebpackDevServer from 'webpack-dev-server'; @@ -12,7 +12,7 @@ const enabledReactProfiling = true; const __dirname = path.dirname(fileURLToPath(import.meta.url)); -const { tsConfigAllPath } = createPathAliasesConfig(); +const tsConfigAllPath = path.join(__dirname, '../../../tsconfig.base.all.json'); type WebpackArgs = { mode: 'production' | 'development' | 'none'; diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index b8d940c7b8d61..278e8311f957e 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -19,13 +19,13 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react-docsite-components": "^8.12.2", - "@fluentui/foundation-legacy": "^8.2.33", - "@fluentui/scheme-utilities": "^8.3.26", - "@fluentui/set-version": "^8.2.6", - "@fluentui/font-icons-mdl2": "^8.5.13", + "@fluentui/react": "^8.109.0", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/react-docsite-components": "^8.12.4", + "@fluentui/foundation-legacy": "^8.2.35", + "@fluentui/scheme-utilities": "^8.3.28", + "@fluentui/set-version": "^8.2.8", + "@fluentui/font-icons-mdl2": "^8.5.15", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index 82cc2b2e75875..8b9c9357b2a50 100644 --- a/apps/ts-minbar-test-react/package.json +++ b/apps/ts-minbar-test-react/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react": "^8.108.2" + "@fluentui/react": "^8.109.0" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index 0926cd1c3da70..507fefc9bd975 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -20,12 +20,12 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/example-data": "^8.4.7", - "@fluentui/font-icons-mdl2": "^8.5.13", - "@fluentui/react": "^8.108.2", - "@fluentui/react-experiments": "^8.14.74", - "@fluentui/react-hooks": "^8.6.20", - "@fluentui/react-icons-mdl2": "^1.3.37", + "@fluentui/example-data": "^8.4.8", + "@fluentui/font-icons-mdl2": "^8.5.15", + "@fluentui/react": "^8.109.0", + "@fluentui/react-experiments": "^8.14.76", + "@fluentui/react-hooks": "^8.6.22", + "@fluentui/react-icons-mdl2": "^1.3.39", "@fluentui/storybook": "^1.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/azure-pipelines.yml b/azure-pipelines.yml index 3a4a437264cd7..00e58ddc63b17 100644 --- a/azure-pipelines.yml +++ b/azure-pipelines.yml @@ -31,7 +31,8 @@ jobs: - script: | yarn nx workspace-lint yarn nx run @fluentui/nx-workspace-tools:check-graph - displayName: NX workspace lint + yarn nx workspace-generator tsconfig-base-all --verify + displayName: Workspace lint - script: | # @fluentui/api-docs is used within apps/public-docsite-resources/just.config.ts, thus it needs to be build in advance diff --git a/change/@fluentui-eslint-plugin-5fd26f6f-a0b9-458f-80e0-86e99da9672a.json b/change/@fluentui-eslint-plugin-5fd26f6f-a0b9-458f-80e0-86e99da9672a.json deleted file mode 100644 index f99e254f762e8..0000000000000 --- a/change/@fluentui-eslint-plugin-5fd26f6f-a0b9-458f-80e0-86e99da9672a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: enable @griffel/hook-naming rule", - "packageName": "@fluentui/eslint-plugin", - "email": "olfedias@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-avatar-4dcc2dda-2c06-40ae-a470-fe31e7e590c0.json b/change/@fluentui-react-avatar-4dcc2dda-2c06-40ae-a470-fe31e7e590c0.json new file mode 100644 index 0000000000000..8b537ece14577 --- /dev/null +++ b/change/@fluentui-react-avatar-4dcc2dda-2c06-40ae-a470-fe31e7e590c0.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-avatar", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-badge-4331f494-c456-4abe-979c-b6b951160968.json b/change/@fluentui-react-badge-4331f494-c456-4abe-979c-b6b951160968.json new file mode 100644 index 0000000000000..f83020f690df7 --- /dev/null +++ b/change/@fluentui-react-badge-4331f494-c456-4abe-979c-b6b951160968.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-badge", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-button-4dd3c0d3-ef8c-4cad-9037-d02351896796.json b/change/@fluentui-react-button-4dd3c0d3-ef8c-4cad-9037-d02351896796.json new file mode 100644 index 0000000000000..60174df7d2337 --- /dev/null +++ b/change/@fluentui-react-button-4dd3c0d3-ef8c-4cad-9037-d02351896796.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-button", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-checkbox-320896ab-38af-4156-89fe-216ef2406e87.json b/change/@fluentui-react-checkbox-320896ab-38af-4156-89fe-216ef2406e87.json new file mode 100644 index 0000000000000..a0cef02f02a55 --- /dev/null +++ b/change/@fluentui-react-checkbox-320896ab-38af-4156-89fe-216ef2406e87.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-checkbox", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-conformance-9b875b33-ced4-434a-9690-448766658f08.json b/change/@fluentui-react-conformance-9b875b33-ced4-434a-9690-448766658f08.json deleted file mode 100644 index 26d48b6da4a78..0000000000000 --- a/change/@fluentui-react-conformance-9b875b33-ced4-434a-9690-448766658f08.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: add new TS config api to be able to specify configName and configDir", - "packageName": "@fluentui/react-conformance", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-datepicker-compat-6171355b-d1b3-4486-9dd1-60593ea037f8.json b/change/@fluentui-react-datepicker-compat-6171355b-d1b3-4486-9dd1-60593ea037f8.json new file mode 100644 index 0000000000000..c6fab62a7a1e8 --- /dev/null +++ b/change/@fluentui-react-datepicker-compat-6171355b-d1b3-4486-9dd1-60593ea037f8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-datepicker-compat", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-docsite-components-7f162818-fcb4-4cbe-8dc1-6d855e04b980.json b/change/@fluentui-react-docsite-components-7f162818-fcb4-4cbe-8dc1-6d855e04b980.json deleted file mode 100644 index e2cdde7c9ca42..0000000000000 --- a/change/@fluentui-react-docsite-components-7f162818-fcb4-4cbe-8dc1-6d855e04b980.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "Enable export to codepen for react charting", - "packageName": "@fluentui/react-docsite-components", - "email": "atishay.jain@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-field-0ba2564a-2a43-4917-badc-1b34a24559b6.json b/change/@fluentui-react-field-0ba2564a-2a43-4917-badc-1b34a24559b6.json new file mode 100644 index 0000000000000..3031e5c2a9eeb --- /dev/null +++ b/change/@fluentui-react-field-0ba2564a-2a43-4917-badc-1b34a24559b6.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-field", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-infobutton-d0d934b3-5320-413f-9efc-d9bb1d67ae25.json b/change/@fluentui-react-infobutton-d0d934b3-5320-413f-9efc-d9bb1d67ae25.json new file mode 100644 index 0000000000000..78c95cd9c9cfb --- /dev/null +++ b/change/@fluentui-react-infobutton-d0d934b3-5320-413f-9efc-d9bb1d67ae25.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-infobutton", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-input-d2f00642-9b3e-4cd7-b464-50a8b4a9092c.json b/change/@fluentui-react-input-d2f00642-9b3e-4cd7-b464-50a8b4a9092c.json new file mode 100644 index 0000000000000..29ad243a5350c --- /dev/null +++ b/change/@fluentui-react-input-d2f00642-9b3e-4cd7-b464-50a8b4a9092c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-input", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-label-8eefd0a0-8ece-4f6c-bc55-ddaa4edc62d4.json b/change/@fluentui-react-label-8eefd0a0-8ece-4f6c-bc55-ddaa4edc62d4.json new file mode 100644 index 0000000000000..035a6b3328115 --- /dev/null +++ b/change/@fluentui-react-label-8eefd0a0-8ece-4f6c-bc55-ddaa4edc62d4.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-label", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-link-27f8457a-61e2-40ff-951f-70e9ee60d1d4.json b/change/@fluentui-react-link-27f8457a-61e2-40ff-951f-70e9ee60d1d4.json new file mode 100644 index 0000000000000..a1d49d545753d --- /dev/null +++ b/change/@fluentui-react-link-27f8457a-61e2-40ff-951f-70e9ee60d1d4.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-link", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-migration-v8-v9-ca54b58c-216f-4a2c-bc44-b19249dd8d16.json b/change/@fluentui-react-migration-v8-v9-ca54b58c-216f-4a2c-bc44-b19249dd8d16.json new file mode 100644 index 0000000000000..e559a82c4d869 --- /dev/null +++ b/change/@fluentui-react-migration-v8-v9-ca54b58c-216f-4a2c-bc44-b19249dd8d16.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: enable build-less DX for storybook", + "packageName": "@fluentui/react-migration-v8-v9", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-monaco-editor-eacbbb2f-ad95-4072-81d7-0d97fa23090f.json b/change/@fluentui-react-monaco-editor-eacbbb2f-ad95-4072-81d7-0d97fa23090f.json deleted file mode 100644 index a14c3d39ca0a1..0000000000000 --- a/change/@fluentui-react-monaco-editor-eacbbb2f-ad95-4072-81d7-0d97fa23090f.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "Add react charting to support export to codepen", - "packageName": "@fluentui/react-monaco-editor", - "email": "atishay.jain@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-persona-d62921b6-b5c0-408c-9c95-07e22833e410.json b/change/@fluentui-react-persona-d62921b6-b5c0-408c-9c95-07e22833e410.json new file mode 100644 index 0000000000000..efaa5e7e0749a --- /dev/null +++ b/change/@fluentui-react-persona-d62921b6-b5c0-408c-9c95-07e22833e410.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-persona", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-progress-02b62137-0430-49d7-b9c4-fb4032de2a72.json b/change/@fluentui-react-progress-02b62137-0430-49d7-b9c4-fb4032de2a72.json new file mode 100644 index 0000000000000..37daadac33057 --- /dev/null +++ b/change/@fluentui-react-progress-02b62137-0430-49d7-b9c4-fb4032de2a72.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-progress", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-radio-7d0c7d56-ee46-4308-959f-49fb1eb9f577.json b/change/@fluentui-react-radio-7d0c7d56-ee46-4308-959f-49fb1eb9f577.json new file mode 100644 index 0000000000000..e3c54ffe563f0 --- /dev/null +++ b/change/@fluentui-react-radio-7d0c7d56-ee46-4308-959f-49fb1eb9f577.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-radio", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json b/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json new file mode 100644 index 0000000000000..3ce06293683ec --- /dev/null +++ b/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-skeleton", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-spinbutton-a866fa25-1598-4d9f-a2a2-bf50dfc5226b.json b/change/@fluentui-react-spinbutton-a866fa25-1598-4d9f-a2a2-bf50dfc5226b.json new file mode 100644 index 0000000000000..e389812a6de23 --- /dev/null +++ b/change/@fluentui-react-spinbutton-a866fa25-1598-4d9f-a2a2-bf50dfc5226b.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-spinbutton", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-spinner-e9512161-6252-4093-b8c5-07cf2e3d51c5.json b/change/@fluentui-react-spinner-e9512161-6252-4093-b8c5-07cf2e3d51c5.json new file mode 100644 index 0000000000000..f7080b09bb712 --- /dev/null +++ b/change/@fluentui-react-spinner-e9512161-6252-4093-b8c5-07cf2e3d51c5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-spinner", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-switch-a35a71c1-8d26-4f49-894e-9c8d3eb27ac0.json b/change/@fluentui-react-switch-a35a71c1-8d26-4f49-894e-9c8d3eb27ac0.json new file mode 100644 index 0000000000000..fadecfb204109 --- /dev/null +++ b/change/@fluentui-react-switch-a35a71c1-8d26-4f49-894e-9c8d3eb27ac0.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-switch", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-textarea-41cf17e8-7afd-4d6a-92bf-29e5d0b4ad86.json b/change/@fluentui-react-textarea-41cf17e8-7afd-4d6a-92bf-29e5d0b4ad86.json new file mode 100644 index 0000000000000..855c3d5774048 --- /dev/null +++ b/change/@fluentui-react-textarea-41cf17e8-7afd-4d6a-92bf-29e5d0b4ad86.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-textarea", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tooltip-6fdda25e-8e95-4877-846f-66558e6a4a7d.json b/change/@fluentui-react-tooltip-6fdda25e-8e95-4877-846f-66558e6a4a7d.json new file mode 100644 index 0000000000000..90d3c9e7a87a8 --- /dev/null +++ b/change/@fluentui-react-tooltip-6fdda25e-8e95-4877-846f-66558e6a4a7d.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-tooltip", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/lage.config.js b/lage.config.js index a2474bb61c3cf..ce4035b7d54f9 100644 --- a/lage.config.js +++ b/lage.config.js @@ -5,7 +5,8 @@ module.exports = { 'build:info': [], bundle: ['build'], 'bundle-size': ['build'], - lint: [], + // adding temporary back until import plugin rule is resolved https://github.com/microsoft/fluentui/issues/27727 + lint: ['build'], clean: [], test: ['build'], 'type-check': ['build'], diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json index e599976b6a888..8cd5a902a6274 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/api-docs", - "version": "8.2.7", + "version": "8.2.8", "description": "Transforms API Extractor .api.json files into .page.json files", "repository": { "type": "git", diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json index 3c969fbec9c3d..0a92ec1fa4b51 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,62 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/azure-themes_v8.6.1", + "version": "8.6.1", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:53 GMT", + "tag": "@fluentui/azure-themes_v8.6.0", + "version": "8.6.0", + "comments": { + "patch": [ + { + "author": "30805892+Jacqueline-ms@users.noreply.github.com", + "package": "@fluentui/azure-themes", + "commit": "d9f8a815f9424d6174c4ef45ce3b977ffc28b67f", + "comment": "dropdown style bug fix for high contrast themes" + } + ], + "minor": [ + { + "author": "30805892+Jacqueline-ms@users.noreply.github.com", + "package": "@fluentui/azure-themes", + "commit": "4acd563e14d4a257585cff2dba2fb826ce9c059b", + "comment": "feat: Adding Azure Theme Tag Button variant for primary and default buttons" + }, + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/azure-themes_v8.5.83", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index dc2cf185bb6c3..efab34ed7185e 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,34 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.6.1](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.1) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.6.0..@fluentui/azure-themes_v8.6.1) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.0) + +Mon, 01 May 2023 07:39:53 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.5.83..@fluentui/azure-themes_v8.6.0) + +### Minor changes + +- feat: Adding Azure Theme Tag Button variant for primary and default buttons ([PR #27186](https://github.com/microsoft/fluentui/pull/27186) by 30805892+Jacqueline-ms@users.noreply.github.com) +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + +### Patches + +- dropdown style bug fix for high contrast themes ([PR #27346](https://github.com/microsoft/fluentui/pull/27346) by 30805892+Jacqueline-ms@users.noreply.github.com) + ## [8.5.83](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.83) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index 5f3d622d2cc0c..a5de99735f542 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.5.83", + "version": "8.6.1", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,8 +28,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/set-version": "^8.2.6", + "@fluentui/react": "^8.109.0", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" } } diff --git a/packages/azure-themes/src/azure/AzureColors.ts b/packages/azure-themes/src/azure/AzureColors.ts index 9dc26a97aeb7f..0c9b4a99aa44c 100644 --- a/packages/azure-themes/src/azure/AzureColors.ts +++ b/packages/azure-themes/src/azure/AzureColors.ts @@ -2,9 +2,12 @@ import { IAzureSemanticColors } from './IAzureSemanticColors'; export namespace BaseColors { export const BLUE_F0F6FF = '#F0F6FF'; + export const BLUE_B3D7F2 = '#b3d7f2'; export const BLUE_CCE1FF = '#cce1ff'; + export const BLUE_CCE4F6 = '#cce4f6'; export const BLUE_C7E0F4 = '#C7E0F4'; export const BLUE_DEECF9 = '#deecf9'; + export const BLUE_E6F2FB = '#e6f2fb'; export const BLUE_0000CD = '#0000cd'; export const BLUE_00245B = '#00245B'; export const BLUE_00E8E8 = '#00e8e8'; @@ -115,6 +118,7 @@ export namespace BaseColors { export const GRAY_808080_070 = 'rgba(128, 128, 128, .70)'; export const BLUE_55B3FF_010 = 'rgba(85, 179, 255, .10)'; export const BLUE_55B3FF_020 = 'rgba(85, 179, 255, .20)'; + export const BLUE_55B3FF_040 = 'rgba(85, 179, 255, .4)'; // Extended Palette Colors (not in Azure spec) export const GRAY_FFFFFF_050 = 'rgba(255,255,255,.5)'; // overlay light @@ -300,6 +304,15 @@ export const DarkSemanticColors: IAzureSemanticColors = { }, focus: BaseColors.GRAY_A19F9D, }, + dropDown: { + background: { + rest: BaseColors.GRAY_252423, + hover: BaseColors.GRAY_323130, + }, + text: { + hovered: BaseColors.WHITE, + }, + }, item: { hover: BaseColors.GRAY_323130, select: BaseColors.GRAY_3B3A39, @@ -309,6 +322,23 @@ export const DarkSemanticColors: IAzureSemanticColors = { primary: BaseColors.GRAY_808080, secondary: BaseColors.GRAY_404040, }, + tagButton: { + rest: { + text: BaseColors.WHITE, + background: BaseColors.BLUE_55B3FF_040, + border: BaseColors.TRANSPARENT, + }, + hover: { + text: BaseColors.WHITE, + background: BaseColors.BLUE_55B3FF_040, + border: BaseColors.GRAY_808080_070, + }, + pressed: { + text: BaseColors.WHITE, + background: BaseColors.BLUE_55B3FF_040, + border: BaseColors.BLUE_4894FE, + }, + }, toggle: { disabled: { backrgound: BaseColors.GRAY_484644, @@ -554,6 +584,15 @@ export const HighContrastDarkSemanticColors: IAzureSemanticColors = { }, focus: BaseColors.GRAY_A19F9D, }, + dropDown: { + background: { + rest: BaseColors.GRAY_1B1A19, + hover: BaseColors.TRANSPARENT, + }, + text: { + hovered: BaseColors.WHITE, + }, + }, item: { hover: BaseColors.BLUE_00FFFF, select: BaseColors.GRAY_808080_050, @@ -563,6 +602,23 @@ export const HighContrastDarkSemanticColors: IAzureSemanticColors = { primary: BaseColors.GRAY_808080, secondary: BaseColors.GRAY_404040, }, + tagButton: { + rest: { + text: BaseColors.WHITE, + background: BaseColors.BLUE_55B3FF_040, + border: BaseColors.TRANSPARENT, + }, + hover: { + text: BaseColors.WHITE, + background: BaseColors.BLUE_55B3FF_040, + border: BaseColors.WHITE, + }, + pressed: { + text: BaseColors.WHITE, + background: BaseColors.BLUE_55B3FF_040, + border: BaseColors.BLUE_4894FE, + }, + }, toggle: { disabled: { backrgound: BaseColors.GRAY_484644, @@ -808,6 +864,15 @@ export const LightSemanticColors: IAzureSemanticColors = { }, focus: BaseColors.GRAY_605E5C, }, + dropDown: { + background: { + rest: BaseColors.WHITE, + hover: BaseColors.GRAY_F3F2F1, + }, + text: { + hovered: BaseColors.GRAY_302928, + }, + }, item: { hover: BaseColors.GRAY_F3F2F1, select: BaseColors.GRAY_EDEBE9, @@ -817,6 +882,23 @@ export const LightSemanticColors: IAzureSemanticColors = { primary: BaseColors.GRAY_F7F7F7, secondary: BaseColors.GRAY_DFDFDF, }, + tagButton: { + rest: { + text: BaseColors.BLACK, + background: BaseColors.BLUE_E6F2FB, + border: BaseColors.BLUE_E6F2FB, + }, + hover: { + text: BaseColors.BLACK, + background: BaseColors.BLUE_CCE4F6, + border: BaseColors.BLUE_CCE4F6, + }, + pressed: { + text: BaseColors.BLACK, + background: BaseColors.BLUE_B3D7F2, + border: BaseColors.BLUE_015CDA, + }, + }, toggle: { disabled: { backrgound: BaseColors.WHITE, @@ -1062,6 +1144,15 @@ export const HighContrastLightSemanticColors: IAzureSemanticColors = { }, focus: BaseColors.GRAY_323130, }, + dropDown: { + background: { + rest: BaseColors.WHITE, + hover: BaseColors.TRANSPARENT, + }, + text: { + hovered: BaseColors.BLACK, + }, + }, item: { hover: BaseColors.PURPLE_800080, select: BaseColors.GRAY_EDEBE9, @@ -1071,6 +1162,23 @@ export const HighContrastLightSemanticColors: IAzureSemanticColors = { primary: BaseColors.GRAY_F7F7F7, secondary: BaseColors.GRAY_DFDFDF, }, + tagButton: { + rest: { + text: BaseColors.BLACK, + background: BaseColors.BLUE_E6F2FB, + border: BaseColors.BLUE_E6F2FB, + }, + hover: { + text: BaseColors.BLACK, + background: BaseColors.BLUE_CCE4F6, + border: BaseColors.BLUE_CCE4F6, + }, + pressed: { + text: BaseColors.BLACK, + background: BaseColors.BLUE_B3D7F2, + border: BaseColors.BLUE_015CDA, + }, + }, toggle: { disabled: { backrgound: BaseColors.WHITE, diff --git a/packages/azure-themes/src/azure/AzureThemeDark.ts b/packages/azure-themes/src/azure/AzureThemeDark.ts index 825af8db2be66..77fc6c33d099d 100644 --- a/packages/azure-themes/src/azure/AzureThemeDark.ts +++ b/packages/azure-themes/src/azure/AzureThemeDark.ts @@ -21,11 +21,19 @@ const darkExtendedSemanticColors: Partial = { buttonBackgroundDisabled: DarkSemanticColors.disabledButton.background, buttonBackgroundHovered: DarkSemanticColors.secondaryButton.hover.background, buttonBackgroundPressed: DarkSemanticColors.secondaryButton.pressed.background, + ButtonBackgroundTag: DarkSemanticColors.tagButton.rest.background, + ButtonBackgroundTagHovered: DarkSemanticColors.tagButton.hover.background, + ButtonBackgroundTagPressed: DarkSemanticColors.tagButton.pressed.background, + ButtonBackgroundTagText: DarkSemanticColors.tagButton.rest.text, + ButtonBackgroundTagTextHovered: DarkSemanticColors.tagButton.hover.text, ButtonBorderDanger: DarkSemanticColors.dangerButton.rest.border, ButtonBorderDangerHovered: DarkSemanticColors.dangerButton.hover.border, ButtonBorderDangerPressed: DarkSemanticColors.dangerButton.pressed.border, ButtonBorderDisabled: DarkSemanticColors.disabledButton.background, ButtonBorderFocus: DarkSemanticColors.secondaryButton.focus.border, + ButtonBorderTag: DarkSemanticColors.tagButton.rest.border, + ButtonBorderTagHovered: DarkSemanticColors.tagButton.hover.border, + ButtonBorderTagPressed: DarkSemanticColors.tagButton.pressed.border, buttonText: DarkSemanticColors.secondaryButton.rest.text, buttonTextChecked: DarkSemanticColors.secondaryButton.pressed.text, buttonTextCheckedHovered: DarkSemanticColors.secondaryButton.hover.border, @@ -52,6 +60,9 @@ const darkExtendedSemanticColors: Partial = { datePickerSelectionText: DarkSemanticColors.datePicker.rest.text, disabledBackground: CommonSemanticColors.backgrounds.disabled, disabledBodyText: DarkSemanticColors.text.disabled, + dropdownBackground: DarkSemanticColors.dropDown.background.rest, + dropdownItemHover: DarkSemanticColors.dropDown.text.hovered, + dropdownTextHovered: DarkSemanticColors.dropDown.text.hovered, errorBackground: DarkSemanticColors.controlOutlines.error, errorText: DarkSemanticColors.text.error, focusBorder: DarkSemanticColors.controlOutlines.accent, diff --git a/packages/azure-themes/src/azure/AzureThemeHighContrastDark.ts b/packages/azure-themes/src/azure/AzureThemeHighContrastDark.ts index 3c89908c1a79b..41e04fdddeadd 100644 --- a/packages/azure-themes/src/azure/AzureThemeHighContrastDark.ts +++ b/packages/azure-themes/src/azure/AzureThemeHighContrastDark.ts @@ -21,11 +21,19 @@ const highContrastDarkExtendedSemanticColors: Partial = buttonBackgroundDisabled: HighContrastDarkSemanticColors.primaryButton.disabled.background, buttonBackgroundHovered: HighContrastDarkSemanticColors.secondaryButton.hover.background, buttonBackgroundPressed: HighContrastDarkSemanticColors.secondaryButton.pressed.background, + ButtonBackgroundTag: HighContrastDarkSemanticColors.tagButton.rest.background, + ButtonBackgroundTagHovered: HighContrastDarkSemanticColors.tagButton.hover.background, + ButtonBackgroundTagPressed: HighContrastDarkSemanticColors.tagButton.pressed.background, + ButtonBackgroundTagText: HighContrastDarkSemanticColors.tagButton.rest.text, + ButtonBackgroundTagTextHovered: HighContrastDarkSemanticColors.tagButton.hover.text, ButtonBorderDanger: HighContrastDarkSemanticColors.dangerButton.rest.border, ButtonBorderDangerHovered: HighContrastDarkSemanticColors.dangerButton.hover.border, ButtonBorderDangerPressed: HighContrastDarkSemanticColors.dangerButton.pressed.border, ButtonBorderDisabled: HighContrastDarkSemanticColors.disabledButton.background, ButtonBorderFocus: HighContrastDarkSemanticColors.secondaryButton.focus.border, + ButtonBorderTag: HighContrastDarkSemanticColors.tagButton.rest.border, + ButtonBorderTagHovered: HighContrastDarkSemanticColors.tagButton.hover.border, + ButtonBorderTagPressed: HighContrastDarkSemanticColors.tagButton.pressed.border, buttonText: HighContrastDarkSemanticColors.secondaryButton.rest.text, buttonTextChecked: HighContrastDarkSemanticColors.secondaryButton.pressed.text, buttonTextCheckedHovered: HighContrastDarkSemanticColors.secondaryButton.hover.border, @@ -53,6 +61,9 @@ const highContrastDarkExtendedSemanticColors: Partial = datePickerSelectionText: HighContrastDarkSemanticColors.datePicker.rest.text, disabledBackground: CommonSemanticColors.backgrounds.disabled, disabledBodyText: HighContrastDarkSemanticColors.text.disabled, + dropdownBackground: HighContrastDarkSemanticColors.dropDown.background.rest, + dropdownItemHover: HighContrastDarkSemanticColors.dropDown.background.hover, + dropdownTextHovered: HighContrastDarkSemanticColors.dropDown.text.hovered, errorBackground: HighContrastDarkSemanticColors.controlOutlines.error, errorText: HighContrastDarkSemanticColors.text.error, focusBorder: HighContrastDarkSemanticColors.controlOutlines.accent, diff --git a/packages/azure-themes/src/azure/AzureThemeHighContrastLight.ts b/packages/azure-themes/src/azure/AzureThemeHighContrastLight.ts index 00a4fe76cc23b..d42fa5f029a13 100644 --- a/packages/azure-themes/src/azure/AzureThemeHighContrastLight.ts +++ b/packages/azure-themes/src/azure/AzureThemeHighContrastLight.ts @@ -21,11 +21,19 @@ const highContrastLightExtendedSemanticColors: Partial buttonBackgroundDisabled: HighContrastLightSemanticColors.disabledButton.background, buttonBackgroundHovered: HighContrastLightSemanticColors.secondaryButton.hover.background, buttonBackgroundPressed: HighContrastLightSemanticColors.secondaryButton.pressed.background, + ButtonBackgroundTag: HighContrastLightSemanticColors.tagButton.rest.background, + ButtonBackgroundTagHovered: HighContrastLightSemanticColors.tagButton.hover.background, + ButtonBackgroundTagPressed: HighContrastLightSemanticColors.tagButton.pressed.background, + ButtonBackgroundTagText: HighContrastLightSemanticColors.tagButton.rest.text, + ButtonBackgroundTagTextHovered: HighContrastLightSemanticColors.tagButton.hover.text, ButtonBorderDanger: HighContrastLightSemanticColors.dangerButton.rest.border, ButtonBorderDangerHovered: HighContrastLightSemanticColors.dangerButton.hover.border, ButtonBorderDangerPressed: HighContrastLightSemanticColors.dangerButton.pressed.border, ButtonBorderDisabled: HighContrastLightSemanticColors.disabledButton.text, ButtonBorderFocus: HighContrastLightSemanticColors.secondaryButton.focus.border, + ButtonBorderTag: HighContrastLightSemanticColors.tagButton.rest.border, + ButtonBorderTagHovered: HighContrastLightSemanticColors.tagButton.hover.border, + ButtonBorderTagPressed: HighContrastLightSemanticColors.tagButton.pressed.border, buttonText: HighContrastLightSemanticColors.secondaryButton.rest.text, buttonTextChecked: HighContrastLightSemanticColors.secondaryButton.pressed.text, buttonTextCheckedHovered: HighContrastLightSemanticColors.secondaryButton.hover.border, @@ -53,6 +61,9 @@ const highContrastLightExtendedSemanticColors: Partial datePickerSelectionText: HighContrastLightSemanticColors.datePicker.rest.text, disabledBackground: CommonSemanticColors.backgrounds.disabled, disabledBodyText: HighContrastLightSemanticColors.text.disabled, + dropdownBackground: HighContrastLightSemanticColors.dropDown.background.rest, + dropdownItemHover: HighContrastLightSemanticColors.dropDown.background.hover, + dropdownTextHovered: HighContrastLightSemanticColors.dropDown.text.hovered, errorBackground: HighContrastLightSemanticColors.controlOutlines.error, errorText: HighContrastLightSemanticColors.text.error, focusBorder: HighContrastLightSemanticColors.controlOutlines.accent, diff --git a/packages/azure-themes/src/azure/AzureThemeLight.ts b/packages/azure-themes/src/azure/AzureThemeLight.ts index 66e742b350166..83cb672241e46 100644 --- a/packages/azure-themes/src/azure/AzureThemeLight.ts +++ b/packages/azure-themes/src/azure/AzureThemeLight.ts @@ -21,11 +21,19 @@ const lightExtendedSemanticColors: Partial = { buttonBackgroundDisabled: LightSemanticColors.disabledButton.background, buttonBackgroundHovered: LightSemanticColors.secondaryButton.hover.background, buttonBackgroundPressed: LightSemanticColors.secondaryButton.pressed.background, + ButtonBackgroundTag: LightSemanticColors.tagButton.rest.background, + ButtonBackgroundTagHovered: LightSemanticColors.tagButton.hover.background, + ButtonBackgroundTagPressed: LightSemanticColors.tagButton.pressed.background, + ButtonBackgroundTagText: LightSemanticColors.tagButton.rest.text, + ButtonBackgroundTagTextHovered: LightSemanticColors.tagButton.hover.text, ButtonBorderDanger: LightSemanticColors.dangerButton.rest.border, ButtonBorderDangerHovered: LightSemanticColors.dangerButton.hover.border, ButtonBorderDangerPressed: LightSemanticColors.dangerButton.pressed.border, ButtonBorderDisabled: LightSemanticColors.disabledButton.background, ButtonBorderFocus: LightSemanticColors.secondaryButton.focus.border, + ButtonBorderTag: LightSemanticColors.tagButton.rest.border, + ButtonBorderTagHovered: LightSemanticColors.tagButton.hover.border, + ButtonBorderTagPressed: LightSemanticColors.tagButton.pressed.border, buttonText: LightSemanticColors.secondaryButton.rest.text, buttonTextChecked: LightSemanticColors.secondaryButton.pressed.text, buttonTextCheckedHovered: LightSemanticColors.secondaryButton.hover.border, @@ -53,6 +61,9 @@ const lightExtendedSemanticColors: Partial = { datePickerSelectionText: LightSemanticColors.datePicker.rest.text, disabledBackground: CommonSemanticColors.backgrounds.disabled, disabledBodyText: LightSemanticColors.text.disabled, + dropdownBackground: LightSemanticColors.dropDown.background.rest, + dropdownItemHover: LightSemanticColors.dropDown.background.hover, + dropdownTextHovered: LightSemanticColors.dropDown.text.hovered, errorBackground: LightSemanticColors.controlOutlines.error, errorText: LightSemanticColors.text.error, focusBorder: LightSemanticColors.controlOutlines.accent, diff --git a/packages/azure-themes/src/azure/IAzureSemanticColors.ts b/packages/azure-themes/src/azure/IAzureSemanticColors.ts index 7de8c77bd19d7..f9ccaedf55681 100644 --- a/packages/azure-themes/src/azure/IAzureSemanticColors.ts +++ b/packages/azure-themes/src/azure/IAzureSemanticColors.ts @@ -143,6 +143,15 @@ export interface IAzureSemanticColors { }; focus: string; }; + dropDown: { + background: { + rest: string; + hover: string; + }; + text: { + hovered: string; + }; + }; item: { hover: string; select: string; @@ -152,6 +161,23 @@ export interface IAzureSemanticColors { primary: string; secondary: string; }; + tagButton: { + rest: { + text: string; + background: string; + border: string; + }; + hover: { + text: string; + background: string; + border: string; + }; + pressed: { + text: string; + background: string; + border: string; + }; + }; toggle: { disabled: { backrgound: string; diff --git a/packages/azure-themes/src/azure/IExtendedSemanticColors.ts b/packages/azure-themes/src/azure/IExtendedSemanticColors.ts index 597272b5aa2b2..75c15b3919119 100644 --- a/packages/azure-themes/src/azure/IExtendedSemanticColors.ts +++ b/packages/azure-themes/src/azure/IExtendedSemanticColors.ts @@ -19,6 +19,9 @@ export interface IExtendedSemanticColors extends ISemanticColors { buttonBackgroundPressed: string; ButtonBorderDisabled: string; ButtonBorderFocus: string; + ButtonBorderTag: string; + ButtonBorderTagHovered: string; + ButtonBorderTagPressed: string; buttonText: string; buttonTextChecked: string; buttonTextCheckedHovered: string; @@ -71,6 +74,9 @@ export interface IExtendedSemanticColors extends ISemanticColors { datePickerSelectionText: string; disabledBackground: string; disabledBodyText: string; + dropdownBackground: string; + dropdownItemHover: string; + dropdownTextHovered: string; errorBackground: string; errorText: string; focusBorder: string; @@ -106,6 +112,11 @@ export interface IExtendedSemanticColors extends ISemanticColors { primaryButtonBackgroundDisabled: string; primaryButtonBackgroundHovered: string; primaryButtonBackgroundPressed: string; + ButtonBackgroundTag: string; + ButtonBackgroundTagHovered: string; + ButtonBackgroundTagPressed: string; + ButtonBackgroundTagText: string; + ButtonBackgroundTagTextHovered: string; ButtonBorderDanger: string; ButtonBorderDangerHovered: string; ButtonBorderDangerPressed: string; diff --git a/packages/azure-themes/src/azure/styles/DefaultButton.styles.ts b/packages/azure-themes/src/azure/styles/DefaultButton.styles.ts index 7ab43979640d6..2a265c6915ea9 100644 --- a/packages/azure-themes/src/azure/styles/DefaultButton.styles.ts +++ b/packages/azure-themes/src/azure/styles/DefaultButton.styles.ts @@ -13,8 +13,8 @@ export const DefaultButtonStyles = (theme: ITheme): Partial => { height: StyleConstants.inputControlHeight, padding: '0px 16px', border: `${StyleConstants.borderWidth} solid ${semanticColors.inputBorder}`, - // danger button selectors: { + // danger button '&.danger': { outlineColor: extendedSemanticColors.ButtonBackgroundDanger, borderColor: extendedSemanticColors.ButtonBorderDanger, @@ -41,6 +41,33 @@ export const DefaultButtonStyles = (theme: ITheme): Partial => { }, }, }, + // tag button + '&.tag': { + outlineColor: extendedSemanticColors.ButtonBackgroundTag, + borderColor: `${extendedSemanticColors.ButtonBorderTag} !important`, + backgroundColor: extendedSemanticColors.ButtonBackgroundTag, + color: extendedSemanticColors.ButtonBackgroundTagText, + selectors: { + ':hover': { + outlineColor: extendedSemanticColors.ButtonBackgroundTagHovered, + borderColor: `${extendedSemanticColors.ButtonBorderTagHovered} !important`, + backgroundColor: extendedSemanticColors.ButtonBackgroundTagHovered, + color: extendedSemanticColors.ButtonBackgroundTagTextHovered, + }, + ':active': { + outlineColor: extendedSemanticColors.ButtonBackgroundTagPressed, + borderColor: extendedSemanticColors.ButtonBorderTagPressed, + backgroundColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + color: extendedSemanticColors.ButtonBackgroundTagTextHovered, + }, + ':focus': { + outlineColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + borderColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + backgroundColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + color: `${extendedSemanticColors.ButtonBackgroundTagTextHovered} !important`, + }, + }, + }, // standard button '&.is-expanded': { color: semanticColors.buttonTextHovered, diff --git a/packages/azure-themes/src/azure/styles/DropDown.styles.ts b/packages/azure-themes/src/azure/styles/DropDown.styles.ts index ff3a1c07ed09a..873ee1a412f07 100644 --- a/packages/azure-themes/src/azure/styles/DropDown.styles.ts +++ b/packages/azure-themes/src/azure/styles/DropDown.styles.ts @@ -76,14 +76,14 @@ export const DropdownStyles = (props: IDropdownStyleProps): Partial => { padding: StyleConstants.buttonPadding, border: `${StyleConstants.borderWidth} solid ${semanticColors.primaryButtonBorder}`, selectors: { + // danger button '&.danger': { outlineColor: extendedSemanticColors.ButtonBackgroundDanger, borderColor: `${extendedSemanticColors.ButtonBorderDanger} !important`, @@ -39,6 +40,33 @@ export const PrimaryButtonStyles = (theme: ITheme): Partial => { }, }, }, + // tag button + '&.tag': { + outlineColor: extendedSemanticColors.ButtonBackgroundTag, + borderColor: `${extendedSemanticColors.ButtonBorderTag} !important`, + backgroundColor: extendedSemanticColors.ButtonBackgroundTag, + color: extendedSemanticColors.ButtonBackgroundTagText, + selectors: { + ':hover': { + outlineColor: extendedSemanticColors.ButtonBackgroundTagHovered, + borderColor: `${extendedSemanticColors.ButtonBorderTagHovered} !important`, + backgroundColor: extendedSemanticColors.ButtonBackgroundTagHovered, + color: extendedSemanticColors.ButtonBackgroundTagTextHovered, + }, + ':active': { + outlineColor: extendedSemanticColors.ButtonBackgroundTagPressed, + borderColor: extendedSemanticColors.ButtonBorderTagPressed, + backgroundColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + color: extendedSemanticColors.ButtonBackgroundTagTextHovered, + }, + ':focus': { + outlineColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + borderColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + backgroundColor: `${extendedSemanticColors.ButtonBackgroundTagPressed} !important`, + color: `${extendedSemanticColors.ButtonBackgroundTagTextHovered} !important`, + }, + }, + }, }, }, rootFocused: { diff --git a/packages/codemods/package.json b/packages/codemods/package.json index 8eefa4bbdde97..b7e0066f519cf 100644 --- a/packages/codemods/package.json +++ b/packages/codemods/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/codemods", - "version": "8.4.9", + "version": "8.4.10", "description": "Tool enabling easy upgrades to new Fluent UI versions", "main": "lib-commonjs/index.js", "typings": "lib-commonjs/index.d.ts", diff --git a/packages/common-styles/CHANGELOG.json b/packages/common-styles/CHANGELOG.json index 812403f355a56..527bb3efc6504 100644 --- a/packages/common-styles/CHANGELOG.json +++ b/packages/common-styles/CHANGELOG.json @@ -1,6 +1,36 @@ { "name": "@fluentui/common-styles", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/common-styles_v1.2.24", + "version": "1.2.24", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/common-styles", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/common-styles_v1.2.23", + "version": "1.2.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/common-styles", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/common-styles_v1.2.22", diff --git a/packages/common-styles/CHANGELOG.md b/packages/common-styles/CHANGELOG.md index 2c7bb7ea9f2a4..859f55022f456 100644 --- a/packages/common-styles/CHANGELOG.md +++ b/packages/common-styles/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/common-styles -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [1.2.24](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.24) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/common-styles_v1.2.23..@fluentui/common-styles_v1.2.24) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [1.2.23](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.23) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/common-styles_v1.2.22..@fluentui/common-styles_v1.2.23) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [1.2.22](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.22) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/common-styles/package.json b/packages/common-styles/package.json index 48c848c5faf48..dc984a39b09aa 100644 --- a/packages/common-styles/package.json +++ b/packages/common-styles/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/common-styles", - "version": "1.2.22", + "version": "1.2.24", "description": "Common style definitions for Fluent UI React components", "repository": { "type": "git", @@ -18,7 +18,7 @@ "office-ui-fabric-core": "^11.0.0" }, "devDependencies": { - "@fluentui/style-utilities": "^8.9.6", + "@fluentui/style-utilities": "^8.9.8", "@fluentui/scripts-tasks": "*" } } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index 60df80f22bc08..8c93995c116c5 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,36 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/cra-template_v8.4.82", + "version": "8.4.82", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/cra-template_v8.4.81", + "version": "8.4.81", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/cra-template_v8.4.80", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index 0d8228afca48a..1b9b410379597 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/cra-template -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.4.82](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.82) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.81..@fluentui/cra-template_v8.4.82) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.4.81](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.81) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.80..@fluentui/cra-template_v8.4.81) + +### Patches + +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.4.80](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.80) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index 0836359160758..85296771f6fa9 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.80", + "version": "8.4.82", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@fluentui/scripts-projects-test": "*", "@fluentui/scripts-monorepo": "*" } diff --git a/packages/date-time-utilities/.npmignore b/packages/date-time-utilities/.npmignore index 5ffaa387b655f..94fc5ed77b7df 100644 --- a/packages/date-time-utilities/.npmignore +++ b/packages/date-time-utilities/.npmignore @@ -30,3 +30,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/date-time-utilities/CHANGELOG.json b/packages/date-time-utilities/CHANGELOG.json index 2ead566a7f67d..1482ac12108d8 100644 --- a/packages/date-time-utilities/CHANGELOG.json +++ b/packages/date-time-utilities/CHANGELOG.json @@ -1,6 +1,42 @@ { "name": "@fluentui/date-time-utilities", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:14 GMT", + "tag": "@fluentui/date-time-utilities_v8.5.9", + "version": "8.5.9", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/date-time-utilities", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/date-time-utilities", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/date-time-utilities_v8.5.8", + "version": "8.5.8", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/date-time-utilities", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:31 GMT", "tag": "@fluentui/date-time-utilities_v8.5.7", diff --git a/packages/date-time-utilities/CHANGELOG.md b/packages/date-time-utilities/CHANGELOG.md index 11096a9c82d8b..14ce6a51a1149 100644 --- a/packages/date-time-utilities/CHANGELOG.md +++ b/packages/date-time-utilities/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/date-time-utilities -This log was last generated on Tue, 25 Apr 2023 07:38:31 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:14 GMT and should not be manually modified. +## [8.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.9) + +Tue, 02 May 2023 00:58:14 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/date-time-utilities_v8.5.8..@fluentui/date-time-utilities_v8.5.9) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.5.8](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.8) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/date-time-utilities_v8.5.7..@fluentui/date-time-utilities_v8.5.8) + +### Patches + +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.5.7](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.7) Tue, 25 Apr 2023 07:38:31 GMT diff --git a/packages/date-time-utilities/package.json b/packages/date-time-utilities/package.json index e8fedebd4b8ad..901837fef2447 100644 --- a/packages/date-time-utilities/package.json +++ b/packages/date-time-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/date-time-utilities", - "version": "8.5.7", + "version": "8.5.9", "description": "Date-time utilities", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,7 +29,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/dom-utilities/.npmignore b/packages/dom-utilities/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/dom-utilities/.npmignore +++ b/packages/dom-utilities/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/dom-utilities/CHANGELOG.json b/packages/dom-utilities/CHANGELOG.json index aff8533c30a74..f1902f10326ae 100644 --- a/packages/dom-utilities/CHANGELOG.json +++ b/packages/dom-utilities/CHANGELOG.json @@ -1,6 +1,42 @@ { "name": "@fluentui/dom-utilities", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:14 GMT", + "tag": "@fluentui/dom-utilities_v2.2.8", + "version": "2.2.8", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/dom-utilities", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/dom-utilities", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/dom-utilities_v2.2.7", + "version": "2.2.7", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/dom-utilities", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/dom-utilities_v2.2.6", diff --git a/packages/dom-utilities/CHANGELOG.md b/packages/dom-utilities/CHANGELOG.md index 95c4bbd208885..0acc5e6c3c01e 100644 --- a/packages/dom-utilities/CHANGELOG.md +++ b/packages/dom-utilities/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/dom-utilities -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:14 GMT and should not be manually modified. +## [2.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/dom-utilities_v2.2.8) + +Tue, 02 May 2023 00:58:14 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/dom-utilities_v2.2.7..@fluentui/dom-utilities_v2.2.8) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [2.2.7](https://github.com/microsoft/fluentui/tree/@fluentui/dom-utilities_v2.2.7) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/dom-utilities_v2.2.6..@fluentui/dom-utilities_v2.2.7) + +### Patches + +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [2.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/dom-utilities_v2.2.6) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/dom-utilities/package.json b/packages/dom-utilities/package.json index 97cc4711fb202..4fbeb55a765eb 100644 --- a/packages/dom-utilities/package.json +++ b/packages/dom-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/dom-utilities", - "version": "2.2.6", + "version": "2.2.8", "description": "DOM utilities for use within Fluent web components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,7 +29,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/eslint-plugin/CHANGELOG.json b/packages/eslint-plugin/CHANGELOG.json index 810858f6f85c4..09e7f1e12829e 100644 --- a/packages/eslint-plugin/CHANGELOG.json +++ b/packages/eslint-plugin/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/eslint-plugin", "entries": [ + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/eslint-plugin_v1.16.0", + "version": "1.16.0", + "comments": { + "minor": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/eslint-plugin", + "commit": "e0e8de0dadce1a0adcd77acb96028d562773b53d", + "comment": "feat: enable @griffel/hook-naming rule" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:24 GMT", "tag": "@fluentui/eslint-plugin_v1.15.0", diff --git a/packages/eslint-plugin/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md index a95ba5875fc2d..a1e551569f9a5 100644 --- a/packages/eslint-plugin/CHANGELOG.md +++ b/packages/eslint-plugin/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/eslint-plugin -This log was last generated on Mon, 17 Apr 2023 07:40:24 GMT and should not be manually modified. +This log was last generated on Mon, 01 May 2023 07:39:54 GMT and should not be manually modified. +## [1.16.0](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.16.0) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/eslint-plugin_v1.15.0..@fluentui/eslint-plugin_v1.16.0) + +### Minor changes + +- feat: enable @griffel/hook-naming rule ([PR #27687](https://github.com/microsoft/fluentui/pull/27687) by olfedias@microsoft.com) + ## [1.15.0](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.15.0) Mon, 17 Apr 2023 07:40:24 GMT diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json index 01a723281b577..fe1b117742c42 100644 --- a/packages/eslint-plugin/package.json +++ b/packages/eslint-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/eslint-plugin", - "version": "1.15.0", + "version": "1.16.0", "description": "ESLint configuration and custom rules for Fluent UI", "main": "src/index.js", "repository": { diff --git a/packages/example-data/package.json b/packages/example-data/package.json index 21c535e2aae81..c6bae5aaa05b0 100644 --- a/packages/example-data/package.json +++ b/packages/example-data/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/example-data", - "version": "8.4.7", + "version": "8.4.8", "description": "Data generators for Fluent UI React examples.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json index 178f624f664c1..44ed7484b0e73 100644 --- a/packages/fluent2-theme/CHANGELOG.json +++ b/packages/fluent2-theme/CHANGELOG.json @@ -1,6 +1,48 @@ { "name": "@fluentui/fluent2-theme", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/fluent2-theme_v8.107.5", + "version": "8.107.5", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/fluent2-theme_v8.107.4", + "version": "8.107.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/fluent2-theme_v8.107.3", diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md index a626bd0f802d0..7c3e8a17210d0 100644 --- a/packages/fluent2-theme/CHANGELOG.md +++ b/packages/fluent2-theme/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/fluent2-theme -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.107.5](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.5) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.4..@fluentui/fluent2-theme_v8.107.5) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.107.4](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.4) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.3..@fluentui/fluent2-theme_v8.107.4) + +### Patches + +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.107.3](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.3) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json index 77073d07b10f3..db3cf6a2a6c8d 100644 --- a/packages/fluent2-theme/package.json +++ b/packages/fluent2-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/fluent2-theme", - "version": "8.107.3", + "version": "8.107.5", "description": "A Fluent2 theme for Fluent UI React 8.x", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,8 +28,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/set-version": "^8.2.6", + "@fluentui/react": "^8.109.0", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" } } diff --git a/packages/fluentui/e2e/tsconfig.json b/packages/fluentui/e2e/tsconfig.json index a343a32b4060d..62bb069602de1 100644 --- a/packages/fluentui/e2e/tsconfig.json +++ b/packages/fluentui/e2e/tsconfig.json @@ -3,9 +3,10 @@ "compilerOptions": { "allowSyntheticDefaultImports": true, "isolatedModules": false, + "noEmit": true, + "emitDeclarationOnly": false, "module": "esnext", - "types": ["node", "webpack-env", "cypress", "cypress-real-events"], - "skipLibCheck": true + "types": ["node", "webpack-env", "cypress", "cypress-real-events"] }, "include": ["."] } diff --git a/packages/fluentui/perf/tsconfig.json b/packages/fluentui/perf/tsconfig.json index b6b2b56975a4d..cbbf13b831240 100644 --- a/packages/fluentui/perf/tsconfig.json +++ b/packages/fluentui/perf/tsconfig.json @@ -2,6 +2,7 @@ "extends": "../../../tsconfig.base.v0.json", "compilerOptions": { "noEmit": true, + "emitDeclarationOnly": false, "module": "esnext", "types": ["node", "webpack-env"] }, diff --git a/packages/fluentui/projects-test/tsconfig.json b/packages/fluentui/projects-test/tsconfig.json index 36a27e87aad4a..5ada62d3057c3 100644 --- a/packages/fluentui/projects-test/tsconfig.json +++ b/packages/fluentui/projects-test/tsconfig.json @@ -4,9 +4,8 @@ "allowSyntheticDefaultImports": true, "module": "esnext", "types": ["node"], - "skipLibCheck": true, "outDir": "dist/dts", - "noEmit": true, + "emitDeclarationOnly": false, "composite": true }, "include": ["src"], diff --git a/packages/fluentui/react-northstar/jest.config.js b/packages/fluentui/react-northstar/jest.config.js index 627d34cdebc3a..58083ac69d28b 100644 --- a/packages/fluentui/react-northstar/jest.config.js +++ b/packages/fluentui/react-northstar/jest.config.js @@ -1,13 +1,25 @@ +const path = require('path'); +const fs = require('fs'); +const { workspaceRoot } = require('@nrwl/devkit'); +const { pathsToModuleNameMapper } = require('ts-jest'); const { createV0Config: commonConfig } = require('@fluentui/scripts-jest'); const config = commonConfig({ - name: 'react', + displayName: 'react-northstar', moduleNameMapper: { // Legacy aliases, they should not be used in new tests - '^src/(.*)$': `/src/$1`, - 'test/(.*)$': `/test/$1`, + ...getAliases(), }, }); config.setupFilesAfterEnv = [...config.setupFilesAfterEnv, './jest-setup.js']; module.exports = config; + +function getAliases() { + const tsConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'tsconfig.spec.json'))); + const tsPathAliases = pathsToModuleNameMapper(tsConfig.compilerOptions.paths, { + prefix: `/${path.relative(__dirname, workspaceRoot)}/`, + }); + + return tsPathAliases; +} diff --git a/packages/fluentui/react-northstar/test/specs/commonTests/extraConformanceTests.tsx b/packages/fluentui/react-northstar/test/specs/commonTests/extraConformanceTests.tsx index e4a72f5930ff4..d8ce93d18f195 100644 --- a/packages/fluentui/react-northstar/test/specs/commonTests/extraConformanceTests.tsx +++ b/packages/fluentui/react-northstar/test/specs/commonTests/extraConformanceTests.tsx @@ -1,6 +1,6 @@ import * as _ from 'lodash'; import * as path from 'path'; -import { TestObject } from '@fluentui/react-conformance'; +import type { TestObject } from '@fluentui/react-conformance'; import * as doctrine from 'doctrine'; diff --git a/packages/fluentui/react-northstar/test/specs/commonTests/isConformant.tsx b/packages/fluentui/react-northstar/test/specs/commonTests/isConformant.tsx index 01f829bea9ae2..0966bd2232c75 100644 --- a/packages/fluentui/react-northstar/test/specs/commonTests/isConformant.tsx +++ b/packages/fluentui/react-northstar/test/specs/commonTests/isConformant.tsx @@ -22,7 +22,7 @@ import * as FluentUI from 'src/index'; import { getEventTargetComponent, EVENT_TARGET_ATTRIBUTE } from './eventTarget'; import { extraConformanceTests } from './extraConformanceTests'; -export interface Conformant +interface Conformant extends Pick, 'disabledTests' | 'testOptions' | 'getTargetElement'> { /** Path to the test file. */ testPath: string; @@ -75,6 +75,7 @@ export function isConformant( } = options; const defaultConfig: IsConformantOptions = { + tsConfig: { configName: 'tsconfig.spec.json' }, renderOptions: { wrapper: EmptyThemeProvider }, componentPath: testPath .replace(/test[/\\]specs/, 'src') diff --git a/packages/fluentui/react-northstar/test/specs/components/Carousel/Carousel-test.tsx b/packages/fluentui/react-northstar/test/specs/components/Carousel/Carousel-test.tsx index 152ae0917ddad..6804f49ffeffe 100644 --- a/packages/fluentui/react-northstar/test/specs/components/Carousel/Carousel-test.tsx +++ b/packages/fluentui/react-northstar/test/specs/components/Carousel/Carousel-test.tsx @@ -60,8 +60,6 @@ const getNavigationNavigationItemAtIndexWrapper = (wrapper: ReactWrapper, index: findIntrinsicElement(wrapper, `.${carouselNavigationItemClassName}`).at(index); const getButtonWrapper = (wrapper: ReactWrapper): CommonWrapper => findIntrinsicElement(wrapper, `#${buttonName}`); -jest.useFakeTimers(); - describe('Carousel', () => { isConformant(Carousel, { testPath: __filename, @@ -244,6 +242,8 @@ describe('Carousel', () => { items: items.map(item => ({ key: item.key, icon: { name: 'icon-circle' } })), }; + jest.useFakeTimers(); + afterEach(() => { jest.runAllTimers(); }); diff --git a/packages/fluentui/react-northstar/test/specs/components/Dropdown/Dropdown-test.tsx b/packages/fluentui/react-northstar/test/specs/components/Dropdown/Dropdown-test.tsx index acc8fd6916110..e8921f5f42e15 100644 --- a/packages/fluentui/react-northstar/test/specs/components/Dropdown/Dropdown-test.tsx +++ b/packages/fluentui/react-northstar/test/specs/components/Dropdown/Dropdown-test.tsx @@ -12,7 +12,6 @@ import { ShorthandValue } from 'src/types'; import { List } from 'src/components/List/List'; jest.dontMock('@fluentui/keyboard-key'); -jest.useFakeTimers(); describe('Dropdown', () => { isConformant(Dropdown, { @@ -327,6 +326,7 @@ describe('Dropdown', () => { }); describe('highlightedIndex', () => { + jest.useFakeTimers(); afterEach(() => { act(() => { jest.runAllTimers(); @@ -1292,6 +1292,7 @@ describe('Dropdown', () => { }); describe('getA11ySelectionMessage', () => { + jest.useFakeTimers(); afterEach(() => { jest.runAllTimers(); }); diff --git a/packages/fluentui/react-northstar/tsconfig.json b/packages/fluentui/react-northstar/tsconfig.json index 2859e3b14d8e8..f22addcb1f6e4 100644 --- a/packages/fluentui/react-northstar/tsconfig.json +++ b/packages/fluentui/react-northstar/tsconfig.json @@ -3,13 +3,10 @@ "compilerOptions": { "composite": true, "outDir": "dist/dts", - "skipLibCheck": true, "types": ["node", "jest", "@testing-library/jest-dom"], "paths": { - "docs/*": ["packages/fluentui/docs/*"], "src/*": ["packages/fluentui/react-northstar/src/*"], - "test/*": ["packages/fluentui/react-northstar/test/*"], - "@fluentui/a11y-testing": ["packages/a11y-testing/src/index"] + "test/*": ["packages/fluentui/react-northstar/test/*"] } }, "include": ["src", "test"], diff --git a/packages/fluentui/react-northstar/tsconfig.spec.json b/packages/fluentui/react-northstar/tsconfig.spec.json new file mode 100644 index 0000000000000..487c22c774b4d --- /dev/null +++ b/packages/fluentui/react-northstar/tsconfig.spec.json @@ -0,0 +1,14 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "noEmit": true, + "emitDeclarationOnly": false, + "composite": false, + "types": ["node", "jest", "@testing-library/jest-dom"], + "paths": { + "src/*": ["packages/fluentui/react-northstar/src/*"], + "test/*": ["packages/fluentui/react-northstar/test/*"] + } + }, + "include": ["test"] +} diff --git a/packages/font-icons-mdl2/.npmignore b/packages/font-icons-mdl2/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/font-icons-mdl2/.npmignore +++ b/packages/font-icons-mdl2/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/font-icons-mdl2/CHANGELOG.json b/packages/font-icons-mdl2/CHANGELOG.json index c066e80378d50..5d5b4300ce877 100644 --- a/packages/font-icons-mdl2/CHANGELOG.json +++ b/packages/font-icons-mdl2/CHANGELOG.json @@ -1,6 +1,66 @@ { "name": "@fluentui/font-icons-mdl2", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:14 GMT", + "tag": "@fluentui/font-icons-mdl2_v8.5.15", + "version": "8.5.15", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/font-icons-mdl2", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/font-icons-mdl2_v8.5.14", + "version": "8.5.14", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/font-icons-mdl2_v8.5.13", diff --git a/packages/font-icons-mdl2/CHANGELOG.md b/packages/font-icons-mdl2/CHANGELOG.md index f470973294ad8..452e7c5f9b902 100644 --- a/packages/font-icons-mdl2/CHANGELOG.md +++ b/packages/font-icons-mdl2/CHANGELOG.md @@ -1,9 +1,32 @@ # Change Log - @fluentui/font-icons-mdl2 -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:14 GMT and should not be manually modified. +## [8.5.15](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.15) + +Tue, 02 May 2023 00:58:14 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/font-icons-mdl2_v8.5.14..@fluentui/font-icons-mdl2_v8.5.15) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.5.14](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.14) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/font-icons-mdl2_v8.5.13..@fluentui/font-icons-mdl2_v8.5.14) + +### Patches + +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.5.13](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.13) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json index 3862f6db97bd5..088a3541fedf9 100644 --- a/packages/font-icons-mdl2/package.json +++ b/packages/font-icons-mdl2/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/font-icons-mdl2", - "version": "8.5.13", + "version": "8.5.15", "description": "Fluent UI React icon set.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,9 +27,9 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", - "@fluentui/style-utilities": "^8.9.6", - "@fluentui/utilities": "^8.13.9", + "@fluentui/set-version": "^8.2.8", + "@fluentui/style-utilities": "^8.9.8", + "@fluentui/utilities": "^8.13.11", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/foundation-legacy/.npmignore b/packages/foundation-legacy/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/foundation-legacy/.npmignore +++ b/packages/foundation-legacy/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/foundation-legacy/CHANGELOG.json b/packages/foundation-legacy/CHANGELOG.json index b42b6da9d3d5e..74297649f724d 100644 --- a/packages/foundation-legacy/CHANGELOG.json +++ b/packages/foundation-legacy/CHANGELOG.json @@ -1,6 +1,90 @@ { "name": "@fluentui/foundation-legacy", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:15 GMT", + "tag": "@fluentui/foundation-legacy_v8.2.35", + "version": "8.2.35", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/foundation-legacy", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.26", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/foundation-legacy_v8.2.34", + "version": "8.2.34", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.25", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/foundation-legacy_v8.2.33", diff --git a/packages/foundation-legacy/CHANGELOG.md b/packages/foundation-legacy/CHANGELOG.md index a0c2f6510f084..feee617564cae 100644 --- a/packages/foundation-legacy/CHANGELOG.md +++ b/packages/foundation-legacy/CHANGELOG.md @@ -1,9 +1,36 @@ # Change Log - @fluentui/foundation-legacy -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:15 GMT and should not be manually modified. +## [8.2.35](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.35) + +Tue, 02 May 2023 00:58:15 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/foundation-legacy_v8.2.34..@fluentui/foundation-legacy_v8.2.35) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.26 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.2.34](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.34) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/foundation-legacy_v8.2.33..@fluentui/foundation-legacy_v8.2.34) + +### Patches + +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.25 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.2.33](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.33) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/foundation-legacy/package.json b/packages/foundation-legacy/package.json index f32ac0c971ff2..4c580e7dc8b3b 100644 --- a/packages/foundation-legacy/package.json +++ b/packages/foundation-legacy/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/foundation-legacy", - "version": "8.2.33", + "version": "8.2.35", "description": "Legacy utilities for building Fluent UI React components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/jest-serializer-merge-styles": "^8.0.24", + "@fluentui/jest-serializer-merge-styles": "^8.0.26", "react-hooks-testing-library": "^0.5.0", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-jest": "*", @@ -34,10 +34,10 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/set-version": "^8.2.6", - "@fluentui/style-utilities": "^8.9.6", - "@fluentui/utilities": "^8.13.9", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/set-version": "^8.2.8", + "@fluentui/style-utilities": "^8.9.8", + "@fluentui/utilities": "^8.13.11", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/jest-serializer-merge-styles/CHANGELOG.json b/packages/jest-serializer-merge-styles/CHANGELOG.json index e6931736963e2..2da92e87aac93 100644 --- a/packages/jest-serializer-merge-styles/CHANGELOG.json +++ b/packages/jest-serializer-merge-styles/CHANGELOG.json @@ -1,6 +1,36 @@ { "name": "@fluentui/jest-serializer-merge-styles", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/jest-serializer-merge-styles_v8.0.26", + "version": "8.0.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/jest-serializer-merge-styles", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/jest-serializer-merge-styles_v8.0.25", + "version": "8.0.25", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/jest-serializer-merge-styles", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/jest-serializer-merge-styles_v8.0.24", diff --git a/packages/jest-serializer-merge-styles/CHANGELOG.md b/packages/jest-serializer-merge-styles/CHANGELOG.md index 9ccec02671857..daf6691737461 100644 --- a/packages/jest-serializer-merge-styles/CHANGELOG.md +++ b/packages/jest-serializer-merge-styles/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/jest-serializer-merge-styles -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/jest-serializer-merge-styles_v8.0.26) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/jest-serializer-merge-styles_v8.0.25..@fluentui/jest-serializer-merge-styles_v8.0.26) + +### Patches + +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/jest-serializer-merge-styles_v8.0.25) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/jest-serializer-merge-styles_v8.0.24..@fluentui/jest-serializer-merge-styles_v8.0.25) + +### Patches + +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/jest-serializer-merge-styles_v8.0.24) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/jest-serializer-merge-styles/package.json b/packages/jest-serializer-merge-styles/package.json index 773daec07d172..c4dbb9b6a92e6 100644 --- a/packages/jest-serializer-merge-styles/package.json +++ b/packages/jest-serializer-merge-styles/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/jest-serializer-merge-styles", - "version": "8.0.24", + "version": "8.0.26", "description": "Jest serializer for merge-styles.", "main": "lib-commonjs/index.js", "typings": "lib-commonjs/index.d.ts", @@ -24,6 +24,6 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/merge-styles": "^8.5.7" + "@fluentui/merge-styles": "^8.5.9" } } diff --git a/packages/keyboard-key/.npmignore b/packages/keyboard-key/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/keyboard-key/.npmignore +++ b/packages/keyboard-key/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/keyboard-key/CHANGELOG.json b/packages/keyboard-key/CHANGELOG.json index 93270f952ce4e..94d5889755b58 100644 --- a/packages/keyboard-key/CHANGELOG.json +++ b/packages/keyboard-key/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/keyboard-key", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:15 GMT", + "tag": "@fluentui/keyboard-key_v0.4.8", + "version": "0.4.8", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/keyboard-key", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + } + ] + } + }, { "date": "Wed, 01 Mar 2023 07:45:39 GMT", "tag": "@fluentui/keyboard-key_v0.4.5", diff --git a/packages/keyboard-key/CHANGELOG.md b/packages/keyboard-key/CHANGELOG.md index cbbf6dd8093d4..7ba1119d1b2d8 100644 --- a/packages/keyboard-key/CHANGELOG.md +++ b/packages/keyboard-key/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/keyboard-key -This log was last generated on Thu, 03 Mar 2022 07:24:26 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:15 GMT and should not be manually modified. +## [0.4.8](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-key_v0.4.8) + +Tue, 02 May 2023 00:58:15 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-key_v0.4.5..@fluentui/keyboard-key_v0.4.8) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) + ## [0.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-key_v0.4.0) Thu, 03 Mar 2022 07:24:26 GMT diff --git a/packages/keyboard-key/package.json b/packages/keyboard-key/package.json index 78b3ac16e9d22..5a0b03b53275c 100644 --- a/packages/keyboard-key/package.json +++ b/packages/keyboard-key/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/keyboard-key", - "version": "0.4.6", + "version": "0.4.8", "description": "A simple utility for determining the KeyboardEvent.key property from a keyboard event.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/merge-styles/.npmignore b/packages/merge-styles/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/merge-styles/.npmignore +++ b/packages/merge-styles/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/merge-styles/CHANGELOG.json b/packages/merge-styles/CHANGELOG.json index 4154650cc7e7e..c5b72555a7bbb 100644 --- a/packages/merge-styles/CHANGELOG.json +++ b/packages/merge-styles/CHANGELOG.json @@ -1,6 +1,42 @@ { "name": "@fluentui/merge-styles", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:15 GMT", + "tag": "@fluentui/merge-styles_v8.5.9", + "version": "8.5.9", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/merge-styles", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/merge-styles", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/merge-styles_v8.5.8", + "version": "8.5.8", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/merge-styles", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/merge-styles_v8.5.7", diff --git a/packages/merge-styles/CHANGELOG.md b/packages/merge-styles/CHANGELOG.md index 930ab1f9bb82d..650bcbf8b0bc9 100644 --- a/packages/merge-styles/CHANGELOG.md +++ b/packages/merge-styles/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/merge-styles -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:15 GMT and should not be manually modified. +## [8.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/merge-styles_v8.5.9) + +Tue, 02 May 2023 00:58:15 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/merge-styles_v8.5.8..@fluentui/merge-styles_v8.5.9) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.5.8](https://github.com/microsoft/fluentui/tree/@fluentui/merge-styles_v8.5.8) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/merge-styles_v8.5.7..@fluentui/merge-styles_v8.5.8) + +### Patches + +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.5.7](https://github.com/microsoft/fluentui/tree/@fluentui/merge-styles_v8.5.7) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/merge-styles/package.json b/packages/merge-styles/package.json index 95ca1068fddf9..fbc2289ff5bbd 100644 --- a/packages/merge-styles/package.json +++ b/packages/merge-styles/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/merge-styles", - "version": "8.5.7", + "version": "8.5.9", "description": "Style loading utilities.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/monaco-editor/package.json b/packages/monaco-editor/package.json index 26f38010c24c8..fd2cc6bc122af 100644 --- a/packages/monaco-editor/package.json +++ b/packages/monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/monaco-editor", - "version": "1.3.6", + "version": "1.3.7", "description": "Version of monaco-editor with configuration helpers and transformed CSS files", "module": "./lib/monacoBundle.js", "typings": "./esm/vs/editor/editor.api.d.ts", diff --git a/packages/public-docsite-setup/package.json b/packages/public-docsite-setup/package.json index fd9466174e44f..b6c6087126188 100644 --- a/packages/public-docsite-setup/package.json +++ b/packages/public-docsite-setup/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/public-docsite-setup", - "version": "0.3.18", + "version": "0.3.19", "description": "Bootstrap code for the Fluent UI website. Internal use only.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index 78fbbe473d935..59991ae4d1add 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,72 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-cards_v0.205.81", + "version": "0.205.81", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/foundation-legacy to v8.2.35", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.26", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-cards_v0.205.80", + "version": "0.205.80", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/foundation-legacy to v8.2.34", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.25", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/react-cards_v0.205.79", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index b7adb9247c76a..cba2259ae6f3c 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,33 @@ # Change Log - @fluentui/react-cards -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [0.205.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.81) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.80..@fluentui/react-cards_v0.205.81) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.35 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.26 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [0.205.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.80) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.79..@fluentui/react-cards_v0.205.80) + +### Patches + +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.34 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.25 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [0.205.79](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.79) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index 8f0e73563935f..3b03df2350cc6 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.79", + "version": "0.205.81", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,16 +27,16 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/jest-serializer-merge-styles": "^8.0.24", + "@fluentui/jest-serializer-merge-styles": "^8.0.26", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-jest": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/foundation-legacy": "^8.2.33", - "@fluentui/set-version": "^8.2.6", + "@fluentui/react": "^8.109.0", + "@fluentui/foundation-legacy": "^8.2.35", + "@fluentui/set-version": "^8.2.8", "@microsoft/load-themed-styles": "^1.10.26", "tslib": "^2.1.0" }, diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index 844c12cbd0b81..3b7abf553de1a 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,72 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-charting_v5.16.24", + "version": "5.16.24", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react-focus to v8.8.21", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.26", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-charting_v5.16.23", + "version": "5.16.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react-focus to v8.8.20", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.25", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:31 GMT", "tag": "@fluentui/react-charting_v5.16.22", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index d5afdcd8f37f0..9732a7204f034 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,33 @@ # Change Log - @fluentui/react-charting -This log was last generated on Tue, 25 Apr 2023 07:38:31 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [5.16.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.24) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.23..@fluentui/react-charting_v5.16.24) + +### Patches + +- Bump @fluentui/react-focus to v8.8.21 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.26 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [5.16.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.23) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.22..@fluentui/react-charting_v5.16.23) + +### Patches + +- Bump @fluentui/react-focus to v8.8.20 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.25 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [5.16.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.22) Tue, 25 Apr 2023 07:38:31 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index e94d8e433cc9b..b52c38d1462e9 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.16.22", + "version": "5.16.24", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@types/react-addons-test-utils": "0.14.18", - "@fluentui/jest-serializer-merge-styles": "^8.0.24", + "@fluentui/jest-serializer-merge-styles": "^8.0.26", "@fluentui/scripts-jest": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react-focus": "^8.8.19", + "@fluentui/react-focus": "^8.8.21", "@microsoft/load-themed-styles": "^1.10.26", "@types/d3-array": "1.2.1", "@types/d3-axis": "1.0.10", @@ -48,7 +48,7 @@ "@types/d3-shape": "2.1.0", "@types/d3-time-format": "^2.1.0", "@types/d3-time": "^1.1.0", - "@fluentui/set-version": "^8.2.6", + "@fluentui/set-version": "^8.2.8", "d3-array": "1.2.1", "d3-axis": "1.0.8", "d3-format": "^1.4.4", @@ -62,7 +62,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx b/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx index 246fb12945aab..0fbbc8340169c 100644 --- a/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx +++ b/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { isConformant } from '../../testing/isConformant'; import { Avatar } from './Avatar'; import { render, screen } from '@testing-library/react'; -import { avatarClassNames } from './useAvatarStyles'; +import { avatarClassNames } from './useAvatarStyles.styles'; import { DEFAULT_STRINGS } from './useAvatar'; describe('Avatar', () => { diff --git a/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx b/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx index 923e6f9079e51..98dfb77bd5002 100644 --- a/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx +++ b/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { renderAvatar_unstable } from './renderAvatar'; import { useAvatar_unstable } from './useAvatar'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useAvatarStyles_unstable } from './useAvatarStyles'; +import { useAvatarStyles_unstable } from './useAvatarStyles.styles'; import type { AvatarProps } from './Avatar.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/Avatar/index.ts b/packages/react-components/react-avatar/src/components/Avatar/index.ts index 5641bfd7b3beb..d10c3d89de1d5 100644 --- a/packages/react-components/react-avatar/src/components/Avatar/index.ts +++ b/packages/react-components/react-avatar/src/components/Avatar/index.ts @@ -2,4 +2,4 @@ export * from './Avatar.types'; export * from './Avatar'; export * from './renderAvatar'; export * from './useAvatar'; -export * from './useAvatarStyles'; +export * from './useAvatarStyles.styles'; diff --git a/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts b/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.styles.ts similarity index 100% rename from packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts rename to packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.styles.ts diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx b/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx index 424dada196e5f..9b16cf4ee0e5e 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx @@ -3,7 +3,7 @@ import { renderAvatarGroup_unstable } from './renderAvatarGroup'; import { useAvatarGroup_unstable } from './useAvatarGroup'; import { useAvatarGroupContextValues } from './useAvatarGroupContextValues'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles'; +import { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles'; import type { AvatarGroupProps } from './AvatarGroup.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts b/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts index fcd3bb96e2b6b..95618fcc1b7d3 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts @@ -2,5 +2,5 @@ export * from './AvatarGroup'; export * from './AvatarGroup.types'; export * from './renderAvatarGroup'; export * from './useAvatarGroup'; -export * from './useAvatarGroupStyles'; +export * from './useAvatarGroupStyles.styles'; export * from './useAvatarGroupContextValues'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.styles.ts similarity index 94% rename from packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts rename to packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.styles.ts index 919771c27e4db..f718af7676bfd 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.styles.ts @@ -1,6 +1,6 @@ import { makeStyles, mergeClasses } from '@griffel/react'; import { tokens } from '@fluentui/react-theme'; -import { useSizeStyles } from '../Avatar/useAvatarStyles'; +import { useSizeStyles } from '../Avatar/useAvatarStyles.styles'; import type { AvatarGroupSlots, AvatarGroupState } from './AvatarGroup.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx b/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx index aafb752bc596f..94a54c94e722a 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem'; import { useAvatarGroupItem_unstable } from './useAvatarGroupItem'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles'; +import { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles.styles'; import type { AvatarGroupItemProps } from './AvatarGroupItem.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts b/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts index c120de3fe011e..9e10c244cc7ac 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts @@ -2,4 +2,4 @@ export * from './AvatarGroupItem'; export * from './AvatarGroupItem.types'; export * from './renderAvatarGroupItem'; export * from './useAvatarGroupItem'; -export * from './useAvatarGroupItemStyles'; +export * from './useAvatarGroupItemStyles.styles'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.ts similarity index 100% rename from packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.ts rename to packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.ts diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx index 003ae62a5c3a1..ddec3ad5a3ca7 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { AvatarGroupItem } from '../AvatarGroupItem/AvatarGroupItem'; import { AvatarGroupPopover } from './AvatarGroupPopover'; -import { avatarGroupPopoverClassNames } from './useAvatarGroupPopoverStyles'; +import { avatarGroupPopoverClassNames } from './useAvatarGroupPopoverStyles.styles'; import { isConformant } from '../../testing/isConformant'; import { render, RenderResult, screen } from '@testing-library/react'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx index 21a2a0ddb935c..27d2af261736f 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx @@ -3,7 +3,7 @@ import { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover'; import { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover'; -import { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles'; +import { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles.styles'; import type { AvatarGroupPopoverProps } from './AvatarGroupPopover.types'; /** diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts index 16cc71a50aa56..272834b2b801d 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts @@ -2,4 +2,4 @@ export * from './AvatarGroupPopover'; export * from './AvatarGroupPopover.types'; export * from './renderAvatarGroupPopover'; export * from './useAvatarGroupPopover'; -export * from './useAvatarGroupPopoverStyles'; +export * from './useAvatarGroupPopoverStyles.styles'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.ts similarity index 98% rename from packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.ts rename to packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.ts index 0350ad9c9dd5d..e95178adad99e 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.ts @@ -1,8 +1,8 @@ import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import { tokens, typographyStyles } from '@fluentui/react-theme'; -import { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles'; -import { useSizeStyles } from '../Avatar/useAvatarStyles'; +import { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles'; +import { useSizeStyles } from '../Avatar/useAvatarStyles.styles'; import type { AvatarGroupPopoverSlots, AvatarGroupPopoverState } from './AvatarGroupPopover.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-badge/src/components/Badge/Badge.tsx b/packages/react-components/react-badge/src/components/Badge/Badge.tsx index 50fd66812c03a..30c3c6f84b6a8 100644 --- a/packages/react-components/react-badge/src/components/Badge/Badge.tsx +++ b/packages/react-components/react-badge/src/components/Badge/Badge.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useBadge_unstable } from './useBadge'; -import { useBadgeStyles_unstable } from './useBadgeStyles'; +import { useBadgeStyles_unstable } from './useBadgeStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { renderBadge_unstable } from './renderBadge'; import type { BadgeProps } from './Badge.types'; diff --git a/packages/react-components/react-badge/src/components/Badge/index.ts b/packages/react-components/react-badge/src/components/Badge/index.ts index 91594e6ab5cee..b74a9cefb773f 100644 --- a/packages/react-components/react-badge/src/components/Badge/index.ts +++ b/packages/react-components/react-badge/src/components/Badge/index.ts @@ -3,4 +3,4 @@ export * from './Badge'; export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types'; export * from './renderBadge'; export * from './useBadge'; -export * from './useBadgeStyles'; +export * from './useBadgeStyles.styles'; diff --git a/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts b/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.styles.ts similarity index 100% rename from packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts rename to packages/react-components/react-badge/src/components/Badge/useBadgeStyles.styles.ts diff --git a/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx b/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx index eb3443ecf6020..5f6c9416d2cf4 100644 --- a/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx +++ b/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useCounterBadge_unstable } from './useCounterBadge'; -import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles'; +import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { renderBadge_unstable } from '../Badge/index'; import type { CounterBadgeProps } from './CounterBadge.types'; diff --git a/packages/react-components/react-badge/src/components/CounterBadge/index.ts b/packages/react-components/react-badge/src/components/CounterBadge/index.ts index db71e455affdb..2534ccd5622dd 100644 --- a/packages/react-components/react-badge/src/components/CounterBadge/index.ts +++ b/packages/react-components/react-badge/src/components/CounterBadge/index.ts @@ -1,4 +1,4 @@ export * from './CounterBadge'; export * from './CounterBadge.types'; export * from './useCounterBadge'; -export * from './useCounterBadgeStyles'; +export * from './useCounterBadgeStyles.styles'; diff --git a/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts b/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.styles.ts similarity index 99% rename from packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts rename to packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.styles.ts index e9188d3433e64..7cb8a987d9f80 100644 --- a/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts +++ b/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.styles.ts @@ -1,5 +1,5 @@ import { shorthands, mergeClasses, makeStyles } from '@griffel/react'; -import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles'; +import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { BadgeSlots } from '../Badge/Badge.types'; import type { CounterBadgeState } from './CounterBadge.types'; diff --git a/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx b/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx index ec47b57beca8a..78218b570024e 100644 --- a/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx +++ b/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { usePresenceBadge_unstable } from './usePresenceBadge'; -import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles'; +import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { renderBadge_unstable } from '../../Badge'; import type { PresenceBadgeProps } from './PresenceBadge.types'; diff --git a/packages/react-components/react-badge/src/components/PresenceBadge/index.ts b/packages/react-components/react-badge/src/components/PresenceBadge/index.ts index b76261edb855e..704bb60868e68 100644 --- a/packages/react-components/react-badge/src/components/PresenceBadge/index.ts +++ b/packages/react-components/react-badge/src/components/PresenceBadge/index.ts @@ -1,4 +1,4 @@ export * from './PresenceBadge'; export * from './PresenceBadge.types'; export * from './usePresenceBadge'; -export * from './usePresenceBadgeStyles'; +export * from './usePresenceBadgeStyles.styles'; diff --git a/packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts b/packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts similarity index 100% rename from packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts rename to packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts diff --git a/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md b/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md index 125d05dcd53c3..6c0af3279e104 100644 --- a/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md +++ b/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md @@ -118,6 +118,23 @@ export type BreadcrumbSlots = { // @public export type BreadcrumbState = ComponentState & Required>; +// @public (undocumented) +export type PartitionBreadcrumbItems = { + startDisplayedItems: readonly T[]; + overflowItems?: readonly T[]; + endDisplayedItems?: readonly T[]; +}; + +// @public +export const partitionBreadcrumbItems: (options: PartitionBreadcrumbItemsOptions) => PartitionBreadcrumbItems; + +// @public (undocumented) +export type PartitionBreadcrumbItemsOptions = { + items: readonly T[]; + maxDisplayedItems?: number; + overflowIndex?: number; +}; + // @public export const renderBreadcrumb_unstable: (state: BreadcrumbState, contextValues: BreadcrumbContextValues) => JSX.Element; diff --git a/packages/react-components/react-breadcrumb/src/index.ts b/packages/react-components/react-breadcrumb/src/index.ts index 0488598d5f209..9aad9d3e51dea 100644 --- a/packages/react-components/react-breadcrumb/src/index.ts +++ b/packages/react-components/react-breadcrumb/src/index.ts @@ -22,6 +22,8 @@ export { useBreadcrumbItem_unstable, } from './BreadcrumbItem'; export type { BreadcrumbItemProps, BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem'; +export { partitionBreadcrumbItems } from './utils/index'; +export type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index'; export { BreadcrumbButton, breadcrumbButtonClassNames, diff --git a/packages/react-components/react-breadcrumb/src/utils/index.ts b/packages/react-components/react-breadcrumb/src/utils/index.ts new file mode 100644 index 0000000000000..2dd789f3fdc64 --- /dev/null +++ b/packages/react-components/react-breadcrumb/src/utils/index.ts @@ -0,0 +1,2 @@ +export { partitionBreadcrumbItems } from './partitionBreadcrumbItems'; +export type { PartitionBreadcrumbItems, PartitionBreadcrumbItemsOptions } from './partitionBreadcrumbItems'; diff --git a/packages/react-components/react-breadcrumb/src/utils/partitionBreadcrumbItems.test.ts b/packages/react-components/react-breadcrumb/src/utils/partitionBreadcrumbItems.test.ts new file mode 100644 index 0000000000000..89266c11a5533 --- /dev/null +++ b/packages/react-components/react-breadcrumb/src/utils/partitionBreadcrumbItems.test.ts @@ -0,0 +1,74 @@ +import { partitionBreadcrumbItems, PartitionBreadcrumbItemsOptions } from './partitionBreadcrumbItems'; +const items = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; +const testData = [ + [ + { items, overflowIndex: 2, maxDisplayedItems: 3 }, + { startDisplayedItems: [0, 1], overflowItems: [2, 3, 4, 5, 6, 7, 8, 9], endDisplayedItems: [10] }, + ], + [ + { items, maxDisplayedItems: 8, overflowIndex: 7 }, + { startDisplayedItems: [0, 1, 2, 3, 4, 5, 6], overflowItems: [7, 8, 9], endDisplayedItems: [10] }, + ], + [ + { items, maxDisplayedItems: 2, overflowIndex: 2 }, + { startDisplayedItems: [0], overflowItems: [1, 2, 3, 4, 5, 6, 7, 8, 9], endDisplayedItems: [10] }, + ], + [ + { items, maxDisplayedItems: 3, overflowIndex: 3 }, + { startDisplayedItems: [0, 1], overflowItems: [2, 3, 4, 5, 6, 7, 8, 9], endDisplayedItems: [10] }, + ], + [ + { items, maxDisplayedItems: 7, overflowIndex: 7 }, + { startDisplayedItems: [0, 1, 2, 3, 4, 5], overflowItems: [6, 7, 8, 9], endDisplayedItems: [10] }, + ], + [ + { items, maxDisplayedItems: 9, overflowIndex: 9 }, + { startDisplayedItems: [0, 1, 2, 3, 4, 5, 6, 7], overflowItems: [8, 9], endDisplayedItems: [10] }, + ], +]; + +const maxDisplayedItemsData = [ + [ + { items, maxDisplayedItems: 3 }, + { startDisplayedItems: [0], overflowItems: [1, 2, 3, 4, 5, 6, 7, 8], endDisplayedItems: [9, 10] }, + ], + [ + { items, maxDisplayedItems: 2 }, + { startDisplayedItems: [0], overflowItems: [1, 2, 3, 4, 5, 6, 7, 8, 9], endDisplayedItems: [10] }, + ], +]; +const overflowIndexData = [ + [ + { items, overflowIndex: 2 }, + { startDisplayedItems: [0, 1], overflowItems: [2, 3, 4, 5, 6], endDisplayedItems: [7, 8, 9, 10] }, + ], + [ + { items, overflowIndex: 0 }, + { startDisplayedItems: [], overflowItems: [0, 1, 2, 3, 4], endDisplayedItems: [5, 6, 7, 8, 9, 10] }, + ], +]; + +describe('partitionBreadcrumbItems method', () => { + it.each(testData)("splits items correctly '%s'", (testItems, expected) => { + expect(partitionBreadcrumbItems(testItems as PartitionBreadcrumbItemsOptions)).toStrictEqual(expected); + }); + it.each(maxDisplayedItemsData)( + "splits items correctly if maxDisplayedItems are passed '%s'", + (testItems, expected) => { + expect(partitionBreadcrumbItems(testItems as PartitionBreadcrumbItemsOptions)).toStrictEqual(expected); + }, + ); + it.each(overflowIndexData)("splits items correctly if overflowINdex is passed '%s'", (testItems, expected) => { + expect(partitionBreadcrumbItems(testItems as PartitionBreadcrumbItemsOptions)).toStrictEqual(expected); + }); + expect(partitionBreadcrumbItems({ items } as PartitionBreadcrumbItemsOptions)).toStrictEqual({ + startDisplayedItems: [0], + overflowItems: [1, 2, 3, 4, 5], + endDisplayedItems: [6, 7, 8, 9, 10], + }); + expect(partitionBreadcrumbItems({} as PartitionBreadcrumbItemsOptions)).toStrictEqual({ + startDisplayedItems: [], + overflowItems: undefined, + endDisplayedItems: undefined, + }); +}); diff --git a/packages/react-components/react-breadcrumb/src/utils/partitionBreadcrumbItems.ts b/packages/react-components/react-breadcrumb/src/utils/partitionBreadcrumbItems.ts new file mode 100644 index 0000000000000..c53485db1c19b --- /dev/null +++ b/packages/react-components/react-breadcrumb/src/utils/partitionBreadcrumbItems.ts @@ -0,0 +1,56 @@ +const DEFAULT_OVERFLOW_INDEX = 1; +const DEFAULT_MAX_DISPLAYED_ITEMS = 6; + +export type PartitionBreadcrumbItemsOptions = { + items: readonly T[]; + maxDisplayedItems?: number; + overflowIndex?: number; +}; + +export type PartitionBreadcrumbItems = { + startDisplayedItems: readonly T[]; + overflowItems?: readonly T[]; + endDisplayedItems?: readonly T[]; +}; + +/** + * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb. + * + * @param options - Configure the partition options + * + * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems. + */ +export const partitionBreadcrumbItems = ( + options: PartitionBreadcrumbItemsOptions, +): PartitionBreadcrumbItems => { + let startDisplayedItems; + let overflowItems; + let endDisplayedItems; + + const { items = [] } = options; + const itemsCount = items.length; + const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems); + let overflowIndex = options.overflowIndex ?? DEFAULT_OVERFLOW_INDEX; + startDisplayedItems = items.slice(0, overflowIndex); + + const numberItemsToHide = itemsCount - maxDisplayedItems; + + if (numberItemsToHide > 0) { + overflowIndex = overflowIndex === maxDisplayedItems ? overflowIndex - 1 : overflowIndex; + const menuLastItemIdx = overflowIndex + numberItemsToHide; + + startDisplayedItems = startDisplayedItems.slice(0, overflowIndex); + overflowItems = items.slice(overflowIndex, menuLastItemIdx); + endDisplayedItems = items.slice(menuLastItemIdx, itemsCount); + } + + return { + startDisplayedItems, + overflowItems, + endDisplayedItems, + }; +}; + +function getMaxDisplayedItems(maxDisplayedItems: number | undefined) { + return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS; +} diff --git a/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx b/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx new file mode 100644 index 0000000000000..a0e5f7bff89e8 --- /dev/null +++ b/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx @@ -0,0 +1,280 @@ +import * as React from 'react'; +import { + ButtonProps, + makeStyles, + mergeClasses, + shorthands, + tokens, + Button, + Menu, + MenuList, + MenuPopover, + MenuTrigger, + useIsOverflowItemVisible, + useIsOverflowGroupVisible, + useOverflowMenu, + Overflow, + OverflowItem, + MenuItem, +} from '@fluentui/react-components'; +import { + CalendarMonthFilled, + CalendarMonthRegular, + MoreHorizontalRegular, + MoreHorizontalFilled, + bundleIcon, +} from '@fluentui/react-icons'; +import { + Breadcrumb, + BreadcrumbItem, + BreadcrumbButton, + BreadcrumbDivider, + partitionBreadcrumbItems, +} from '@fluentui/react-breadcrumb'; +import type { PartitionBreadcrumbItems } from '@fluentui/react-breadcrumb'; + +const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); +const MoreHorizontal = bundleIcon(MoreHorizontalFilled, MoreHorizontalRegular); + +type Item = { + key: number; + item?: string; + buttonProps?: { + onClick?: () => void; + icon?: ButtonProps['icon']; + disabled?: boolean; + iconPosition?: 'before' | 'after'; + }; +}; + +export const buttonItems: Item[] = [ + { + key: 0, + item: 'Item 0', + buttonProps: { + onClick: () => console.log('item 0 was clicked'), + }, + }, + { + key: 1, + item: 'Item 1', + buttonProps: { + icon: , + onClick: () => console.log('item 1 was clicked'), + }, + }, + { + key: 2, + item: 'Item 2', + buttonProps: { + onClick: () => console.log('item 2 was clicked'), + }, + }, + { + key: 3, + item: 'Item 3', + buttonProps: { + onClick: () => console.log('item 3 was clicked'), + }, + }, + { + key: 4, + item: 'Item 4', + buttonProps: { + onClick: () => console.log('item 4 was clicked'), + }, + }, + { + key: 5, + item: 'Item 5', + buttonProps: { + icon: , + iconPosition: 'after', + onClick: () => console.log('item 5 was clicked'), + }, + }, + { + key: 6, + item: 'Item 6', + buttonProps: { + onClick: () => console.log('item 6 was clicked'), + disabled: true, + }, + }, + { + key: 7, + item: 'Item 7', + buttonProps: { + onClick: () => console.log('item 7 was clicked'), + }, + }, +]; + +const useOverflowMenuStyles = makeStyles({ + menu: { + backgroundColor: tokens.colorNeutralBackground1, + }, + menuButton: { + alignSelf: 'center', + }, +}); + +const useExampleStyles = makeStyles({ + example: { + backgroundColor: tokens.colorNeutralBackground2, + ...shorthands.overflow('hidden'), + ...shorthands.padding('5px'), + zIndex: 0, //stop the browser resize handle from piercing the overflow menu + }, + horizontal: { + height: 'fit-content', + minWidth: '150px', + resize: 'horizontal', + width: '600px', + }, +}); + +const useStyles = makeStyles({ + root: { + alignItems: 'flex-start', + display: 'flex', + flexDirection: 'column', + justifyContent: 'flex-start', + ...shorthands.overflow('auto'), + ...shorthands.padding('50px', '20px'), + rowGap: '20px', + minHeight: '600px', //lets the page remain at a minimum height when vertical tabs are resized + }, +}); + +const OverflowBreadcrumbButton: React.FC<{ id: string; item: Item }> = props => { + const { item, id } = props; + const isVisible = useIsOverflowItemVisible(id); + + if (isVisible) { + return null; + } + + return {item.item}; +}; + +const OverflowGroupDivider: React.FC<{ + groupId: number; +}> = props => { + const groupVisibility = useIsOverflowGroupVisible(props.groupId.toString()); + if (groupVisibility === 'hidden') { + return null; + } + + return ; +}; + +const ControlledOverflowMenu = (props: PartitionBreadcrumbItems) => { + const { overflowItems, startDisplayedItems, endDisplayedItems } = props; + const { ref, isOverflowing, overflowCount } = useOverflowMenu(); + + const styles = useOverflowMenuStyles(); + + if (!isOverflowing && overflowItems && overflowItems.length === 0) { + return null; + } + + return ( + + + + ); +}; +const BreadcrumbControlledOverflowExample = () => { + const styles = useExampleStyles(); + + const { startDisplayedItems, overflowItems, endDisplayedItems }: PartitionBreadcrumbItems = + partitionBreadcrumbItems({ + items: buttonItems, + maxDisplayedItems: 4, + }); + + return ( +
+ + + {startDisplayedItems.map((item: Item) => { + return ( + + + + {item.item} + + + + + ); + })} + + + {endDisplayedItems && + endDisplayedItems.map((item: Item) => { + const isLastItem = item.key === buttonItems.length - 1; + + return ( + + + + + {item.item} + + + + {!isLastItem && } + + ); + })} + + +
+ ); +}; + +export const BreadcrumbWithOverflow = () => { + const styles = useStyles(); + + return ( +
+ +
+ ); +}; diff --git a/packages/react-components/react-breadcrumb/stories/Breadcrumb/index.stories.tsx b/packages/react-components/react-breadcrumb/stories/Breadcrumb/index.stories.tsx index 4698d7df0fee7..e8f0fd5aad0f7 100644 --- a/packages/react-components/react-breadcrumb/stories/Breadcrumb/index.stories.tsx +++ b/packages/react-components/react-breadcrumb/stories/Breadcrumb/index.stories.tsx @@ -4,6 +4,7 @@ import descriptionMd from './BreadcrumbDescription.md'; import bestPracticesMd from './BreadcrumbBestPractices.md'; export { Default } from './BreadcrumbDefault.stories'; +export { BreadcrumbWithOverflow } from './BreadcrumbWithOverflow.stories'; export default { title: 'Preview Components/Breadcrumb', diff --git a/packages/react-components/react-button/src/components/Button/Button.tsx b/packages/react-components/react-button/src/components/Button/Button.tsx index 9e608b6130cdf..2ab70e0fec1df 100644 --- a/packages/react-components/react-button/src/components/Button/Button.tsx +++ b/packages/react-components/react-button/src/components/Button/Button.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderButton_unstable } from './renderButton'; import { useButton_unstable } from './useButton'; -import { useButtonStyles_unstable } from './useButtonStyles'; +import { useButtonStyles_unstable } from './useButtonStyles.styles'; import type { ButtonProps } from './Button.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/Button/index.ts b/packages/react-components/react-button/src/components/Button/index.ts index aed7aa52a83e2..13abd561ef142 100644 --- a/packages/react-components/react-button/src/components/Button/index.ts +++ b/packages/react-components/react-button/src/components/Button/index.ts @@ -3,4 +3,4 @@ export * from './Button'; export type { ButtonProps, ButtonSlots, ButtonState } from './Button.types'; export * from './renderButton'; export * from './useButton'; -export { buttonClassNames, useButtonStyles_unstable } from './useButtonStyles'; +export { buttonClassNames, useButtonStyles_unstable } from './useButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/Button/useButtonStyles.ts b/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-button/src/components/Button/useButtonStyles.ts rename to packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts diff --git a/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx b/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx index 950655c931eaf..4ad7a5c4615c2 100644 --- a/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx +++ b/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderCompoundButton_unstable } from './renderCompoundButton'; import { useCompoundButton_unstable } from './useCompoundButton'; -import { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles'; +import { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { CompoundButtonProps } from './CompoundButton.types'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/CompoundButton/index.ts b/packages/react-components/react-button/src/components/CompoundButton/index.ts index c03cf9a82ace7..e5682a639bc94 100644 --- a/packages/react-components/react-button/src/components/CompoundButton/index.ts +++ b/packages/react-components/react-button/src/components/CompoundButton/index.ts @@ -2,4 +2,4 @@ export * from './CompoundButton'; export * from './CompoundButton.types'; export * from './renderCompoundButton'; export * from './useCompoundButton'; -export { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles'; +export { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.ts b/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.styles.ts similarity index 99% rename from packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.ts rename to packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.styles.ts index b2acd1992a601..41501e16a65cc 100644 --- a/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.ts +++ b/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.styles.ts @@ -1,6 +1,6 @@ import { tokens } from '@fluentui/react-theme'; import { shorthands, mergeClasses, makeStyles } from '@griffel/react'; -import { useButtonStyles_unstable } from '../Button/useButtonStyles'; +import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types'; diff --git a/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx b/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx index c513929211a6f..5d3b114881842 100644 --- a/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx +++ b/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx @@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event'; import { isConformant } from '../../testing/isConformant'; import { MenuButton } from './MenuButton'; import { MenuButtonProps } from './MenuButton.types'; -import { menuButtonClassNames } from './useMenuButtonStyles'; +import { menuButtonClassNames } from './useMenuButtonStyles.styles'; describe('MenuButton', () => { isConformant({ diff --git a/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx b/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx index c08ced5c95bf0..84bbb98f37338 100644 --- a/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx +++ b/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderMenuButton_unstable } from './renderMenuButton'; import { useMenuButton_unstable } from './useMenuButton'; -import { useMenuButtonStyles_unstable } from './useMenuButtonStyles'; +import { useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles'; import type { MenuButtonProps } from './MenuButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/MenuButton/index.ts b/packages/react-components/react-button/src/components/MenuButton/index.ts index 1a2f243d7c1b3..3c101cb75fb08 100644 --- a/packages/react-components/react-button/src/components/MenuButton/index.ts +++ b/packages/react-components/react-button/src/components/MenuButton/index.ts @@ -2,4 +2,4 @@ export * from './MenuButton.types'; export * from './MenuButton'; export * from './renderMenuButton'; export * from './useMenuButton'; -export { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles'; +export { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.styles.ts similarity index 99% rename from packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts rename to packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.styles.ts index ce8c0866695e3..2c4a2062bb956 100644 --- a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts +++ b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.styles.ts @@ -2,7 +2,7 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons import { tokens } from '@fluentui/react-theme'; import type { SlotClassNames } from '@fluentui/react-utilities'; import { mergeClasses, makeStyles, shorthands } from '@griffel/react'; -import { useButtonStyles_unstable } from '../Button/useButtonStyles'; +import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles'; import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types'; export const menuButtonClassNames: SlotClassNames = { diff --git a/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx b/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx index 1efd20161e41b..6896cad743662 100644 --- a/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx +++ b/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderSplitButton_unstable } from './renderSplitButton'; import { useSplitButton_unstable } from './useSplitButton'; -import { useSplitButtonStyles_unstable } from './useSplitButtonStyles'; +import { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles'; import type { SplitButtonProps } from './SplitButton.types'; import { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/SplitButton/index.ts b/packages/react-components/react-button/src/components/SplitButton/index.ts index 916cfacdcab8d..e2093e966b882 100644 --- a/packages/react-components/react-button/src/components/SplitButton/index.ts +++ b/packages/react-components/react-button/src/components/SplitButton/index.ts @@ -2,4 +2,4 @@ export * from './SplitButton'; export * from './SplitButton.types'; export * from './renderSplitButton'; export * from './useSplitButton'; -export { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles'; +export { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.ts b/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.ts rename to packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts diff --git a/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx b/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx index b3fc2f371ac87..125f007ab22ff 100644 --- a/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx +++ b/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderToggleButton_unstable } from './renderToggleButton'; import { useToggleButton_unstable } from './useToggleButton'; -import { useToggleButtonStyles_unstable } from './useToggleButtonStyles'; +import { useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles'; import type { ToggleButtonProps } from './ToggleButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/ToggleButton/index.ts b/packages/react-components/react-button/src/components/ToggleButton/index.ts index f73efaf513065..e2c9e651ddf01 100644 --- a/packages/react-components/react-button/src/components/ToggleButton/index.ts +++ b/packages/react-components/react-button/src/components/ToggleButton/index.ts @@ -2,4 +2,4 @@ export * from './ToggleButton'; export * from './ToggleButton.types'; export * from './renderToggleButton'; export * from './useToggleButton'; -export { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles'; +export { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.styles.ts similarity index 99% rename from packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts rename to packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.styles.ts index f86d55ca9a80b..eb59db2e7e488 100644 --- a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts +++ b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.styles.ts @@ -2,7 +2,7 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; import { tokens } from '@fluentui/react-theme'; import { shorthands, mergeClasses, makeStyles } from '@griffel/react'; -import { useButtonStyles_unstable } from '../Button/useButtonStyles'; +import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { ButtonSlots } from '../Button/Button.types'; import type { ToggleButtonState } from './ToggleButton.types'; diff --git a/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx b/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx index f38a43f4b6d80..a780c422c1c7f 100644 --- a/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx +++ b/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useCheckbox_unstable } from './useCheckbox'; import { renderCheckbox_unstable } from './renderCheckbox'; -import { useCheckboxStyles_unstable } from './useCheckboxStyles'; +import { useCheckboxStyles_unstable } from './useCheckboxStyles.styles'; import type { CheckboxProps } from './Checkbox.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-checkbox/src/components/Checkbox/index.ts b/packages/react-components/react-checkbox/src/components/Checkbox/index.ts index 7d0737ecf30ec..80df796a399fc 100644 --- a/packages/react-components/react-checkbox/src/components/Checkbox/index.ts +++ b/packages/react-components/react-checkbox/src/components/Checkbox/index.ts @@ -2,4 +2,4 @@ export * from './Checkbox'; export * from './Checkbox.types'; export * from './renderCheckbox'; export * from './useCheckbox'; -export * from './useCheckboxStyles'; +export * from './useCheckboxStyles.styles'; diff --git a/packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.ts b/packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.styles.ts similarity index 100% rename from packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.ts rename to packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.styles.ts diff --git a/packages/react-components/react-conformance-griffel/package.json b/packages/react-components/react-conformance-griffel/package.json index 7bf3d251b7978..589493f7a459f 100644 --- a/packages/react-components/react-conformance-griffel/package.json +++ b/packages/react-components/react-conformance-griffel/package.json @@ -29,7 +29,7 @@ "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "typescript": "^4.3.0", - "@fluentui/react-conformance": "^0.15.8" + "@fluentui/react-conformance": "^0.16.0" }, "dependencies": { "@griffel/react": "^1.5.2", diff --git a/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx b/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx index b96bda0a2ca00..70b03f288ae82 100644 --- a/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx @@ -14,7 +14,7 @@ import { } from '../../utils'; import { CalendarDay } from '../CalendarDay/CalendarDay'; import { CalendarMonth } from '../CalendarMonth/CalendarMonth'; -import { useCalendarStyles_unstable } from './useCalendarStyles'; +import { useCalendarStyles_unstable } from './useCalendarStyles.styles'; import type { ICalendarDay } from '../CalendarDay/CalendarDay.types'; import type { ICalendarMonth } from '../CalendarMonth/CalendarMonth.types'; import type { CalendarProps } from './Calendar.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts b/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts index 2ddec78ce3226..e03daab6f730f 100644 --- a/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts @@ -1,4 +1,4 @@ export * from './Calendar'; export * from './Calendar.types'; -export * from './useCalendarStyles'; +export * from './useCalendarStyles.styles'; export { defaultCalendarStrings } from './defaults'; diff --git a/packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.ts b/packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx index c97047633558e..7d3ac925a1379 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx @@ -5,7 +5,7 @@ import { useId } from '@fluentui/react-utilities'; import { mergeClasses } from '@griffel/react'; import { addMonths, compareDatePart, getMonthEnd, getMonthStart } from '../../utils'; import { CalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid'; -import { useCalendarDayStyles_unstable } from './useCalendarDayStyles'; +import { useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles'; import type { ICalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid.types'; import type { CalendarDayProps, CalendarDayStyles } from './CalendarDay.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts index 9d0c4c2684a88..e7be79824e000 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts @@ -1,3 +1,3 @@ export * from './CalendarDay'; export * from './CalendarDay.types'; -export * from './useCalendarDayStyles'; +export * from './useCalendarDayStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx index 78a9956110fd2..4c3b7bc89d72a 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx @@ -2,11 +2,11 @@ import * as React from 'react'; import { useArrowNavigationGroup } from '@fluentui/react-tabster'; import { useId } from '@fluentui/react-utilities'; import { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType, DayOfWeek } from '../../utils'; -import { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles'; +import { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles'; import { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow'; import { CalendarGridRow } from './CalendarGridRow'; import { useWeeks } from './useWeeks'; -import { useWeekCornerStyles, WeekCorners } from './useWeekCornerStyles'; +import { useWeekCornerStyles, WeekCorners } from './useWeekCornerStyles.styles'; import { mergeClasses } from '@griffel/react'; import type { Day } from '../../utils'; import type { CalendarDayGridProps } from './CalendarDayGrid.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx index 7af91fdd07873..843d53be01a8e 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx @@ -4,8 +4,8 @@ import { getRTLSafeKey } from '@fluentui/react-utilities'; import { useFluent_unstable } from '@fluentui/react-shared-contexts'; import { mergeClasses } from '@griffel/react'; import { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils'; -import { weekCornersClassNames } from './useWeekCornerStyles'; -import { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles'; +import { weekCornersClassNames } from './useWeekCornerStyles.styles'; +import { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles'; import type { AvailableDateOptions } from '../../utils'; import type { DayInfo } from './CalendarDayGrid'; import type { CalendarGridRowProps } from './CalendarGridRow'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx index 2b54420b9ae79..0c6eb8e928add 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx @@ -3,7 +3,7 @@ import { getWeekNumbersInMonth } from '../../utils'; import { CalendarGridDayCell } from './CalendarGridDayCell'; import type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types'; import type { DayInfo } from './CalendarDayGrid'; -import type { WeekCorners } from './useWeekCornerStyles'; +import type { WeekCorners } from './useWeekCornerStyles.styles'; /** * @internal diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts index 6a77d9911036d..5b26ba8bc2f06 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts @@ -1,5 +1,5 @@ export * from './CalendarDayGrid'; export * from './CalendarDayGrid.types'; -export * from './useCalendarDayGridStyles'; -export { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles'; -export type { WeekCorners } from './useWeekCornerStyles'; +export * from './useCalendarDayGridStyles.styles'; +export { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles'; +export type { WeekCorners } from './useWeekCornerStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts similarity index 99% rename from packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts index d7f9c5f10dc62..a54ab99d1b4ff 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts @@ -16,7 +16,7 @@ import { TRANSITION_ROW_DISAPPEARANCE, } from '../../utils'; import { AnimationDirection } from '../Calendar/Calendar.types'; -import { weekCornersClassNames } from './useWeekCornerStyles'; +import { weekCornersClassNames } from './useWeekCornerStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { CalendarDayGridStyles, CalendarDayGridStyleProps } from './CalendarDayGrid.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts index 7d7be506b453c..2127843467aac 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts @@ -1,4 +1,4 @@ -import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles'; +import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles'; import type { CalendarMonthStyleProps, CalendarMonthStyles } from './CalendarMonth.types'; /** diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts index 5831223b103f2..45fa614ab928d 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts @@ -1,2 +1,2 @@ export * from './CalendarPicker.types'; -export * from './useCalendarPickerStyles'; +export * from './useCalendarPickerStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx index 1282d635e49ea..b1749e779908c 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx @@ -4,7 +4,7 @@ import { ArrowDownRegular, ArrowUpRegular } from '@fluentui/react-icons'; import { useFluent_unstable } from '@fluentui/react-shared-contexts'; import { useArrowNavigationGroup } from '@fluentui/react-tabster'; import { mergeClasses } from '@griffel/react'; -import { useCalendarYearStyles_unstable } from './useCalendarYearStyles'; +import { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles'; import type { CalendarYearStrings, CalendarYearProps, diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts index 17644f289001a..d03d1a5c9d2fe 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts @@ -1,3 +1,3 @@ export * from './CalendarYear'; export * from './CalendarYear.types'; -export * from './useCalendarYearStyles'; +export * from './useCalendarYearStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.styles.ts similarity index 91% rename from packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.styles.ts index 95512b1ce4832..e81f0c58cc0f9 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.styles.ts @@ -1,4 +1,4 @@ -import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles'; +import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles'; import type { CalendarYearStyleProps, CalendarYearStyles } from './CalendarYear.types'; /** diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx index 0f29dc07ad0dc..b11b6394a759e 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { fireEvent, render, RenderResult } from '@testing-library/react'; import { DatePicker } from './DatePicker'; import { isConformant } from '../../testing/isConformant'; -import { datePickerClassNames } from './useDatePickerStyles'; +import { datePickerClassNames } from './useDatePickerStyles.styles'; import { resetIdsForTests } from '@fluentui/react-utilities'; // testing-library's queryByRole function doesn't look inside portals diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx index 8b5a6225523ad..d951e166cf0a6 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderDatePicker_unstable } from './renderDatePicker'; import { useDatePicker_unstable } from './useDatePicker'; -import { useDatePickerStyles_unstable } from './useDatePickerStyles'; +import { useDatePickerStyles_unstable } from './useDatePickerStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { DatePickerProps } from './DatePicker.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts index 22b33b88eed32..c2a86e3f747f1 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts @@ -3,4 +3,4 @@ export * from './DatePicker'; export * from './DatePicker.types'; export * from './renderDatePicker'; export * from './useDatePicker'; -export * from './useDatePickerStyles'; +export * from './useDatePickerStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.styles.ts diff --git a/packages/react-components/react-field/src/components/Field/Field.tsx b/packages/react-components/react-field/src/components/Field/Field.tsx index 49133a8d0ddb2..541f2158dfe3a 100644 --- a/packages/react-components/react-field/src/components/Field/Field.tsx +++ b/packages/react-components/react-field/src/components/Field/Field.tsx @@ -3,7 +3,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { FieldProps } from './Field.types'; import { renderField_unstable } from './renderField'; import { useField_unstable } from './useField'; -import { useFieldStyles_unstable } from './useFieldStyles'; +import { useFieldStyles_unstable } from './useFieldStyles.styles'; import { useFieldContextValues_unstable } from '../../contexts/index'; export const Field: ForwardRefComponent = React.forwardRef((props, ref) => { diff --git a/packages/react-components/react-field/src/components/Field/index.ts b/packages/react-components/react-field/src/components/Field/index.ts index 58de843dab1d0..a18c35b78a94f 100644 --- a/packages/react-components/react-field/src/components/Field/index.ts +++ b/packages/react-components/react-field/src/components/Field/index.ts @@ -2,4 +2,4 @@ export * from './Field.types'; export * from './Field'; export * from './renderField'; export * from './useField'; -export * from './useFieldStyles'; +export * from './useFieldStyles.styles'; diff --git a/packages/react-components/react-field/src/components/Field/useFieldStyles.ts b/packages/react-components/react-field/src/components/Field/useFieldStyles.styles.ts similarity index 100% rename from packages/react-components/react-field/src/components/Field/useFieldStyles.ts rename to packages/react-components/react-field/src/components/Field/useFieldStyles.styles.ts diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx index 0a1918c8997ac..68c1fb065394c 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx +++ b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx @@ -1,6 +1,6 @@ import { InfoButton } from './InfoButton'; import { isConformant } from '../../testing/isConformant'; -import { infoButtonClassNames } from './useInfoButtonStyles'; +import { infoButtonClassNames } from './useInfoButtonStyles.styles'; import type { RenderResult } from '@testing-library/react'; // testing-library's queryByRole function doesn't look inside portals diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx index 867bc036864b2..626c887e3503f 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx +++ b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ForwardRefComponent } from '@fluentui/react-utilities'; import { renderInfoButton_unstable } from './renderInfoButton'; import { useInfoButton_unstable } from './useInfoButton'; -import { useInfoButtonStyles_unstable } from './useInfoButtonStyles'; +import { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles'; import type { InfoButtonProps } from './InfoButton.types'; /** diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/index.ts b/packages/react-components/react-infobutton/src/components/InfoButton/index.ts index caa9ae82b7cdd..5dd78b2d5989e 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/index.ts +++ b/packages/react-components/react-infobutton/src/components/InfoButton/index.ts @@ -2,4 +2,4 @@ export * from './InfoButton'; export * from './InfoButton.types'; export * from './renderInfoButton'; export * from './useInfoButton'; -export * from './useInfoButtonStyles'; +export * from './useInfoButtonStyles.styles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts rename to packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.styles.ts diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx index ccd509c21f69a..69b12ad1e0577 100644 --- a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx @@ -4,7 +4,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { InfoLabelProps } from './InfoLabel.types'; import { renderInfoLabel_unstable } from './renderInfoLabel'; import { useInfoLabel_unstable } from './useInfoLabel'; -import { useInfoLabelStyles_unstable } from './useInfoLabelStyles'; +import { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles'; /** * InfoLabel component diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts index 4511700f741cd..2f2b2f38df5bf 100644 --- a/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts @@ -2,4 +2,4 @@ export * from './InfoLabel'; export * from './InfoLabel.types'; export * from './renderInfoLabel'; export * from './useInfoLabel'; -export * from './useInfoLabelStyles'; +export * from './useInfoLabelStyles.styles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.styles.ts similarity index 100% rename from packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.ts rename to packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.styles.ts diff --git a/packages/react-components/react-input/src/components/Input/Input.tsx b/packages/react-components/react-input/src/components/Input/Input.tsx index e8c197cc08837..04479c9b734d5 100644 --- a/packages/react-components/react-input/src/components/Input/Input.tsx +++ b/packages/react-components/react-input/src/components/Input/Input.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useInput_unstable } from './useInput'; import { renderInput_unstable } from './renderInput'; -import { useInputStyles_unstable } from './useInputStyles'; +import { useInputStyles_unstable } from './useInputStyles.styles'; import type { InputProps } from './Input.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-input/src/components/Input/index.ts b/packages/react-components/react-input/src/components/Input/index.ts index 902a4e5b6c0a6..6c560f63800fb 100644 --- a/packages/react-components/react-input/src/components/Input/index.ts +++ b/packages/react-components/react-input/src/components/Input/index.ts @@ -2,4 +2,4 @@ export * from './Input'; export * from './Input.types'; export * from './renderInput'; export * from './useInput'; -export * from './useInputStyles'; +export * from './useInputStyles.styles'; diff --git a/packages/react-components/react-input/src/components/Input/useInputStyles.ts b/packages/react-components/react-input/src/components/Input/useInputStyles.styles.ts similarity index 100% rename from packages/react-components/react-input/src/components/Input/useInputStyles.ts rename to packages/react-components/react-input/src/components/Input/useInputStyles.styles.ts diff --git a/packages/react-components/react-label/src/components/Label/Label.tsx b/packages/react-components/react-label/src/components/Label/Label.tsx index dd1278bfc4014..902b2433c1d95 100644 --- a/packages/react-components/react-label/src/components/Label/Label.tsx +++ b/packages/react-components/react-label/src/components/Label/Label.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useLabel_unstable } from './useLabel'; import { renderLabel_unstable } from './renderLabel'; -import { useLabelStyles_unstable } from './useLabelStyles'; +import { useLabelStyles_unstable } from './useLabelStyles.styles'; import type { LabelProps } from './Label.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-label/src/components/Label/index.ts b/packages/react-components/react-label/src/components/Label/index.ts index 1f1611f932d12..48994071fd36d 100644 --- a/packages/react-components/react-label/src/components/Label/index.ts +++ b/packages/react-components/react-label/src/components/Label/index.ts @@ -2,4 +2,4 @@ export * from './Label'; export * from './Label.types'; export * from './renderLabel'; export * from './useLabel'; -export * from './useLabelStyles'; +export * from './useLabelStyles.styles'; diff --git a/packages/react-components/react-label/src/components/Label/useLabelStyles.ts b/packages/react-components/react-label/src/components/Label/useLabelStyles.styles.ts similarity index 100% rename from packages/react-components/react-label/src/components/Label/useLabelStyles.ts rename to packages/react-components/react-label/src/components/Label/useLabelStyles.styles.ts diff --git a/packages/react-components/react-link/src/components/Link/Link.tsx b/packages/react-components/react-link/src/components/Link/Link.tsx index 75f4f9887801a..ac581a28416c4 100644 --- a/packages/react-components/react-link/src/components/Link/Link.tsx +++ b/packages/react-components/react-link/src/components/Link/Link.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useLink_unstable } from './useLink'; -import { useLinkStyles_unstable } from './useLinkStyles'; +import { useLinkStyles_unstable } from './useLinkStyles.styles'; import { renderLink_unstable } from './renderLink'; import type { LinkProps } from './Link.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-link/src/components/Link/index.ts b/packages/react-components/react-link/src/components/Link/index.ts index 7b45d7f01fa9a..9301f7f49ea99 100644 --- a/packages/react-components/react-link/src/components/Link/index.ts +++ b/packages/react-components/react-link/src/components/Link/index.ts @@ -3,4 +3,4 @@ export * from './Link.types'; export * from './renderLink'; export * from './useLink'; export * from './useLinkState'; -export * from './useLinkStyles'; +export * from './useLinkStyles.styles'; diff --git a/packages/react-components/react-link/src/components/Link/useLinkStyles.ts b/packages/react-components/react-link/src/components/Link/useLinkStyles.styles.ts similarity index 100% rename from packages/react-components/react-link/src/components/Link/useLinkStyles.ts rename to packages/react-components/react-link/src/components/Link/useLinkStyles.styles.ts diff --git a/packages/react-components/react-migration-v0-v9/.storybook/main.js b/packages/react-components/react-migration-v0-v9/.storybook/main.js index 15a002e45f8ce..3679d73941ae1 100644 --- a/packages/react-components/react-migration-v0-v9/.storybook/main.js +++ b/packages/react-components/react-migration-v0-v9/.storybook/main.js @@ -1,7 +1,9 @@ -const { registerTsPaths, createPathAliasesConfig } = require('@fluentui/scripts-storybook'); +const path = require('path'); +const { registerTsPaths } = require('@fluentui/scripts-storybook'); + const rootMain = require('../../../../.storybook/main'); -const { tsConfigAllPath } = createPathAliasesConfig(); +const tsConfigAllPath = path.join(__dirname, '../../../../tsconfig.base.all.json'); module.exports = /** @type {Omit} */ ({ ...rootMain, diff --git a/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md b/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md index e5d6fe9b6ba21..0ba63bb5217d4 100644 --- a/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md +++ b/packages/react-components/react-migration-v0-v9/etc/react-migration-v0-v9.api.md @@ -7,11 +7,11 @@ import { ComponentProps } from '@fluentui/react-components'; import { GriffelStyle } from '@fluentui/react-components'; import { ObjectOf } from '@fluentui/react-northstar'; -import { ObjectShorthandValue } from '@fluentui/react-northstar'; +import type { ObjectShorthandValue } from '@fluentui/react-northstar'; import * as React_2 from 'react'; import { Slot } from '@fluentui/react-components'; import { Slot as Slot_2 } from '@fluentui/react-utilities'; -import { SlotRenderFunction } from '@fluentui/react-components'; +import { SlotRenderFunction } from '@fluentui/react-utilities'; // @public (undocumented) export const Flex: React_2.ForwardRefExoticComponent & FlexProps & React_2.RefAttributes>; @@ -133,7 +133,7 @@ export type StyledTextSlots = { }; // @public (undocumented) -export const useFlexStyles: () => Record<"fill" | "wrap" | "inline" | "flex" | "column" | "alignItemsFlexStart" | "alignItemsCenter" | "alignItemsFlexEnd" | "alignItemsStretch" | "justifyContentFlexStart" | "justifyContentCenter" | "justifyContentFlexEnd" | "justifyContentStretch" | "justifyContentSpaceAround" | "justifyContentSpaceBetween" | "justifyContentSpaceEvenly" | "gapForColumnFlexSmall" | "gapForColumnFlexSmaller" | "gapForColumnFlexMedium" | "gapForColumnFlexLarge" | "gapForRowFlexSmall" | "gapForRowFlexSmaller" | "gapForRowFlexMedium" | "gapForRowFlexLarge" | "paddingMedium", string>; +export const useFlexStyles: () => Record<"flex" | "fill" | "column" | "wrap" | "inline" | "alignItemsFlexStart" | "alignItemsCenter" | "alignItemsFlexEnd" | "alignItemsStretch" | "justifyContentFlexStart" | "justifyContentCenter" | "justifyContentFlexEnd" | "justifyContentStretch" | "justifyContentSpaceAround" | "justifyContentSpaceBetween" | "justifyContentSpaceEvenly" | "gapForColumnFlexSmall" | "gapForColumnFlexSmaller" | "gapForColumnFlexMedium" | "gapForColumnFlexLarge" | "gapForRowFlexSmall" | "gapForRowFlexSmaller" | "gapForRowFlexMedium" | "gapForRowFlexLarge" | "paddingMedium", string>; // @public (undocumented) export const useGridStyles: () => Record<"grid" | "onlyRows" | "rows1" | "rows2" | "rows3" | "columns1" | "columns2" | "columns3" | "columnsDefault", string>; diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json index 518f647a8d05b..9174861f4c6d1 100644 --- a/packages/react-components/react-migration-v0-v9/package.json +++ b/packages/react-components/react-migration-v0-v9/package.json @@ -19,7 +19,7 @@ "just": "just-scripts", "lint": "just-scripts lint", "test": "jest --passWithNoTests", - "type-check": "tsc -b tsconfig.json", + "type-check": "just-scripts type-check", "generate-api": "just-scripts generate-api", "storybook": "start-storybook", "start": "yarn storybook" diff --git a/packages/react-components/react-migration-v0-v9/src/components/FormField/FormFieldShim.tsx b/packages/react-components/react-migration-v0-v9/src/components/FormField/FormFieldShim.tsx index 76ccfdf531816..165e0537e2252 100644 --- a/packages/react-components/react-migration-v0-v9/src/components/FormField/FormFieldShim.tsx +++ b/packages/react-components/react-migration-v0-v9/src/components/FormField/FormFieldShim.tsx @@ -5,7 +5,8 @@ import { useFieldStyles_unstable, useField_unstable, } from '@fluentui/react-components'; -import { ObjectShorthandValue } from '@fluentui/react-northstar'; +import type { ObjectShorthandValue } from '@fluentui/react-northstar'; + import * as React from 'react'; type WithContent = ObjectShorthandValue> | string; diff --git a/packages/react-components/react-migration-v0-v9/tsconfig.json b/packages/react-components/react-migration-v0-v9/tsconfig.json index 1941a041d46c1..cb0beb41b1488 100644 --- a/packages/react-components/react-migration-v0-v9/tsconfig.json +++ b/packages/react-components/react-migration-v0-v9/tsconfig.json @@ -1,6 +1,7 @@ { - "extends": "../../../tsconfig.base.json", + "extends": "../../../tsconfig.base.all.json", "compilerOptions": { + "strict": true, "target": "ES2019", "noEmit": true, "isolatedModules": true, diff --git a/packages/react-components/react-migration-v8-v9/.storybook/main.js b/packages/react-components/react-migration-v8-v9/.storybook/main.js index 41673434a9705..cbbdca67753d1 100644 --- a/packages/react-components/react-migration-v8-v9/.storybook/main.js +++ b/packages/react-components/react-migration-v8-v9/.storybook/main.js @@ -1,7 +1,9 @@ -const { registerTsPaths, createPathAliasesConfig, registerRules, rules } = require('@fluentui/scripts-storybook'); +const path = require('path'); +const { registerTsPaths, registerRules, rules } = require('@fluentui/scripts-storybook'); + const rootMain = require('../../../../.storybook/main'); -const { tsConfigAllPath } = createPathAliasesConfig(); +const tsConfigAllPath = path.join(__dirname, '../../../../tsconfig.base.all.json'); module.exports = /** @type {Omit} */ ({ ...rootMain, diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json index be85c40f3eb22..0be91f8722354 100644 --- a/packages/react-components/react-migration-v8-v9/package.json +++ b/packages/react-components/react-migration-v8-v9/package.json @@ -18,7 +18,7 @@ "just": "just-scripts", "lint": "just-scripts lint", "test": "jest --passWithNoTests", - "type-check": "tsc -b tsconfig.json", + "type-check": "just-scripts type-check", "generate-api": "just-scripts generate-api", "storybook": "start-storybook", "start": "yarn storybook" @@ -32,8 +32,8 @@ }, "dependencies": { "@ctrl/tinycolor": "3.3.4", - "@fluentui/fluent2-theme": "^8.107.3", - "@fluentui/react": "^8.108.2", + "@fluentui/fluent2-theme": "^8.107.5", + "@fluentui/react": "^8.109.0", "@fluentui/react-components": "^9.19.1", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.7", diff --git a/packages/react-components/react-migration-v8-v9/tsconfig.json b/packages/react-components/react-migration-v8-v9/tsconfig.json index 1941a041d46c1..4908309138a09 100644 --- a/packages/react-components/react-migration-v8-v9/tsconfig.json +++ b/packages/react-components/react-migration-v8-v9/tsconfig.json @@ -1,13 +1,15 @@ { - "extends": "../../../tsconfig.base.json", + "extends": "../../../tsconfig.base.all.json", "compilerOptions": { + "strict": true, "target": "ES2019", "noEmit": true, "isolatedModules": true, "importHelpers": true, "jsx": "react", "noUnusedLocals": true, - "preserveConstEnums": true + "preserveConstEnums": true, + "paths": {} }, "include": [], "files": [], diff --git a/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx b/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx index d76325ea88c69..43b6c38e408fd 100644 --- a/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx +++ b/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { isConformant } from '../../testing/isConformant'; import { omit } from '@fluentui/react-utilities'; import { Persona } from './Persona'; -import { personaClassNames } from './usePersonaStyles'; +import { personaClassNames } from './usePersonaStyles.styles'; import { render, screen } from '@testing-library/react'; describe('Persona', () => { diff --git a/packages/react-components/react-persona/src/components/Persona/Persona.tsx b/packages/react-components/react-persona/src/components/Persona/Persona.tsx index ae2c8dfda0a86..fbed5e04cdfad 100644 --- a/packages/react-components/react-persona/src/components/Persona/Persona.tsx +++ b/packages/react-components/react-persona/src/components/Persona/Persona.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderPersona_unstable } from './renderPersona'; import { usePersona_unstable } from './usePersona'; -import { usePersonaStyles_unstable } from './usePersonaStyles'; +import { usePersonaStyles_unstable } from './usePersonaStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { PersonaProps } from './Persona.types'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-persona/src/components/Persona/index.ts b/packages/react-components/react-persona/src/components/Persona/index.ts index 5c74f72ff3dbc..fbe484c63048a 100644 --- a/packages/react-components/react-persona/src/components/Persona/index.ts +++ b/packages/react-components/react-persona/src/components/Persona/index.ts @@ -2,4 +2,4 @@ export * from './Persona'; export * from './Persona.types'; export * from './renderPersona'; export * from './usePersona'; -export * from './usePersonaStyles'; +export * from './usePersonaStyles.styles'; diff --git a/packages/react-components/react-persona/src/components/Persona/usePersonaStyles.ts b/packages/react-components/react-persona/src/components/Persona/usePersonaStyles.styles.ts similarity index 100% rename from packages/react-components/react-persona/src/components/Persona/usePersonaStyles.ts rename to packages/react-components/react-persona/src/components/Persona/usePersonaStyles.styles.ts diff --git a/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx b/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx index 57a4947157c25..29e6ad098fe78 100644 --- a/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx +++ b/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useProgressBar_unstable } from './useProgressBar'; import { renderProgressBar_unstable } from './renderProgressBar'; -import { useProgressBarStyles_unstable } from './useProgressBarStyles'; +import { useProgressBarStyles_unstable } from './useProgressBarStyles.styles'; import type { ProgressBarProps } from './ProgressBar.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-progress/src/components/ProgressBar/index.ts b/packages/react-components/react-progress/src/components/ProgressBar/index.ts index 23bf0c0756c32..535b489ef99bf 100644 --- a/packages/react-components/react-progress/src/components/ProgressBar/index.ts +++ b/packages/react-components/react-progress/src/components/ProgressBar/index.ts @@ -2,4 +2,4 @@ export * from './ProgressBar'; export * from './ProgressBar.types'; export * from './renderProgressBar'; export * from './useProgressBar'; -export * from './useProgressBarStyles'; +export * from './useProgressBarStyles.styles'; diff --git a/packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.ts b/packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.styles.ts similarity index 100% rename from packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.ts rename to packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.styles.ts diff --git a/packages/react-components/react-radio/src/components/Radio/Radio.tsx b/packages/react-components/react-radio/src/components/Radio/Radio.tsx index 6a4637640fab2..08599f7d95a39 100644 --- a/packages/react-components/react-radio/src/components/Radio/Radio.tsx +++ b/packages/react-components/react-radio/src/components/Radio/Radio.tsx @@ -3,7 +3,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { RadioProps } from './Radio.types'; import { renderRadio_unstable } from './renderRadio'; import { useRadio_unstable } from './useRadio'; -import { useRadioStyles_unstable } from './useRadioStyles'; +import { useRadioStyles_unstable } from './useRadioStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; /** diff --git a/packages/react-components/react-radio/src/components/Radio/index.ts b/packages/react-components/react-radio/src/components/Radio/index.ts index f69bc1f6d69e3..5cf3a3bd0267b 100644 --- a/packages/react-components/react-radio/src/components/Radio/index.ts +++ b/packages/react-components/react-radio/src/components/Radio/index.ts @@ -2,4 +2,4 @@ export * from './Radio'; export * from './Radio.types'; export * from './renderRadio'; export * from './useRadio'; -export * from './useRadioStyles'; +export * from './useRadioStyles.styles'; diff --git a/packages/react-components/react-radio/src/components/Radio/useRadioStyles.ts b/packages/react-components/react-radio/src/components/Radio/useRadioStyles.styles.ts similarity index 100% rename from packages/react-components/react-radio/src/components/Radio/useRadioStyles.ts rename to packages/react-components/react-radio/src/components/Radio/useRadioStyles.styles.ts diff --git a/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx index f222f4169aca7..845a021afb66d 100644 --- a/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx +++ b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx @@ -3,7 +3,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { RadioGroupProps } from './RadioGroup.types'; import { renderRadioGroup_unstable } from './renderRadioGroup'; import { useRadioGroup_unstable } from './useRadioGroup'; -import { useRadioGroupStyles_unstable } from './useRadioGroupStyles'; +import { useRadioGroupStyles_unstable } from './useRadioGroupStyles.styles'; import { useRadioGroupContextValues } from '../../contexts/useRadioGroupContextValues'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-radio/src/components/RadioGroup/index.ts b/packages/react-components/react-radio/src/components/RadioGroup/index.ts index f6430b58da8a5..e8fe3953340a1 100644 --- a/packages/react-components/react-radio/src/components/RadioGroup/index.ts +++ b/packages/react-components/react-radio/src/components/RadioGroup/index.ts @@ -2,4 +2,4 @@ export * from './RadioGroup'; export * from './RadioGroup.types'; export * from './renderRadioGroup'; export * from './useRadioGroup'; -export * from './useRadioGroupStyles'; +export * from './useRadioGroupStyles.styles'; diff --git a/packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts b/packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.styles.ts similarity index 100% rename from packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts rename to packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.styles.ts diff --git a/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx b/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx index 838f9e497233f..af79e7819bcd2 100644 --- a/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx +++ b/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSkeletonItem_unstable } from './useSkeletonItem'; import { renderSkeletonItem_unstable } from './renderSkeletonItem'; -import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles'; +import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles'; import type { SkeletonItemProps } from './SkeletonItem.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts b/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts index a17a851f08e5d..63490a2e6e235 100644 --- a/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts +++ b/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts @@ -2,4 +2,4 @@ export * from './SkeletonItem'; export * from './SkeletonItem.types'; export * from './renderSkeletonItem'; export * from './useSkeletonItem'; -export * from './useSkeletonItemStyles'; +export * from './useSkeletonItemStyles.styles'; diff --git a/packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.ts b/packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.styles.ts similarity index 100% rename from packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.ts rename to packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.styles.ts diff --git a/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx index 22ee917655a53..c9f89c0abbb73 100644 --- a/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx +++ b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSpinButton_unstable } from './useSpinButton'; import { renderSpinButton_unstable } from './renderSpinButton'; -import { useSpinButtonStyles_unstable } from './useSpinButtonStyles'; +import { useSpinButtonStyles_unstable } from './useSpinButtonStyles.styles'; import type { SpinButtonProps } from './SpinButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts index 89eb026295e0e..d8ff4f3777108 100644 --- a/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts +++ b/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts @@ -2,4 +2,4 @@ export * from './SpinButton'; export * from './SpinButton.types'; export * from './renderSpinButton'; export * from './useSpinButton'; -export * from './useSpinButtonStyles'; +export * from './useSpinButtonStyles.styles'; diff --git a/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts rename to packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.styles.ts diff --git a/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx b/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx index d0737299e025a..68960739cc791 100644 --- a/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx +++ b/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSpinner_unstable } from './useSpinner'; import { renderSpinner_unstable } from './renderSpinner'; -import { useSpinnerStyles_unstable } from './useSpinnerStyles'; +import { useSpinnerStyles_unstable } from './useSpinnerStyles.styles'; import type { SpinnerProps } from './Spinner.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-spinner/src/components/Spinner/index.ts b/packages/react-components/react-spinner/src/components/Spinner/index.ts index 13a43eb7f804e..314d2206d0fd5 100644 --- a/packages/react-components/react-spinner/src/components/Spinner/index.ts +++ b/packages/react-components/react-spinner/src/components/Spinner/index.ts @@ -2,4 +2,4 @@ export * from './Spinner'; export * from './Spinner.types'; export * from './renderSpinner'; export * from './useSpinner'; -export * from './useSpinnerStyles'; +export * from './useSpinnerStyles.styles'; diff --git a/packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.ts b/packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.styles.ts similarity index 100% rename from packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.ts rename to packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.styles.ts diff --git a/packages/react-components/react-switch/src/components/Switch/Switch.tsx b/packages/react-components/react-switch/src/components/Switch/Switch.tsx index 7a320888c797a..72cfb17e3f772 100644 --- a/packages/react-components/react-switch/src/components/Switch/Switch.tsx +++ b/packages/react-components/react-switch/src/components/Switch/Switch.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSwitch_unstable } from './useSwitch'; import { renderSwitch_unstable } from './renderSwitch'; -import { useSwitchStyles_unstable } from './useSwitchStyles'; +import { useSwitchStyles_unstable } from './useSwitchStyles.styles'; import type { SwitchProps } from './Switch.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-switch/src/components/Switch/index.ts b/packages/react-components/react-switch/src/components/Switch/index.ts index 425156a038410..713072beea0aa 100644 --- a/packages/react-components/react-switch/src/components/Switch/index.ts +++ b/packages/react-components/react-switch/src/components/Switch/index.ts @@ -2,4 +2,4 @@ export * from './Switch'; export * from './Switch.types'; export * from './renderSwitch'; export * from './useSwitch'; -export * from './useSwitchStyles'; +export * from './useSwitchStyles.styles'; diff --git a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.styles.ts similarity index 100% rename from packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts rename to packages/react-components/react-switch/src/components/Switch/useSwitchStyles.styles.ts diff --git a/packages/react-components/react-tags/etc/react-tags.api.md b/packages/react-components/react-tags/etc/react-tags.api.md index a96f539e01bfc..659e2b81f7226 100644 --- a/packages/react-components/react-tags/etc/react-tags.api.md +++ b/packages/react-components/react-tags/etc/react-tags.api.md @@ -4,6 +4,9 @@ ```ts +/// + +import { Avatar } from '@fluentui/react-avatar'; import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; @@ -27,29 +30,55 @@ export const TagButton: ForwardRefComponent; export const tagButtonClassNames: SlotClassNames; // @public -export type TagButtonProps = ComponentProps & {}; +export type TagButtonProps = ComponentProps & { + size?: 'extra-small' | 'small' | 'medium'; + shape?: 'rounded' | 'circular'; + appearance?: 'filled-darker' | 'filled-lighter' | 'tint' | 'outline'; + disabled?: boolean; + checked?: boolean; + dismissable?: boolean; +}; // @public (undocumented) export type TagButtonSlots = { - root: Slot<'div'>; + root: NonNullable>; + contentButton?: Slot<'button'>; + avatar?: Slot; + icon?: Slot<'span'>; + primaryText?: Slot<'span'>; + secondaryText?: Slot<'span'>; + dismissButton?: NonNullable>; }; // @public -export type TagButtonState = ComponentState; +export type TagButtonState = ComponentState & Required>; // @public (undocumented) export const tagClassNames: SlotClassNames; // @public -export type TagProps = ComponentProps & {}; +export type TagProps = ComponentProps & { + size?: 'extra-small' | 'small' | 'medium'; + shape?: 'rounded' | 'circular'; + appearance?: 'filled-darker' | 'filled-lighter' | 'tint' | 'outline'; + disabled?: boolean; + checked?: boolean; + dismissable?: boolean; +}; // @public (undocumented) export type TagSlots = { - root: Slot<'div'>; + root: NonNullable>; + content?: Slot<'span'>; + avatar?: Slot; + icon?: Slot<'span'>; + primaryText?: Slot<'span'>; + secondaryText?: Slot<'span'>; + dismissButton?: NonNullable>; }; // @public -export type TagState = ComponentState; +export type TagState = ComponentState & Required>; // @public export const useTag_unstable: (props: TagProps, ref: React_2.Ref) => TagState; diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json index 61d50878668ca..6df62172ac1f7 100644 --- a/packages/react-components/react-tags/package.json +++ b/packages/react-components/react-tags/package.json @@ -32,6 +32,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { + "@fluentui/react-avatar": "^9.4.10", + "@fluentui/react-icons": "^2.0.196", "@fluentui/react-jsx-runtime": "9.0.0-alpha.2", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", diff --git a/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx b/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx index 80af2199dba4b..f883681c531f3 100644 --- a/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx +++ b/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx @@ -3,16 +3,27 @@ import { render } from '@testing-library/react'; import { Tag } from './Tag'; import { isConformant } from '../../testing/isConformant'; +const requiredProps = { + avatar: { + name: 'Katri Athokas', + }, + icon: 'i', + primaryText: 'Primary text', + secondaryText: 'Secondary text', + dismissable: true, +}; + describe('Tag', () => { isConformant({ Component: Tag, displayName: 'Tag', + requiredProps, }); // TODO add more tests here, and create visual regression tests in /apps/vr-tests it('renders a default state', () => { - const result = render(Default Tag); + const result = render(Default Tag); expect(result.container).toMatchSnapshot(); }); }); diff --git a/packages/react-components/react-tags/src/components/Tag/Tag.types.ts b/packages/react-components/react-tags/src/components/Tag/Tag.types.ts index 2bb2b4b322797..8cffeea46be0d 100644 --- a/packages/react-components/react-tags/src/components/Tag/Tag.types.ts +++ b/packages/react-components/react-tags/src/components/Tag/Tag.types.ts @@ -1,17 +1,30 @@ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; +import { Avatar } from '@fluentui/react-avatar'; export type TagSlots = { - root: Slot<'div'>; + root: NonNullable>; + content?: Slot<'span'>; + avatar?: Slot; + icon?: Slot<'span'>; + primaryText?: Slot<'span'>; + secondaryText?: Slot<'span'>; + dismissButton?: NonNullable>; }; /** * Tag Props */ -export type TagProps = ComponentProps & {}; +export type TagProps = ComponentProps & { + size?: 'extra-small' | 'small' | 'medium'; + shape?: 'rounded' | 'circular'; + appearance?: 'filled-darker' | 'filled-lighter' | 'tint' | 'outline'; + disabled?: boolean; + checked?: boolean; + dismissable?: boolean; +}; /** * State used in rendering Tag */ -export type TagState = ComponentState; -// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from TagProps. -// & Required> +export type TagState = ComponentState & + Required>; diff --git a/packages/react-components/react-tags/src/components/Tag/__snapshots__/Tag.test.tsx.snap b/packages/react-components/react-tags/src/components/Tag/__snapshots__/Tag.test.tsx.snap index f2701f46afe48..f66f95a0e9577 100644 --- a/packages/react-components/react-tags/src/components/Tag/__snapshots__/Tag.test.tsx.snap +++ b/packages/react-components/react-tags/src/components/Tag/__snapshots__/Tag.test.tsx.snap @@ -5,7 +5,57 @@ exports[`Tag renders a default state 1`] = `
- Default Tag + + + + KA + + + + i + + + Primary text + + + Secondary text + + +
`; diff --git a/packages/react-components/react-tags/src/components/Tag/renderTag.tsx b/packages/react-components/react-tags/src/components/Tag/renderTag.tsx index 27af51419c971..ab3e1d6e61433 100644 --- a/packages/react-components/react-tags/src/components/Tag/renderTag.tsx +++ b/packages/react-components/react-tags/src/components/Tag/renderTag.tsx @@ -13,5 +13,17 @@ export const renderTag_unstable = (state: TagState) => { const { slots, slotProps } = getSlotsNext(state); // TODO Add additional slots in the appropriate place - return ; + return ( + + {slots.content && ( + + {slots.avatar && } + {slots.icon && } + {slots.primaryText && } + {slots.secondaryText && } + + )} + {slots.dismissButton && state.dismissable && } + + ); }; diff --git a/packages/react-components/react-tags/src/components/Tag/useTag.ts b/packages/react-components/react-tags/src/components/Tag/useTag.ts deleted file mode 100644 index 67bed0af432f4..0000000000000 --- a/packages/react-components/react-tags/src/components/Tag/useTag.ts +++ /dev/null @@ -1,28 +0,0 @@ -import * as React from 'react'; -import { getNativeElementProps } from '@fluentui/react-utilities'; -import type { TagProps, TagState } from './Tag.types'; - -/** - * Create the state required to render Tag. - * - * The returned state can be modified with hooks such as useTagStyles_unstable, - * before being passed to renderTag_unstable. - * - * @param props - props from this instance of Tag - * @param ref - reference to root HTMLElement of Tag - */ -export const useTag_unstable = (props: TagProps, ref: React.Ref): TagState => { - return { - // TODO add appropriate props/defaults - components: { - // TODO add each slot's element type or component - root: 'div', - }, - // TODO add appropriate slots, for example: - // mySlot: resolveShorthand(props.mySlot), - root: getNativeElementProps('div', { - ref, - ...props, - }), - }; -}; diff --git a/packages/react-components/react-tags/src/components/Tag/useTag.tsx b/packages/react-components/react-tags/src/components/Tag/useTag.tsx new file mode 100644 index 0000000000000..0965e8455d971 --- /dev/null +++ b/packages/react-components/react-tags/src/components/Tag/useTag.tsx @@ -0,0 +1,60 @@ +import * as React from 'react'; +import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities'; +import { Dismiss16Filled } from '@fluentui/react-icons'; +import { Avatar } from '@fluentui/react-avatar'; +import type { TagProps, TagState } from './Tag.types'; + +/** + * Create the state required to render Tag. + * + * The returned state can be modified with hooks such as useTagStyles_unstable, + * before being passed to renderTag_unstable. + * + * @param props - props from this instance of Tag + * @param ref - reference to root HTMLElement of Tag + */ +export const useTag_unstable = (props: TagProps, ref: React.Ref): TagState => { + const { + checked = false, + disabled = false, + dismissable = false, + shape = 'rounded', + size = 'medium', + appearance = 'filled-lighter', + } = props; + + return { + components: { + root: 'div', + content: 'span', + avatar: Avatar, + icon: 'span', + primaryText: 'span', + secondaryText: 'span', + dismissButton: 'button', + }, + checked, + disabled, + dismissable, + shape, + size, + appearance, + root: getNativeElementProps('div', { + ref, + ...props, + }), + content: resolveShorthand(props.content, { required: true }), + avatar: resolveShorthand(props.avatar), + icon: resolveShorthand(props.icon), + primaryText: resolveShorthand(props.primaryText), + secondaryText: resolveShorthand(props.secondaryText), + dismissButton: resolveShorthand(props.dismissButton, { + required: true, + defaultProps: { + disabled, + type: 'button', + children: , + }, + }), + }; +}; diff --git a/packages/react-components/react-tags/src/components/Tag/useTagStyles.ts b/packages/react-components/react-tags/src/components/Tag/useTagStyles.ts index 6faa08d90aaf4..d388013ad1ebe 100644 --- a/packages/react-components/react-tags/src/components/Tag/useTagStyles.ts +++ b/packages/react-components/react-tags/src/components/Tag/useTagStyles.ts @@ -1,11 +1,15 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; +import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import type { TagSlots, TagState } from './Tag.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; export const tagClassNames: SlotClassNames = { root: 'fui-Tag', - // TODO: add class names for all slots on TagSlots. - // Should be of the form `: 'fui-Tag__` + content: 'fui-Tag__content', + avatar: 'fui-Tag__avatar', + icon: 'fui-Tag__icon', + primaryText: 'fui-Tag__primaryText', + secondaryText: 'fui-Tag__secondaryText', + dismissButton: 'fui-Tag__dismissButton', }; /** @@ -13,8 +17,30 @@ export const tagClassNames: SlotClassNames = { */ const useStyles = makeStyles({ root: { - // TODO Add default styles for the root element + display: 'inline-flex', }, + content: { + display: 'inline-grid', + gridTemplateColumns: 'auto 8px auto auto 8px auto', + gridTemplateRows: '1fr auto auto 1fr', + gridTemplateAreas: ` + "avatar . icon . ." + "avatar . icon primary ." + "avatar . icon secondary ." + "avatar . icon . ." + `, + }, + avatar: { + alignSelf: 'center', + ...shorthands.gridArea('avatar'), + }, + icon: { + alignSelf: 'center', + ...shorthands.gridArea('icon'), + }, + primaryText: { ...shorthands.gridArea('primary') }, + secondaryText: { ...shorthands.gridArea('secondary') }, + dismissButton: {}, // TODO add additional classes for different states and/or slots }); @@ -25,9 +51,36 @@ const useStyles = makeStyles({ export const useTagStyles_unstable = (state: TagState): TagState => { const styles = useStyles(); state.root.className = mergeClasses(tagClassNames.root, styles.root, state.root.className); - - // TODO Add class names to slots, for example: - // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className); + if (state.content) { + state.content.className = mergeClasses(tagClassNames.content, styles.content, state.content.className); + } + if (state.avatar) { + state.avatar.className = mergeClasses(tagClassNames.avatar, styles.avatar, state.avatar.className); + } + if (state.icon) { + state.icon.className = mergeClasses(tagClassNames.icon, styles.icon, state.icon.className); + } + if (state.primaryText) { + state.primaryText.className = mergeClasses( + tagClassNames.primaryText, + styles.primaryText, + state.primaryText.className, + ); + } + if (state.secondaryText) { + state.secondaryText.className = mergeClasses( + tagClassNames.secondaryText, + styles.secondaryText, + state.secondaryText.className, + ); + } + if (state.dismissButton) { + state.dismissButton.className = mergeClasses( + tagClassNames.dismissButton, + styles.dismissButton, + state.dismissButton.className, + ); + } return state; }; diff --git a/packages/react-components/react-tags/src/components/TagButton/TagButton.test.tsx b/packages/react-components/react-tags/src/components/TagButton/TagButton.test.tsx index a5257d7328b18..00568aabcc30d 100644 --- a/packages/react-components/react-tags/src/components/TagButton/TagButton.test.tsx +++ b/packages/react-components/react-tags/src/components/TagButton/TagButton.test.tsx @@ -3,16 +3,27 @@ import { render } from '@testing-library/react'; import { TagButton } from './TagButton'; import { isConformant } from '../../testing/isConformant'; +const requiredProps = { + avatar: { + name: 'Katri Athokas', + }, + icon: 'i', + primaryText: 'Primary text', + secondaryText: 'Secondary text', + dismissable: true, +}; + describe('TagButton', () => { isConformant({ Component: TagButton, displayName: 'TagButton', + requiredProps, }); // TODO add more tests here, and create visual regression tests in /apps/vr-tests it('renders a default state', () => { - const result = render(Default TagButton); + const result = render(Default TagButton); expect(result.container).toMatchSnapshot(); }); }); diff --git a/packages/react-components/react-tags/src/components/TagButton/TagButton.types.ts b/packages/react-components/react-tags/src/components/TagButton/TagButton.types.ts index d8590ba8b3d3b..807800361a382 100644 --- a/packages/react-components/react-tags/src/components/TagButton/TagButton.types.ts +++ b/packages/react-components/react-tags/src/components/TagButton/TagButton.types.ts @@ -1,17 +1,30 @@ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; +import { Avatar } from '@fluentui/react-avatar'; export type TagButtonSlots = { - root: Slot<'div'>; + root: NonNullable>; + contentButton?: Slot<'button'>; + avatar?: Slot; + icon?: Slot<'span'>; + primaryText?: Slot<'span'>; + secondaryText?: Slot<'span'>; + dismissButton?: NonNullable>; }; /** * TagButton Props */ -export type TagButtonProps = ComponentProps & {}; +export type TagButtonProps = ComponentProps & { + size?: 'extra-small' | 'small' | 'medium'; + shape?: 'rounded' | 'circular'; + appearance?: 'filled-darker' | 'filled-lighter' | 'tint' | 'outline'; + disabled?: boolean; + checked?: boolean; + dismissable?: boolean; +}; /** * State used in rendering TagButton */ -export type TagButtonState = ComponentState; -// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from TagButtonProps. -// & Required> +export type TagButtonState = ComponentState & + Required>; diff --git a/packages/react-components/react-tags/src/components/TagButton/__snapshots__/TagButton.test.tsx.snap b/packages/react-components/react-tags/src/components/TagButton/__snapshots__/TagButton.test.tsx.snap index 10f50a682bcb6..ad849b8d3f300 100644 --- a/packages/react-components/react-tags/src/components/TagButton/__snapshots__/TagButton.test.tsx.snap +++ b/packages/react-components/react-tags/src/components/TagButton/__snapshots__/TagButton.test.tsx.snap @@ -5,7 +5,57 @@ exports[`TagButton renders a default state 1`] = `
- Default TagButton + +
`; diff --git a/packages/react-components/react-tags/src/components/TagButton/renderTagButton.tsx b/packages/react-components/react-tags/src/components/TagButton/renderTagButton.tsx index 25a0acd909b13..17836bf23f9c6 100644 --- a/packages/react-components/react-tags/src/components/TagButton/renderTagButton.tsx +++ b/packages/react-components/react-tags/src/components/TagButton/renderTagButton.tsx @@ -13,5 +13,17 @@ export const renderTagButton_unstable = (state: TagButtonState) => { const { slots, slotProps } = getSlotsNext(state); // TODO Add additional slots in the appropriate place - return ; + return ( + + {slots.contentButton && ( + + {slots.avatar && } + {slots.icon && } + {slots.primaryText && } + {slots.secondaryText && } + + )} + {slots.dismissButton && state.dismissable && } + + ); }; diff --git a/packages/react-components/react-tags/src/components/TagButton/useTagButton.ts b/packages/react-components/react-tags/src/components/TagButton/useTagButton.ts deleted file mode 100644 index 912c9a85cc99f..0000000000000 --- a/packages/react-components/react-tags/src/components/TagButton/useTagButton.ts +++ /dev/null @@ -1,28 +0,0 @@ -import * as React from 'react'; -import { getNativeElementProps } from '@fluentui/react-utilities'; -import type { TagButtonProps, TagButtonState } from './TagButton.types'; - -/** - * Create the state required to render TagButton. - * - * The returned state can be modified with hooks such as useTagButtonStyles_unstable, - * before being passed to renderTagButton_unstable. - * - * @param props - props from this instance of TagButton - * @param ref - reference to root HTMLElement of TagButton - */ -export const useTagButton_unstable = (props: TagButtonProps, ref: React.Ref): TagButtonState => { - return { - // TODO add appropriate props/defaults - components: { - // TODO add each slot's element type or component - root: 'div', - }, - // TODO add appropriate slots, for example: - // mySlot: resolveShorthand(props.mySlot), - root: getNativeElementProps('div', { - ref, - ...props, - }), - }; -}; diff --git a/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx b/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx new file mode 100644 index 0000000000000..5a359ada2eec3 --- /dev/null +++ b/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx @@ -0,0 +1,60 @@ +import * as React from 'react'; +import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities'; +import type { TagButtonProps, TagButtonState } from './TagButton.types'; +import { Dismiss16Filled } from '@fluentui/react-icons'; +import { Avatar } from '@fluentui/react-avatar'; + +/** + * Create the state required to render TagButton. + * + * The returned state can be modified with hooks such as useTagButtonStyles_unstable, + * before being passed to renderTagButton_unstable. + * + * @param props - props from this instance of TagButton + * @param ref - reference to root HTMLElement of TagButton + */ +export const useTagButton_unstable = (props: TagButtonProps, ref: React.Ref): TagButtonState => { + const { + checked = false, + disabled = false, + dismissable = false, + shape = 'rounded', + size = 'medium', + appearance = 'filled-lighter', + } = props; + + return { + components: { + root: 'div', + contentButton: 'button', + avatar: Avatar, + icon: 'span', + primaryText: 'span', + secondaryText: 'span', + dismissButton: 'button', + }, + checked, + disabled, + dismissable, + shape, + size, + appearance, + root: getNativeElementProps('div', { + ref, + ...props, + }), + contentButton: resolveShorthand(props.contentButton, { required: true }), + avatar: resolveShorthand(props.avatar), + icon: resolveShorthand(props.icon), + primaryText: resolveShorthand(props.primaryText), + secondaryText: resolveShorthand(props.secondaryText), + dismissButton: resolveShorthand(props.dismissButton, { + required: true, + defaultProps: { + disabled, + type: 'button', + children: , + }, + }), + }; +}; diff --git a/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.ts b/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.ts index 64364e62d1d3c..c03ad488ae53f 100644 --- a/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.ts +++ b/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.ts @@ -1,11 +1,15 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; +import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import type { TagButtonSlots, TagButtonState } from './TagButton.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; export const tagButtonClassNames: SlotClassNames = { root: 'fui-TagButton', - // TODO: add class names for all slots on TagButtonSlots. - // Should be of the form `: 'fui-TagButton__` + contentButton: 'fui-TagButton__contentButton', + avatar: 'fui-TagButton__avatar', + icon: 'fui-TagButton__icon', + primaryText: 'fui-TagButton__primaryText', + secondaryText: 'fui-TagButton__secondaryText', + dismissButton: 'fui-TagButton__dismissButton', }; /** @@ -13,8 +17,30 @@ export const tagButtonClassNames: SlotClassNames = { */ const useStyles = makeStyles({ root: { - // TODO Add default styles for the root element + display: 'inline-flex', }, + contentButton: { + display: 'inline-grid', + gridTemplateColumns: 'auto 8px auto auto 8px auto', + gridTemplateRows: '1fr auto auto 1fr', + gridTemplateAreas: ` + "avatar . icon . ." + "avatar . icon primary ." + "avatar . icon secondary ." + "avatar . icon . ." + `, + }, + avatar: { + alignSelf: 'center', + ...shorthands.gridArea('avatar'), + }, + icon: { + alignSelf: 'center', + ...shorthands.gridArea('icon'), + }, + primaryText: { ...shorthands.gridArea('primary') }, + secondaryText: { ...shorthands.gridArea('secondary') }, + dismissButton: {}, // TODO add additional classes for different states and/or slots }); @@ -25,9 +51,40 @@ const useStyles = makeStyles({ export const useTagButtonStyles_unstable = (state: TagButtonState): TagButtonState => { const styles = useStyles(); state.root.className = mergeClasses(tagButtonClassNames.root, styles.root, state.root.className); - - // TODO Add class names to slots, for example: - // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className); + if (state.contentButton) { + state.contentButton.className = mergeClasses( + tagButtonClassNames.contentButton, + styles.contentButton, + state.contentButton.className, + ); + } + if (state.avatar) { + state.avatar.className = mergeClasses(tagButtonClassNames.avatar, styles.avatar, state.avatar.className); + } + if (state.icon) { + state.icon.className = mergeClasses(tagButtonClassNames.icon, styles.icon, state.icon.className); + } + if (state.primaryText) { + state.primaryText.className = mergeClasses( + tagButtonClassNames.primaryText, + styles.primaryText, + state.primaryText.className, + ); + } + if (state.secondaryText) { + state.secondaryText.className = mergeClasses( + tagButtonClassNames.secondaryText, + styles.secondaryText, + state.secondaryText.className, + ); + } + if (state.dismissButton) { + state.dismissButton.className = mergeClasses( + tagButtonClassNames.dismissButton, + styles.dismissButton, + state.dismissButton.className, + ); + } return state; }; diff --git a/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx index 342622eceed82..c6639a6746769 100644 --- a/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx @@ -1,4 +1,20 @@ import * as React from 'react'; import { Tag, TagProps } from '@fluentui/react-tags'; +import { Calendar3Day28Regular } from '@fluentui/react-icons'; -export const Default = (props: Partial) => ; +export const Default = (props: Partial) => ( + } + primaryText="Primary text" + secondaryText="Secondary text" + dismissable={true} + {...props} + /> +); diff --git a/packages/react-components/react-tags/stories/TagButton/TagButtonDefault.stories.tsx b/packages/react-components/react-tags/stories/TagButton/TagButtonDefault.stories.tsx index 6956d82a32f35..08c2b41a87573 100644 --- a/packages/react-components/react-tags/stories/TagButton/TagButtonDefault.stories.tsx +++ b/packages/react-components/react-tags/stories/TagButton/TagButtonDefault.stories.tsx @@ -1,4 +1,20 @@ import * as React from 'react'; import { TagButton, TagButtonProps } from '@fluentui/react-tags'; +import { Calendar3Day28Regular } from '@fluentui/react-icons'; -export const Default = (props: Partial) => ; +export const Default = (props: Partial) => ( + } + primaryText="Primary text" + secondaryText="Secondary text" + dismissable={true} + {...props} + /> +); diff --git a/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx b/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx index 3d42fbfd89935..67e5150d2153e 100644 --- a/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx +++ b/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderTextarea_unstable } from './renderTextarea'; import { useTextarea_unstable } from './useTextarea'; -import { useTextareaStyles_unstable } from './useTextareaStyles'; +import { useTextareaStyles_unstable } from './useTextareaStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { TextareaProps } from './Textarea.types'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-textarea/src/components/Textarea/index.ts b/packages/react-components/react-textarea/src/components/Textarea/index.ts index a6b850d2794eb..8ce45658b47c2 100644 --- a/packages/react-components/react-textarea/src/components/Textarea/index.ts +++ b/packages/react-components/react-textarea/src/components/Textarea/index.ts @@ -2,4 +2,4 @@ export * from './Textarea'; export * from './Textarea.types'; export * from './renderTextarea'; export * from './useTextarea'; -export * from './useTextareaStyles'; +export * from './useTextareaStyles.styles'; diff --git a/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.ts b/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts similarity index 100% rename from packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.ts rename to packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts diff --git a/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx b/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx index 3070dfda8c492..ad31be2513eab 100644 --- a/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx +++ b/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { useTooltip_unstable } from './useTooltip'; import { renderTooltip_unstable } from './renderTooltip'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useTooltipStyles_unstable } from './useTooltipStyles'; +import { useTooltipStyles_unstable } from './useTooltipStyles.styles'; import type { TooltipProps } from './Tooltip.types'; import type { FluentTriggerComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-tooltip/src/components/Tooltip/index.ts b/packages/react-components/react-tooltip/src/components/Tooltip/index.ts index 4b5671471c03b..d906f77defb12 100644 --- a/packages/react-components/react-tooltip/src/components/Tooltip/index.ts +++ b/packages/react-components/react-tooltip/src/components/Tooltip/index.ts @@ -2,4 +2,4 @@ export * from './Tooltip'; export * from './Tooltip.types'; export * from './renderTooltip'; export * from './useTooltip'; -export * from './useTooltipStyles'; +export * from './useTooltipStyles.styles'; diff --git a/packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts b/packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.styles.ts similarity index 100% rename from packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts rename to packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.styles.ts diff --git a/packages/react-conformance/CHANGELOG.json b/packages/react-conformance/CHANGELOG.json index f739f12a08516..09c5eb8de7706 100644 --- a/packages/react-conformance/CHANGELOG.json +++ b/packages/react-conformance/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-conformance", "entries": [ + { + "date": "Mon, 01 May 2023 07:39:51 GMT", + "tag": "@fluentui/react-conformance_v0.16.0", + "version": "0.16.0", + "comments": { + "minor": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-conformance", + "commit": "3a6bbb0ca32a62a60195d248074236709d7e2b2d", + "comment": "feat: add new TS config api to be able to specify configName and configDir" + } + ] + } + }, { "date": "Wed, 11 Jan 2023 07:50:55 GMT", "tag": "@fluentui/react-conformance_v0.15.6", diff --git a/packages/react-conformance/CHANGELOG.md b/packages/react-conformance/CHANGELOG.md index 9712d6c3c31b1..895eb063ef999 100644 --- a/packages/react-conformance/CHANGELOG.md +++ b/packages/react-conformance/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-conformance -This log was last generated on Thu, 20 Oct 2022 07:43:11 GMT and should not be manually modified. +This log was last generated on Mon, 01 May 2023 07:39:51 GMT and should not be manually modified. +## [0.16.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance_v0.16.0) + +Mon, 01 May 2023 07:39:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance_v0.15.6..@fluentui/react-conformance_v0.16.0) + +### Minor changes + +- feat: add new TS config api to be able to specify configName and configDir ([PR #27664](https://github.com/microsoft/fluentui/pull/27664) by martinhochel@microsoft.com) + ## [0.15.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance_v0.15.4) Thu, 20 Oct 2022 07:43:11 GMT diff --git a/packages/react-conformance/package.json b/packages/react-conformance/package.json index b21979fa013ea..f5cbd7c2602a0 100644 --- a/packages/react-conformance/package.json +++ b/packages/react-conformance/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-conformance", - "version": "0.15.8", + "version": "0.16.0", "description": "Customizable conformance testing utility for Fluent UI React components.", "main": "lib-commonjs/index.js", "typings": "lib-commonjs/index.d.ts", diff --git a/packages/react-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json index fcc15f38a6dbe..e1839d49d49ea 100644 --- a/packages/react-date-time/CHANGELOG.json +++ b/packages/react-date-time/CHANGELOG.json @@ -1,6 +1,48 @@ { "name": "@fluentui/react-date-time", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-date-time_v8.7.81", + "version": "8.7.81", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-date-time_v8.7.80", + "version": "8.7.80", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/react-date-time_v8.7.79", diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md index a3bd51bb2a170..4b0ee123af9f6 100644 --- a/packages/react-date-time/CHANGELOG.md +++ b/packages/react-date-time/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/react-date-time -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.7.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.81) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.80..@fluentui/react-date-time_v8.7.81) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.7.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.80) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.79..@fluentui/react-date-time_v8.7.80) + +### Patches + +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.7.79](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.79) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index 74d0ec205a6f3..e8ef60bc8a519 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-date-time", - "version": "8.7.79", + "version": "8.7.81", "description": "Date and time related React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,8 +28,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/set-version": "^8.2.6", + "@fluentui/react": "^8.109.0", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index afa321bdf200f..56a69a123ff1a 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,114 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-docsite-components_v8.12.4", + "version": "8.12.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/theme to v2.6.27", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-hooks to v8.6.22", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.81", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/common-styles to v1.2.24", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:51 GMT", + "tag": "@fluentui/react-docsite-components_v8.12.3", + "version": "8.12.3", + "comments": { + "patch": [ + { + "author": "atishay.jain@microsoft.com", + "package": "@fluentui/react-docsite-components", + "commit": "cbe5229d974dc11d345729a110b7493564a0b822", + "comment": "Enable export to codepen for react charting" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/theme to v2.6.26", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/example-data to v8.4.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/public-docsite-setup to v0.3.19", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-hooks to v8.6.21", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.80", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/common-styles to v1.2.23", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/react-docsite-components_v8.12.2", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index 77e45d7e0ec15..ef6517bc1da43 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,40 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.12.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.4) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.3..@fluentui/react-docsite-components_v8.12.4) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/theme to v2.6.27 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-hooks to v8.6.22 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.81 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/common-styles to v1.2.24 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.12.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.3) + +Mon, 01 May 2023 07:39:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.2..@fluentui/react-docsite-components_v8.12.3) + +### Patches + +- Enable export to codepen for react charting ([PR #27539](https://github.com/microsoft/fluentui/pull/27539) by atishay.jain@microsoft.com) +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/theme to v2.6.26 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/example-data to v8.4.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/public-docsite-setup to v0.3.19 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-hooks to v8.6.21 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.80 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/common-styles to v1.2.23 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.12.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.2) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index a42b3b44ea69a..207170fd56502 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-docsite-components", - "version": "8.12.2", + "version": "8.12.4", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -20,7 +20,7 @@ "test": "just-scripts test" }, "devDependencies": { - "@fluentui/common-styles": "^1.2.22", + "@fluentui/common-styles": "^1.2.24", "@fluentui/eslint-plugin": "*", "@types/color-check": "0.0.0", "@types/react-custom-scrollbars": "^4.0.5", @@ -35,14 +35,14 @@ "react-dom": ">=16.8.0 <19.0.0" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/theme": "^2.6.25", + "@fluentui/react": "^8.109.0", + "@fluentui/theme": "^2.6.27", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/example-data": "^8.4.7", - "@fluentui/public-docsite-setup": "^0.3.18", - "@fluentui/react-hooks": "^8.6.20", - "@fluentui/set-version": "^8.2.6", - "@fluentui/react-monaco-editor": "^1.7.79", + "@fluentui/example-data": "^8.4.8", + "@fluentui/public-docsite-setup": "^0.3.19", + "@fluentui/react-hooks": "^8.6.22", + "@fluentui/set-version": "^8.2.8", + "@fluentui/react-monaco-editor": "^1.7.81", "color-check": "0.0.2", "markdown-to-jsx": "^7.0.0", "office-ui-fabric-core": "^11.0.0", diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index 76df58c30a55d..09f8cdd334040 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -25,27 +25,27 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/azure-themes": "^8.5.83", - "@fluentui/date-time-utilities": "^8.5.7", - "@fluentui/dom-utilities": "^2.2.6", - "@fluentui/example-data": "^8.4.7", - "@fluentui/font-icons-mdl2": "^8.5.13", - "@fluentui/foundation-legacy": "^8.2.33", - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react": "^8.108.2", - "@fluentui/react-cards": "^0.205.79", - "@fluentui/react-charting": "^5.16.22", - "@fluentui/react-docsite-components": "^8.12.2", - "@fluentui/react-experiments": "^8.14.74", - "@fluentui/react-file-type-icons": "^8.8.13", - "@fluentui/react-focus": "^8.8.19", - "@fluentui/react-hooks": "^8.6.20", - "@fluentui/react-icons-mdl2": "^1.3.37", - "@fluentui/scheme-utilities": "^8.3.26", - "@fluentui/style-utilities": "^8.9.6", - "@fluentui/theme": "^2.6.25", - "@fluentui/theme-samples": "^8.7.79", - "@fluentui/utilities": "^8.13.9", + "@fluentui/azure-themes": "^8.6.1", + "@fluentui/date-time-utilities": "^8.5.9", + "@fluentui/dom-utilities": "^2.2.8", + "@fluentui/example-data": "^8.4.8", + "@fluentui/font-icons-mdl2": "^8.5.15", + "@fluentui/foundation-legacy": "^8.2.35", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/react": "^8.109.0", + "@fluentui/react-cards": "^0.205.81", + "@fluentui/react-charting": "^5.16.24", + "@fluentui/react-docsite-components": "^8.12.4", + "@fluentui/react-experiments": "^8.14.76", + "@fluentui/react-file-type-icons": "^8.8.15", + "@fluentui/react-focus": "^8.8.21", + "@fluentui/react-hooks": "^8.6.22", + "@fluentui/react-icons-mdl2": "^1.3.39", + "@fluentui/scheme-utilities": "^8.3.28", + "@fluentui/style-utilities": "^8.9.8", + "@fluentui/theme": "^2.6.27", + "@fluentui/theme-samples": "^8.7.81", + "@fluentui/utilities": "^8.13.11", "@microsoft/load-themed-styles": "^1.10.26", "d3-fetch": "3.0.1", "d3-format": "^1.4.4", diff --git a/packages/react-examples/src/azure-themes/stories/Themes/Themes.stories.tsx b/packages/react-examples/src/azure-themes/stories/Themes/Themes.stories.tsx index 9cdd3f6940f31..63d1555da151b 100644 --- a/packages/react-examples/src/azure-themes/stories/Themes/Themes.stories.tsx +++ b/packages/react-examples/src/azure-themes/stories/Themes/Themes.stories.tsx @@ -56,6 +56,10 @@ const Example = () => ( + + + + diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json index 7eae9eb76c13d..23500c5f05d78 100644 --- a/packages/react-experiments/CHANGELOG.json +++ b/packages/react-experiments/CHANGELOG.json @@ -1,6 +1,168 @@ { "name": "@fluentui/react-experiments", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:16 GMT", + "tag": "@fluentui/react-experiments_v8.14.76", + "version": "8.14.76", + "comments": { + "patch": [ + { + "author": "jaschieb@microsoft.com", + "package": "@fluentui/react-experiments", + "commit": "4b30d60494c2da73e30923f53986fd02470706a4", + "comment": "Add export for FolderCover.scss" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/theme to v2.6.27", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/foundation-legacy to v8.2.35", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.15", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react-hooks to v8.6.22", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/common-styles to v1.2.24", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.26", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-experiments_v8.14.75", + "version": "8.14.75", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/theme to v2.6.26", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/example-data to v8.4.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/foundation-legacy to v8.2.34", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.14", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react-hooks to v8.6.21", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/common-styles to v1.2.23", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.25", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/react-experiments_v8.14.74", diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md index 1cdaacaf375d6..47e685669bb1e 100644 --- a/packages/react-experiments/CHANGELOG.md +++ b/packages/react-experiments/CHANGELOG.md @@ -1,9 +1,49 @@ # Change Log - @fluentui/react-experiments -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:16 GMT and should not be manually modified. +## [8.14.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.76) + +Tue, 02 May 2023 00:58:16 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.75..@fluentui/react-experiments_v8.14.76) + +### Patches + +- Add export for FolderCover.scss ([PR #27507](https://github.com/microsoft/fluentui/pull/27507) by jaschieb@microsoft.com) +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/theme to v2.6.27 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.35 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/font-icons-mdl2 to v8.5.15 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-hooks to v8.6.22 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/common-styles to v1.2.24 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.26 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.14.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.75) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.74..@fluentui/react-experiments_v8.14.75) + +### Patches + +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/theme to v2.6.26 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/example-data to v8.4.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.34 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/font-icons-mdl2 to v8.5.14 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-hooks to v8.6.21 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/common-styles to v1.2.23 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.25 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.14.74](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.74) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index e790b240008b7..513288dfee66a 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-experiments", - "version": "8.14.74", + "version": "8.14.76", "description": "Experimental React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,29 +27,29 @@ "update-snapshots": "just-scripts jest -u" }, "devDependencies": { - "@fluentui/common-styles": "^1.2.22", + "@fluentui/common-styles": "^1.2.24", "@fluentui/eslint-plugin": "*", "@types/deep-assign": "^0.1.1", "@types/prop-types": "15.7.1", "@types/react-addons-test-utils": "0.14.18", - "@fluentui/jest-serializer-merge-styles": "^8.0.24", + "@fluentui/jest-serializer-merge-styles": "^8.0.26", "react-hooks-testing-library": "^0.5.0", "@fluentui/scripts-jest": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/theme": "^2.6.25", + "@fluentui/react": "^8.109.0", + "@fluentui/theme": "^2.6.27", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/example-data": "^8.4.7", - "@fluentui/foundation-legacy": "^8.2.33", - "@fluentui/font-icons-mdl2": "^8.5.13", - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react-hooks": "^8.6.20", - "@fluentui/set-version": "^8.2.6", - "@fluentui/style-utilities": "^8.9.6", - "@fluentui/utilities": "^8.13.9", + "@fluentui/example-data": "^8.4.8", + "@fluentui/foundation-legacy": "^8.2.35", + "@fluentui/font-icons-mdl2": "^8.5.15", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/react-hooks": "^8.6.22", + "@fluentui/set-version": "^8.2.8", + "@fluentui/style-utilities": "^8.9.8", + "@fluentui/utilities": "^8.13.11", "deep-assign": "^2.0.0", "prop-types": "^15.7.2", "tslib": "^2.1.0" @@ -112,6 +112,11 @@ "import": "./lib/FolderCover.js", "require": "./lib-commonjs/FolderCover.js" }, + "./lib/components/FolderCover/FolderCover.scss": { + "types": "./lib/components/FolderCover/FolderCover.scss.d.ts", + "import": "./lib/components/FolderCover/FolderCover.scss.js", + "require": "./lib-commonjs/components/FolderCover/FolderCover.scss.js" + }, "./lib/Foundation": { "types": "./lib/Foundation.d.ts", "import": "./lib/Foundation.js", diff --git a/packages/react-file-type-icons/CHANGELOG.json b/packages/react-file-type-icons/CHANGELOG.json index c9f0bbaf83563..09a984d72b005 100644 --- a/packages/react-file-type-icons/CHANGELOG.json +++ b/packages/react-file-type-icons/CHANGELOG.json @@ -1,6 +1,54 @@ { "name": "@fluentui/react-file-type-icons", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-file-type-icons_v8.8.15", + "version": "8.8.15", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-file-type-icons", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-file-type-icons", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:52 GMT", + "tag": "@fluentui/react-file-type-icons_v8.8.14", + "version": "8.8.14", + "comments": { + "patch": [ + { + "author": "caperez@microsoft.com", + "package": "@fluentui/react-file-type-icons", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8", + "comment": "Add support for Microsoft Designer .design filetype icon" + }, + { + "author": "beachball", + "package": "@fluentui/react-file-type-icons", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-file-type-icons", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/react-file-type-icons_v8.8.13", diff --git a/packages/react-file-type-icons/CHANGELOG.md b/packages/react-file-type-icons/CHANGELOG.md index 73543465567ca..28ac842349568 100644 --- a/packages/react-file-type-icons/CHANGELOG.md +++ b/packages/react-file-type-icons/CHANGELOG.md @@ -1,9 +1,30 @@ # Change Log - @fluentui/react-file-type-icons -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.8.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.8.15) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.8.14..@fluentui/react-file-type-icons_v8.8.15) + +### Patches + +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.8.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.8.14) + +Mon, 01 May 2023 07:39:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.8.13..@fluentui/react-file-type-icons_v8.8.14) + +### Patches + +- Add support for Microsoft Designer .design filetype icon ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by caperez@microsoft.com) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.8.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.8.13) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/react-file-type-icons/package.json b/packages/react-file-type-icons/package.json index 7809162fedec2..425010d48c53b 100644 --- a/packages/react-file-type-icons/package.json +++ b/packages/react-file-type-icons/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-file-type-icons", - "version": "8.8.13", + "version": "8.8.15", "description": "Fluent UI React file type icon set.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,8 +27,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", - "@fluentui/style-utilities": "^8.9.6", + "@fluentui/set-version": "^8.2.8", + "@fluentui/style-utilities": "^8.9.8", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-file-type-icons/src/FileTypeIconMap.ts b/packages/react-file-type-icons/src/FileTypeIconMap.ts index 0fde444c50f2a..11cf3c7a1913a 100644 --- a/packages/react-file-type-icons/src/FileTypeIconMap.ts +++ b/packages/react-file-type-icons/src/FileTypeIconMap.ts @@ -262,6 +262,9 @@ export const FileTypeIconMap: { [key: string]: { extensions?: string[] } } = { csv: { extensions: ['csv'], }, + designer: { + extensions: ['design'], + }, desktopfolder: {}, docset: {}, documentsfolder: {}, diff --git a/packages/react-focus/.npmignore b/packages/react-focus/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/react-focus/.npmignore +++ b/packages/react-focus/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/react-focus/CHANGELOG.json b/packages/react-focus/CHANGELOG.json index 4273bdd68c256..fdd38353b4601 100644 --- a/packages/react-focus/CHANGELOG.json +++ b/packages/react-focus/CHANGELOG.json @@ -1,6 +1,108 @@ { "name": "@fluentui/react-focus", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:17 GMT", + "tag": "@fluentui/react-focus_v8.8.21", + "version": "8.8.21", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-focus", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/keyboard-key to v0.4.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.26", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-focus_v8.8.20", + "version": "8.8.20", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/keyboard-key to v0.4.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/test-utilities to v8.3.2", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.25", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/react-focus_v8.8.19", diff --git a/packages/react-focus/CHANGELOG.md b/packages/react-focus/CHANGELOG.md index 74a5c21e7797b..d51fe70d79097 100644 --- a/packages/react-focus/CHANGELOG.md +++ b/packages/react-focus/CHANGELOG.md @@ -1,9 +1,39 @@ # Change Log - @fluentui/react-focus -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:17 GMT and should not be manually modified. +## [8.8.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.8.21) + +Tue, 02 May 2023 00:58:17 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-focus_v8.8.20..@fluentui/react-focus_v8.8.21) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/keyboard-key to v0.4.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.26 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.8.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.8.20) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-focus_v8.8.19..@fluentui/react-focus_v8.8.20) + +### Patches + +- Bump @fluentui/keyboard-key to v0.4.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/test-utilities to v8.3.2 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.25 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.8.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.8.19) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/react-focus/package.json b/packages/react-focus/package.json index eb2c3ff05003a..69fbf11206efd 100644 --- a/packages/react-focus/package.json +++ b/packages/react-focus/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-focus", - "version": "8.8.19", + "version": "8.8.21", "description": "Focus helpers to be used in React applications.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,19 +28,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/test-utilities": "^8.3.1", - "@fluentui/jest-serializer-merge-styles": "^8.0.24", + "@fluentui/test-utilities": "^8.3.2", + "@fluentui/jest-serializer-merge-styles": "^8.0.26", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-jest": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/keyboard-key": "^0.4.6", - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/set-version": "^8.2.6", - "@fluentui/style-utilities": "^8.9.6", - "@fluentui/utilities": "^8.13.9", + "@fluentui/keyboard-key": "^0.4.8", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/set-version": "^8.2.8", + "@fluentui/style-utilities": "^8.9.8", + "@fluentui/utilities": "^8.13.11", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-hooks/.npmignore b/packages/react-hooks/.npmignore index b05f1c553d79a..6af25787e9978 100644 --- a/packages/react-hooks/.npmignore +++ b/packages/react-hooks/.npmignore @@ -30,3 +30,6 @@ tslint.json typings fabric-test* visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/react-hooks/CHANGELOG.json b/packages/react-hooks/CHANGELOG.json index 847d0f3e9f464..32b1dd8ec3690 100644 --- a/packages/react-hooks/CHANGELOG.json +++ b/packages/react-hooks/CHANGELOG.json @@ -1,6 +1,72 @@ { "name": "@fluentui/react-hooks", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:17 GMT", + "tag": "@fluentui/react-hooks_v8.6.22", + "version": "8.6.22", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-hooks", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/react-window-provider to v2.2.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-hooks_v8.6.21", + "version": "8.6.21", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/react-window-provider to v2.2.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/test-utilities to v8.3.2", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/react-hooks_v8.6.20", diff --git a/packages/react-hooks/CHANGELOG.md b/packages/react-hooks/CHANGELOG.md index de6a8787353f3..fa5167b71d5bb 100644 --- a/packages/react-hooks/CHANGELOG.md +++ b/packages/react-hooks/CHANGELOG.md @@ -1,9 +1,33 @@ # Change Log - @fluentui/react-hooks -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:17 GMT and should not be manually modified. +## [8.6.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-hooks_v8.6.22) + +Tue, 02 May 2023 00:58:17 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-hooks_v8.6.21..@fluentui/react-hooks_v8.6.22) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/react-window-provider to v2.2.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.6.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-hooks_v8.6.21) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-hooks_v8.6.20..@fluentui/react-hooks_v8.6.21) + +### Patches + +- Bump @fluentui/react-window-provider to v2.2.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/test-utilities to v8.3.2 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.6.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-hooks_v8.6.20) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json index 0ce722f8ad4af..4d976a84c9b07 100644 --- a/packages/react-hooks/package.json +++ b/packages/react-hooks/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-hooks", - "version": "8.6.20", + "version": "8.6.22", "description": "Fluent UI React hooks.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -25,16 +25,16 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/test-utilities": "^8.3.1", + "@fluentui/test-utilities": "^8.3.2", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-jest": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react-window-provider": "^2.2.9", - "@fluentui/set-version": "^8.2.6", - "@fluentui/utilities": "^8.13.9", + "@fluentui/react-window-provider": "^2.2.11", + "@fluentui/set-version": "^8.2.8", + "@fluentui/utilities": "^8.13.11", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-icon-provider/CHANGELOG.json b/packages/react-icon-provider/CHANGELOG.json index 62c5e8ae20792..f26d3d94e1881 100644 --- a/packages/react-icon-provider/CHANGELOG.json +++ b/packages/react-icon-provider/CHANGELOG.json @@ -1,6 +1,48 @@ { "name": "@fluentui/react-icon-provider", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-icon-provider_v1.3.36", + "version": "1.3.36", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icon-provider", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-icon-provider", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-icon-provider_v1.3.35", + "version": "1.3.35", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icon-provider", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-icon-provider", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/react-icon-provider_v1.3.34", diff --git a/packages/react-icon-provider/CHANGELOG.md b/packages/react-icon-provider/CHANGELOG.md index 1f1df52d8a314..70e7996aa108c 100644 --- a/packages/react-icon-provider/CHANGELOG.md +++ b/packages/react-icon-provider/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/react-icon-provider -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [1.3.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.36) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icon-provider_v1.3.35..@fluentui/react-icon-provider_v1.3.36) + +### Patches + +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [1.3.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.35) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icon-provider_v1.3.34..@fluentui/react-icon-provider_v1.3.35) + +### Patches + +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [1.3.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.34) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/react-icon-provider/package.json b/packages/react-icon-provider/package.json index 4c5ce3991d196..5d650cef21601 100644 --- a/packages/react-icon-provider/package.json +++ b/packages/react-icon-provider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-icon-provider", - "version": "1.3.34", + "version": "1.3.36", "description": "Package for applying icon overrides to Fluent UI React SVG icons", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,8 +30,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", - "@fluentui/style-utilities": "^8.9.6", + "@fluentui/set-version": "^8.2.8", + "@fluentui/style-utilities": "^8.9.8", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.json b/packages/react-icons-mdl2-branded/CHANGELOG.json index e6e93efbdbdd9..aac594ba2e6ea 100644 --- a/packages/react-icons-mdl2-branded/CHANGELOG.json +++ b/packages/react-icons-mdl2-branded/CHANGELOG.json @@ -1,6 +1,48 @@ { "name": "@fluentui/react-icons-mdl2-branded", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-icons-mdl2-branded_v1.2.40", + "version": "1.2.40", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2-branded", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2-branded", + "comment": "Bump @fluentui/react-icons-mdl2 to v1.3.39", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-icons-mdl2-branded_v1.2.39", + "version": "1.2.39", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2-branded", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2-branded", + "comment": "Bump @fluentui/react-icons-mdl2 to v1.3.38", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/react-icons-mdl2-branded_v1.2.38", diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.md b/packages/react-icons-mdl2-branded/CHANGELOG.md index a719de37f28f3..d10adacf0a1c4 100644 --- a/packages/react-icons-mdl2-branded/CHANGELOG.md +++ b/packages/react-icons-mdl2-branded/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/react-icons-mdl2-branded -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [1.2.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.40) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2-branded_v1.2.39..@fluentui/react-icons-mdl2-branded_v1.2.40) + +### Patches + +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-icons-mdl2 to v1.3.39 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [1.2.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.39) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2-branded_v1.2.38..@fluentui/react-icons-mdl2-branded_v1.2.39) + +### Patches + +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-icons-mdl2 to v1.3.38 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [1.2.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.38) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/react-icons-mdl2-branded/package.json b/packages/react-icons-mdl2-branded/package.json index ff1efb0b54102..eb521ab15a9e7 100644 --- a/packages/react-icons-mdl2-branded/package.json +++ b/packages/react-icons-mdl2-branded/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-icons-mdl2-branded", - "version": "1.2.38", + "version": "1.2.40", "description": "Branded SVG icons from the MDL2 icon set", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -25,8 +25,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", - "@fluentui/react-icons-mdl2": "^1.3.37", + "@fluentui/set-version": "^8.2.8", + "@fluentui/react-icons-mdl2": "^1.3.39", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-icons-mdl2/CHANGELOG.json b/packages/react-icons-mdl2/CHANGELOG.json index 06b828f1e149d..a96a7eaf9970d 100644 --- a/packages/react-icons-mdl2/CHANGELOG.json +++ b/packages/react-icons-mdl2/CHANGELOG.json @@ -1,6 +1,60 @@ { "name": "@fluentui/react-icons-mdl2", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-icons-mdl2_v1.3.39", + "version": "1.3.39", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/react-icon-provider to v1.3.36", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-icons-mdl2_v1.3.38", + "version": "1.3.38", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/react-icon-provider to v1.3.35", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/react-icons-mdl2_v1.3.37", diff --git a/packages/react-icons-mdl2/CHANGELOG.md b/packages/react-icons-mdl2/CHANGELOG.md index 85d1633c63043..c981fc543063f 100644 --- a/packages/react-icons-mdl2/CHANGELOG.md +++ b/packages/react-icons-mdl2/CHANGELOG.md @@ -1,9 +1,31 @@ # Change Log - @fluentui/react-icons-mdl2 -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [1.3.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.39) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2_v1.3.38..@fluentui/react-icons-mdl2_v1.3.39) + +### Patches + +- Bump @fluentui/react-icon-provider to v1.3.36 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [1.3.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.38) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2_v1.3.37..@fluentui/react-icons-mdl2_v1.3.38) + +### Patches + +- Bump @fluentui/react-icon-provider to v1.3.35 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [1.3.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.37) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/react-icons-mdl2/package.json b/packages/react-icons-mdl2/package.json index 9bce3a6f8e0bb..8eee17ed578a7 100644 --- a/packages/react-icons-mdl2/package.json +++ b/packages/react-icons-mdl2/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-icons-mdl2", - "version": "1.3.37", + "version": "1.3.39", "description": "SVG icon components for @fluentui/react", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,9 +32,9 @@ }, "dependencies": { "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/react-icon-provider": "^1.3.34", - "@fluentui/set-version": "^8.2.6", - "@fluentui/utilities": "^8.13.9", + "@fluentui/react-icon-provider": "^1.3.36", + "@fluentui/set-version": "^8.2.8", + "@fluentui/utilities": "^8.13.11", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index f70eb5f6b392d..b1e08973aa737 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,84 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.81", + "version": "1.7.81", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-hooks to v8.6.22", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-charting to v5.16.24", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:52 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.80", + "version": "1.7.80", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-monaco-editor", + "commit": "1e4ad6831b1e626009674a63d480eedd7045fd05", + "comment": "fix: add missing dependency to fix lint violations during release" + }, + { + "author": "atishay.jain@microsoft.com", + "package": "@fluentui/react-monaco-editor", + "commit": "cbe5229d974dc11d345729a110b7493564a0b822", + "comment": "Add react charting to support export to codepen" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/example-data to v8.4.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/monaco-editor to v1.3.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-hooks to v8.6.21", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-charting to v5.16.23", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.79", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index be81390ffcb2c..8c22a39827b1f 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,35 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [1.7.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.81) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.80..@fluentui/react-monaco-editor_v1.7.81) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-hooks to v8.6.22 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-charting to v5.16.24 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [1.7.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.80) + +Mon, 01 May 2023 07:39:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.79..@fluentui/react-monaco-editor_v1.7.80) + +### Patches + +- fix: add missing dependency to fix lint violations during release ([PR #27728](https://github.com/microsoft/fluentui/pull/27728) by martinhochel@microsoft.com) +- Add react charting to support export to codepen ([PR #27539](https://github.com/microsoft/fluentui/pull/27539) by atishay.jain@microsoft.com) +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/example-data to v8.4.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/monaco-editor to v1.3.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-hooks to v8.6.21 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-charting to v5.16.23 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [1.7.79](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.79) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index 4d6b76d464ea3..55aa4239bf700 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-monaco-editor", - "version": "1.7.79", + "version": "1.7.81", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,11 +30,12 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", + "@fluentui/react": "^8.109.0", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/example-data": "^8.4.7", - "@fluentui/monaco-editor": "^1.3.6", - "@fluentui/react-hooks": "^8.6.20", + "@fluentui/example-data": "^8.4.8", + "@fluentui/monaco-editor": "^1.3.7", + "@fluentui/react-hooks": "^8.6.22", + "@fluentui/react-charting": "^5.16.24", "raw-loader": "4.0.2", "react-syntax-highlighter": "^10.1.3", "tslib": "^2.1.0" diff --git a/packages/react-window-provider/.npmignore b/packages/react-window-provider/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/react-window-provider/.npmignore +++ b/packages/react-window-provider/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/react-window-provider/CHANGELOG.json b/packages/react-window-provider/CHANGELOG.json index 400d6c1fd8df1..f4e3a337c0f14 100644 --- a/packages/react-window-provider/CHANGELOG.json +++ b/packages/react-window-provider/CHANGELOG.json @@ -1,6 +1,48 @@ { "name": "@fluentui/react-window-provider", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:17 GMT", + "tag": "@fluentui/react-window-provider_v2.2.11", + "version": "2.2.11", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-window-provider", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/react-window-provider", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react-window-provider_v2.2.10", + "version": "2.2.10", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-window-provider", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react-window-provider", + "comment": "Bump @fluentui/test-utilities to v8.3.2", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/react-window-provider_v2.2.9", diff --git a/packages/react-window-provider/CHANGELOG.md b/packages/react-window-provider/CHANGELOG.md index 7bd4dabc96610..ace0bb0bccf0c 100644 --- a/packages/react-window-provider/CHANGELOG.md +++ b/packages/react-window-provider/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/react-window-provider -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:17 GMT and should not be manually modified. +## [2.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-window-provider_v2.2.11) + +Tue, 02 May 2023 00:58:17 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-window-provider_v2.2.10..@fluentui/react-window-provider_v2.2.11) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [2.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-window-provider_v2.2.10) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-window-provider_v2.2.9..@fluentui/react-window-provider_v2.2.10) + +### Patches + +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/test-utilities to v8.3.2 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [2.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-window-provider_v2.2.9) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/react-window-provider/package.json b/packages/react-window-provider/package.json index 733b5471d12af..fdc69e819b39c 100644 --- a/packages/react-window-provider/package.json +++ b/packages/react-window-provider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-window-provider", - "version": "2.2.9", + "version": "2.2.11", "description": "Utilities for providing and consuming the window/document objects even across portal/iframe/child-window boundaries.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -25,13 +25,13 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/test-utilities": "^8.3.1", + "@fluentui/test-utilities": "^8.3.2", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-jest": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/set-version": "^8.2.6", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react/.npmignore b/packages/react/.npmignore index 7fc556fac8db2..4ba69cc8ef144 100644 --- a/packages/react/.npmignore +++ b/packages/react/.npmignore @@ -30,3 +30,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index 1dd3bfd299505..0a98af09f365e 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,212 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:16 GMT", + "tag": "@fluentui/react_v8.109.0", + "version": "8.109.0", + "comments": { + "minor": [ + { + "author": "rezha@microsoft.com", + "package": "@fluentui/react", + "commit": "5b50b810a0a86e28b91e8e441593d3e2b3f13ea5", + "comment": "chore: Export DraggableZone component" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/date-time-utilities to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/foundation-legacy to v8.2.35", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.15", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-focus to v8.8.21", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-hooks to v8.6.22", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-window-provider to v2.2.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/style-utilities to v8.9.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/theme to v2.6.27", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/common-styles to v1.2.24", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.26", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ], + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/react_v8.108.3", + "version": "8.108.3", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/date-time-utilities to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/foundation-legacy to v8.2.34", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.14", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-focus to v8.8.20", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-hooks to v8.6.21", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-window-provider to v2.2.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/style-utilities to v8.9.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/theme to v2.6.26", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/common-styles to v1.2.23", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/example-data to v8.4.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.25", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/test-utilities to v8.3.2", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/webpack-utilities to v8.1.13", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:31 GMT", "tag": "@fluentui/react_v8.108.2", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 4964650d042af..195a7d82ed478 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,9 +1,59 @@ # Change Log - @fluentui/react -This log was last generated on Tue, 25 Apr 2023 07:38:31 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:16 GMT and should not be manually modified. +## [8.109.0](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.109.0) + +Tue, 02 May 2023 00:58:16 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.108.3..@fluentui/react_v8.109.0) + +### Minor changes + +- chore: Export DraggableZone component ([PR #27569](https://github.com/microsoft/fluentui/pull/27569) by rezha@microsoft.com) +- Bump @fluentui/date-time-utilities to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.35 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/font-icons-mdl2 to v8.5.15 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-focus to v8.8.21 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-hooks to v8.6.22 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/react-window-provider to v2.2.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/style-utilities to v8.9.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/theme to v2.6.27 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/common-styles to v1.2.24 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.26 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) + +## [8.108.3](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.108.3) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.108.2..@fluentui/react_v8.108.3) + +### Patches + +- Bump @fluentui/date-time-utilities to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.34 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/font-icons-mdl2 to v8.5.14 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-focus to v8.8.20 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-hooks to v8.6.21 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/react-window-provider to v2.2.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/style-utilities to v8.9.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/theme to v2.6.26 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/common-styles to v1.2.23 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/example-data to v8.4.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.25 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/test-utilities to v8.3.2 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/webpack-utilities to v8.1.13 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.108.2](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.108.2) Tue, 25 Apr 2023 07:38:31 GMT diff --git a/packages/react/package.json b/packages/react/package.json index fc54200ed2f24..aeb9950ae2712 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react", - "version": "8.108.2", + "version": "8.109.0", "description": "Reusable React components for building web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,13 +33,13 @@ "mf": "just-scripts mf" }, "devDependencies": { - "@fluentui/common-styles": "^1.2.22", + "@fluentui/common-styles": "^1.2.24", "@fluentui/eslint-plugin": "*", - "@fluentui/example-data": "^8.4.7", - "@fluentui/jest-serializer-merge-styles": "^8.0.24", + "@fluentui/example-data": "^8.4.8", + "@fluentui/jest-serializer-merge-styles": "^8.0.26", "@fluentui/react-conformance": "*", - "@fluentui/test-utilities": "^8.3.1", - "@fluentui/webpack-utilities": "^8.1.12", + "@fluentui/test-utilities": "^8.3.2", + "@fluentui/webpack-utilities": "^8.1.13", "office-ui-fabric-core": "^11.0.0", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-jest": "*", @@ -47,18 +47,18 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/date-time-utilities": "^8.5.7", - "@fluentui/foundation-legacy": "^8.2.33", - "@fluentui/font-icons-mdl2": "^8.5.13", - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react-focus": "^8.8.19", - "@fluentui/react-hooks": "^8.6.20", + "@fluentui/date-time-utilities": "^8.5.9", + "@fluentui/foundation-legacy": "^8.2.35", + "@fluentui/font-icons-mdl2": "^8.5.15", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/react-focus": "^8.8.21", + "@fluentui/react-hooks": "^8.6.22", "@fluentui/react-portal-compat-context": "^9.0.5", - "@fluentui/react-window-provider": "^2.2.9", - "@fluentui/set-version": "^8.2.6", - "@fluentui/style-utilities": "^8.9.6", - "@fluentui/theme": "^2.6.25", - "@fluentui/utilities": "^8.13.9", + "@fluentui/react-window-provider": "^2.2.11", + "@fluentui/set-version": "^8.2.8", + "@fluentui/style-utilities": "^8.9.8", + "@fluentui/theme": "^2.6.27", + "@fluentui/utilities": "^8.13.11", "@microsoft/load-themed-styles": "^1.10.26", "tslib": "^2.1.0" }, @@ -430,6 +430,11 @@ "import": "./lib/DragDrop.js", "require": "./lib-commonjs/DragDrop.js" }, + "./lib/DraggableZone": { + "types": "./lib/DraggableZone.d.ts", + "import": "./lib/DraggableZone.js", + "require": "./lib-commonjs/DraggableZone.js" + }, "./lib/Dropdown": { "types": "./lib/Dropdown.d.ts", "import": "./lib/Dropdown.js", @@ -1151,6 +1156,10 @@ "types": "./lib-commonjs/DragDrop.d.ts", "require": "./lib-commonjs/DragDrop.js" }, + "./lib-commonjs/DraggableZone": { + "types": "./lib-commonjs/DraggableZone.d.ts", + "require": "./lib-commonjs/DraggableZone.js" + }, "./lib-commonjs/Dropdown": { "types": "./lib-commonjs/Dropdown.d.ts", "require": "./lib-commonjs/Dropdown.js" diff --git a/packages/react/src/DraggableZone.ts b/packages/react/src/DraggableZone.ts new file mode 100644 index 0000000000000..64c65cf6c53ca --- /dev/null +++ b/packages/react/src/DraggableZone.ts @@ -0,0 +1 @@ +export * from './utilities/DraggableZone/index'; diff --git a/packages/scheme-utilities/CHANGELOG.json b/packages/scheme-utilities/CHANGELOG.json index 6be542ad656fe..2159050ae28b3 100644 --- a/packages/scheme-utilities/CHANGELOG.json +++ b/packages/scheme-utilities/CHANGELOG.json @@ -1,6 +1,48 @@ { "name": "@fluentui/scheme-utilities", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/scheme-utilities_v8.3.28", + "version": "8.3.28", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/scheme-utilities", + "comment": "Bump @fluentui/theme to v2.6.27", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/scheme-utilities", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/scheme-utilities_v8.3.27", + "version": "8.3.27", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/scheme-utilities", + "comment": "Bump @fluentui/theme to v2.6.26", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/scheme-utilities", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/scheme-utilities_v8.3.26", diff --git a/packages/scheme-utilities/CHANGELOG.md b/packages/scheme-utilities/CHANGELOG.md index 120f9f4bb10c9..9fb2e66b75d21 100644 --- a/packages/scheme-utilities/CHANGELOG.md +++ b/packages/scheme-utilities/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/scheme-utilities -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.3.28](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.28) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/scheme-utilities_v8.3.27..@fluentui/scheme-utilities_v8.3.28) + +### Patches + +- Bump @fluentui/theme to v2.6.27 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.3.27](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.27) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/scheme-utilities_v8.3.26..@fluentui/scheme-utilities_v8.3.27) + +### Patches + +- Bump @fluentui/theme to v2.6.26 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.3.26](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.26) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/scheme-utilities/package.json b/packages/scheme-utilities/package.json index e5f530ea4410b..eb98f80d070d3 100644 --- a/packages/scheme-utilities/package.json +++ b/packages/scheme-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/scheme-utilities", - "version": "8.3.26", + "version": "8.3.28", "description": "Fluent UI React subtheme generator.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,8 +28,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/theme": "^2.6.25", - "@fluentui/set-version": "^8.2.6", + "@fluentui/theme": "^2.6.27", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/set-version/.npmignore b/packages/set-version/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/set-version/.npmignore +++ b/packages/set-version/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/set-version/CHANGELOG.json b/packages/set-version/CHANGELOG.json index 05d89093839da..a3578e581653d 100644 --- a/packages/set-version/CHANGELOG.json +++ b/packages/set-version/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/set-version", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:18 GMT", + "tag": "@fluentui/set-version_v8.2.8", + "version": "8.2.8", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/set-version", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + } + ] + } + }, { "date": "Wed, 01 Mar 2023 07:45:40 GMT", "tag": "@fluentui/set-version_v8.2.5", diff --git a/packages/set-version/CHANGELOG.md b/packages/set-version/CHANGELOG.md index 5eba85117fdef..abb2afd582894 100644 --- a/packages/set-version/CHANGELOG.md +++ b/packages/set-version/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/set-version -This log was last generated on Thu, 03 Mar 2022 07:24:24 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:18 GMT and should not be manually modified. +## [8.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/set-version_v8.2.8) + +Tue, 02 May 2023 00:58:18 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/set-version_v8.2.5..@fluentui/set-version_v8.2.8) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) + ## [8.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/set-version_v8.2.0) Thu, 03 Mar 2022 07:24:24 GMT diff --git a/packages/set-version/package.json b/packages/set-version/package.json index cc8848155728c..cd75115cc55ef 100644 --- a/packages/set-version/package.json +++ b/packages/set-version/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/set-version", - "version": "8.2.6", + "version": "8.2.8", "description": "Non-Fabric-specific package version setter", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/storybook/package.json b/packages/storybook/package.json index d692303b85a67..41b0e3ac4156f 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/theme": "^2.6.25", + "@fluentui/react": "^8.109.0", + "@fluentui/theme": "^2.6.27", "@storybook/addon-knobs": "6.4.0", "@storybook/addon-essentials": "6.5.15", "@storybook/addons": "6.5.15", - "@fluentui/azure-themes": "^8.5.83", - "@fluentui/theme-samples": "^8.7.79", + "@fluentui/azure-themes": "^8.6.1", + "@fluentui/theme-samples": "^8.7.81", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/style-utilities/.npmignore b/packages/style-utilities/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/style-utilities/.npmignore +++ b/packages/style-utilities/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/style-utilities/CHANGELOG.json b/packages/style-utilities/CHANGELOG.json index 16adc4d5b0b07..f7ed37cba4d3f 100644 --- a/packages/style-utilities/CHANGELOG.json +++ b/packages/style-utilities/CHANGELOG.json @@ -1,6 +1,84 @@ { "name": "@fluentui/style-utilities", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:18 GMT", + "tag": "@fluentui/style-utilities_v8.9.8", + "version": "8.9.8", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/style-utilities", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/theme to v2.6.27", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:53 GMT", + "tag": "@fluentui/style-utilities_v8.9.7", + "version": "8.9.7", + "comments": { + "patch": [ + { + "author": "caperez@microsoft.com", + "package": "@fluentui/style-utilities", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8", + "comment": "Add support for Microsoft Designer .design filetype icon" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/theme to v2.6.26", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/style-utilities_v8.9.6", diff --git a/packages/style-utilities/CHANGELOG.md b/packages/style-utilities/CHANGELOG.md index e0cdbd99f011e..87151b6655839 100644 --- a/packages/style-utilities/CHANGELOG.md +++ b/packages/style-utilities/CHANGELOG.md @@ -1,9 +1,35 @@ # Change Log - @fluentui/style-utilities -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:18 GMT and should not be manually modified. +## [8.9.8](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.9.8) + +Tue, 02 May 2023 00:58:18 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/style-utilities_v8.9.7..@fluentui/style-utilities_v8.9.8) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/theme to v2.6.27 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.9.7](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.9.7) + +Mon, 01 May 2023 07:39:53 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/style-utilities_v8.9.6..@fluentui/style-utilities_v8.9.7) + +### Patches + +- Add support for Microsoft Designer .design filetype icon ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by caperez@microsoft.com) +- Bump @fluentui/theme to v2.6.26 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.9.6](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.9.6) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/style-utilities/etc/style-utilities.api.md b/packages/style-utilities/etc/style-utilities.api.md index 6808283291f41..a604ef46e43e9 100644 --- a/packages/style-utilities/etc/style-utilities.api.md +++ b/packages/style-utilities/etc/style-utilities.api.md @@ -82,7 +82,7 @@ export { DefaultPalette } export const EdgeChromiumHighContrastSelector = "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)"; // @public (undocumented) -export const FLUENT_CDN_BASE_URL = "https://res.cdn.office.net/files/fabric-cdn-prod_20230307.001"; +export const FLUENT_CDN_BASE_URL = "https://res.cdn.office.net/files/fabric-cdn-prod_20230427.001"; // @public export function focusClear(): IRawStyle; diff --git a/packages/style-utilities/package.json b/packages/style-utilities/package.json index 789458b88c1e3..bf504a07d5394 100644 --- a/packages/style-utilities/package.json +++ b/packages/style-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/style-utilities", - "version": "8.9.6", + "version": "8.9.8", "description": "Styling helpers for Fluent UI React.", "repository": { "type": "git", @@ -32,10 +32,10 @@ }, "dependencies": { "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/theme": "^2.6.25", - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/set-version": "^8.2.6", - "@fluentui/utilities": "^8.13.9", + "@fluentui/theme": "^2.6.27", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/set-version": "^8.2.8", + "@fluentui/utilities": "^8.13.11", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/style-utilities/src/cdn.ts b/packages/style-utilities/src/cdn.ts index 494767940e6d9..17e2271409a64 100644 --- a/packages/style-utilities/src/cdn.ts +++ b/packages/style-utilities/src/cdn.ts @@ -1 +1 @@ -export const FLUENT_CDN_BASE_URL = 'https://res.cdn.office.net/files/fabric-cdn-prod_20230307.001'; +export const FLUENT_CDN_BASE_URL = 'https://res.cdn.office.net/files/fabric-cdn-prod_20230427.001'; diff --git a/packages/test-utilities/package.json b/packages/test-utilities/package.json index 2b4b5742874e8..b5ceb7c9c7e40 100644 --- a/packages/test-utilities/package.json +++ b/packages/test-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/test-utilities", - "version": "8.3.1", + "version": "8.3.2", "description": "Utilities used when testing components.", "main": "lib-commonjs/index.js", "typings": "lib-commonjs/index.d.ts", diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json index 0c7241a908e07..8e0ec86802e29 100644 --- a/packages/theme-samples/CHANGELOG.json +++ b/packages/theme-samples/CHANGELOG.json @@ -1,6 +1,60 @@ { "name": "@fluentui/theme-samples", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/theme-samples_v8.7.81", + "version": "8.7.81", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.109.0", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/scheme-utilities to v8.3.28", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/theme-samples_v8.7.80", + "version": "8.7.80", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.108.3", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/scheme-utilities to v8.3.27", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Tue, 25 Apr 2023 07:38:32 GMT", "tag": "@fluentui/theme-samples_v8.7.79", diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md index 1f3d4ee3c8471..bd12376782381 100644 --- a/packages/theme-samples/CHANGELOG.md +++ b/packages/theme-samples/CHANGELOG.md @@ -1,9 +1,31 @@ # Change Log - @fluentui/theme-samples -This log was last generated on Tue, 25 Apr 2023 07:38:32 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.7.81](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.81) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.80..@fluentui/theme-samples_v8.7.81) + +### Patches + +- Bump @fluentui/react to v8.109.0 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/scheme-utilities to v8.3.28 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.7.80](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.80) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.79..@fluentui/theme-samples_v8.7.80) + +### Patches + +- Bump @fluentui/react to v8.108.3 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/scheme-utilities to v8.3.27 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.7.79](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.79) Tue, 25 Apr 2023 07:38:32 GMT diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index 895ee94ea23ee..06f4f3a0b8b5e 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme-samples", - "version": "8.7.79", + "version": "8.7.81", "description": "Sample themes for use with Fabric components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,9 +27,9 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.108.2", - "@fluentui/set-version": "^8.2.6", - "@fluentui/scheme-utilities": "^8.3.26", + "@fluentui/react": "^8.109.0", + "@fluentui/set-version": "^8.2.8", + "@fluentui/scheme-utilities": "^8.3.28", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/theme/.npmignore b/packages/theme/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/theme/.npmignore +++ b/packages/theme/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/theme/CHANGELOG.json b/packages/theme/CHANGELOG.json index f971f3d50badc..96c3c6d1ab981 100644 --- a/packages/theme/CHANGELOG.json +++ b/packages/theme/CHANGELOG.json @@ -1,6 +1,66 @@ { "name": "@fluentui/theme", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:18 GMT", + "tag": "@fluentui/theme_v2.6.27", + "version": "2.6.27", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/theme", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/theme", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/theme", + "comment": "Bump @fluentui/utilities to v8.13.11", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/theme", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/theme_v2.6.26", + "version": "2.6.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/theme", + "comment": "Bump @fluentui/utilities to v8.13.10", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/theme", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/theme_v2.6.25", diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md index b2ff01c4e9694..b42a9312cc0c7 100644 --- a/packages/theme/CHANGELOG.md +++ b/packages/theme/CHANGELOG.md @@ -1,9 +1,32 @@ # Change Log - @fluentui/theme -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:18 GMT and should not be manually modified. +## [2.6.27](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.27) + +Tue, 02 May 2023 00:58:18 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.6.26..@fluentui/theme_v2.6.27) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/utilities to v8.13.11 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [2.6.26](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.26) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.6.25..@fluentui/theme_v2.6.26) + +### Patches + +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/utilities to v8.13.10 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [2.6.25](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.25) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/theme/package.json b/packages/theme/package.json index 3b23fd40d6a3f..f88b3ac550aef 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme", - "version": "2.6.25", + "version": "2.6.27", "description": "Basic building blocks for Fluent UI React Component themes", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,9 +30,9 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/utilities": "^8.13.9", - "@fluentui/set-version": "^8.2.6", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/utilities": "^8.13.11", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/utilities/.npmignore b/packages/utilities/.npmignore index 24337b6c973e8..55143c65bfd34 100644 --- a/packages/utilities/.npmignore +++ b/packages/utilities/.npmignore @@ -32,3 +32,6 @@ tsd.json tslint.json typings visualtests +!lib +!lib-commonjs +!lib-amd diff --git a/packages/utilities/CHANGELOG.json b/packages/utilities/CHANGELOG.json index 77cc1d4d224ec..6bb5c2f7e7622 100644 --- a/packages/utilities/CHANGELOG.json +++ b/packages/utilities/CHANGELOG.json @@ -1,6 +1,84 @@ { "name": "@fluentui/utilities", "entries": [ + { + "date": "Tue, 02 May 2023 00:58:19 GMT", + "tag": "@fluentui/utilities_v8.13.11", + "version": "8.13.11", + "comments": { + "patch": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/utilities", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2", + "comment": "fix: esm, cjs, and amd folders should all be published correctly." + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/dom-utilities to v2.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/merge-styles to v8.5.9", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/set-version to v8.2.8", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.26", + "commit": "c2326dc86037b18a6673697885703b5953ffd0c2" + } + ] + } + }, + { + "date": "Mon, 01 May 2023 07:39:54 GMT", + "tag": "@fluentui/utilities_v8.13.10", + "version": "8.13.10", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/dom-utilities to v2.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/merge-styles to v8.5.8", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/set-version to v8.2.7", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.25", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + }, + { + "author": "beachball", + "package": "@fluentui/utilities", + "comment": "Bump @fluentui/test-utilities to v8.3.2", + "commit": "46f19b90d2088f055f9cd4bfad840f72fe68f0d8" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/utilities_v8.13.9", diff --git a/packages/utilities/CHANGELOG.md b/packages/utilities/CHANGELOG.md index 1b49c53d97306..fdc049e7551da 100644 --- a/packages/utilities/CHANGELOG.md +++ b/packages/utilities/CHANGELOG.md @@ -1,9 +1,35 @@ # Change Log - @fluentui/utilities -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Tue, 02 May 2023 00:58:19 GMT and should not be manually modified. +## [8.13.11](https://github.com/microsoft/fluentui/tree/@fluentui/utilities_v8.13.11) + +Tue, 02 May 2023 00:58:19 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/utilities_v8.13.10..@fluentui/utilities_v8.13.11) + +### Patches + +- fix: esm, cjs, and amd folders should all be published correctly. ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by tristan.watanabe@gmail.com) +- Bump @fluentui/dom-utilities to v2.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/merge-styles to v8.5.9 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/set-version to v8.2.8 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.26 ([PR #27736](https://github.com/microsoft/fluentui/pull/27736) by beachball) + +## [8.13.10](https://github.com/microsoft/fluentui/tree/@fluentui/utilities_v8.13.10) + +Mon, 01 May 2023 07:39:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/utilities_v8.13.9..@fluentui/utilities_v8.13.10) + +### Patches + +- Bump @fluentui/dom-utilities to v2.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/merge-styles to v8.5.8 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/set-version to v8.2.7 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/jest-serializer-merge-styles to v8.0.25 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) +- Bump @fluentui/test-utilities to v8.3.2 ([PR #27724](https://github.com/microsoft/fluentui/pull/27724) by beachball) + ## [8.13.9](https://github.com/microsoft/fluentui/tree/@fluentui/utilities_v8.13.9) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/utilities/package.json b/packages/utilities/package.json index b68a94803bc72..0afcca1528862 100644 --- a/packages/utilities/package.json +++ b/packages/utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/utilities", - "version": "8.13.9", + "version": "8.13.11", "description": "Fluent UI React utilities for building components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -25,16 +25,16 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/jest-serializer-merge-styles": "^8.0.24", - "@fluentui/test-utilities": "^8.3.1", + "@fluentui/jest-serializer-merge-styles": "^8.0.26", + "@fluentui/test-utilities": "^8.3.2", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-jest": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/dom-utilities": "^2.2.6", - "@fluentui/merge-styles": "^8.5.7", - "@fluentui/set-version": "^8.2.6", + "@fluentui/dom-utilities": "^2.2.8", + "@fluentui/merge-styles": "^8.5.9", + "@fluentui/set-version": "^8.2.8", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/webpack-utilities/package.json b/packages/webpack-utilities/package.json index 792e5d5e13406..0e2a700517dbe 100644 --- a/packages/webpack-utilities/package.json +++ b/packages/webpack-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/webpack-utilities", - "version": "8.1.12", + "version": "8.1.13", "description": "Fluent UI React utilities for Webpack bundler.", "repository": { "type": "git", diff --git a/scripts/generators/create-package/index.ts b/scripts/generators/create-package/index.ts index 7a5de4a1cd02b..335aaec0ff586 100644 --- a/scripts/generators/create-package/index.ts +++ b/scripts/generators/create-package/index.ts @@ -1,14 +1,14 @@ -import { NodePlopAPI, AddManyActionConfig } from 'plop'; -import { Actions } from 'node-plop'; +import { spawnSync } from 'child_process'; import * as path from 'path'; + +import { PackageJson, findGitRoot } from '@fluentui/scripts-monorepo'; +import { WorkspaceJsonConfiguration } from '@nrwl/devkit'; +import chalk from 'chalk'; import * as fs from 'fs-extra'; import * as jju from 'jju'; import _ from 'lodash'; -import chalk from 'chalk'; -import { spawnSync } from 'child_process'; -import { WorkspaceJsonConfiguration } from '@nrwl/devkit'; - -import { findGitRoot, PackageJson } from '@fluentui/scripts-monorepo'; +import { Actions } from 'node-plop'; +import { AddManyActionConfig, NodePlopAPI } from 'plop'; const root = findGitRoot(); @@ -160,6 +160,17 @@ module.exports = (plop: NodePlopAPI) => { if (migrateResult.status !== 0) { throw new Error('Something went wrong running the migration. Please check previous logs for details.'); } + const tsConfigAllUpdate = spawnSync('yarn', ['nx', 'workspace-generator', 'tsconfig-base-all'], { + cwd: root, + stdio: 'inherit', + shell: true, + }); + if (tsConfigAllUpdate.status !== 0) { + throw new Error( + 'Something went wrong while updating tsconfig.base.all.json. Please check previous logs for details.', + ); + } + return 'Successfully migrated package'; }, () => { diff --git a/scripts/jest/src/jest.preset.v0.js b/scripts/jest/src/jest.preset.v0.js index 4d6aff1732032..778fcdccc10f8 100644 --- a/scripts/jest/src/jest.preset.v0.js +++ b/scripts/jest/src/jest.preset.v0.js @@ -16,6 +16,8 @@ const createConfig = (/** @type {import('@jest/types').Config.InitialOptions} */ verbose: false, watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'], testEnvironment: 'jsdom', + restoreMocks: true, + clearMocks: true, ...customConfig, moduleNameMapper: { ...getLernaAliases({ diff --git a/scripts/jest/src/v0/setupTests.js b/scripts/jest/src/v0/setupTests.js index 3704debf781f3..e400bd47cf1cc 100644 --- a/scripts/jest/src/v0/setupTests.js +++ b/scripts/jest/src/v0/setupTests.js @@ -3,24 +3,10 @@ * This is the bootstrap code that is run before any tests, utils, mocks. */ -const enzyme = require('enzyme'); const Adapter = require('@wojtekmaj/enzyme-adapter-react-17'); +const enzyme = require('enzyme'); enzyme.configure({ adapter: new Adapter(), disableLifecycleMethods: true, }); - -if (process.env.TF_BUILD) { - jest.spyOn(console, 'log'); - jest.spyOn(console, 'info'); - jest.spyOn(console, 'warn'); - jest.spyOn(console, 'error'); - - afterAll(() => { - expect(console.log).not.toHaveBeenCalled(); - expect(console.info).not.toHaveBeenCalled(); - expect(console.warn).not.toHaveBeenCalled(); - expect(console.error).not.toHaveBeenCalled(); - }); -} diff --git a/scripts/storybook/src/index.d.ts b/scripts/storybook/src/index.d.ts index 3b549d3d4dbff..8e89d8b7855d3 100644 --- a/scripts/storybook/src/index.d.ts +++ b/scripts/storybook/src/index.d.ts @@ -3,7 +3,6 @@ export { loadWorkspaceAddon, registerTsPaths, registerRules, - createPathAliasesConfig, overrideDefaultBabelLoader, } from './utils'; diff --git a/scripts/storybook/src/index.js b/scripts/storybook/src/index.js index 7f12318ec2792..364bb4019e518 100644 --- a/scripts/storybook/src/index.js +++ b/scripts/storybook/src/index.js @@ -1,14 +1,7 @@ const rules = require('./rules'); -const { - createPathAliasesConfig, - getPackageStoriesGlob, - loadWorkspaceAddon, - registerRules, - registerTsPaths, -} = require('./utils'); +const { getPackageStoriesGlob, loadWorkspaceAddon, registerRules, registerTsPaths } = require('./utils'); module.exports = { - createPathAliasesConfig, getPackageStoriesGlob, loadWorkspaceAddon, registerRules, diff --git a/scripts/storybook/src/utils.js b/scripts/storybook/src/utils.js index d4405b483335f..f38cdf5e6efbf 100644 --- a/scripts/storybook/src/utils.js +++ b/scripts/storybook/src/utils.js @@ -3,7 +3,7 @@ const path = require('path'); const { fullSourcePlugin: babelPlugin } = require('@fluentui/babel-preset-storybook-full-source'); const { isConvergedPackage, getAllPackageInfo, getProjectMetadata } = require('@fluentui/scripts-monorepo'); -const { stripIndents, offsetFromRoot, workspaceRoot, readJsonFile, writeJsonFile } = require('@nrwl/devkit'); +const { stripIndents, offsetFromRoot, workspaceRoot } = require('@nrwl/devkit'); const semver = require('semver'); const { TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin'); @@ -354,48 +354,9 @@ function overrideDefaultBabelLoader(options) { } } -/** - * Create tsconfig.json with merged "compilerOptions.paths" from v0,v8,v9 tsconfigs. - * - * Main purpose of this is to be used for build-less DX in webpack in tandem with {@link registerTsPaths} - * @returns - */ -function createPathAliasesConfig() { - const { tsConfigAllPath } = createMergedTsConfig(); - return { tsConfigAllPath }; -} - -function createMergedTsConfig() { - const rootPath = workspaceRoot; - const tsConfigAllPath = path.join(rootPath, 'dist/tsconfig.base.all.json'); - const baseConfigs = { - v0: readJsonFile(path.join(rootPath, 'tsconfig.base.v0.json')), - v8: readJsonFile(path.join(rootPath, 'tsconfig.base.v8.json')), - v9: readJsonFile(path.join(rootPath, 'tsconfig.base.json')), - }; - const mergedTsConfig = { - compilerOptions: { - moduleResolution: 'node', - forceConsistentCasingInFileNames: true, - skipLibCheck: true, - baseUrl: workspaceRoot, - paths: { - ...baseConfigs.v0.compilerOptions.paths, - ...baseConfigs.v8.compilerOptions.paths, - ...baseConfigs.v9.compilerOptions.paths, - }, - }, - }; - - writeJsonFile(tsConfigAllPath, mergedTsConfig); - - return { tsConfigAllPath, mergedTsConfig }; -} - exports.getPackageStoriesGlob = getPackageStoriesGlob; exports.loadWorkspaceAddon = loadWorkspaceAddon; exports.registerTsPaths = registerTsPaths; exports.registerRules = registerRules; -exports.createPathAliasesConfig = createPathAliasesConfig; exports.overrideDefaultBabelLoader = overrideDefaultBabelLoader; exports._createCodesandboxRule = _createCodesandboxRule; diff --git a/scripts/tasks/src/api-extractor.ts b/scripts/tasks/src/api-extractor.ts index 336ad6667301c..96c8cc8b6cf38 100644 --- a/scripts/tasks/src/api-extractor.ts +++ b/scripts/tasks/src/api-extractor.ts @@ -57,7 +57,7 @@ export function apiExtractor(): TaskFunction { }; const args: ReturnType & Partial = getJustArgv(); - const { isUsingTsSolutionConfigs, packageJson, tsConfig } = getTsPathAliasesConfig(); + const { isUsingTsSolutionConfigs, packageJson, tsConfigs } = getTsPathAliasesConfig(); if (configsToExecute.length === 0) { return noop; @@ -102,14 +102,14 @@ export function apiExtractor(): TaskFunction { } function onConfigLoaded(config: Parameters>[0]) { - if (!(isUsingTsSolutionConfigs && tsConfig)) { + if (!(isUsingTsSolutionConfigs && tsConfigs.lib)) { return; } logger.info(`api-extractor: package is using TS path aliases. Overriding TS compiler settings.`); const compilerConfig = getTsPathAliasesApiExtractorConfig({ - tsConfig, + tsConfig: tsConfigs.lib, packageJson, pathAliasesTsConfigPath: isLocalBuild ? path.join(workspaceRoot, 'tsconfig.base.json') : undefined, definitionsRootPath: 'dist/out-tsc/types', diff --git a/scripts/tasks/src/copy.ts b/scripts/tasks/src/copy.ts index f750762477ce2..61e911f8333d9 100644 --- a/scripts/tasks/src/copy.ts +++ b/scripts/tasks/src/copy.ts @@ -1,7 +1,9 @@ -import * as fs from 'fs-extra'; import * as path from 'path'; -import { series, resolveCwd, copyTask, copyInstructionsTask, logger, TaskFunction } from 'just-scripts'; -import { getProjectMetadata, findGitRoot } from '@fluentui/scripts-monorepo'; + +import { findGitRoot, getProjectMetadata } from '@fluentui/scripts-monorepo'; +import * as fs from 'fs-extra'; +import { TaskFunction, copyInstructionsTask, copyTask, logger, resolveCwd, series } from 'just-scripts'; + import { getTsPathAliasesConfig } from './utils'; export function expandSourcePath(pattern: string): string | null { @@ -38,10 +40,11 @@ export function expandSourcePath(pattern: string): string | null { * Used solely for packages that use TS solution config files with TS path aliases */ export function copyCompiled() { - const { isUsingTsSolutionConfigs, packageJson, tsConfig } = getTsPathAliasesConfig(); + const { isUsingTsSolutionConfigs, packageJson, tsConfigs } = getTsPathAliasesConfig(); const root = findGitRoot(); const packageDir = process.cwd(); + const tsConfig = tsConfigs.lib; if (!(isUsingTsSolutionConfigs && tsConfig)) { logger.warn(`copy-compiled: works only with packages that use TS solution config files. Skipping...`); diff --git a/scripts/tasks/src/generate-api.ts b/scripts/tasks/src/generate-api.ts index 829339d5cd4c8..6a598757c8eb2 100644 --- a/scripts/tasks/src/generate-api.ts +++ b/scripts/tasks/src/generate-api.ts @@ -1,17 +1,24 @@ -import { exec } from 'child_process'; -import { promisify } from 'util'; +import { execSync } from 'child_process'; import { series } from 'just-scripts'; import { apiExtractor } from './api-extractor'; - -const execAsync = promisify(exec); +import { getTsPathAliasesConfigUsedOnlyForDx } from './utils'; export function generateApi() { return series(generateTypeDeclarations, apiExtractor); } function generateTypeDeclarations() { - const cmd = 'tsc -p ./tsconfig.lib.json --emitDeclarationOnly'; - return execAsync(cmd); + const { isUsingPathAliasesForDx, tsConfigFileForCompilation } = getTsPathAliasesConfigUsedOnlyForDx(); + const cmd = [ + 'tsc', + `-p ./${tsConfigFileForCompilation}`, + '--emitDeclarationOnly', + isUsingPathAliasesForDx ? '--baseUrl .' : null, + ] + .filter(Boolean) + .join(' '); + + return execSync(cmd, { stdio: 'inherit' }); } diff --git a/scripts/tasks/src/presets.ts b/scripts/tasks/src/presets.ts index 47a4bd4b7dede..ffa8f45073515 100644 --- a/scripts/tasks/src/presets.ts +++ b/scripts/tasks/src/presets.ts @@ -20,6 +20,7 @@ import { hasSass, sass } from './sass'; import { buildStorybookTask, startStorybookTask } from './storybook'; import { swc } from './swc'; import { ts } from './ts'; +import { typeCheck } from './type-check'; import { webpack, webpackDevServer } from './webpack'; /** Do only the bare minimum setup of options and resolve paths */ @@ -64,7 +65,7 @@ export function preset() { task('eslint', eslint); task('webpack', webpack); task('webpack-dev-server', webpackDevServer(args)); - task('api-extractor', apiExtractor()); + task('api-extractor', apiExtractor); task('lint-imports:all', lintImportTaskAll); task('lint-imports:amd', lintImportTaskAmdOnly); task('prettier', prettier); @@ -72,6 +73,7 @@ export function preset() { task('storybook:build', buildStorybookTask()); task('babel:postprocess', babel); task('generate-api', generateApi); + task('type-check', typeCheck); task('ts:compile', () => { const moduleFlag = args.module; diff --git a/scripts/tasks/src/ts.ts b/scripts/tasks/src/ts.ts index 1d7e99665ff3b..89388cd5228c9 100644 --- a/scripts/tasks/src/ts.ts +++ b/scripts/tasks/src/ts.ts @@ -3,7 +3,7 @@ import * as path from 'path'; import { TscTaskOptions, logger, tscTask } from 'just-scripts'; import { getJustArgv } from './argv'; -import { getTsPathAliasesConfig, getTsPathAliasesConfigV8 } from './utils'; +import { getTsPathAliasesConfig, getTsPathAliasesConfigUsedOnlyForDx } from './utils'; const libPath = path.resolve(process.cwd(), 'lib'); const srcPath = path.resolve(process.cwd(), 'src'); @@ -24,24 +24,26 @@ function prepareTsTaskConfig(options: TscTaskOptions) { options.sourceMap = true; } - const { isUsingV8pathAliases, tsConfigFileV8 } = getTsPathAliasesConfigV8(); + const { isUsingPathAliasesForDx, tsConfigFileForCompilation } = getTsPathAliasesConfigUsedOnlyForDx(); - if (isUsingV8pathAliases) { - logger.info(`📣 TSC: V8 package is using TS path aliases. Overriding tsconfig settings.`); + if (isUsingPathAliasesForDx) { + logger.info(`📣 TSC: Project is using TS path aliases for DX. Disabling aliases for build.`); options.baseUrl = '.'; options.rootDir = './src'; - options.project = tsConfigFileV8; + options.project = tsConfigFileForCompilation; + + return options; } - const { isUsingTsSolutionConfigs, tsConfigFile, tsConfig } = getTsPathAliasesConfig(); + const { isUsingTsSolutionConfigs, tsConfigFileNames, tsConfigs } = getTsPathAliasesConfig(); - if (isUsingTsSolutionConfigs && tsConfig) { + if (isUsingTsSolutionConfigs && tsConfigs.lib) { logger.info(`📣 TSC: package is using TS path aliases. Overriding tsconfig settings.`); - const tsConfigOutDir = tsConfig.compilerOptions.outDir as string; + const tsConfigOutDir = tsConfigs.lib.compilerOptions.outDir as string; options.outDir = `${tsConfigOutDir}/${options.outDir}`; - options.project = tsConfigFile; + options.project = tsConfigFileNames.lib; } return options; diff --git a/scripts/tasks/src/type-check.ts b/scripts/tasks/src/type-check.ts new file mode 100644 index 0000000000000..72f73f2fc62fb --- /dev/null +++ b/scripts/tasks/src/type-check.ts @@ -0,0 +1,43 @@ +import * as fs from 'fs'; + +import { logger } from 'just-scripts'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { exec } from 'just-scripts-utils'; + +import { getTsPathAliasesConfig } from './utils'; + +export function typeCheck() { + const { isUsingTsSolutionConfigs, tsConfigFileContents, tsConfigs, tsConfigFilePaths } = getTsPathAliasesConfig(); + + if (!isUsingTsSolutionConfigs) { + logger.info('project is not using TS solution config. skipping...'); + return; + } + + const content = tsConfigFileContents.root; + const config = tsConfigs.root; + const configPath = tsConfigFilePaths.root; + + if (!(content && config)) { + return; + } + + // turn off path aliases. + // @ts-expect-error - bad just-scripts ts types + config.compilerOptions.paths = {}; + fs.writeFileSync(configPath, JSON.stringify(config, null, 2), 'utf-8'); + + const cmd = 'tsc'; + const args = ['-b', '--pretty', configPath]; + const program = `${cmd} ${args.join(' ')}`; + + return exec(program) + .catch(err => { + console.error(err.stdout); + process.exit(1); + }) + .finally(() => { + // restore original tsconfig.json + fs.writeFileSync(configPath, content, 'utf-8'); + }); +} diff --git a/scripts/tasks/src/utils.ts b/scripts/tasks/src/utils.ts index a46babceaff71..dca9655a30960 100644 --- a/scripts/tasks/src/utils.ts +++ b/scripts/tasks/src/utils.ts @@ -1,31 +1,89 @@ +import { execSync } from 'child_process'; import * as fs from 'fs'; import * as path from 'path'; -import { stripJsonComments } from '@nrwl/devkit'; -import * as jju from 'jju'; +import { parseJson, stripJsonComments } from '@nrwl/devkit'; import type { TscTaskOptions } from 'just-scripts'; +/** + * + * get full TS configuration for particular tsconfig.json. + * uses tsc --showConfig under the hood + */ +export function getFullTsConfig(options: { configFileName: string; cwd: string }): TsConfig | null { + const { configFileName, cwd } = options; + const configPath = path.join(cwd, configFileName); + + if (!fs.existsSync(configPath)) { + console.warn(`${configPath} doesn't exist`); + return null; + } + + const output = execSync(`tsc -p ${configFileName} --showConfig`, { cwd, encoding: 'utf-8' }); + const json = JSON.parse(output); + + return json; +} + export function getTsPathAliasesConfig() { const cwd = process.cwd(); - const tsConfigFile = 'tsconfig.lib.json'; - const tsConfigPath = path.join(cwd, './tsconfig.lib.json'); - const tsConfig: TsConfig | null = fs.existsSync(tsConfigPath) - ? jju.parse(fs.readFileSync(tsConfigPath, 'utf-8')) - : null; + const tsConfigFileNames = { + root: 'tsconfig.json', + lib: 'tsconfig.lib.json', + }; + const tsConfigFilePaths = { + root: path.join(cwd, tsConfigFileNames.root), + lib: path.join(cwd, tsConfigFileNames.lib), + }; + const tsConfigFileContents = { + root: fs.existsSync(tsConfigFilePaths.root) ? fs.readFileSync(tsConfigFilePaths.root, 'utf-8') : null, + lib: fs.existsSync(tsConfigFilePaths.lib) ? fs.readFileSync(tsConfigFilePaths.lib, 'utf-8') : null, + }; + const tsConfigs = { + root: tsConfigFileContents.root + ? (parseJson(tsConfigFileContents.root, { expectComments: true }) as TsConfig) + : null, + lib: tsConfigFileContents.lib ? (parseJson(tsConfigFileContents.lib, { expectComments: true }) as TsConfig) : null, + }; const packageJson: PackageJson = JSON.parse(fs.readFileSync(path.join(cwd, './package.json'), 'utf-8')); - const isUsingTsSolutionConfigs = Boolean(tsConfig); + const isUsingTsSolutionConfigs = + tsConfigs.root && + tsConfigs.root.references && + tsConfigs.root.references.length > 0 && + Boolean(tsConfigFileContents.lib); - return { tsConfig, isUsingTsSolutionConfigs, tsConfigFile, tsConfigPath, packageJson }; + return { + tsConfigFileNames, + tsConfigFilePaths, + tsConfigFileContents, + tsConfigs, + packageJson, + isUsingTsSolutionConfigs, + }; } -export function getTsPathAliasesConfigV8() { +export function getTsPathAliasesConfigUsedOnlyForDx() { + const tsConfigFilesWithAliases = ['tsconfig.app.json', 'tsconfig.lib.json', 'tsconfig.json']; + const tsConfigBaseFilesForDx = ['tsconfig.base.v8.json', 'tsconfig.base.all.json']; const cwd = process.cwd(); - const tsConfigFile = 'tsconfig.json'; - const tsConfigPath = path.join(cwd, `./${tsConfigFile}`); + const tsConfigPath = path.join(cwd, `./tsconfig.json`); + + if (!fs.existsSync(tsConfigPath)) { + throw new Error(`${tsConfigPath} doesn't exist`); + } + const tsConfig = JSON.parse(stripJsonComments(fs.readFileSync(tsConfigPath, 'utf-8'))); - const isUsingV8pathAliases = tsConfig.extends && tsConfig.extends.includes('tsconfig.base.v8.json'); - return { isUsingV8pathAliases, tsConfigFileV8: tsConfigFile }; + const isUsingPathAliasesForDx = + tsConfig.extends && tsConfigBaseFilesForDx.some(relativeFilePath => tsConfig.extends.endsWith(relativeFilePath)); + + const tsConfigFileForCompilation = tsConfigFilesWithAliases.find(fileName => fs.existsSync(path.join(cwd, fileName))); + + if (!tsConfigFileForCompilation) { + throw new Error(`no tsconfig from one of [${tsConfigFilesWithAliases}] found!`); + } + + return { isUsingPathAliasesForDx, tsConfigFileForCompilation }; } const packagesWithInvalidTypes = [ diff --git a/tools/generators/tsconfig-base-all/README.md b/tools/generators/tsconfig-base-all/README.md new file mode 100644 index 0000000000000..bf5861795bcb7 --- /dev/null +++ b/tools/generators/tsconfig-base-all/README.md @@ -0,0 +1,46 @@ +# tsconfig-base-all + +Workspace Generator for generating/updating `/tsconfig.base.all.json`. + +> `tsconfig.base.all.json` contains all monorepo project path aliases, and reflect source of truth for all monorepo packages. + + + +- [Usage](#usage) + - [Examples](#examples) +- [Options](#options) + - [`verify`](#verify) + + + +## Usage + +```sh +yarn nx workspace-generator tsconfig-base-all +``` + +Show what will be generated without writing to disk: + +```sh +yarn nx workspace-generator tsconfig-base-all --dry-run +``` + +### Examples + +```sh +yarn nx workspace-generator tsconfig-base-all +``` + +## Options + +#### `verify` + +Type: `boolean` + +use this option on CI to check if base.all.json is up to date and in sync with all other base configs + +Following will throw an error if `tsconfig.base.all.json` is out of date + +```sh +yarn nx workspace-generator tsconfig-base-all --verify +``` diff --git a/tools/generators/tsconfig-base-all/index.spec.ts b/tools/generators/tsconfig-base-all/index.spec.ts new file mode 100644 index 0000000000000..956d08ad247a0 --- /dev/null +++ b/tools/generators/tsconfig-base-all/index.spec.ts @@ -0,0 +1,121 @@ +import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing'; +import { Tree, writeJson, readJson, updateJson } from '@nrwl/devkit'; + +import generator from './index'; +import { TsconfigBaseAllGeneratorSchema } from './schema'; + +describe('tsconfig-base-all generator', () => { + let tree: Tree; + const options: TsconfigBaseAllGeneratorSchema = {}; + + beforeEach(() => { + tree = createTreeWithEmptyWorkspace(); + writeJson(tree, '/tsconfig.base.v0.json', { + compilerOptions: { + paths: { + '@proj/v0-one': ['packages/v0-one/src/index.ts'], + '@proj/v0-two': ['packages/v0-two/src/index.ts'], + }, + }, + }); + writeJson(tree, '/tsconfig.base.v8.json', { + compilerOptions: { + paths: { + '@proj/v8-one': ['packages/v8-one/src/index.ts'], + '@proj/v8-two': ['packages/v8-two/src/index.ts'], + }, + }, + }); + writeJson(tree, '/tsconfig.base.json', { + compilerOptions: { + paths: { + '@proj/one': ['packages/one/src/index.ts'], + '@proj/two': ['packages/two/src/index.ts'], + }, + }, + }); + }); + + it('should run successfully', async () => { + await generator(tree, options); + const baseAllJson = readJson(tree, '/tsconfig.base.all.json'); + + expect(baseAllJson).toMatchInlineSnapshot(` + Object { + "compilerOptions": Object { + "baseUrl": ".", + "forceConsistentCasingInFileNames": true, + "isolatedModules": true, + "moduleResolution": "node", + "paths": Object { + "@proj/one": Array [ + "packages/one/src/index.ts", + ], + "@proj/two": Array [ + "packages/two/src/index.ts", + ], + "@proj/v0-one": Array [ + "packages/v0-one/src/index.ts", + ], + "@proj/v0-two": Array [ + "packages/v0-two/src/index.ts", + ], + "@proj/v8-one": Array [ + "packages/v8-one/src/index.ts", + ], + "@proj/v8-two": Array [ + "packages/v8-two/src/index.ts", + ], + }, + "preserveConstEnums": true, + "pretty": true, + "rootDir": ".", + "skipLibCheck": true, + "sourceMap": true, + "typeRoots": Array [ + "node_modules/@types", + "./typings", + ], + }, + } + `); + }); + + describe(`--verify`, () => { + it(`should pass if base all config is up to date`, async () => { + expect.assertions(1); + await generator(tree, {}); + + updateJson(tree, '/tsconfig.base.json', json => { + json.compilerOptions.paths['@proj/three'] = ['packages/three/src/index.ts']; + return json; + }); + + await generator(tree, {}); + + await expect(generator(tree, { verify: true })).resolves.toBe(undefined); + }); + + it(`should fail if base all config is not up to date`, async () => { + expect.assertions(1); + await generator(tree, {}); + + updateJson(tree, '/tsconfig.base.json', json => { + json.compilerOptions.paths['@proj/three'] = ['packages/three/src/index.ts']; + return json; + }); + + try { + await generator(tree, { verify: true }); + } catch (err) { + expect((err as Error).message).toMatchInlineSnapshot(` + " + 🚨 /tsconfig.base.all.json is out of date. + + Please update it by running 'yarn nx workspace-generator tsconfig-base-all'. + " + `); + } + }); + }); +}); diff --git a/tools/generators/tsconfig-base-all/index.ts b/tools/generators/tsconfig-base-all/index.ts new file mode 100644 index 0000000000000..fdad039a5f875 --- /dev/null +++ b/tools/generators/tsconfig-base-all/index.ts @@ -0,0 +1,33 @@ +import { Tree, formatFiles, writeJson } from '@nrwl/devkit'; +import { isEqual } from 'lodash'; + +import { TsconfigBaseAllGeneratorSchema } from './schema'; +import { createPathAliasesConfig } from './lib/utils'; + +// eslint-disable-next-line @typescript-eslint/no-unused-vars +interface NormalizedSchema extends ReturnType {} + +export default async function (tree: Tree, schema: TsconfigBaseAllGeneratorSchema) { + const normalizedOptions = normalizeOptions(tree, schema); + + const { existingTsConfig, mergedTsConfig, tsConfigAllPath } = createPathAliasesConfig(tree); + + if (normalizedOptions.verify && !isEqual(existingTsConfig, mergedTsConfig)) { + throw new Error(` + 🚨 ${tsConfigAllPath} is out of date. + + Please update it by running 'yarn nx workspace-generator tsconfig-base-all'. + `); + } + + writeJson(tree, tsConfigAllPath, mergedTsConfig); + await formatFiles(tree); +} + +function normalizeOptions(tree: Tree, options: TsconfigBaseAllGeneratorSchema) { + const defaults = { verify: false }; + return { + ...defaults, + ...options, + }; +} diff --git a/tools/generators/tsconfig-base-all/lib/utils.ts b/tools/generators/tsconfig-base-all/lib/utils.ts new file mode 100644 index 0000000000000..f9a246d4f26da --- /dev/null +++ b/tools/generators/tsconfig-base-all/lib/utils.ts @@ -0,0 +1,40 @@ +// use this module to define any kind of generic utilities that are used in more than 1 place within the generator implementation +import * as path from 'path'; +import { readJson, Tree } from '@nrwl/devkit'; + +/** + * + * Create tsconfig.json with merged "compilerOptions.paths" from v0,v8,v9 tsconfigs. + */ +export function createPathAliasesConfig(tree: Tree) { + const tsConfigAllPath = '/tsconfig.base.all.json'; + const existingTsConfig = tree.exists(tsConfigAllPath) ? readJson(tree, tsConfigAllPath) : null; + + const baseConfigs = { + v0: readJson(tree, path.join('/tsconfig.base.v0.json')), + v8: readJson(tree, path.join('/tsconfig.base.v8.json')), + v9: readJson(tree, path.join('/tsconfig.base.json')), + }; + const tsConfigBase = '.'; + const mergedTsConfig = { + compilerOptions: { + moduleResolution: 'node', + forceConsistentCasingInFileNames: true, + skipLibCheck: true, + typeRoots: ['node_modules/@types', './typings'], + isolatedModules: true, + preserveConstEnums: true, + sourceMap: true, + pretty: true, + rootDir: tsConfigBase, + baseUrl: tsConfigBase, + paths: { + ...baseConfigs.v0.compilerOptions.paths, + ...baseConfigs.v8.compilerOptions.paths, + ...baseConfigs.v9.compilerOptions.paths, + }, + }, + }; + + return { tsConfigAllPath, mergedTsConfig, existingTsConfig }; +} diff --git a/tools/generators/tsconfig-base-all/schema.json b/tools/generators/tsconfig-base-all/schema.json new file mode 100644 index 0000000000000..78f52b5970b63 --- /dev/null +++ b/tools/generators/tsconfig-base-all/schema.json @@ -0,0 +1,14 @@ +{ + "$schema": "http://json-schema.org/schema", + "cli": "nx", + "id": "tsconfig-base-all", + "description": "Create tsconfig.json with merged 'compilerOptions.paths' from v0,v8,v9 tsconfigs", + "type": "object", + "properties": { + "verify": { + "type": "boolean", + "description": "Verify integrity of tsconfig.base.all.json path aliases" + } + }, + "required": [] +} diff --git a/tools/generators/tsconfig-base-all/schema.ts b/tools/generators/tsconfig-base-all/schema.ts new file mode 100644 index 0000000000000..8188c3342d5ab --- /dev/null +++ b/tools/generators/tsconfig-base-all/schema.ts @@ -0,0 +1,6 @@ +export interface TsconfigBaseAllGeneratorSchema { + /** + * Verify integrity of tsconfig.base.all.json path aliases + */ + verify?: boolean; +} diff --git a/tsconfig.base.all.json b/tsconfig.base.all.json new file mode 100644 index 0000000000000..030c677be3198 --- /dev/null +++ b/tsconfig.base.all.json @@ -0,0 +1,158 @@ +{ + "compilerOptions": { + "moduleResolution": "node", + "forceConsistentCasingInFileNames": true, + "skipLibCheck": true, + "typeRoots": ["node_modules/@types", "./typings"], + "isolatedModules": true, + "preserveConstEnums": true, + "sourceMap": true, + "pretty": true, + "rootDir": ".", + "baseUrl": ".", + "paths": { + "@fluentui/react-portal-compat-context": ["packages/react-components/react-portal-compat-context/src/index.ts"], + "@fluentui/a11y-testing": ["packages/a11y-testing/src/index.ts"], + "@fluentui/ability-attributes": ["packages/fluentui/ability-attributes/src/index.ts"], + "@fluentui/accessibility": ["packages/fluentui/accessibility/src/index.ts"], + "@fluentui/code-sandbox": ["packages/fluentui/code-sandbox/src/index.ts"], + "@fluentui/digest": ["packages/fluentui/digest/src/index.ts"], + "@fluentui/docs-components": ["packages/fluentui/docs-components/src/index.ts"], + "@fluentui/react-bindings": ["packages/fluentui/react-bindings/src/index.ts"], + "@fluentui/react-builder": ["packages/fluentui/react-builder/src/index.ts"], + "@fluentui/react-component-event-listener": ["packages/fluentui/react-component-event-listener/src/index.ts"], + "@fluentui/react-component-nesting-registry": ["packages/fluentui/react-component-nesting-registry/src/index.ts"], + "@fluentui/react-component-ref": ["packages/fluentui/react-component-ref/src/index.ts"], + "@fluentui/react-icons-northstar": ["packages/fluentui/react-icons-northstar/src/index.ts"], + "@fluentui/react-northstar": ["packages/fluentui/react-northstar/src/index.ts"], + "@fluentui/react-northstar-emotion-renderer": ["packages/fluentui/react-northstar-emotion-renderer/src/index.ts"], + "@fluentui/react-northstar-fela-renderer": ["packages/fluentui/react-northstar-fela-renderer/src/index.ts"], + "@fluentui/react-northstar-styles-renderer": ["packages/fluentui/react-northstar-styles-renderer/src/index.ts"], + "@fluentui/react-northstar-prototypes": ["packages/fluentui/react-northstar-prototypes/src/index.ts"], + "@fluentui/react-telemetry": ["packages/fluentui/react-telemetry/src/index.ts"], + "@fluentui/react-proptypes": ["packages/fluentui/react-proptypes/src/index.ts"], + "@fluentui/state": ["packages/fluentui/state/src/index.ts"], + "@fluentui/styles": ["packages/fluentui/styles/src/index.ts"], + "@fluentui/api-docs": ["packages/api-docs/src/index.ts"], + "@fluentui/azure-themes": ["packages/azure-themes/src/index.ts"], + "@fluentui/codemods": ["packages/codemods/src/index.ts"], + "@fluentui/date-time-utilities": ["packages/date-time-utilities/src/index.ts"], + "@fluentui/example-data": ["packages/example-data/src/index.ts"], + "@fluentui/fluent2-theme": ["packages/fluent2-theme/src/index.ts"], + "@fluentui/font-icons-mdl2": ["packages/font-icons-mdl2/src/index.ts"], + "@fluentui/foundation-legacy": ["packages/foundation-legacy/src/index.ts"], + "@fluentui/jest-serializer-merge-styles": ["packages/jest-serializer-merge-styles/src/index.ts"], + "@fluentui/merge-styles": ["packages/merge-styles/src/index.ts"], + "@fluentui/react": ["packages/react/src/index.ts"], + "@fluentui/react/lib/*": ["packages/react/src/*"], + "@fluentui/react-date-time": ["packages/react-date-time/src/index.ts"], + "@fluentui/react-experiments": ["packages/react-experiments/src/index.ts"], + "@fluentui/react-experiments/lib/*": ["packages/react-experiments/src/*"], + "@fluentui/react-file-type-icons": ["packages/react-file-type-icons/src/index.ts"], + "@fluentui/react-focus": ["packages/react-focus/src/index.ts"], + "@fluentui/react-hooks": ["packages/react-hooks/src/index.ts"], + "@fluentui/scheme-utilities": ["packages/scheme-utilities/src/index.ts"], + "@fluentui/set-version": ["packages/set-version/src/index.ts"], + "@fluentui/style-utilities": ["packages/style-utilities/src/index.ts"], + "@fluentui/test-utilities": ["packages/test-utilities/src/index.ts"], + "@fluentui/theme-samples": ["packages/theme-samples/src/index.ts"], + "@fluentui/utilities": ["packages/utilities/src/index.ts"], + "@fluentui/webpack-utilities": ["packages/utilities/src/index.ts"], + "@fluentui/dom-utilities": ["packages/dom-utilities/src/index.ts"], + "@fluentui/theme": ["packages/theme/src/index.ts"], + "@fluentui/react-cards": ["packages/react-cards/src/index.ts"], + "@fluentui/react-charting": ["packages/react-charting/src/index.ts"], + "@fluentui/react-window-provider": ["packages/react-window-provider/src/index.ts"], + "@fluentui/react-icons-mdl2": ["packages/react-icons-mdl2/src/index.ts"], + "@fluentui/react-icons-mdl2-branded": ["packages/react-icons-mdl2-branded/src/index.ts"], + "@fluentui/react-icon-provider": ["packages/react-icon-provider/src/index.ts"], + "@fluentui/react-examples": ["packages/react-examples/src/index.ts"], + "@fluentui/react-examples/lib/*": ["packages/react-examples/src/*"], + "@fluentui/public-docsite-setup": ["packages/public-docsite-setup/src/index.ts"], + "@fluentui/react-docsite-components": ["packages/react-docsite-components/src/index.ts"], + "@fluentui/react-docsite-components/lib/index2": ["packages/react-docsite-components/src/index2.ts"], + "@fluentui/monaco-editor": [ + "packages/monaco-editor/esm/vs/editor/editor.api.d.ts", + "packages/monaco-editor/src/monacoBundle.ts" + ], + "@fluentui/monaco-editor/esm/*": ["packages/monaco-editor/esm/"], + "@fluentui/monaco-editor/lib/*": ["packages/monaco-editor/src/*"], + "@fluentui/react-monaco-editor": ["packages/react-monaco-editor/src/index.ts"], + "@fluentui/storybook": ["packages/storybook/src/index.ts"], + "@fluentui/babel-preset-global-context": ["packages/react-components/babel-preset-global-context/src/index.ts"], + "@fluentui/babel-preset-storybook-full-source": [ + "packages/react-components/babel-preset-storybook-full-source/src/index.ts" + ], + "@fluentui/global-context": ["packages/react-components/global-context/src/index.ts"], + "@fluentui/keyboard-key": ["packages/keyboard-key/src/index.ts"], + "@fluentui/keyboard-keys": ["packages/react-components/keyboard-keys/src/index.ts"], + "@fluentui/priority-overflow": ["packages/react-components/priority-overflow/src/index.ts"], + "@fluentui/react-accordion": ["packages/react-components/react-accordion/src/index.ts"], + "@fluentui/react-alert": ["packages/react-components/react-alert/src/index.ts"], + "@fluentui/react-aria": ["packages/react-components/react-aria/src/index.ts"], + "@fluentui/react-avatar": ["packages/react-components/react-avatar/src/index.ts"], + "@fluentui/react-badge": ["packages/react-components/react-badge/src/index.ts"], + "@fluentui/react-breadcrumb": ["packages/react-components/react-breadcrumb/src/index.ts"], + "@fluentui/react-button": ["packages/react-components/react-button/src/index.ts"], + "@fluentui/react-card": ["packages/react-components/react-card/src/index.ts"], + "@fluentui/react-checkbox": ["packages/react-components/react-checkbox/src/index.ts"], + "@fluentui/react-combobox": ["packages/react-components/react-combobox/src/index.ts"], + "@fluentui/react-components": ["packages/react-components/react-components/src/index.ts"], + "@fluentui/react-components/unstable": ["packages/react-components/react-components/src/unstable/index.ts"], + "@fluentui/react-conformance": ["packages/react-conformance/src/index.ts"], + "@fluentui/react-conformance-griffel": ["packages/react-components/react-conformance-griffel/src/index.ts"], + "@fluentui/react-context-selector": ["packages/react-components/react-context-selector/src/index.ts"], + "@fluentui/react-data-grid-react-window": ["packages/react-components/react-data-grid-react-window/src/index.ts"], + "@fluentui/react-datepicker-compat": ["packages/react-components/react-datepicker-compat/src/index.ts"], + "@fluentui/react-dialog": ["packages/react-components/react-dialog/src/index.ts"], + "@fluentui/react-divider": ["packages/react-components/react-divider/src/index.ts"], + "@fluentui/react-drawer": ["packages/react-components/react-drawer/src/index.ts"], + "@fluentui/react-field": ["packages/react-components/react-field/src/index.ts"], + "@fluentui/react-focus-management": ["packages/react-focus-management/src/index.ts"], + "@fluentui/react-image": ["packages/react-components/react-image/src/index.ts"], + "@fluentui/react-infobutton": ["packages/react-components/react-infobutton/src/index.ts"], + "@fluentui/react-input": ["packages/react-components/react-input/src/index.ts"], + "@fluentui/react-jsx-runtime": ["packages/react-components/react-jsx-runtime/src/index.ts"], + "@fluentui/react-label": ["packages/react-components/react-label/src/index.ts"], + "@fluentui/react-link": ["packages/react-components/react-link/src/index.ts"], + "@fluentui/react-menu": ["packages/react-components/react-menu/src/index.ts"], + "@fluentui/react-migration-v0-v9": ["packages/react-components/react-migration-v0-v9/src/index.ts"], + "@fluentui/react-migration-v8-v9": ["packages/react-components/react-migration-v8-v9/src/index.ts"], + "@fluentui/react-overflow": ["packages/react-components/react-overflow/src/index.ts"], + "@fluentui/react-persona": ["packages/react-components/react-persona/src/index.ts"], + "@fluentui/react-popover": ["packages/react-components/react-popover/src/index.ts"], + "@fluentui/react-portal": ["packages/react-components/react-portal/src/index.ts"], + "@fluentui/react-portal-compat": ["packages/react-components/react-portal-compat/src/index.ts"], + "@fluentui/react-positioning": ["packages/react-components/react-positioning/src/index.ts"], + "@fluentui/react-progress": ["packages/react-components/react-progress/src/index.ts"], + "@fluentui/react-provider": ["packages/react-components/react-provider/src/index.ts"], + "@fluentui/react-radio": ["packages/react-components/react-radio/src/index.ts"], + "@fluentui/react-select": ["packages/react-components/react-select/src/index.ts"], + "@fluentui/react-shared-contexts": ["packages/react-components/react-shared-contexts/src/index.ts"], + "@fluentui/react-skeleton": ["packages/react-components/react-skeleton/src/index.ts"], + "@fluentui/react-slider": ["packages/react-components/react-slider/src/index.ts"], + "@fluentui/react-spinbutton": ["packages/react-components/react-spinbutton/src/index.ts"], + "@fluentui/react-spinner": ["packages/react-components/react-spinner/src/index.ts"], + "@fluentui/react-storybook-addon": ["packages/react-components/react-storybook-addon/src/index.ts"], + "@fluentui/react-storybook-addon-codesandbox": [ + "packages/react-components/react-storybook-addon-codesandbox/src/index.ts" + ], + "@fluentui/react-switch": ["packages/react-components/react-switch/src/index.ts"], + "@fluentui/react-table": ["packages/react-components/react-table/src/index.ts"], + "@fluentui/react-tabs": ["packages/react-components/react-tabs/src/index.ts"], + "@fluentui/react-tabster": ["packages/react-components/react-tabster/src/index.ts"], + "@fluentui/react-tags": ["packages/react-components/react-tags/src/index.ts"], + "@fluentui/react-text": ["packages/react-components/react-text/src/index.ts"], + "@fluentui/react-textarea": ["packages/react-components/react-textarea/src/index.ts"], + "@fluentui/react-theme": ["packages/react-components/react-theme/src/index.ts"], + "@fluentui/react-theme-sass": ["packages/react-components/react-theme-sass/src/index.ts"], + "@fluentui/react-toolbar": ["packages/react-components/react-toolbar/src/index.ts"], + "@fluentui/react-tooltip": ["packages/react-components/react-tooltip/src/index.ts"], + "@fluentui/react-tree": ["packages/react-components/react-tree/src/index.ts"], + "@fluentui/react-utilities": ["packages/react-components/react-utilities/src/index.ts"], + "@fluentui/react-virtualizer": ["packages/react-components/react-virtualizer/src/index.ts"], + "@fluentui/theme-designer": ["packages/react-components/theme-designer/src/index.ts"], + "@fluentui/tokens": ["packages/tokens/src/index.ts"] + } + } +} diff --git a/tsconfig.base.v0.json b/tsconfig.base.v0.json index ad82302a2bfa0..42209b9a2a6e8 100644 --- a/tsconfig.base.v0.json +++ b/tsconfig.base.v0.json @@ -7,6 +7,7 @@ "jsx": "react", "isolatedModules": true, "moduleResolution": "node", + "emitDeclarationOnly": true, "pretty": true, "allowJs": false, "noImplicitReturns": true, diff --git a/typings/storybook__addons/index.d.ts b/typings/storybook__addons/index.d.ts index 7f4a5b1f7abd2..3f37163394817 100644 --- a/typings/storybook__addons/index.d.ts +++ b/typings/storybook__addons/index.d.ts @@ -47,7 +47,7 @@ declare module '@storybook/addons' { * Allows to override code that will be used for "Show Code" tab. * @see https://github.com/storybookjs/storybook/blob/main/addons/docs/docs/recipes.md#customizing-source-snippets */ - transformSource: (snippet: string, story: StoryContextForEnhancers) => string | undefined; + transformSource?: (snippet: string, story: StoryContextForEnhancers) => string | undefined; container?: React.ComponentType; page?: React.ComponentType;