From 5e39e158b76e686655cb1632b04881db25b51f1d Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 27 Dec 2022 11:46:02 -0700 Subject: [PATCH 01/12] preparing persona to release --- apps/perf-test-react-components/package.json | 2 +- apps/vr-tests-react-components/package.json | 2 +- .../etc/react-components.api.md | 24 +++++ .../etc/react-components.unstable.api.md | 24 ----- .../react-components/package.json | 2 +- .../react-components/src/index.ts | 94 ++++++++++--------- .../react-components/src/unstable/index.ts | 9 -- .../react-components/react-persona/README.md | 6 +- .../react-persona/package.json | 2 +- .../stories/Persona/PersonaDescription.md | 13 --- .../stories/Persona/index.stories.tsx | 2 +- yarn.lock | 2 +- 12 files changed, 82 insertions(+), 100 deletions(-) diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 0aea65130b595d..278cdac6484064 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -18,7 +18,7 @@ "@griffel/core": "^1.8.1", "@fluentui/react-avatar": "^9.2.10", "@fluentui/react-button": "^9.1.12", - "@fluentui/react-persona": "9.1.0-beta.7", + "@fluentui/react-persona": "^9.1.0", "@fluentui/react-provider": "^9.1.11", "@fluentui/react-spinbutton": "^9.0.12", "@fluentui/react-theme": "^9.1.5", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index dca0fa6364c2ce..7f56f33d0233ce 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -36,7 +36,7 @@ "@fluentui/react-label": "^9.0.14", "@fluentui/react-link": "^9.0.15", "@fluentui/react-menu": "^9.5.3", - "@fluentui/react-persona": "9.1.0-beta.7", + "@fluentui/react-persona": "^9.1.0", "@fluentui/react-popover": "^9.3.5", "@fluentui/react-positioning": "^9.3.5", "@fluentui/react-progress": "9.0.0-alpha.9", diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md index 8ee942a41bd03b..02cd2083d7c494 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -284,6 +284,11 @@ import { PartialTheme } from '@fluentui/react-theme'; import { PartitionAvatarGroupItems } from '@fluentui/react-avatar'; import { partitionAvatarGroupItems } from '@fluentui/react-avatar'; import { PartitionAvatarGroupItemsOptions } from '@fluentui/react-avatar'; +import { Persona } from '@fluentui/react-persona'; +import { personaClassNames } from '@fluentui/react-persona'; +import { PersonaProps } from '@fluentui/react-persona'; +import { PersonaSlots } from '@fluentui/react-persona'; +import { PersonaState } from '@fluentui/react-persona'; import { Popover } from '@fluentui/react-popover'; import { PopoverContextValue } from '@fluentui/react-popover'; import { PopoverProps } from '@fluentui/react-popover'; @@ -366,6 +371,7 @@ import { renderMenuList_unstable } from '@fluentui/react-menu'; import { renderMenuPopover_unstable } from '@fluentui/react-menu'; import { renderMenuSplitGroup_unstable } from '@fluentui/react-menu'; import { renderMenuTrigger_unstable } from '@fluentui/react-menu'; +import { renderPersona_unstable } from '@fluentui/react-persona'; import { renderPopover_unstable } from '@fluentui/react-popover'; import { renderPopoverSurface_unstable } from '@fluentui/react-popover'; import { renderPopoverTrigger_unstable } from '@fluentui/react-popover'; @@ -589,6 +595,8 @@ import { useMenuTriggerContext_unstable } from '@fluentui/react-menu'; import { useMergedRefs } from '@fluentui/react-utilities'; import { useModalAttributes } from '@fluentui/react-tabster'; import { UseModalAttributesOptions } from '@fluentui/react-tabster'; +import { usePersona_unstable } from '@fluentui/react-persona'; +import { usePersonaStyles_unstable } from '@fluentui/react-persona'; import { usePopover_unstable } from '@fluentui/react-popover'; import { usePopoverContext_unstable } from '@fluentui/react-popover'; import { usePopoverSurface_unstable } from '@fluentui/react-popover'; @@ -1192,6 +1200,16 @@ export { partitionAvatarGroupItems } export { PartitionAvatarGroupItemsOptions } +export { Persona } + +export { personaClassNames } + +export { PersonaProps } + +export { PersonaSlots } + +export { PersonaState } + export { Popover } export { PopoverContextValue } @@ -1356,6 +1374,8 @@ export { renderMenuSplitGroup_unstable } export { renderMenuTrigger_unstable } +export { renderPersona_unstable } + export { renderPopover_unstable } export { renderPopoverSurface_unstable } @@ -1802,6 +1822,10 @@ export { useModalAttributes } export { UseModalAttributesOptions } +export { usePersona_unstable } + +export { usePersonaStyles_unstable } + export { usePopover_unstable } export { usePopoverContext_unstable } 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 22416147b35a31..4c3aa7318ce263 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 @@ -130,11 +130,6 @@ import { Overflow } from '@fluentui/react-overflow'; import { OverflowItem } from '@fluentui/react-overflow'; import { OverflowItemProps } from '@fluentui/react-overflow'; import { OverflowProps } from '@fluentui/react-overflow'; -import { Persona } from '@fluentui/react-persona'; -import { personaClassNames } from '@fluentui/react-persona'; -import { PersonaProps } from '@fluentui/react-persona'; -import { PersonaSlots } from '@fluentui/react-persona'; -import { PersonaState } from '@fluentui/react-persona'; import { ProgressBar } from '@fluentui/react-progress'; import { progressBarClassNames } from '@fluentui/react-progress'; import { ProgressBarProps } from '@fluentui/react-progress'; @@ -165,7 +160,6 @@ 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'; -import { renderPersona_unstable } from '@fluentui/react-persona'; import { renderProgressBar_unstable } from '@fluentui/react-progress'; import { renderSelect_unstable } from '@fluentui/react-select'; import { renderTable_unstable } from '@fluentui/react-table'; @@ -323,8 +317,6 @@ import { useOptionGroup_unstable } from '@fluentui/react-combobox'; import { useOptionGroupStyles_unstable } from '@fluentui/react-combobox'; import { useOptionStyles_unstable } from '@fluentui/react-combobox'; import { useOverflowMenu } from '@fluentui/react-overflow'; -import { usePersona_unstable } from '@fluentui/react-persona'; -import { usePersonaStyles_unstable } from '@fluentui/react-persona'; import { useProgressBar_unstable } from '@fluentui/react-progress'; import { useProgressBarStyles_unstable } from '@fluentui/react-progress'; import { useSelect_unstable } from '@fluentui/react-select'; @@ -617,16 +609,6 @@ export { OverflowItemProps } export { OverflowProps } -export { Persona } - -export { personaClassNames } - -export { PersonaProps } - -export { PersonaSlots } - -export { PersonaState } - export { ProgressBar } export { progressBarClassNames } @@ -687,8 +669,6 @@ export { renderOption_unstable } export { renderOptionGroup_unstable } -export { renderPersona_unstable } - export { renderProgressBar_unstable } export { renderSelect_unstable } @@ -1004,10 +984,6 @@ export { useOptionStyles_unstable } export { useOverflowMenu } -export { usePersona_unstable } - -export { usePersonaStyles_unstable } - export { useProgressBar_unstable } export { useProgressBarStyles_unstable } diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 55485c96136a86..2d09f2cf3404c4 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -49,7 +49,7 @@ "@fluentui/react-link": "^9.0.15", "@fluentui/react-menu": "^9.5.3", "@fluentui/react-overflow": "9.0.0-rc.4", - "@fluentui/react-persona": "9.1.0-beta.7", + "@fluentui/react-persona": "^9.1.0", "@fluentui/react-portal": "^9.0.14", "@fluentui/react-popover": "^9.3.5", "@fluentui/react-positioning": "^9.3.5", diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index 038c0980417e75..95e6f06dab2d32 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -27,49 +27,6 @@ export type { FluentProviderSlots, FluentProviderState, } from '@fluentui/react-provider'; -export { - Radio, - radioClassNames, - RadioGroup, - RadioGroupProvider, - radioGroupClassNames, - renderRadio_unstable, - renderRadioGroup_unstable, - useRadio_unstable, - useRadioGroupContext_unstable, - useRadioGroupContextValues, - useRadioGroup_unstable, - useRadioGroupStyles_unstable, - useRadioStyles_unstable, -} from '@fluentui/react-radio'; -export type { - RadioGroupContextValue, - RadioGroupContextValues, - RadioGroupOnChangeData, - RadioGroupProps, - RadioGroupSlots, - RadioGroupState, - RadioOnChangeData, - RadioProps, - RadioSlots, - RadioState, -} from '@fluentui/react-radio'; -export { - SpinButton, - renderSpinButton_unstable, - spinButtonClassNames, - useSpinButtonStyles_unstable, - useSpinButton_unstable, -} from '@fluentui/react-spinbutton'; -export type { - SpinButtonOnChangeData, - SpinButtonChangeEvent, - SpinButtonProps, - SpinButtonSlots, - SpinButtonState, - SpinButtonSpinState, - SpinButtonBounds, -} from '@fluentui/react-spinbutton'; export { createCustomFocusIndicatorStyle, createFocusOutlineStyle, @@ -488,6 +445,14 @@ export type { // eslint-disable-next-line deprecation/deprecation UninitializedMenuListState, } from '@fluentui/react-menu'; +export { + Persona, + personaClassNames, + renderPersona_unstable, + usePersonaStyles_unstable, + usePersona_unstable, +} from '@fluentui/react-persona'; +export type { PersonaProps, PersonaState, PersonaSlots } from '@fluentui/react-persona'; export { Popover, PopoverSurface, @@ -520,6 +485,33 @@ export type { } from '@fluentui/react-popover'; export { Portal, usePortal_unstable, renderPortal_unstable } from '@fluentui/react-portal'; export type { PortalProps, PortalState } from '@fluentui/react-portal'; +export { + Radio, + radioClassNames, + RadioGroup, + RadioGroupProvider, + radioGroupClassNames, + renderRadio_unstable, + renderRadioGroup_unstable, + useRadio_unstable, + useRadioGroupContext_unstable, + useRadioGroupContextValues, + useRadioGroup_unstable, + useRadioGroupStyles_unstable, + useRadioStyles_unstable, +} from '@fluentui/react-radio'; +export type { + RadioGroupContextValue, + RadioGroupContextValues, + RadioGroupOnChangeData, + RadioGroupProps, + RadioGroupSlots, + RadioGroupState, + RadioOnChangeData, + RadioProps, + RadioSlots, + RadioState, +} from '@fluentui/react-radio'; export { Slider, sliderClassNames, @@ -530,6 +522,22 @@ export { renderSlider_unstable, } from '@fluentui/react-slider'; export type { SliderProps, SliderSlots, SliderOnChangeData, SliderState } from '@fluentui/react-slider'; +export { + SpinButton, + renderSpinButton_unstable, + spinButtonClassNames, + useSpinButtonStyles_unstable, + useSpinButton_unstable, +} from '@fluentui/react-spinbutton'; +export type { + SpinButtonOnChangeData, + SpinButtonChangeEvent, + SpinButtonProps, + SpinButtonSlots, + SpinButtonState, + SpinButtonSpinState, + SpinButtonBounds, +} from '@fluentui/react-spinbutton'; export { Spinner, spinnerClassNames, diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index 1ea6ef888a3b60..25be55d2db7e75 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -370,15 +370,6 @@ export { } from '@fluentui/react-field'; export type { FieldConfig, FieldProps, FieldSlots, FieldState } from '@fluentui/react-field'; -export { - Persona, - personaClassNames, - renderPersona_unstable, - usePersonaStyles_unstable, - usePersona_unstable, -} from '@fluentui/react-persona'; -export type { PersonaProps, PersonaState, PersonaSlots } from '@fluentui/react-persona'; - export { ProgressBar, progressBarClassNames, diff --git a/packages/react-components/react-persona/README.md b/packages/react-components/react-persona/README.md index 55b6a1d72f18ca..c942897e990b05 100644 --- a/packages/react-components/react-persona/README.md +++ b/packages/react-components/react-persona/README.md @@ -2,10 +2,6 @@ **React Persona 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 Persona: @@ -14,7 +10,7 @@ To import Persona: import { Persona } from '@fluentui/react-persona'; ``` -Once the Persona component graduates to a production release, the component will be available at: +To import Persona from `@fluentui/react-components`: ```js import { Persona } from '@fluentui/react-components'; diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index 3ab32048221f3c..a1fda72d57909e 100644 --- a/packages/react-components/react-persona/package.json +++ b/packages/react-components/react-persona/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-persona", - "version": "9.1.0-beta.7", + "version": "9.1.0", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-persona/stories/Persona/PersonaDescription.md b/packages/react-components/react-persona/stories/Persona/PersonaDescription.md index 47e66f077763b6..d47626298cf71c 100644 --- a/packages/react-components/react-persona/stories/Persona/PersonaDescription.md +++ b/packages/react-components/react-persona/stories/Persona/PersonaDescription.md @@ -1,14 +1 @@ A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge, or an Avatar with a PresenceBadge. - - - -> **⚠️ Preview components are considered unstable:** -> -> ```jsx -> -> import { Persona } 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 diff --git a/packages/react-components/react-persona/stories/Persona/index.stories.tsx b/packages/react-components/react-persona/stories/Persona/index.stories.tsx index 99ac1cbff5865c..eb384debfb933d 100644 --- a/packages/react-components/react-persona/stories/Persona/index.stories.tsx +++ b/packages/react-components/react-persona/stories/Persona/index.stories.tsx @@ -9,7 +9,7 @@ export { PresenceSize } from './PersonaPresenceSize.stories'; export { AvatarSize } from './PersonaAvatarSize.stories'; export default { - title: 'Preview Components/Persona', + title: 'Components/Persona', component: Persona, parameters: { docs: { diff --git a/yarn.lock b/yarn.lock index 606fc8e49e8299..b1c1c1289867b7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -21284,7 +21284,7 @@ pumpify@^1.3.3, pumpify@^1.3.5: inherits "^2.0.3" pump "^2.0.0" -punycode@^1.2.4, punycode@1.3.2: +punycode@1.3.2, punycode@^1.2.4: version "1.3.2" resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d" integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0= From dbc6833e239c642c724ea49dee71692980c5f0d5 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 27 Dec 2022 11:48:49 -0700 Subject: [PATCH 02/12] updating disallowed changes --- packages/react-components/react-persona/package.json | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index a1fda72d57909e..19ee8f39a48868 100644 --- a/packages/react-components/react-persona/package.json +++ b/packages/react-components/react-persona/package.json @@ -48,8 +48,7 @@ "tag": "beta", "disallowedChangeTypes": [ "major", - "minor", - "patch" + "prerelease" ] }, "exports": { From dd5e5c562edc587bcdcb92c68630d02887835550 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 27 Dec 2022 11:50:28 -0700 Subject: [PATCH 03/12] change files --- ...ct-components-c765b1a1-b30b-439f-abb7-829126cb511a.json | 7 +++++++ ...react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json | 7 +++++++ 2 files changed, 14 insertions(+) create mode 100644 change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json create mode 100644 change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json diff --git a/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json b/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json new file mode 100644 index 00000000000000..be7978b66bded6 --- /dev/null +++ b/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: Moving Persona to stable.", + "packageName": "@fluentui/react-components", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json b/change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json new file mode 100644 index 00000000000000..080ea8e8fa96d4 --- /dev/null +++ b/change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "feat: Moving Persona to stable.", + "packageName": "@fluentui/react-persona", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "none" +} From 41b9f803ce42b985c042b453fe74d94aabb41e29 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 27 Dec 2022 14:48:00 -0700 Subject: [PATCH 04/12] updating combobx stories --- .../stories/Combobox/ComboboxComplexOptions.stories.tsx | 3 +-- .../stories/Dropdown/DropdownComplexOptions.stories.tsx | 3 +-- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/react-components/react-combobox/stories/Combobox/ComboboxComplexOptions.stories.tsx b/packages/react-components/react-combobox/stories/Combobox/ComboboxComplexOptions.stories.tsx index dcc1426e0804d3..e3fac2a280d1f1 100644 --- a/packages/react-components/react-combobox/stories/Combobox/ComboboxComplexOptions.stories.tsx +++ b/packages/react-components/react-combobox/stories/Combobox/ComboboxComplexOptions.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Persona } from '@fluentui/react-persona'; -import { makeStyles, shorthands, useId } from '@fluentui/react-components'; +import { makeStyles, shorthands, useId, Persona } from '@fluentui/react-components'; import { Combobox, Option } from '@fluentui/react-combobox'; import type { ComboboxProps } from '@fluentui/react-combobox'; diff --git a/packages/react-components/react-combobox/stories/Dropdown/DropdownComplexOptions.stories.tsx b/packages/react-components/react-combobox/stories/Dropdown/DropdownComplexOptions.stories.tsx index f7f31f4385168c..9b864222174bf6 100644 --- a/packages/react-components/react-combobox/stories/Dropdown/DropdownComplexOptions.stories.tsx +++ b/packages/react-components/react-combobox/stories/Dropdown/DropdownComplexOptions.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Persona } from '@fluentui/react-persona'; -import { makeStyles, shorthands, useId } from '@fluentui/react-components'; +import { makeStyles, shorthands, useId, Persona } from '@fluentui/react-components'; import { Dropdown, Option } from '@fluentui/react-combobox'; import type { DropdownProps } from '@fluentui/react-combobox'; From a6d90f6b4c6edc0c0f7bc0fdbcb344d8fd4c6fb2 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 27 Dec 2022 15:30:48 -0700 Subject: [PATCH 05/12] updating persona's stories --- .../stories/Persona/PersonaAvatarSize.stories.tsx | 3 +-- .../react-persona/stories/Persona/PersonaDefault.stories.tsx | 3 ++- .../stories/Persona/PersonaPresenceSize.stories.tsx | 3 +-- .../stories/Persona/PersonaTextAlignment.stories.tsx | 3 +-- .../stories/Persona/PersonaTextPosition.stories.tsx | 3 +-- 5 files changed, 6 insertions(+), 9 deletions(-) diff --git a/packages/react-components/react-persona/stories/Persona/PersonaAvatarSize.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaAvatarSize.stories.tsx index d4599a00a2a4bc..ed1f358ca056ec 100644 --- a/packages/react-components/react-persona/stories/Persona/PersonaAvatarSize.stories.tsx +++ b/packages/react-components/react-persona/stories/Persona/PersonaAvatarSize.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Persona } from '@fluentui/react-persona'; -import { makeStyles } from '@fluentui/react-components'; +import { makeStyles, Persona } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-persona/stories/Persona/PersonaDefault.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaDefault.stories.tsx index 3a0ea4a6d6f324..34ebee8f9f89b8 100644 --- a/packages/react-components/react-persona/stories/Persona/PersonaDefault.stories.tsx +++ b/packages/react-components/react-persona/stories/Persona/PersonaDefault.stories.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { Persona, PersonaProps } from '@fluentui/react-persona'; +import { Persona } from '@fluentui/react-components'; +import type { PersonaProps } from '@fluentui/react-components'; export const Default = (props: Partial) => { return ( diff --git a/packages/react-components/react-persona/stories/Persona/PersonaPresenceSize.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaPresenceSize.stories.tsx index 194f8c07c6bd13..db0e2b6b4f9dde 100644 --- a/packages/react-components/react-persona/stories/Persona/PersonaPresenceSize.stories.tsx +++ b/packages/react-components/react-persona/stories/Persona/PersonaPresenceSize.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Persona } from '@fluentui/react-persona'; -import { makeStyles } from '@fluentui/react-components'; +import { makeStyles, Persona } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-persona/stories/Persona/PersonaTextAlignment.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaTextAlignment.stories.tsx index 09881b7b776c81..a4510b5b4373c2 100644 --- a/packages/react-components/react-persona/stories/Persona/PersonaTextAlignment.stories.tsx +++ b/packages/react-components/react-persona/stories/Persona/PersonaTextAlignment.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Persona } from '@fluentui/react-persona'; -import { makeStyles } from '@fluentui/react-components'; +import { makeStyles, Persona } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-persona/stories/Persona/PersonaTextPosition.stories.tsx b/packages/react-components/react-persona/stories/Persona/PersonaTextPosition.stories.tsx index 758a3728ee51eb..376cb4b131833f 100644 --- a/packages/react-components/react-persona/stories/Persona/PersonaTextPosition.stories.tsx +++ b/packages/react-components/react-persona/stories/Persona/PersonaTextPosition.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Persona } from '@fluentui/react-persona'; -import { makeStyles } from '@fluentui/react-components'; +import { makeStyles, Persona } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { From e5f07e3915cb2208c605c16073cceeb4856a5aab Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 27 Dec 2022 16:08:23 -0700 Subject: [PATCH 06/12] update persona import --- .../react-persona/stories/Persona/index.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-components/react-persona/stories/Persona/index.stories.tsx b/packages/react-components/react-persona/stories/Persona/index.stories.tsx index eb384debfb933d..08853a9e95c028 100644 --- a/packages/react-components/react-persona/stories/Persona/index.stories.tsx +++ b/packages/react-components/react-persona/stories/Persona/index.stories.tsx @@ -1,4 +1,4 @@ -import { Persona } from '@fluentui/react-persona'; +import { Persona } from '@fluentui/react-components'; import descriptionMd from './PersonaDescription.md'; From 5841c99113da79844b6d4f9ac61f7f8992526b89 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 27 Dec 2022 17:26:06 -0700 Subject: [PATCH 07/12] updating change type of react-componentS --- ...i-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json b/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json index be7978b66bded6..e25240d9823de3 100644 --- a/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json +++ b/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json @@ -3,5 +3,5 @@ "comment": "feat: Moving Persona to stable.", "packageName": "@fluentui/react-components", "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" + "dependentChangeType": "minor" } From c43682af9a3a6f14f7212bbd16d73573b28e2fba Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Wed, 28 Dec 2022 15:04:44 -0700 Subject: [PATCH 08/12] updating change types and package version to automatically bump to 9.1.0 --- ...react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json | 2 +- ...ui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json | 4 ++-- packages/react-components/react-persona/package.json | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json b/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json index e25240d9823de3..be7978b66bded6 100644 --- a/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json +++ b/change/@fluentui-react-components-c765b1a1-b30b-439f-abb7-829126cb511a.json @@ -3,5 +3,5 @@ "comment": "feat: Moving Persona to stable.", "packageName": "@fluentui/react-components", "email": "esteban.230@hotmail.com", - "dependentChangeType": "minor" + "dependentChangeType": "patch" } diff --git a/change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json b/change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json index 080ea8e8fa96d4..d6750836516d85 100644 --- a/change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json +++ b/change/@fluentui-react-persona-6d725b4a-927c-4b41-a89f-1f02531bbf32.json @@ -1,7 +1,7 @@ { - "type": "none", + "type": "minor", "comment": "feat: Moving Persona to stable.", "packageName": "@fluentui/react-persona", "email": "esteban.230@hotmail.com", - "dependentChangeType": "none" + "dependentChangeType": "patch" } diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index 19ee8f39a48868..12eca712b90ebe 100644 --- a/packages/react-components/react-persona/package.json +++ b/packages/react-components/react-persona/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-persona", - "version": "9.1.0", + "version": "9.1.0-beta.7", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", From 7e9a951e2c4e907db91a196f44d062662bd3ac63 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Wed, 28 Dec 2022 17:09:33 -0700 Subject: [PATCH 09/12] updating packages --- apps/perf-test-react-components/package.json | 2 +- apps/vr-tests-react-components/package.json | 4 ++-- packages/react-components/react-components/package.json | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 278cdac6484064..0aea65130b595d 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -18,7 +18,7 @@ "@griffel/core": "^1.8.1", "@fluentui/react-avatar": "^9.2.10", "@fluentui/react-button": "^9.1.12", - "@fluentui/react-persona": "^9.1.0", + "@fluentui/react-persona": "9.1.0-beta.7", "@fluentui/react-provider": "^9.1.11", "@fluentui/react-spinbutton": "^9.0.12", "@fluentui/react-theme": "^9.1.5", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index 6734d7f5b0b76f..dca0fa6364c2ce 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -36,7 +36,7 @@ "@fluentui/react-label": "^9.0.14", "@fluentui/react-link": "^9.0.15", "@fluentui/react-menu": "^9.5.3", - "@fluentui/react-persona": "^9.1.0", + "@fluentui/react-persona": "9.1.0-beta.7", "@fluentui/react-popover": "^9.3.5", "@fluentui/react-positioning": "^9.3.5", "@fluentui/react-progress": "9.0.0-alpha.9", @@ -47,7 +47,7 @@ "@fluentui/react-slider": "^9.0.14", "@fluentui/react-spinner": "^9.0.14", "@fluentui/react-spinbutton": "^9.0.12", - "@fluentui/react-storybook-addon": "9.0.0-rc.1", + "@fluentui/react-storybook-addon": "^9.0.0-rc.1", "@fluentui/react-switch": "^9.0.15", "@fluentui/react-tabs": "^9.1.4", "@fluentui/react-table": "9.0.0-alpha.15", diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 75a9160fc3bbce..f29f6df8defdc0 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -26,7 +26,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-storybook-addon": "9.0.0-rc.1", + "@fluentui/react-storybook-addon": "^9.0.0-rc.1", "@fluentui/scripts": "^1.0.0", "react-hook-form": "^5.7.2" }, @@ -49,7 +49,7 @@ "@fluentui/react-link": "^9.0.15", "@fluentui/react-menu": "^9.5.3", "@fluentui/react-overflow": "9.0.0-rc.4", - "@fluentui/react-persona": "^9.1.0", + "@fluentui/react-persona": "^9.1.0-beta.7", "@fluentui/react-portal": "^9.0.14", "@fluentui/react-popover": "^9.3.5", "@fluentui/react-positioning": "^9.3.5", From ef8882081334698be1251c487c97b87f2aecca3e Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Wed, 28 Dec 2022 17:13:23 -0700 Subject: [PATCH 10/12] reverting packages --- apps/vr-tests-react-components/package.json | 2 +- packages/react-components/react-components/package.json | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index dca0fa6364c2ce..6fa627292cd78d 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -47,7 +47,7 @@ "@fluentui/react-slider": "^9.0.14", "@fluentui/react-spinner": "^9.0.14", "@fluentui/react-spinbutton": "^9.0.12", - "@fluentui/react-storybook-addon": "^9.0.0-rc.1", + "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-switch": "^9.0.15", "@fluentui/react-tabs": "^9.1.4", "@fluentui/react-table": "9.0.0-alpha.15", diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index f29f6df8defdc0..4ff9737936a239 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -26,7 +26,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-storybook-addon": "^9.0.0-rc.1", + "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/scripts": "^1.0.0", "react-hook-form": "^5.7.2" }, @@ -49,7 +49,7 @@ "@fluentui/react-link": "^9.0.15", "@fluentui/react-menu": "^9.5.3", "@fluentui/react-overflow": "9.0.0-rc.4", - "@fluentui/react-persona": "^9.1.0-beta.7", + "@fluentui/react-persona": "9.1.0-beta.7", "@fluentui/react-portal": "^9.0.14", "@fluentui/react-popover": "^9.3.5", "@fluentui/react-positioning": "^9.3.5", From fd2e57e16e7f0377eb05ad1b0276bf6bc413e4a4 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 3 Jan 2023 10:07:47 -0700 Subject: [PATCH 11/12] adding requested changeS --- packages/react-components/react-persona/README.md | 6 ------ packages/react-components/react-persona/package.json | 1 - 2 files changed, 7 deletions(-) diff --git a/packages/react-components/react-persona/README.md b/packages/react-components/react-persona/README.md index c942897e990b05..0255985ae881dd 100644 --- a/packages/react-components/react-persona/README.md +++ b/packages/react-components/react-persona/README.md @@ -6,12 +6,6 @@ To import Persona: -```js -import { Persona } from '@fluentui/react-persona'; -``` - -To import Persona from `@fluentui/react-components`: - ```js import { Persona } from '@fluentui/react-components'; ``` diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index 12eca712b90ebe..f25eddf28a02b2 100644 --- a/packages/react-components/react-persona/package.json +++ b/packages/react-components/react-persona/package.json @@ -45,7 +45,6 @@ "react-dom": ">=16.8.0 <19.0.0" }, "beachball": { - "tag": "beta", "disallowedChangeTypes": [ "major", "prerelease" From 661380fd7af517ab4f4ff80c7f068077144eab96 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 3 Jan 2023 16:11:57 -0700 Subject: [PATCH 12/12] changing type to change file to fix beachball issue --- ...ntui-react-persona-2c76f33b-36e4-49ca-87a5-273f3be919a3.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/change/@fluentui-react-persona-2c76f33b-36e4-49ca-87a5-273f3be919a3.json b/change/@fluentui-react-persona-2c76f33b-36e4-49ca-87a5-273f3be919a3.json index 865ed515598ed6..86f3560102abd4 100644 --- a/change/@fluentui-react-persona-2c76f33b-36e4-49ca-87a5-273f3be919a3.json +++ b/change/@fluentui-react-persona-2c76f33b-36e4-49ca-87a5-273f3be919a3.json @@ -1,5 +1,5 @@ { - "type": "prerelease", + "type": "none", "comment": "chore: Update Griffel to latest version", "packageName": "@fluentui/react-persona", "email": "olfedias@microsoft.com",