From 5c824b85641d3f2aaa2fb1bf14717c1deadd0a91 Mon Sep 17 00:00:00 2001 From: Simon Chan <1330321+yume-chan@users.noreply.github.com> Date: Thu, 17 Nov 2022 01:06:50 +0800 Subject: [PATCH 01/10] fix(react-file-type-icons): return correct icon name for documentsFolder (#25688) * fix(react-file-type-icons): return correct icon name for documentsFolder * add change file --- ...cons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json | 7 +++++++ .../src/getFileTypeIconProps.test.ts | 15 +++++++++++++++ .../src/getFileTypeIconProps.ts | 2 +- 3 files changed, 23 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json create mode 100644 packages/react-file-type-icons/src/getFileTypeIconProps.test.ts diff --git a/change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json b/change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json new file mode 100644 index 00000000000000..dc7641c93517f2 --- /dev/null +++ b/change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: return correct icon name for documentsFolder", + "packageName": "@fluentui/react-file-type-icons", + "email": "1330321+yume-chan@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-file-type-icons/src/getFileTypeIconProps.test.ts b/packages/react-file-type-icons/src/getFileTypeIconProps.test.ts new file mode 100644 index 00000000000000..914ab03240acfa --- /dev/null +++ b/packages/react-file-type-icons/src/getFileTypeIconProps.test.ts @@ -0,0 +1,15 @@ +import { FileIconType } from './FileIconType'; +import { FileTypeIconMap } from './FileTypeIconMap'; +import { getFileTypeIconNameFromExtensionOrType } from './getFileTypeIconProps'; + +describe('return valid icon name', () => { + it('returns an icon name in file type icon map', () => { + for (const key of Object.keys(FileIconType)) { + // Iterate through a TypeScript enum + const value = FileIconType[(key as unknown) as FileIconType]; + if (typeof value === 'number') { + expect(FileTypeIconMap).toHaveProperty(getFileTypeIconNameFromExtensionOrType(undefined, value)); + } + } + }); +}); diff --git a/packages/react-file-type-icons/src/getFileTypeIconProps.ts b/packages/react-file-type-icons/src/getFileTypeIconProps.ts index ccae563c358e94..1898b9623da8f8 100644 --- a/packages/react-file-type-icons/src/getFileTypeIconProps.ts +++ b/packages/react-file-type-icons/src/getFileTypeIconProps.ts @@ -14,7 +14,7 @@ const MULTIPLE_ITEMS = 'multiple'; const NEWS = 'sponews'; const STREAM = 'video'; const DESKTOP_FOLDER = 'desktopfolder'; -const DOCUMENTS_FOLDER = 'documentfolder'; +const DOCUMENTS_FOLDER = 'documentsfolder'; const PICTURES_FOLDER = 'picturesfolder'; const LINKED_FOLDER = 'linkedfolder'; const FORM = 'form'; From e22929a533e0830fc75e547b733b38dee60af00e Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Wed, 16 Nov 2022 10:41:16 -0700 Subject: [PATCH 02/10] feat(react-components): Add InfoButton to unstable exports (#25686) * moving infobutton to unstable * change files * updating description --- ...-b533a13e-c80c-4f9f-a244-f2f6670310b3.json | 7 ++++++ ...-409e40d3-73fc-4a7f-8310-df1b2db9abc3.json | 7 ++++++ .../etc/react-components.unstable.api.md | 24 +++++++++++++++++++ .../react-components/package.json | 1 + .../react-components/src/unstable/index.ts | 9 +++++++ .../react-infobutton/README.md | 24 +++++++++++++++++++ .../react-infobutton/package.json | 3 +-- .../Infobutton/InfoButtonDescription.md | 13 ++++++++++ 8 files changed, 86 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-components-b533a13e-c80c-4f9f-a244-f2f6670310b3.json create mode 100644 change/@fluentui-react-infobutton-409e40d3-73fc-4a7f-8310-df1b2db9abc3.json diff --git a/change/@fluentui-react-components-b533a13e-c80c-4f9f-a244-f2f6670310b3.json b/change/@fluentui-react-components-b533a13e-c80c-4f9f-a244-f2f6670310b3.json new file mode 100644 index 00000000000000..d127cf90359cbe --- /dev/null +++ b/change/@fluentui-react-components-b533a13e-c80c-4f9f-a244-f2f6670310b3.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "feat: Adding InfoButton to unstable.", + "packageName": "@fluentui/react-components", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-infobutton-409e40d3-73fc-4a7f-8310-df1b2db9abc3.json b/change/@fluentui-react-infobutton-409e40d3-73fc-4a7f-8310-df1b2db9abc3.json new file mode 100644 index 00000000000000..09ef1dc0f53ca4 --- /dev/null +++ b/change/@fluentui-react-infobutton-409e40d3-73fc-4a7f-8310-df1b2db9abc3.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: Making the package public and preparing to add to unstable.", + "packageName": "@fluentui/react-infobutton", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-components/etc/react-components.unstable.api.md b/packages/react-components/react-components/etc/react-components.unstable.api.md index 0b5546cde182e7..306b04cb2acb54 100644 --- a/packages/react-components/react-components/etc/react-components.unstable.api.md +++ b/packages/react-components/react-components/etc/react-components.unstable.api.md @@ -65,6 +65,11 @@ import { FieldProps } from '@fluentui/react-field'; import { FieldSlots } from '@fluentui/react-field'; import { FieldState } from '@fluentui/react-field'; import { getFieldClassNames } from '@fluentui/react-field'; +import { InfoButton } from '@fluentui/react-infobutton'; +import { infoButtonClassNames } from '@fluentui/react-infobutton'; +import { InfoButtonProps } from '@fluentui/react-infobutton'; +import { InfoButtonSlots } from '@fluentui/react-infobutton'; +import { InfoButtonState } from '@fluentui/react-infobutton'; import { InputField_unstable as InputField } from '@fluentui/react-input'; import { inputFieldClassNames } from '@fluentui/react-input'; import { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input'; @@ -112,6 +117,7 @@ import { renderCardPreview_unstable } from '@fluentui/react-card'; import { renderCombobox_unstable } from '@fluentui/react-combobox'; import { renderDropdown_unstable } from '@fluentui/react-combobox'; import { renderField_unstable } from '@fluentui/react-field'; +import { renderInfoButton_unstable } from '@fluentui/react-infobutton'; import { renderListbox_unstable } from '@fluentui/react-combobox'; import { renderOption_unstable } from '@fluentui/react-combobox'; import { renderOptionGroup_unstable } from '@fluentui/react-combobox'; @@ -237,6 +243,8 @@ import { useDropdown_unstable } from '@fluentui/react-combobox'; import { useDropdownStyles_unstable } from '@fluentui/react-combobox'; import { useField_unstable } from '@fluentui/react-field'; import { useFieldStyles_unstable } from '@fluentui/react-field'; +import { useInfoButton_unstable } from '@fluentui/react-infobutton'; +import { useInfoButtonStyles_unstable } from '@fluentui/react-infobutton'; import { useIsOverflowGroupVisible } from '@fluentui/react-overflow'; import { useIsOverflowItemVisible } from '@fluentui/react-overflow'; import { useListbox_unstable } from '@fluentui/react-combobox'; @@ -401,6 +409,16 @@ export { FieldState } export { getFieldClassNames } +export { InfoButton } + +export { infoButtonClassNames } + +export { InfoButtonProps } + +export { InfoButtonSlots } + +export { InfoButtonState } + export { InputField } export { inputFieldClassNames } @@ -495,6 +513,8 @@ export { renderDropdown_unstable } export { renderField_unstable } +export { renderInfoButton_unstable } + export { renderListbox_unstable } export { renderOption_unstable } @@ -746,6 +766,10 @@ export { useField_unstable } export { useFieldStyles_unstable } +export { useInfoButton_unstable } + +export { useInfoButtonStyles_unstable } + export { useIsOverflowGroupVisible } export { useIsOverflowItemVisible } diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 7e14fc8f2a4895..580ae410b4f66b 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -43,6 +43,7 @@ "@fluentui/react-divider": "^9.1.4", "@fluentui/react-field": "9.0.0-alpha.8", "@fluentui/react-image": "^9.0.11", + "@fluentui/react-infobutton": "9.0.0-beta.0", "@fluentui/react-input": "^9.2.5", "@fluentui/react-label": "^9.0.10", "@fluentui/react-link": "^9.0.11", diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index 36a8d3b5d89669..524a4a2b4f988d 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -132,6 +132,15 @@ export type { ToolbarToggleButtonState, } from '@fluentui/react-toolbar'; +export { + InfoButton, + infoButtonClassNames, + useInfoButton_unstable, + useInfoButtonStyles_unstable, + renderInfoButton_unstable, +} from '@fluentui/react-infobutton'; +export type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from '@fluentui/react-infobutton'; + export { Overflow, OverflowItem, diff --git a/packages/react-components/react-infobutton/README.md b/packages/react-components/react-infobutton/README.md index 4c6acf547be3d9..7e1ebd875d0a7d 100644 --- a/packages/react-components/react-infobutton/README.md +++ b/packages/react-components/react-infobutton/README.md @@ -2,4 +2,28 @@ **React Infobutton components for [Fluent UI React](https://react.fluentui.dev/)** +## STATUS: WIP 🚧 + These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release. + +## Usage + +To import InfoButton: + +```js +import { InfoButton } from '@fluentui/react-infobutton'; +``` + +Once the InfoButton component graduates to a production release, the component will be available at: + +```js +import { InfoButton } from '@fluentui/react-components'; +``` + +### Examples + +```jsx +const InfoButtonExample = () => { + return ; +}; +``` diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json index 7e97b27455ee38..07467843f1c6d7 100644 --- a/packages/react-components/react-infobutton/package.json +++ b/packages/react-components/react-infobutton/package.json @@ -1,7 +1,6 @@ { "name": "@fluentui/react-infobutton", - "version": "9.0.0-alpha.0", - "private": true, + "version": "9.0.0-beta.0", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonDescription.md b/packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonDescription.md index 71e51a19a3d6ad..ddaa4db3ef9fac 100644 --- a/packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonDescription.md +++ b/packages/react-components/react-infobutton/src/stories/Infobutton/InfoButtonDescription.md @@ -1 +1,14 @@ InfoButtons provide a way to display additional information about a form field or an area in the UI. + + + +> **⚠️ Preview components are considered unstable:** +> +> ```jsx +> +> import { InfoButton } from '@fluentui/react-components/unstable'; +> +> ``` +> +> - Features and APIs may change before final release +> - Please contact us if you intend to use this in your product From 38cbc51623baf411e5379936c050f0b2c53ecc54 Mon Sep 17 00:00:00 2001 From: Ben Howell <48106640+behowell@users.noreply.github.com> Date: Wed, 16 Nov 2022 10:21:10 -0800 Subject: [PATCH 03/10] chore: Update Badge colors with new mappings from design (#25599) --- ...i-react-badge-a0e4dd86-aeab-4466-8ea6-ef0844f16147.json | 7 +++++++ .../react-badge/src/components/Badge/useBadgeStyles.ts | 6 ++++-- 2 files changed, 11 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-badge-a0e4dd86-aeab-4466-8ea6-ef0844f16147.json diff --git a/change/@fluentui-react-badge-a0e4dd86-aeab-4466-8ea6-ef0844f16147.json b/change/@fluentui-react-badge-a0e4dd86-aeab-4466-8ea6-ef0844f16147.json new file mode 100644 index 00000000000000..1fdef177d9706b --- /dev/null +++ b/change/@fluentui-react-badge-a0e4dd86-aeab-4466-8ea6-ef0844f16147.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: Update Badge colors with new mappings from design", + "packageName": "@fluentui/react-badge", + "email": "behowell@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts b/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts index 33d47d4adb9268..99d0703df44f17 100644 --- a/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts +++ b/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts @@ -174,6 +174,7 @@ const useRootStyles = makeStyles({ }, 'outline-danger': { color: tokens.colorPaletteRedForeground3, + ...shorthands.borderColor(tokens.colorPaletteRedBorder2), }, 'outline-important': { color: tokens.colorNeutralForeground3, @@ -190,7 +191,8 @@ const useRootStyles = makeStyles({ color: tokens.colorNeutralForegroundStaticInverted, }, 'outline-success': { - color: tokens.colorPaletteGreenForeground2, + color: tokens.colorPaletteGreenForeground3, + ...shorthands.borderColor(tokens.colorPaletteGreenBorder2), }, 'outline-warning': { color: tokens.colorPaletteYellowForeground2, @@ -238,7 +240,7 @@ const useRootStyles = makeStyles({ }, 'tint-warning': { backgroundColor: tokens.colorPaletteYellowBackground1, - color: tokens.colorPaletteYellowForeground2, + color: tokens.colorPaletteYellowForeground1, ...shorthands.borderColor(tokens.colorPaletteYellowBorder1), }, }); From 5b8cd503e80e0735e86e5e649aa97e252a32681a Mon Sep 17 00:00:00 2001 From: Tristan Watanabe Date: Wed, 16 Nov 2022 14:48:22 -0500 Subject: [PATCH 04/10] chore(vr-tests-v9): Convert Badge VR tests to CSF (#25539) * chore: convert Badge to CSF * fix: move CounterBadge to its own subfolder and delete old CounterBadge story file * Update Avatar.stories.tsx * Update useArrowNavigationGroup.ts --- .../src/stories/Badge.stories.tsx | 196 ------------------ .../stories/Badge/BadgeAppearance.stories.tsx | 108 ++++++++++ .../src/stories/Badge/BadgeSize.stories.tsx | 161 ++++++++++++++ .../src/stories/Badge/utils.ts | 60 ++++++ .../src/stories/CounterBadge.stories.tsx | 15 -- .../CounterBadge/CounterBadge.stories.tsx | 20 ++ 6 files changed, 349 insertions(+), 211 deletions(-) delete mode 100644 apps/vr-tests-react-components/src/stories/Badge.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Badge/BadgeAppearance.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Badge/BadgeSize.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Badge/utils.ts delete mode 100644 apps/vr-tests-react-components/src/stories/CounterBadge.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/CounterBadge/CounterBadge.stories.tsx diff --git a/apps/vr-tests-react-components/src/stories/Badge.stories.tsx b/apps/vr-tests-react-components/src/stories/Badge.stories.tsx deleted file mode 100644 index ead15d05920ad4..00000000000000 --- a/apps/vr-tests-react-components/src/stories/Badge.stories.tsx +++ /dev/null @@ -1,196 +0,0 @@ -import { storiesOf } from '@storybook/react'; -import * as React from 'react'; -import { Badge, BadgeProps } from '@fluentui/react-badge'; -import { CircleRegular } from '@fluentui/react-icons'; -import { mergeClasses, makeStyles, shorthands } from '@griffel/react'; -import { tokens, typographyStyles } from '@fluentui/react-theme'; - -type ValueArrays = { - [K in keyof T]: T[K][]; -}; - -const propValues: ValueArrays, 'size' | 'color' | 'appearance' | 'shape'>> = { - size: ['tiny', 'extra-small', 'small', 'medium', 'large', 'extra-large'], - color: ['brand', 'danger', 'severe', 'warning', 'success', 'important', 'informative', 'subtle'], - appearance: ['filled', 'outline', 'tint', 'ghost'], - shape: ['circular', 'rounded', 'square'], -}; - -const useStyles = makeStyles({ - container: { - display: 'flex', - alignItems: 'center', - }, - - badgeContainer: { - display: 'flex', - alignItems: 'center', - ...shorthands.gap('5px'), - ...shorthands.padding('5px'), - }, - - label: { - marginLeft: '10px', - }, - - brandContainer: { - backgroundColor: tokens.colorBrandBackgroundStatic, - }, - - groupSet: { - display: 'inline-flex', - flexDirection: 'column', - ...shorthands.padding(0, tokens.spacingHorizontalL), - rowGap: tokens.spacingVerticalL, - }, - - group: { - display: 'inline-flex', - flexDirection: 'column', - alignItems: 'start', - rowGap: tokens.spacingVerticalS, - }, - - groupLabel: { - ...typographyStyles.subtitle2Stronger, - }, - - row: { - display: 'inline-flex', - alignItems: 'center', - columnGap: tokens.spacingHorizontalS, - }, -}); - -const BadgeAppearanceTemplate: React.FC<{ appearance: Required['appearance'] }> = ({ appearance }) => { - const styles = useStyles(); - - const badges = new Map(); - badges.set('brand', []); - badges.set('danger', []); - badges.set('severe', []); - badges.set('warning', []); - badges.set('success', []); - badges.set('important', []); - badges.set('informative', []); - badges.set('subtle', []); - - propValues.color.forEach(color => { - const circularWithText = ( - - 1 - - ); - const circularWithIcon = } />; - const roundedWithIcon = } />; - const roundedWithText = ( - - {appearance.toUpperCase()} - - ); - const roundedWithTextAndIconBefore = ( - } iconPosition="before"> - {appearance.toUpperCase()} - - ); - const roundedWithTextAndIconAfter = ( - } iconPosition="after"> - {appearance.toUpperCase()} - - ); - - badges - .get(color)! - .push( - circularWithText, - circularWithIcon, - roundedWithIcon, - roundedWithText, - roundedWithTextAndIconAfter, - roundedWithTextAndIconBefore, - ); - }); - - return ( -
- {Array.from(badges.keys()).map((color: BadgeProps['color'], i) => ( -
-
- {badges.get(color)} -
-
{color}
-
- ))} -
- ); -}; - -const BadgeSampleRow: React.FC = props => { - const styles = useStyles(); - - // Text content is not supported for tiny and extra-small - if (props.size === 'tiny' || props.size === 'extra-small') { - return ( -
- } /> -
- ); - } - - return ( -
- 1 - } /> - BADGE - }> - BADGE - - } iconPosition="after"> - BADGE - - {props.children} -
- ); -}; - -const badgeStories = storiesOf('Badge Converged', module); - -// appearance stories -propValues.appearance.forEach(appearance => { - badgeStories.addStory(appearance, () => , { - includeHighContrast: true, - includeDarkMode: true, - }); -}); - -// size stories -propValues.size.forEach(size => - badgeStories.addStory( - `size: ${size}`, - () => { - const styles = useStyles(); - return ( -
- {propValues.appearance.map(appearance => - // tiny + ghost is not supported - size === 'tiny' && appearance === 'ghost' ? null : ( -
- appearance: {appearance} - {propValues.shape.map(shape => ( - - ))} -
- ), - )} -
- ); - }, - { includeRtl: true }, - ), -); diff --git a/apps/vr-tests-react-components/src/stories/Badge/BadgeAppearance.stories.tsx b/apps/vr-tests-react-components/src/stories/Badge/BadgeAppearance.stories.tsx new file mode 100644 index 00000000000000..e782b07cce5478 --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/Badge/BadgeAppearance.stories.tsx @@ -0,0 +1,108 @@ +import * as React from 'react'; +import { Badge, BadgeProps } from '@fluentui/react-badge'; +import { CircleRegular } from '@fluentui/react-icons'; +import { mergeClasses } from '@griffel/react'; +import { propValues, useStyles } from './utils'; +import { ComponentMeta } from '@storybook/react'; +import { getStoryVariant, DARK_MODE, HIGH_CONTRAST } from '../../utilities'; + +const BadgeAppearanceTemplate: React.FC<{ appearance: Required['appearance'] }> = ({ appearance }) => { + const styles = useStyles(); + + const badges = new Map(); + badges.set('brand', []); + badges.set('danger', []); + badges.set('severe', []); + badges.set('warning', []); + badges.set('success', []); + badges.set('important', []); + badges.set('informative', []); + badges.set('subtle', []); + + propValues.color.forEach(color => { + const circularWithText = ( + + 1 + + ); + const circularWithIcon = } />; + const roundedWithIcon = } />; + const roundedWithText = ( + + {appearance.toUpperCase()} + + ); + const roundedWithTextAndIconBefore = ( + } iconPosition="before"> + {appearance.toUpperCase()} + + ); + const roundedWithTextAndIconAfter = ( + } iconPosition="after"> + {appearance.toUpperCase()} + + ); + + badges + .get(color)! + .push( + circularWithText, + circularWithIcon, + roundedWithIcon, + roundedWithText, + roundedWithTextAndIconAfter, + roundedWithTextAndIconBefore, + ); + }); + + return ( +
+ {Array.from(badges.keys()).map((color: BadgeProps['color'], i) => ( +
+
+ {badges.get(color)} +
+
{color}
+
+ ))} +
+ ); +}; + +export default { + title: 'Badge Converged', +} as ComponentMeta; + +export const Filled = () => ; + +Filled.storyName = 'filled'; + +export const FilledDarkMode = getStoryVariant(Filled, DARK_MODE); +export const FilledHighContrast = getStoryVariant(Filled, HIGH_CONTRAST); + +export const Outline = () => ; + +Outline.storyName = 'outline'; + +export const OutlineDarkMode = getStoryVariant(Outline, DARK_MODE); +export const OutlineHighContrast = getStoryVariant(Outline, HIGH_CONTRAST); + +export const Tint = () => ; + +Tint.storyName = 'tint'; + +export const TintDarkMode = getStoryVariant(Tint, DARK_MODE); +export const TintHighContrast = getStoryVariant(Tint, HIGH_CONTRAST); + +export const Ghost = () => ; + +Ghost.storyName = 'ghost'; + +export const GhostDarkMode = getStoryVariant(Ghost, DARK_MODE); +export const GhostHighContrast = getStoryVariant(Ghost, HIGH_CONTRAST); diff --git a/apps/vr-tests-react-components/src/stories/Badge/BadgeSize.stories.tsx b/apps/vr-tests-react-components/src/stories/Badge/BadgeSize.stories.tsx new file mode 100644 index 00000000000000..5813d5e96acf92 --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/Badge/BadgeSize.stories.tsx @@ -0,0 +1,161 @@ +import * as React from 'react'; +import { Badge, BadgeProps } from '@fluentui/react-badge'; +import { CircleRegular } from '@fluentui/react-icons'; +import { propValues, useStyles } from './utils'; +import { ComponentMeta } from '@storybook/react'; +import { getStoryVariant, RTL } from '../../utilities'; + +const BadgeSampleRow: React.FC = props => { + const styles = useStyles(); + + // Text content is not supported for tiny and extra-small + if (props.size === 'tiny' || props.size === 'extra-small') { + return ( +
+ } /> +
+ ); + } + + return ( +
+ 1 + } /> + BADGE + }> + BADGE + + } iconPosition="after"> + BADGE + + {props.children} +
+ ); +}; + +export default { + title: 'Badge Converged', +} as ComponentMeta; + +export const SizeTiny = () => { + const styles = useStyles(); + return ( +
+ {propValues.appearance.map(appearance => + // tiny + ghost is not supported + appearance === 'ghost' ? null : ( +
+ appearance: {appearance} + {propValues.shape.map(shape => ( + + ))} +
+ ), + )} +
+ ); +}; + +SizeTiny.storyName = 'size: tiny'; + +export const SizeTinyRTL = getStoryVariant(SizeTiny, RTL); + +export const SizeExtraSmall = () => { + const styles = useStyles(); + return ( +
+ {propValues.appearance.map(appearance => ( +
+ appearance: {appearance} + {propValues.shape.map(shape => ( + + ))} +
+ ))} +
+ ); +}; + +SizeExtraSmall.storyName = 'size: extra-small'; + +export const SizeExtraSmallRTL = getStoryVariant(SizeExtraSmall, RTL); + +export const SizeSmall = () => { + const styles = useStyles(); + return ( +
+ {propValues.appearance.map(appearance => ( +
+ appearance: {appearance} + {propValues.shape.map(shape => ( + + ))} +
+ ))} +
+ ); +}; + +SizeSmall.storyName = 'size: small'; + +export const SizeSmallRTL = getStoryVariant(SizeSmall, RTL); + +export const SizeMedium = () => { + const styles = useStyles(); + return ( +
+ {propValues.appearance.map(appearance => ( +
+ appearance: {appearance} + {propValues.shape.map(shape => ( + + ))} +
+ ))} +
+ ); +}; + +SizeMedium.storyName = 'size: medium'; + +export const SizeMediumRTL = getStoryVariant(SizeMedium, RTL); + +export const SizeLarge = () => { + const styles = useStyles(); + return ( +
+ {propValues.appearance.map(appearance => ( +
+ appearance: {appearance} + {propValues.shape.map(shape => ( + + ))} +
+ ))} +
+ ); +}; + +SizeLarge.storyName = 'size: large'; + +export const SizeLargeRTL = getStoryVariant(SizeLarge, RTL); + +export const SizeExtraLarge = () => { + const styles = useStyles(); + return ( +
+ {propValues.appearance.map(appearance => ( +
+ appearance: {appearance} + {propValues.shape.map(shape => ( + + ))} +
+ ))} +
+ ); +}; + +SizeExtraLarge.storyName = 'size: extra-large'; + +export const SizeExtraLargeRTL = getStoryVariant(SizeExtraLarge, RTL); diff --git a/apps/vr-tests-react-components/src/stories/Badge/utils.ts b/apps/vr-tests-react-components/src/stories/Badge/utils.ts new file mode 100644 index 00000000000000..a5423654ead193 --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/Badge/utils.ts @@ -0,0 +1,60 @@ +import { BadgeProps } from '@fluentui/react-badge'; +import { makeStyles, shorthands } from '@griffel/react'; +import { tokens, typographyStyles } from '@fluentui/react-theme'; + +type ValueArrays = { + [K in keyof T]: T[K][]; +}; + +export const propValues: ValueArrays, 'size' | 'color' | 'appearance' | 'shape'>> = { + size: ['tiny', 'extra-small', 'small', 'medium', 'large', 'extra-large'], + color: ['brand', 'danger', 'severe', 'warning', 'success', 'important', 'informative', 'subtle'], + appearance: ['filled', 'outline', 'tint', 'ghost'], + shape: ['circular', 'rounded', 'square'], +}; + +export const useStyles = makeStyles({ + container: { + display: 'flex', + alignItems: 'center', + }, + + badgeContainer: { + display: 'flex', + alignItems: 'center', + ...shorthands.gap('5px'), + ...shorthands.padding('5px'), + }, + + label: { + marginLeft: '10px', + }, + + brandContainer: { + backgroundColor: tokens.colorBrandBackgroundStatic, + }, + + groupSet: { + display: 'inline-flex', + flexDirection: 'column', + ...shorthands.padding(0, tokens.spacingHorizontalL), + rowGap: tokens.spacingVerticalL, + }, + + group: { + display: 'inline-flex', + flexDirection: 'column', + alignItems: 'start', + rowGap: tokens.spacingVerticalS, + }, + + groupLabel: { + ...typographyStyles.subtitle2Stronger, + }, + + row: { + display: 'inline-flex', + alignItems: 'center', + columnGap: tokens.spacingHorizontalS, + }, +}); diff --git a/apps/vr-tests-react-components/src/stories/CounterBadge.stories.tsx b/apps/vr-tests-react-components/src/stories/CounterBadge.stories.tsx deleted file mode 100644 index c9d1360f34a21b..00000000000000 --- a/apps/vr-tests-react-components/src/stories/CounterBadge.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { storiesOf } from '@storybook/react'; -import * as React from 'react'; -import { CounterBadge } from '@fluentui/react-badge'; - -storiesOf('CounterBadge Converged - colors', module).addStory( - 'default', - () => ( -
- {(['brand', 'danger', 'important', 'informative'] as const).map(color => ( - - ))} -
- ), - { includeRtl: true }, -); diff --git a/apps/vr-tests-react-components/src/stories/CounterBadge/CounterBadge.stories.tsx b/apps/vr-tests-react-components/src/stories/CounterBadge/CounterBadge.stories.tsx new file mode 100644 index 00000000000000..9af7b16afc2538 --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/CounterBadge/CounterBadge.stories.tsx @@ -0,0 +1,20 @@ +import * as React from 'react'; +import { CounterBadge } from '@fluentui/react-badge'; +import { ComponentMeta } from '@storybook/react'; +import { getStoryVariant, RTL } from '../../utilities'; + +export default { + title: 'CounterBadge Converged - colors', +} as ComponentMeta; + +export const Default = () => ( +
+ {(['brand', 'danger', 'important', 'informative'] as const).map(color => ( + + ))} +
+); + +Default.storyName = 'default'; + +export const DefaultRTL = getStoryVariant(Default, RTL); From f72f97809da552c0898a6d24e90e71f3f8c88f9a Mon Sep 17 00:00:00 2001 From: Tristan Watanabe Date: Wed, 16 Nov 2022 15:31:22 -0500 Subject: [PATCH 05/10] chore(vr-tests-v9): Convert Card VR tests to CSF (#25526) * chore: convert card stories to csf * nit: remove unused import * convert CardSelectable stories to CSF * fix asset url * fix: delete old story file * Add side margins to Appearance stories --- .../src/stories/Card.stories.tsx | 334 ------------------ .../src/stories/Card/Card.stories.tsx | 181 ++++++++++ .../stories/Card/CardInteractive.stories.tsx | 79 +++++ .../stories/Card/CardSelectable.stories.tsx | 92 +++++ .../src/stories/Card/utils.tsx | 34 ++ 5 files changed, 386 insertions(+), 334 deletions(-) delete mode 100644 apps/vr-tests-react-components/src/stories/Card.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Card/Card.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Card/CardInteractive.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Card/CardSelectable.stories.tsx create mode 100644 apps/vr-tests-react-components/src/stories/Card/utils.tsx diff --git a/apps/vr-tests-react-components/src/stories/Card.stories.tsx b/apps/vr-tests-react-components/src/stories/Card.stories.tsx deleted file mode 100644 index bc4a4db56f324f..00000000000000 --- a/apps/vr-tests-react-components/src/stories/Card.stories.tsx +++ /dev/null @@ -1,334 +0,0 @@ -import { storiesOf } from '@storybook/react'; -import * as React from 'react'; -import Screener from 'screener-storybook/src/screener'; -import { Card, CardHeader, CardFooter, CardPreview } from '@fluentui/react-card'; -import { MoreHorizontal24Filled, Open16Regular, Share16Regular } from '@fluentui/react-icons'; -import { Body1, Caption1 } from '@fluentui/react-text'; -import { Button } from '@fluentui/react-button'; -import { action } from '@storybook/addon-actions'; - -const ASSET_URL = - 'https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card/stories/assets/'; - -const powerpointLogoURL = ASSET_URL + 'powerpoint_logo.svg'; -const salesPresentationTemplateURL = ASSET_URL + 'sales_template.png'; - -const SampleCardContent = () => ( - <> - - App Name - - } - description={Developer} - /> -
- Donut chocolate bar oat cake. Dragée tiramisu lollipop bear claw. Marshmallow pastry jujubes toffee sugar plum. -
- - - - - -); - -storiesOf('Card Converged', module) - .addDecorator(story => ( - -
- {story()} -
- - )) - .addStory('card templates', () => ( -
- - - sales presentation preview - - - Sales analysis 2019 presentation - - } - description={Folder > Presentations} - /> - -
- )) - .addStory( - 'appearance', - () => ( -
-
-

Filled

- - - -
-
-

Filled alternative

- - - -
-
-

Outline

- - - -
-
-

Subtle

- - - -
-
- ), - { - includeRtl: true, - includeHighContrast: true, - includeDarkMode: true, - }, - ) - .addStory('size', () => ( -
- - - - - - - - - -
- )) - .addStory('orientation', () => ( -
-
-

Vertical

- - - -
-
-

Horizontal

- - - -
-
- )) - .addStory('CardHeader', () => ( - - - App Name - - } - description={Developer} - action={ + + + +); From 942df8c6e915e7edcebe62f5431488dce09303d8 Mon Sep 17 00:00:00 2001 From: Sean Monahan Date: Wed, 16 Nov 2022 13:22:58 -0800 Subject: [PATCH 06/10] update azure-theme codeowners (#25699) --- .github/CODEOWNERS | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index be73a721f4a1be..6bf56b66cffa5d 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -86,7 +86,7 @@ apps/ssr-tests-v9 @microsoft/fluentui-react-build apps/stress-test @microsoft/cxe-red @spmonahan @micahgodbolt #### Packages -packages/azure-themes @hyoshis @Jacqueline-ms +packages/azure-themes @robtaft-ms @Jacqueline-ms packages/bundle-size @microsoft/teams-prg packages/date-time-utilities @microsoft/fluent-date-time packages/eslint-plugin @microsoft/fluentui-react-build From 7fde358cdf0a2caac13bd79d3af893d435c81e33 Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Wed, 16 Nov 2022 13:49:40 -0800 Subject: [PATCH 07/10] feat: Dropdown a11y overview section (#24933) --- ...-b89a40be-4811-4450-b226-2355943843f7.json | 7 +++++++ .../stories/Dropdown/DropdownAccessibility.md | 21 +++++++++++++++++++ .../stories/Dropdown/DropdownBestPractices.md | 5 ++++- .../src/stories/Dropdown/index.stories.tsx | 3 ++- 4 files changed, 34 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-combobox-b89a40be-4811-4450-b226-2355943843f7.json create mode 100644 packages/react-components/react-combobox/src/stories/Dropdown/DropdownAccessibility.md diff --git a/change/@fluentui-react-combobox-b89a40be-4811-4450-b226-2355943843f7.json b/change/@fluentui-react-combobox-b89a40be-4811-4450-b226-2355943843f7.json new file mode 100644 index 00000000000000..5df7d8a04598ea --- /dev/null +++ b/change/@fluentui-react-combobox-b89a40be-4811-4450-b226-2355943843f7.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "feat: add Accessibility section to Dropdown docs page", + "packageName": "@fluentui/react-combobox", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/react-combobox/src/stories/Dropdown/DropdownAccessibility.md b/packages/react-components/react-combobox/src/stories/Dropdown/DropdownAccessibility.md new file mode 100644 index 00000000000000..04c6e0993150cc --- /dev/null +++ b/packages/react-components/react-combobox/src/stories/Dropdown/DropdownAccessibility.md @@ -0,0 +1,21 @@ +
+ + Accessibility + + +### Do + +- **Provide a label for the Dropdown.** This can be done either by using the `DropdownField` component with a `label` prop, or by using a [custom labeling technique](#TODO). +- **Use Dropdown when you need JSX or styled options, otherwise use Select.** For simple single-select use cases, consider using `Select` for better accessibility and mobile support. +- **Use multi-select Dropdown when you have 10+ options, otherwise use a Checkbox group.** For simple multiselect use cases with less than 10 options, consider using a group of `Checkbox` components. +- **Set `inlinePopup={true}` when possible for better VoiceOver support.** The `inlinePopup` prop will cause the listbox popup to be rendered immediately after the button in the DOM. Safari does not support `aria-owns`, so this enables iOS VoiceOver swipe navigation between the button and options. +- **Review [known accessiblity issues](./?path=/docs/concepts-developer-accessibility-components-dropdown--page).** + +### Don't + +- **Don't nest interactive controls in Dropdown slots or children.** The `Dropdown`'s `button` slot and children of `
diff --git a/packages/react-components/react-combobox/src/stories/Dropdown/DropdownBestPractices.md b/packages/react-components/react-combobox/src/stories/Dropdown/DropdownBestPractices.md index 5b6f5e0c7416df..aa55cc93d95e6b 100644 --- a/packages/react-components/react-combobox/src/stories/Dropdown/DropdownBestPractices.md +++ b/packages/react-components/react-combobox/src/stories/Dropdown/DropdownBestPractices.md @@ -5,9 +5,12 @@ ### Do +- **Provide a label for the Dropdown.** +- **Set the Option's `value` prop if the content contains JSX.** The Option value is used for keyboard accessibility to enable users to type a letter or string and jump to the matching option. The value is calculated from the children by default, but if the Option contains JSX, the `value` prop should be used to directly provide a string value. - **Consider using `Dropdown` with outline or underline appearances.** When the contrast ratio against the immediate surrounding color is less than 3:1, consider using underline or outline styles which has a bottom border stroke. But please ensure the color of bottom border stroke has a sufficient contrast which is greater than 3 to 1 against the immediate surrounding color. ### Don't -- **Don’t place the Dropdown button on a surface which doesn’t have a sufficient contrast.** The colors adjacent to the input should have a sufficient contrast. Particularly, the color of input with filled darker and lighter styles needs to provide greater than 3 to 1 contrast ratio against the immediate surrounding color to pass accessibility requirements. +- **Use `placeholder` for label text.** Placeholder text has lower contrast than label text, and disappears once an option is selected. If used, it should only contain temporary filler text. + diff --git a/packages/react-components/react-combobox/src/stories/Dropdown/index.stories.tsx b/packages/react-components/react-combobox/src/stories/Dropdown/index.stories.tsx index f23b63408f70ed..44df3ae174c3b1 100644 --- a/packages/react-components/react-combobox/src/stories/Dropdown/index.stories.tsx +++ b/packages/react-components/react-combobox/src/stories/Dropdown/index.stories.tsx @@ -3,6 +3,7 @@ import { Dropdown } from '@fluentui/react-combobox'; import descriptionMd from './DropdownDescription.md'; import bestPracticesMd from './DropdownBestPractices.md'; +import accessibilityMd from './DropdownAccessibility.md'; export { Default } from './DropdownDefault.stories'; @@ -12,7 +13,7 @@ export default { parameters: { docs: { description: { - component: [descriptionMd, bestPracticesMd].join('\n'), + component: [descriptionMd, bestPracticesMd, accessibilityMd].join('\n'), }, }, }, From c7a1e243f8366456cb12af369ae5b749aabaec95 Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Wed, 16 Nov 2022 15:47:13 -0800 Subject: [PATCH 08/10] fix: FloatingPeoplePicker roles should be listbox/option (#25641) --- ...luentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json | 7 +++++++ .../src/components/FloatingPicker/BaseFloatingPicker.tsx | 4 ++-- .../FloatingPicker/Suggestions/SuggestionsCore.tsx | 4 +--- 3 files changed, 10 insertions(+), 5 deletions(-) create mode 100644 change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json diff --git a/change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json b/change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json new file mode 100644 index 00000000000000..47d640c5c1bde1 --- /dev/null +++ b/change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: FloatingPeoplePicker roles should be listbox/option", + "packageName": "@fluentui/react", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/src/components/FloatingPicker/BaseFloatingPicker.tsx b/packages/react/src/components/FloatingPicker/BaseFloatingPicker.tsx index 3c969a4698e230..0b88c7a827d688 100644 --- a/packages/react/src/components/FloatingPicker/BaseFloatingPicker.tsx +++ b/packages/react/src/components/FloatingPicker/BaseFloatingPicker.tsx @@ -72,7 +72,7 @@ export class BaseFloatingPicker> public onQueryStringChanged = (queryString: string): void => { if (queryString !== this.state.queryString) { this.setState({ - queryString: queryString, + queryString, }); if (this.props.onInputChanged) { @@ -281,7 +281,7 @@ export class BaseFloatingPicker> if ( this.props.onRemoveSuggestion && this.suggestionsControl.current && - this.suggestionsControl.current.hasSuggestionSelected && + this.suggestionsControl.current.hasSuggestionSelected() && this.suggestionsControl.current.currentSuggestion && ev.shiftKey ) { diff --git a/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx index c8c6f124247f73..647f46dd4215dd 100644 --- a/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx +++ b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx @@ -138,7 +138,7 @@ export class SuggestionsCore extends React.Component
{suggestions.map((suggestion: ISuggestionModel, index: number) => ( @@ -146,8 +146,6 @@ export class SuggestionsCore extends React.Component ref={suggestion.selected || index === this.currentIndex ? this._selectedElement : undefined} key={(suggestion.item as any).key ? (suggestion.item as any).key : index} id={'sug-' + index} - role="listitem" - aria-label={suggestion.ariaLabel} > Date: Wed, 16 Nov 2022 16:20:37 -0800 Subject: [PATCH 09/10] fix: Pickers limit keyboard nav to resultsMaximumNumber (#25638) --- ...react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json | 7 +++++++ packages/react/etc/react.api.md | 2 +- .../react/src/components/pickers/BasePicker.tsx | 14 ++++++++------ .../pickers/Suggestions/SuggestionsController.ts | 6 +++++- 4 files changed, 21 insertions(+), 8 deletions(-) create mode 100644 change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json diff --git a/change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json b/change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json new file mode 100644 index 00000000000000..763dfd3025fec5 --- /dev/null +++ b/change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "fix: pickers limit keyboard navigation to resultsMaximumNumber.", + "packageName": "@fluentui/react", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index 4861d1bfd24974..9020bb2a08f41f 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -11016,7 +11016,7 @@ export class SuggestionsController { // (undocumented) suggestions: ISuggestionModel[]; // (undocumented) - updateSuggestions(newSuggestions: T[], selectedIndex?: number): void; + updateSuggestions(newSuggestions: T[], selectedIndex?: number, maxCount?: number): void; } // @public diff --git a/packages/react/src/components/pickers/BasePicker.tsx b/packages/react/src/components/pickers/BasePicker.tsx index 9a7dbe27402159..f22357825de7ef 100644 --- a/packages/react/src/components/pickers/BasePicker.tsx +++ b/packages/react/src/components/pickers/BasePicker.tsx @@ -137,7 +137,7 @@ export class BasePicker> this.selection = new Selection({ onSelectionChanged: () => this.onSelectionChange() }); this.selection.setItems(items); this.state = { - items: items, + items, suggestedDisplayValue: '', isMostRecentlyUsedVisible: false, moreSuggestionsAvailable: false, @@ -393,9 +393,9 @@ export class BasePicker> key: item.key ? item.key : index, selected: selectedIndices!.indexOf(index) !== -1, onRemoveItem: () => this.removeItem(item), - disabled: disabled, + disabled, onItemChange: this.onItemChange, - removeButtonAriaLabel: removeButtonAriaLabel, + removeButtonAriaLabel, removeButtonIconProps, }), ); @@ -437,7 +437,8 @@ export class BasePicker> } protected updateSuggestions(suggestions: any[]) { - this.suggestionStore.updateSuggestions(suggestions, 0); + const maxSuggestionsCount = this.props.pickerSuggestionsProps?.resultsMaximumNumber; + this.suggestionStore.updateSuggestions(suggestions, 0, maxSuggestionsCount); this.forceUpdate(); } @@ -962,7 +963,8 @@ export class BasePicker> if (updatedValue !== undefined) { this.resolveNewValue(updatedValue, newSuggestions); } else { - this.suggestionStore.updateSuggestions(newSuggestions, -1); + const maxSuggestionsCount = this.props.pickerSuggestionsProps?.resultsMaximumNumber; + this.suggestionStore.updateSuggestions(newSuggestions, -1, maxSuggestionsCount); if (this.state.suggestionsLoading) { this.setState({ suggestionsLoading: false, @@ -981,7 +983,7 @@ export class BasePicker> // If the component is a controlled component then the controlling component will need to add or remove the items. this.onChange(items); } else { - this.setState({ items: items }, () => { + this.setState({ items }, () => { this._onSelectedItemsUpdated(items); }); } diff --git a/packages/react/src/components/pickers/Suggestions/SuggestionsController.ts b/packages/react/src/components/pickers/Suggestions/SuggestionsController.ts index 71f23652b5d226..e176dfca0f9f54 100644 --- a/packages/react/src/components/pickers/Suggestions/SuggestionsController.ts +++ b/packages/react/src/components/pickers/Suggestions/SuggestionsController.ts @@ -13,8 +13,12 @@ export class SuggestionsController { this.currentIndex = -1; } - public updateSuggestions(newSuggestions: T[], selectedIndex?: number): void { + public updateSuggestions(newSuggestions: T[], selectedIndex?: number, maxCount?: number): void { if (newSuggestions && newSuggestions.length > 0) { + if (maxCount && newSuggestions.length > maxCount) { + const startIndex = selectedIndex && selectedIndex > maxCount ? selectedIndex + 1 - maxCount : 0; + newSuggestions = newSuggestions.slice(startIndex, startIndex + maxCount - 1); + } this.suggestions = this.convertSuggestionsToSuggestionItems(newSuggestions); this.currentIndex = selectedIndex ? selectedIndex : 0; if (selectedIndex! === -1) { From 0cc13a6c3360a537f2102431a59aa88a18bc75bf Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Thu, 17 Nov 2022 07:51:50 +0000 Subject: [PATCH 10/10] applying package updates --- apps/perf-test/package.json | 2 +- apps/public-docsite-resources/package.json | 10 ++++---- apps/public-docsite-v9/package.json | 2 +- apps/public-docsite/package.json | 12 +++++----- apps/react-18-tests-v8/package.json | 2 +- apps/ssr-tests/package.json | 2 +- apps/stress-test/package.json | 2 +- apps/theming-designer/package.json | 4 ++-- apps/ts-minbar-test-react/package.json | 2 +- apps/vr-tests/package.json | 4 ++-- ...-21d08d17-38f6-4bdf-8d0e-383125edda19.json | 7 ------ ...-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json | 7 ------ ...-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json | 7 ------ packages/azure-themes/CHANGELOG.json | 15 ++++++++++++ packages/azure-themes/CHANGELOG.md | 11 ++++++++- packages/azure-themes/package.json | 4 ++-- packages/cra-template/CHANGELOG.json | 15 ++++++++++++ packages/cra-template/CHANGELOG.md | 11 ++++++++- packages/cra-template/package.json | 4 ++-- packages/react-cards/CHANGELOG.json | 15 ++++++++++++ packages/react-cards/CHANGELOG.md | 11 ++++++++- packages/react-cards/package.json | 4 ++-- packages/react-charting/CHANGELOG.json | 15 ++++++++++++ packages/react-charting/CHANGELOG.md | 11 ++++++++- packages/react-charting/package.json | 6 ++--- packages/react-date-time/CHANGELOG.json | 15 ++++++++++++ packages/react-date-time/CHANGELOG.md | 11 ++++++++- packages/react-date-time/package.json | 4 ++-- .../react-docsite-components/CHANGELOG.json | 21 +++++++++++++++++ .../react-docsite-components/CHANGELOG.md | 12 +++++++++- .../react-docsite-components/package.json | 6 ++--- packages/react-examples/package.json | 16 ++++++------- packages/react-experiments/CHANGELOG.json | 15 ++++++++++++ packages/react-experiments/CHANGELOG.md | 11 ++++++++- packages/react-experiments/package.json | 4 ++-- packages/react-file-type-icons/CHANGELOG.json | 15 ++++++++++++ packages/react-file-type-icons/CHANGELOG.md | 11 ++++++++- packages/react-file-type-icons/package.json | 2 +- packages/react-migration-v8-v9/CHANGELOG.json | 15 ++++++++++++ packages/react-migration-v8-v9/CHANGELOG.md | 11 ++++++++- packages/react-migration-v8-v9/package.json | 4 ++-- packages/react-monaco-editor/CHANGELOG.json | 15 ++++++++++++ packages/react-monaco-editor/CHANGELOG.md | 11 ++++++++- packages/react-monaco-editor/package.json | 4 ++-- packages/react/CHANGELOG.json | 23 +++++++++++++++++++ packages/react/CHANGELOG.md | 15 +++++++++++- packages/react/package.json | 2 +- packages/storybook/package.json | 6 ++--- packages/theme-samples/CHANGELOG.json | 15 ++++++++++++ packages/theme-samples/CHANGELOG.md | 11 ++++++++- packages/theme-samples/package.json | 4 ++-- 51 files changed, 375 insertions(+), 89 deletions(-) delete mode 100644 change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json delete mode 100644 change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json delete mode 100644 change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index d3b114cda3dfc9..1d3577a0cec9d7 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -16,7 +16,7 @@ }, "dependencies": { "@fluentui/example-data": "^8.4.3", - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/scripts": "^1.0.0", "@microsoft/load-themed-styles": "^1.10.26", "flamegrill": "0.2.0", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 1a9f1c1d8f08b5..5aff86211b39b9 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -32,15 +32,15 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.5.25", - "@fluentui/react-docsite-components": "^8.10.25", + "@fluentui/azure-themes": "^8.5.26", + "@fluentui/react-docsite-components": "^8.10.26", "@fluentui/font-icons-mdl2": "^8.5.4", "@fluentui/set-version": "^8.2.3", - "@fluentui/theme-samples": "^8.7.25", - "@fluentui/react-monaco-editor": "^1.7.25", + "@fluentui/theme-samples": "^8.7.26", + "@fluentui/react-monaco-editor": "^1.7.26", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 1590245a1db856..135646484bf1ec 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -21,7 +21,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/react-northstar": "^0.64.0", "@fluentui/react-icons-northstar": "^0.64.0", "@fluentui/scripts": "^1.0.0", diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index 676ebddc3be199..187d9e3a4c9cc7 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -25,7 +25,7 @@ "devDependencies": { "@fluentui/common-styles": "^1.2.13", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.25", + "@fluentui/react-monaco-editor": "^1.7.26", "@fluentui/scripts": "^1.0.0", "write-file-webpack-plugin": "^4.1.0" }, @@ -33,16 +33,16 @@ "@fluentui/font-icons-mdl2": "^8.5.4", "@fluentui/public-docsite-resources": "^8.1.41", "@fluentui/public-docsite-setup": "^0.3.13", - "@fluentui/react": "^8.101.2", - "@fluentui/react-docsite-components": "^8.10.25", + "@fluentui/react": "^8.102.0", + "@fluentui/react-docsite-components": "^8.10.26", "@fluentui/react-examples": "^8.34.4", - "@fluentui/react-experiments": "^8.14.20", - "@fluentui/react-file-type-icons": "^8.8.2", + "@fluentui/react-experiments": "^8.14.21", + "@fluentui/react-file-type-icons": "^8.8.3", "@fluentui/react-icons-mdl2": "^1.3.27", "@fluentui/react-icons-mdl2-branded": "^1.2.28", "@fluentui/set-version": "^8.2.3", "@fluentui/theme": "^2.6.19", - "@fluentui/theme-samples": "^8.7.25", + "@fluentui/theme-samples": "^8.7.26", "@fluentui/utilities": "^8.13.4", "@microsoft/load-themed-styles": "^1.10.26", "office-ui-fabric-core": "^11.0.0", diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index 84a07e7f1e1891..a506e141ae9f9a 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -23,7 +23,7 @@ "swc-loader": "^0.2.3" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/react-hooks": "^8.6.14", "react": "18.2.0", "react-dom": "18.2.0", diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index f1ccd2b1887b30..cc02a991cc4335 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -13,7 +13,7 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@microsoft/load-themed-styles": "^1.10.26", "@types/mocha": "^7.0.2", "@fluentui/scripts": "^1.0.0", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index f405acd82e889a..d716eaaeb7e46e 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.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/react-components": "^9.7.0", "@fluentui/react-icons": "^2.0.175", "@fluentui/web-components": "^2.5.8", diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index fef275cb00f9f4..f55605954b4f13 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -18,9 +18,9 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/merge-styles": "^8.5.4", - "@fluentui/react-docsite-components": "^8.10.25", + "@fluentui/react-docsite-components": "^8.10.26", "@fluentui/foundation-legacy": "^8.2.24", "@fluentui/scheme-utilities": "^8.3.20", "@fluentui/set-version": "^8.2.3", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index 04ccb4507c87bb..f3b63f631b8380 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.101.2" + "@fluentui/react": "^8.102.0" }, "scripts": { "build": "just-scripts build", diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index f3dede84f2d1bd..c73ac5bb1a743b 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -23,8 +23,8 @@ "dependencies": { "@fluentui/example-data": "^8.4.3", "@fluentui/font-icons-mdl2": "^8.5.4", - "@fluentui/react": "^8.101.2", - "@fluentui/react-experiments": "^8.14.20", + "@fluentui/react": "^8.102.0", + "@fluentui/react-experiments": "^8.14.21", "@fluentui/react-hooks": "^8.6.14", "@fluentui/react-icons-mdl2": "^1.3.27", "@fluentui/scripts": "^1.0.0", diff --git a/change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json b/change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json deleted file mode 100644 index 47d640c5c1bde1..00000000000000 --- a/change/@fluentui-react-21d08d17-38f6-4bdf-8d0e-383125edda19.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: FloatingPeoplePicker roles should be listbox/option", - "packageName": "@fluentui/react", - "email": "sarah.higley@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json b/change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json deleted file mode 100644 index 763dfd3025fec5..00000000000000 --- a/change/@fluentui-react-bfd757de-4aad-4e5a-a85d-943c1e0b6859.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "fix: pickers limit keyboard navigation to resultsMaximumNumber.", - "packageName": "@fluentui/react", - "email": "sarah.higley@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json b/change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json deleted file mode 100644 index dc7641c93517f2..00000000000000 --- a/change/@fluentui-react-file-type-icons-73c2ddb0-ff78-4e33-87a8-dafa7d543252.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: return correct icon name for documentsFolder", - "packageName": "@fluentui/react-file-type-icons", - "email": "1330321+yume-chan@users.noreply.github.com", - "dependentChangeType": "patch" -} diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json index 6ab0597e28b6d4..fef73468554d4b 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/azure-themes_v8.5.26", + "version": "8.5.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/azure-themes_v8.5.25", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index f2f776c8d2c8fa..30d6120b8c3dbf 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [8.5.26](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.26) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.5.25..@fluentui/azure-themes_v8.5.26) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [8.5.25](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.25) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index 47134c28de0543..bd8228d6f1c01b 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.5.25", + "version": "8.5.26", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index 7319da2f9ed80f..146ca39dee0b65 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/cra-template_v8.4.26", + "version": "8.4.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/cra-template_v8.4.25", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index 48499d4d20a7d8..969bb7d4b19ec1 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/cra-template -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [8.4.26](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.26) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.25..@fluentui/cra-template_v8.4.26) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [8.4.25](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.25) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index cc8b32bc159ac2..5a0272c22374b6 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.25", + "version": "8.4.26", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/scripts": "^1.0.0" } } diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index c29a4fd8e0d6f8..78633fc2af78c2 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-cards_v0.205.26", + "version": "0.205.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react-cards_v0.205.25", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index 84ff3970b5ee17..513fe273ae3221 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-cards -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [0.205.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.26) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.25..@fluentui/react-cards_v0.205.26) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [0.205.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.25) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index 1b6c99f1bcb6f2..a9c90f2601df51 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.25", + "version": "0.205.26", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/foundation-legacy": "^8.2.24", "@fluentui/set-version": "^8.2.3", "@microsoft/load-themed-styles": "^1.10.26", diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index c9c1a12dad690f..89a160b5c8f80d 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-charting_v5.14.16", + "version": "5.14.16", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react-charting_v5.14.15", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index d980a00efe077b..904a1357be8764 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-charting -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [5.14.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.16) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.14.15..@fluentui/react-charting_v5.14.16) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [5.14.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.15) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index 85f39d4505d31b..e9b8c21638a2b8 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.14.15", + "version": "5.14.16", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@types/react-addons-test-utils": "0.14.18", "@fluentui/scripts": "^1.0.0", "@fluentui/jest-serializer-merge-styles": "^8.0.21" @@ -60,7 +60,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.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-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json index 05d73e17c23f20..1afde1bcc5a9fc 100644 --- a/packages/react-date-time/CHANGELOG.json +++ b/packages/react-date-time/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-date-time", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-date-time_v8.7.26", + "version": "8.7.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react-date-time_v8.7.25", diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md index 238fa487ef80d1..ba7f6fb0ec84cf 100644 --- a/packages/react-date-time/CHANGELOG.md +++ b/packages/react-date-time/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-date-time -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [8.7.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.26) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.25..@fluentui/react-date-time_v8.7.26) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [8.7.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.25) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index f63feda427a56d..2be8c2910d4b6f 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.25", + "version": "8.7.26", "description": "Date and time related React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" }, diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index 7bff77c6727b32..b60b13fd9ae545 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-docsite-components_v8.10.26", + "version": "8.10.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.26", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react-docsite-components_v8.10.25", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index 0e3c3b407018b4..75f904a66471df 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [8.10.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.10.26) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.10.25..@fluentui/react-docsite-components_v8.10.26) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.26 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [8.10.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.10.25) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index 9fa458a3d84e88..3ed7ed67e469a6 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.10.25", + "version": "8.10.26", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,14 +33,14 @@ "react-dom": ">=16.8.0 <19.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/theme": "^2.6.19", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.3", "@fluentui/public-docsite-setup": "^0.3.13", "@fluentui/react-hooks": "^8.6.14", "@fluentui/set-version": "^8.2.3", - "@fluentui/react-monaco-editor": "^1.7.25", + "@fluentui/react-monaco-editor": "^1.7.26", "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 eb82c548523770..3d159bb3eabb70 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -23,26 +23,26 @@ "@types/d3-fetch": "^3.0.1" }, "dependencies": { - "@fluentui/azure-themes": "^8.5.25", + "@fluentui/azure-themes": "^8.5.26", "@fluentui/date-time-utilities": "^8.5.3", "@fluentui/dom-utilities": "^2.2.3", "@fluentui/example-data": "^8.4.3", "@fluentui/font-icons-mdl2": "^8.5.4", "@fluentui/foundation-legacy": "^8.2.24", "@fluentui/merge-styles": "^8.5.4", - "@fluentui/react": "^8.101.2", - "@fluentui/react-cards": "^0.205.25", - "@fluentui/react-charting": "^5.14.15", - "@fluentui/react-docsite-components": "^8.10.25", - "@fluentui/react-experiments": "^8.14.20", - "@fluentui/react-file-type-icons": "^8.8.2", + "@fluentui/react": "^8.102.0", + "@fluentui/react-cards": "^0.205.26", + "@fluentui/react-charting": "^5.14.16", + "@fluentui/react-docsite-components": "^8.10.26", + "@fluentui/react-experiments": "^8.14.21", + "@fluentui/react-file-type-icons": "^8.8.3", "@fluentui/react-focus": "^8.8.10", "@fluentui/react-hooks": "^8.6.14", "@fluentui/react-icons-mdl2": "^1.3.27", "@fluentui/scheme-utilities": "^8.3.20", "@fluentui/style-utilities": "^8.8.3", "@fluentui/theme": "^2.6.19", - "@fluentui/theme-samples": "^8.7.25", + "@fluentui/theme-samples": "^8.7.26", "@fluentui/utilities": "^8.13.4", "@microsoft/load-themed-styles": "^1.10.26", "d3-fetch": "3.0.1", diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json index 752b7c95ff3dfc..f82cb42b17fae3 100644 --- a/packages/react-experiments/CHANGELOG.json +++ b/packages/react-experiments/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-experiments", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-experiments_v8.14.21", + "version": "8.14.21", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react-experiments_v8.14.20", diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md index 415104a1c1880e..9566bf16d487bb 100644 --- a/packages/react-experiments/CHANGELOG.md +++ b/packages/react-experiments/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-experiments -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [8.14.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.21) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.20..@fluentui/react-experiments_v8.14.21) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [8.14.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.20) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index 9a4eff21cf694f..6479712916762d 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-experiments", - "version": "8.14.20", + "version": "8.14.21", "description": "Experimental React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -37,7 +37,7 @@ "react-hooks-testing-library": "^0.5.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/theme": "^2.6.19", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.3", diff --git a/packages/react-file-type-icons/CHANGELOG.json b/packages/react-file-type-icons/CHANGELOG.json index 5e8be3e0ead5b0..fdc5e46c29bbaf 100644 --- a/packages/react-file-type-icons/CHANGELOG.json +++ b/packages/react-file-type-icons/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-file-type-icons", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-file-type-icons_v8.8.3", + "version": "8.8.3", + "comments": { + "patch": [ + { + "author": "1330321+yume-chan@users.noreply.github.com", + "package": "@fluentui/react-file-type-icons", + "commit": "5c824b85641d3f2aaa2fb1bf14717c1deadd0a91", + "comment": "fix: return correct icon name for documentsFolder" + } + ] + } + }, { "date": "Tue, 15 Nov 2022 07:44:59 GMT", "tag": "@fluentui/react-file-type-icons_v8.8.2", diff --git a/packages/react-file-type-icons/CHANGELOG.md b/packages/react-file-type-icons/CHANGELOG.md index efdd7223589e53..315f7e3354919e 100644 --- a/packages/react-file-type-icons/CHANGELOG.md +++ b/packages/react-file-type-icons/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-file-type-icons -This log was last generated on Tue, 15 Nov 2022 07:44:59 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [8.8.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.8.3) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.8.2..@fluentui/react-file-type-icons_v8.8.3) + +### Patches + +- fix: return correct icon name for documentsFolder ([PR #25688](https://github.com/microsoft/fluentui/pull/25688) by 1330321+yume-chan@users.noreply.github.com) + ## [8.8.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.8.2) Tue, 15 Nov 2022 07:44:59 GMT diff --git a/packages/react-file-type-icons/package.json b/packages/react-file-type-icons/package.json index e6275b42af15bb..973143c4445be9 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.2", + "version": "8.8.3", "description": "Fluent UI React file type icon set.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-migration-v8-v9/CHANGELOG.json b/packages/react-migration-v8-v9/CHANGELOG.json index cb26e6ef4cde20..f7b8d90185376e 100644 --- a/packages/react-migration-v8-v9/CHANGELOG.json +++ b/packages/react-migration-v8-v9/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-migration-v8-v9", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-migration-v8-v9_v1.0.12", + "version": "1.0.12", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react-migration-v8-v9_v1.0.11", diff --git a/packages/react-migration-v8-v9/CHANGELOG.md b/packages/react-migration-v8-v9/CHANGELOG.md index e078dd67f5cc5a..c7d82226824def 100644 --- a/packages/react-migration-v8-v9/CHANGELOG.md +++ b/packages/react-migration-v8-v9/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-migration-v8-v9 -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [1.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.12) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.11..@fluentui/react-migration-v8-v9_v1.0.12) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [1.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.11) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react-migration-v8-v9/package.json b/packages/react-migration-v8-v9/package.json index 51bbf8da93740b..3616a8e54298a4 100644 --- a/packages/react-migration-v8-v9/package.json +++ b/packages/react-migration-v8-v9/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-migration-v8-v9", - "version": "1.0.11", + "version": "1.0.12", "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,7 +29,7 @@ }, "dependencies": { "@ctrl/tinycolor": "3.3.4", - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/react-components": "^9.7.0", "@fluentui/react-theme": "^9.1.2", "@fluentui/react-utilities": "^9.2.1", diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index 0290bdd7d80576..e3c6b3b3d6bc7b 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.26", + "version": "1.7.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.25", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index 7e1dc29d7ad30b..4dc20baf1f33c5 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [1.7.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.26) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.25..@fluentui/react-monaco-editor_v1.7.26) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [1.7.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.25) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index 1efed744a301a2..7ea4583d070cb5 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.25", + "version": "1.7.26", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.3", "@fluentui/monaco-editor": "^1.3.3", diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index 881821dfb2ca89..5278fb768227fc 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:43 GMT", + "tag": "@fluentui/react_v8.102.0", + "version": "8.102.0", + "comments": { + "patch": [ + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react", + "commit": "c7a1e243f8366456cb12af369ae5b749aabaec95", + "comment": "fix: FloatingPeoplePicker roles should be listbox/option" + } + ], + "minor": [ + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0", + "comment": "fix: pickers limit keyboard navigation to resultsMaximumNumber." + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/react_v8.101.2", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index d5b849f3c3e87b..60d3d062db9c59 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:43 GMT and should not be manually modified. +## [8.102.0](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.102.0) + +Thu, 17 Nov 2022 07:51:43 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.101.2..@fluentui/react_v8.102.0) + +### Minor changes + +- fix: pickers limit keyboard navigation to resultsMaximumNumber. ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by sarah.higley@microsoft.com) + +### Patches + +- fix: FloatingPeoplePicker roles should be listbox/option ([PR #25641](https://github.com/microsoft/fluentui/pull/25641) by sarah.higley@microsoft.com) + ## [8.101.2](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.101.2) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/react/package.json b/packages/react/package.json index 95aade33d949e4..2605b9ff92c92c 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react", - "version": "8.101.2", + "version": "8.102.0", "description": "Reusable React components for building web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 3d88284d678914..8bdfcc111e19f6 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/theme": "^2.6.19", "@storybook/addon-knobs": "6.4.0", "@storybook/addon-essentials": "6.5.5", "@storybook/addons": "6.5.5", - "@fluentui/azure-themes": "^8.5.25", - "@fluentui/theme-samples": "^8.7.25", + "@fluentui/azure-themes": "^8.5.26", + "@fluentui/theme-samples": "^8.7.26", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json index 629da7f1204435..54c8c1dfe53ed7 100644 --- a/packages/theme-samples/CHANGELOG.json +++ b/packages/theme-samples/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/theme-samples", "entries": [ + { + "date": "Thu, 17 Nov 2022 07:51:44 GMT", + "tag": "@fluentui/theme-samples_v8.7.26", + "version": "8.7.26", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.102.0", + "commit": "e2f2b9f6546c0e2df7ebe222242d8ca9a93f2fe0" + } + ] + } + }, { "date": "Wed, 16 Nov 2022 07:47:29 GMT", "tag": "@fluentui/theme-samples_v8.7.25", diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md index 0793e1ae9fc70e..7ad4eae71b09ba 100644 --- a/packages/theme-samples/CHANGELOG.md +++ b/packages/theme-samples/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/theme-samples -This log was last generated on Wed, 16 Nov 2022 07:47:29 GMT and should not be manually modified. +This log was last generated on Thu, 17 Nov 2022 07:51:44 GMT and should not be manually modified. +## [8.7.26](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.26) + +Thu, 17 Nov 2022 07:51:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.25..@fluentui/theme-samples_v8.7.26) + +### Patches + +- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball) + ## [8.7.25](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.25) Wed, 16 Nov 2022 07:47:29 GMT diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index c8da84865fa3f0..8bf18ebc5a3e74 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme-samples", - "version": "8.7.25", + "version": "8.7.26", "description": "Sample themes for use with Fabric components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react": "^8.101.2", + "@fluentui/react": "^8.102.0", "@fluentui/set-version": "^8.2.3", "@fluentui/scheme-utilities": "^8.3.20", "tslib": "^2.1.0"