@@ -209,30 +232,12 @@ storiesOf('Avatar Converged', module)
))
.addStory('customSize+icon+active', () =>
)
- .addStory(
- 'color',
- () => {
- const rowStyles: React.CSSProperties = { display: 'flex', flexWrap: 'wrap', gap: '8px' };
-
- return (
-
-
-
- {examples.name.map(name => (
-
- ))}
-
-
- {examples.namedColors.map(color => (
-
- ))}
-
-
- );
- },
- { includeHighContrast: true, includeDarkMode: true },
- )
+ .addStory('color', () =>
, {
+ includeHighContrast: true,
+ includeDarkMode: true,
+ })
+ .addStory('color+active', () =>
, {
+ includeHighContrast: true,
+ includeDarkMode: true,
+ })
.addStory('image-bad-url', () =>
);
diff --git a/apps/vr-tests-react-components/src/stories/Dialog.stories.tsx b/apps/vr-tests-react-components/src/stories/Dialog.stories.tsx
deleted file mode 100644
index 98ccf2836eb63..0000000000000
--- a/apps/vr-tests-react-components/src/stories/Dialog.stories.tsx
+++ /dev/null
@@ -1,411 +0,0 @@
-import * as React from 'react';
-import { storiesOf } from '@storybook/react';
-import {
- Dialog,
- DialogActions,
- DialogBody,
- DialogContent,
- DialogSurface,
- DialogTitle,
- DialogTrigger,
-} from '@fluentui/react-dialog';
-import { Button } from '@fluentui/react-button';
-import { Rocket24Regular } from '@fluentui/react-icons';
-
-storiesOf('Dialog', module)
- .addStory(
- 'default',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'non-modal',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'alert',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'actions position start',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'actions position start & position end',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'no actions',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'no title',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'no title & no actions',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'title custom action',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'nested',
- () => (
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- )
- .addStory(
- 'scroll long content',
- () => (
-
-
-
-
-
-
- Dialog title
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
- dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est
- lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit
- gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet
- bibendum. Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse.
- Nunc id cursus metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin
- nibh nisl condimentum id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac
- auctor augue mauris augue neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur
- ridiculus mus mauris vitae ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo
- in vitae turpis massa sed elementum tempus egestas sed.
-
-
- Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris.
- Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam
- adipiscing vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet
- mattis vulputate enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus
- cras adipiscing enim eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque
- gravida in fermentum et sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis
- nunc. Ultrices eros in cursus turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra
- justo. Odio pellentesque diam volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec
- ullamcorper. Ipsum nunc aliquet bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien
- nec sagittis aliquam malesuada bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis
- imperdiet.
-
-
- Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo.
- Eget aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra
- massa massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero
- volutpat sed. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut
- aliquam. Volutpat diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a
- erat. Venenatis lectus magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel
- elit. Neque laoreet suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci.
- Bibendum ut tristique et egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec
- ultrices dui. Elit duis tristique sollicitudin nibh sit amet.
-
-
- At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit.
- Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod.
- Turpis egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu
- tincidunt tortor aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus
- venenatis lectus magna fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas
- maecenas pharetra convallis posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus
- sit amet est placerat.
-
-
- Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna
- condimentum mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat
- in ante metus dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales
- neque sodales ut etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis
- molestie a iaculis at erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit
- amet commodo nulla. Fringilla urna porttitor rhoncus dolor purus.
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
- dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est
- lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit
- gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet
- bibendum. Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse.
- Nunc id cursus metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin
- nibh nisl condimentum id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac
- auctor augue mauris augue neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur
- ridiculus mus mauris vitae ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo
- in vitae turpis massa sed elementum tempus egestas sed.
-
-
- Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris.
- Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam
- adipiscing vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet
- mattis vulputate enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus
- cras adipiscing enim eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque
- gravida in fermentum et sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis
- nunc. Ultrices eros in cursus turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra
- justo. Odio pellentesque diam volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec
- ullamcorper. Ipsum nunc aliquet bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien
- nec sagittis aliquam malesuada bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis
- imperdiet.
-
-
- Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo.
- Eget aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra
- massa massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero
- volutpat sed. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut
- aliquam. Volutpat diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a
- erat. Venenatis lectus magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel
- elit. Neque laoreet suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci.
- Bibendum ut tristique et egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec
- ultrices dui. Elit duis tristique sollicitudin nibh sit amet.
-
-
- At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit.
- Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod.
- Turpis egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu
- tincidunt tortor aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus
- venenatis lectus magna fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas
- maecenas pharetra convallis posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus
- sit amet est placerat.
-
-
- Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna
- condimentum mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat
- in ante metus dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales
- neque sodales ut etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis
- molestie a iaculis at erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit
- amet commodo nulla. Fringilla urna porttitor rhoncus dolor purus.
-
-
-
-
-
-
-
-
-
-
-
- ),
- { includeDarkMode: true, includeHighContrast: true, includeRtl: true },
- );
diff --git a/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx b/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx
new file mode 100644
index 0000000000000..5061f52be2d9c
--- /dev/null
+++ b/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx
@@ -0,0 +1,444 @@
+import * as React from 'react';
+import {
+ Dialog,
+ DialogActions,
+ DialogBody,
+ DialogContent,
+ DialogSurface,
+ DialogTitle,
+ DialogTrigger,
+} from '@fluentui/react-dialog';
+import { Button } from '@fluentui/react-button';
+import { Rocket24Regular } from '@fluentui/react-icons';
+import { ComponentMeta } from '@storybook/react';
+import { getStoryVariant, DARK_MODE, HIGH_CONTRAST, RTL } from '../../utilities';
+
+export default {
+ title: 'Dialog',
+} as ComponentMeta
;
+
+export const Default = () => (
+
+
+
+
+
+
+ Dialog title
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+
+
+
+
+
+
+);
+
+Default.storyName = 'default';
+
+export const DefaultDarkMode = getStoryVariant(Default, DARK_MODE);
+export const DefaultHighContrast = getStoryVariant(Default, HIGH_CONTRAST);
+export const DefaultRTL = getStoryVariant(Default, RTL);
+
+export const NonModal = () => (
+
+
+
+
+
+
+ Dialog title
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+
+
+
+
+
+
+);
+
+NonModal.storyName = 'non-modal';
+
+export const NonModalDarkMode = getStoryVariant(NonModal, DARK_MODE);
+export const NonModalHighContrast = getStoryVariant(NonModal, HIGH_CONTRAST);
+export const NonModalRTL = getStoryVariant(NonModal, RTL);
+
+export const Alert = () => (
+
+
+
+
+
+
+ Dialog title
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+
+
+
+
+
+
+);
+
+Alert.storyName = 'alert';
+
+export const AlertDarkMode = getStoryVariant(Alert, DARK_MODE);
+export const AlertHighContrast = getStoryVariant(Alert, HIGH_CONTRAST);
+export const AlertRTL = getStoryVariant(Alert, RTL);
+
+export const ActionsPositionStart = () => (
+
+
+
+
+
+
+ Dialog title
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+
+
+
+
+
+
+);
+
+ActionsPositionStart.storyName = 'actions position start';
+
+export const ActionsPositionStartDarkMode = getStoryVariant(ActionsPositionStart, DARK_MODE);
+export const ActionsPositionStartHighContrast = getStoryVariant(ActionsPositionStart, HIGH_CONTRAST);
+export const ActionsPositionStartRTL = getStoryVariant(ActionsPositionStart, RTL);
+
+export const ActionsPositionStartPositionEnd = () => (
+
+
+
+
+
+
+ Dialog title
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
+
+ActionsPositionStartPositionEnd.storyName = 'actions position start & position end';
+
+export const ActionsPositionStartPositionEndDarkMode = getStoryVariant(ActionsPositionStartPositionEnd, DARK_MODE);
+export const ActionsPositionStartPositionEndHighContrast = getStoryVariant(
+ ActionsPositionStartPositionEnd,
+ HIGH_CONTRAST,
+);
+export const ActionsPositionStartPositionEndRTL = getStoryVariant(ActionsPositionStartPositionEnd, RTL);
+
+export const NoActions = () => (
+
+
+
+
+
+
+ Dialog title
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+);
+
+NoActions.storyName = 'no actions';
+
+export const NoActionsDarkMode = getStoryVariant(NoActions, DARK_MODE);
+export const NoActionsHighContrast = getStoryVariant(NoActions, HIGH_CONTRAST);
+export const NoActionsRTL = getStoryVariant(NoActions, RTL);
+
+export const NoTitle = () => (
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+
+
+
+
+
+
+);
+
+NoTitle.storyName = 'no title';
+
+export const NoTitleDarkMode = getStoryVariant(NoTitle, DARK_MODE);
+export const NoTitleHighContrast = getStoryVariant(NoTitle, HIGH_CONTRAST);
+export const NoTitleRTL = getStoryVariant(NoTitle, RTL);
+
+export const NoTitleNoActions = () => (
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est
+ dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque
+ eaque?
+
+
+
+
+);
+
+NoTitleNoActions.storyName = 'no title & no actions';
+
+export const NoTitleNoActionsDarkMode = getStoryVariant(NoTitleNoActions, DARK_MODE);
+export const NoTitleNoActionsHighContrast = getStoryVariant(NoTitleNoActions, HIGH_CONTRAST);
+export const NoTitleNoActionsRTL = getStoryVariant(NoTitleNoActions, RTL);
+
+export const TitleCustomAction = () => (
+
+
+
+
+
+
+ } />}>
+ Dialog title
+
+
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid, explicabo repudiandae impedit doloribus
+ laborum quidem maxime dolores perspiciatis non ipsam, nostrum commodi quis autem sequi, incidunt cum?
+ Consequuntur, repellendus nostrum?
+
+
+
+
+);
+
+TitleCustomAction.storyName = 'title custom action';
+
+export const TitleCustomActionDarkMode = getStoryVariant(TitleCustomAction, DARK_MODE);
+export const TitleCustomActionHighContrast = getStoryVariant(TitleCustomAction, HIGH_CONTRAST);
+export const TitleCustomActionRTL = getStoryVariant(TitleCustomAction, RTL);
+
+export const Nested = () => (
+
+
+
+
+
+
+ Dialog title
+
+
+
+
+
+
+
+ Inner dialog title
+ ⛔️ just because you can doesn't mean you should have nested dialogs ⛔️
+
+
+
+
+
+
+
+
+
+
+
+
+);
+
+Nested.storyName = 'nested';
+
+export const NestedDarkMode = getStoryVariant(Nested, DARK_MODE);
+export const NestedHighContrast = getStoryVariant(Nested, HIGH_CONTRAST);
+export const NestedRTL = getStoryVariant(Nested, RTL);
+
+export const ScrollLongContent = () => (
+
+
+
+
+
+
+ Dialog title
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+ dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est
+ lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit
+ gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet bibendum.
+ Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse. Nunc id cursus
+ metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin nibh nisl condimentum
+ id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac auctor augue mauris augue
+ neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur ridiculus mus mauris vitae
+ ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo in vitae turpis massa sed
+ elementum tempus egestas sed.
+
+
+ Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris.
+ Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam adipiscing
+ vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet mattis vulputate
+ enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus cras adipiscing enim
+ eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque gravida in fermentum et
+ sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc. Ultrices eros in cursus
+ turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra justo. Odio pellentesque diam
+ volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Ipsum nunc aliquet
+ bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien nec sagittis aliquam malesuada
+ bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis imperdiet.
+
+
+ Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo. Eget
+ aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra massa
+ massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero volutpat sed.
+ Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut aliquam. Volutpat
+ diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a erat. Venenatis lectus
+ magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel elit. Neque laoreet
+ suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci. Bibendum ut tristique et
+ egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec ultrices dui. Elit duis
+ tristique sollicitudin nibh sit amet.
+
+
+ At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit.
+ Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod. Turpis
+ egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor
+ aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus venenatis lectus magna
+ fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas maecenas pharetra convallis
+ posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus sit amet est placerat.
+
+
+ Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna condimentum
+ mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat in ante metus
+ dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales neque sodales ut
+ etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis molestie a iaculis at
+ erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla.
+ Fringilla urna porttitor rhoncus dolor purus.
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+ dolore magna aliqua. Nisl pretium fusce id velit ut tortor. Leo vel fringilla est ullamcorper. Eget est
+ lorem ipsum dolor sit amet consectetur adipiscing elit. In mollis nunc sed id semper risus in hendrerit
+ gravida. Ullamcorper sit amet risus nullam eget felis eget. Dolor sed viverra ipsum nunc aliquet bibendum.
+ Facilisi morbi tempus iaculis urna id volutpat. Porta non pulvinar neque laoreet suspendisse. Nunc id cursus
+ metus aliquam eleifend mi in. A iaculis at erat pellentesque adipiscing commodo. Proin nibh nisl condimentum
+ id. In hac habitasse platea dictumst vestibulum rhoncus est. Non tellus orci ac auctor augue mauris augue
+ neque. Enim nulla aliquet porttitor lacus luctus accumsan tortor. Nascetur ridiculus mus mauris vitae
+ ultricies leo integer. Ullamcorper eget nulla facilisi etiam dignissim. Leo in vitae turpis massa sed
+ elementum tempus egestas sed.
+
+
+ Ut enim blandit volutpat maecenas volutpat. Venenatis urna cursus eget nunc scelerisque viverra mauris.
+ Neque aliquam vestibulum morbi blandit. Porttitor eget dolor morbi non. Nisi quis eleifend quam adipiscing
+ vitae. Aliquam ultrices sagittis orci a scelerisque purus semper. Interdum varius sit amet mattis vulputate
+ enim nulla aliquet. Ut sem viverra aliquet eget sit amet tellus cras. Sit amet tellus cras adipiscing enim
+ eu turpis egestas. Amet cursus sit amet dictum sit amet justo donec enim. Neque gravida in fermentum et
+ sollicitudin ac. Arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc. Ultrices eros in cursus
+ turpis massa tincidunt dui. Nisl rhoncus mattis rhoncus urna neque viverra justo. Odio pellentesque diam
+ volutpat commodo sed egestas. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Ipsum nunc aliquet
+ bibendum enim. Faucibus ornare suspendisse sed nisi lacus sed. Sapien nec sagittis aliquam malesuada
+ bibendum arcu vitae elementum. Metus vulputate eu scelerisque felis imperdiet.
+
+
+ Consequat interdum varius sit amet mattis vulputate enim. Amet cursus sit amet dictum sit amet justo. Eget
+ aliquet nibh praesent tristique magna sit. Ut consequat semper viverra nam libero justo. Pharetra massa
+ massa ultricies mi. Sem viverra aliquet eget sit amet. Pulvinar mattis nunc sed blandit libero volutpat sed.
+ Pharetra diam sit amet nisl suscipit adipiscing bibendum. Consectetur adipiscing elit ut aliquam. Volutpat
+ diam ut venenatis tellus in metus vulputate. Scelerisque in dictum non consectetur a erat. Venenatis lectus
+ magna fringilla urna porttitor rhoncus. Vitae congue mauris rhoncus aenean vel elit. Neque laoreet
+ suspendisse interdum consectetur. Ultrices gravida dictum fusce ut placerat orci. Bibendum ut tristique et
+ egestas quis ipsum suspendisse. Mattis rhoncus urna neque viverra justo nec ultrices dui. Elit duis
+ tristique sollicitudin nibh sit amet.
+
+
+ At risus viverra adipiscing at. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit.
+ Nunc vel risus commodo viverra maecenas. Sit amet est placerat in egestas erat imperdiet sed euismod. Turpis
+ egestas maecenas pharetra convallis posuere. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor
+ aliquam. Dolor sit amet consectetur adipiscing elit. Aliquam purus sit amet luctus venenatis lectus magna
+ fringilla. Scelerisque fermentum dui faucibus in ornare quam viverra. Egestas maecenas pharetra convallis
+ posuere morbi leo urna. A diam sollicitudin tempor id eu nisl nunc. Lectus sit amet est placerat.
+
+
+ Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. At tellus at urna condimentum
+ mattis pellentesque id nibh. Dui faucibus in ornare quam. Tincidunt id aliquet risus feugiat in ante metus
+ dictum. Adipiscing commodo elit at imperdiet dui. Dolor sed viverra ipsum nunc. Sodales neque sodales ut
+ etiam sit amet nisl. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Mattis molestie a iaculis at
+ erat pellentesque adipiscing. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla.
+ Fringilla urna porttitor rhoncus dolor purus.
+
+
+
+
+
+
+
+
+
+
+
+);
+
+ScrollLongContent.storyName = 'scroll long content';
+
+export const ScrollLongContentDarkMode = getStoryVariant(ScrollLongContent, DARK_MODE);
+export const ScrollLongContentHighContrast = getStoryVariant(ScrollLongContent, HIGH_CONTRAST);
+export const ScrollLongContentRTL = getStoryVariant(ScrollLongContent, RTL);
diff --git a/apps/vr-tests-react-components/src/stories/Field.stories.tsx b/apps/vr-tests-react-components/src/stories/Field.stories.tsx
index 663edb6328523..8f1fae22d29d7 100644
--- a/apps/vr-tests-react-components/src/stories/Field.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Field.stories.tsx
@@ -1,31 +1,28 @@
import * as React from 'react';
import Screener, { Steps } from 'screener-storybook/src/screener';
import { storiesOf } from '@storybook/react';
-import { Radio } from '@fluentui/react-radio';
-import {
- CheckboxField,
- ComboboxField,
- InputField,
- ProgressField,
- RadioGroupField,
- SelectField,
- SliderField,
- SpinButtonField,
- SwitchField,
- TextareaField,
-} from '@fluentui/react-field';
+import { CheckboxField_unstable as CheckboxField } from '@fluentui/react-checkbox';
+import { ComboboxField_unstable as ComboboxField } from '@fluentui/react-combobox';
import { SparkleFilled } from '@fluentui/react-icons';
-import { FieldComponent, FieldPropsWithOptionalComponentProps } from '@fluentui/react-field/src/Field';
+import type { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input';
+import { InputField_unstable as InputField } from '@fluentui/react-input';
+import { ProgressField_unstable as ProgressField } from '@fluentui/react-progress';
+import { Radio, RadioGroupField_unstable as RadioGroupField } from '@fluentui/react-radio';
+import { SelectField_unstable as SelectField } from '@fluentui/react-select';
+import { SliderField_unstable as SliderField } from '@fluentui/react-slider';
+import { SpinButtonField_unstable as SpinButtonField } from '@fluentui/react-spinbutton';
+import { SwitchField_unstable as SwitchField } from '@fluentui/react-switch';
+import { TextareaField_unstable as TextareaField } from '@fluentui/react-textarea';
-type FieldComponentProps = Pick<
- FieldPropsWithOptionalComponentProps,
+type FieldControlProps = Pick<
+ InputFieldProps,
'orientation' | 'required' | 'label' | 'validationState' | 'validationMessage' | 'validationMessageIcon' | 'hint'
>;
/**
* Common VR tests for all field components. Pass the given Field component (or a wrapper around it).
*/
-const storiesOfField = (name: string, Field: React.VoidFunctionComponent) =>
+const storiesOfField = (name: string, Field: React.VoidFunctionComponent) =>
storiesOf(name, module)
.addDecorator(story => {story()})
.addDecorator(story => (
@@ -65,7 +62,7 @@ const storiesOfField = (name: string, Field: React.VoidFunctionComponent,
+ Field: React.VoidFunctionComponent,
) =>
storiesOfField(name, Field)
.addStory('size:small', () => )
diff --git a/apps/vr-tests-react-components/src/stories/Image.stories.tsx b/apps/vr-tests-react-components/src/stories/Image.stories.tsx
deleted file mode 100644
index cf06075f882bf..0000000000000
--- a/apps/vr-tests-react-components/src/stories/Image.stories.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import * as React from 'react';
-import { storiesOf } from '@storybook/react';
-import Screener from 'screener-storybook/src/screener';
-import { Image } from '@fluentui/react-image';
-
-const imageUrl = 'https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/AmandaBrady.jpg';
-
-storiesOf('Image Converged', module)
- .addDecorator((story: () => React.ReactNode) => (
- {story()}
- ))
- .addStory('Default', () => (
-
- ))
- .addStory('Image Shape', () => (
- <>
-
-
-
-
-
-
-
-
-
- >
- ))
- .addStory('Image Variations Border', () => (
- <>
-
-
-
-
-
-
-
-
-
- >
- ))
- .addStory('Image Variations Fallback', () => (
-
- ))
- .addStory('Image Layout Fit', () => (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
- >
- ))
- .addStory('Image Fluid', () => (
- <>
-
-
-
-
-
-
- >
- ))
- .addStory('Image Shadow', () => (
-
- ));
diff --git a/apps/vr-tests-react-components/src/stories/Image/Image.stories.tsx b/apps/vr-tests-react-components/src/stories/Image/Image.stories.tsx
new file mode 100644
index 0000000000000..d24288b7aee42
--- /dev/null
+++ b/apps/vr-tests-react-components/src/stories/Image/Image.stories.tsx
@@ -0,0 +1,114 @@
+import * as React from 'react';
+import Screener from 'screener-storybook/src/screener';
+import { Image } from '@fluentui/react-image';
+import { ComponentMeta } from '@storybook/react';
+
+const imageUrl = 'https://fabricweb.azureedge.net/fabric-website/assets/images/avatar/AmandaBrady.jpg';
+
+export default {
+ title: 'Image Converged',
+
+ decorators: [
+ (story: () => React.ReactNode) => (
+ {story()}
+ ),
+ ],
+} as ComponentMeta;
+
+export const Default = () => (
+
+);
+
+export const ImageShape = () => (
+ <>
+
+
+
+
+
+
+
+
+
+ >
+);
+
+export const ImageVariationsBorder = () => (
+ <>
+
+
+
+
+
+
+
+
+
+ >
+);
+
+export const ImageVariationsFallback = () => (
+
+);
+
+export const ImageLayoutFit = () => (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+);
+
+export const ImageFluid = () => (
+ <>
+
+
+
+
+
+
+ >
+);
+
+export const ImageShadow = () => (
+
+);
diff --git a/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx b/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx
index 1c397958bfa53..0904453a7d4da 100644
--- a/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Tabs.stories.tsx
@@ -92,6 +92,38 @@ storiesOf('TabList and Tab Converged', module)
includeDarkMode: true,
},
)
+ .addStory(
+ 'Large size',
+ () => (
+
+ First
+
+ Second
+
+ Third
+
+ ),
+ {
+ includeHighContrast: true,
+ includeDarkMode: true,
+ },
+ )
+ .addStory(
+ 'Vertical and large size',
+ () => (
+
+ First
+
+ Second
+
+ Third
+
+ ),
+ {
+ includeHighContrast: true,
+ includeDarkMode: true,
+ },
+ )
.addStory(
'Tab Selected (default)',
() => (
diff --git a/apps/vr-tests/convertStoriesToStoryWright.sh b/apps/vr-tests/convertStoriesToStoryWright.sh
new file mode 100755
index 0000000000000..35c46bf13278d
--- /dev/null
+++ b/apps/vr-tests/convertStoriesToStoryWright.sh
@@ -0,0 +1,26 @@
+#!/usr/bin/env bash
+
+#!/usr/bin/env bash
+
+find ./src -type f |while read fname; do
+ impor=""
+ if grep -q "screener-storybook" $fname; then
+ echo "$fname"
+ if grep -q "/StoryWright>/g"
+
diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json
index aa3f06e1d749c..046bfa0a3646b 100644
--- a/apps/vr-tests/package.json
+++ b/apps/vr-tests/package.json
@@ -6,23 +6,27 @@
"scripts": {
"build": "just-scripts build",
"clean": "just-scripts clean",
+ "test:component": "storywright --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true",
"code-style": "just-scripts code-style",
+ "convert": "bash convertStoriesToStoryWright.sh",
"just": "just-scripts",
"lint": "just-scripts lint",
"screener:build": "cross-env NODE_OPTIONS=--max-old-space-size=3072 just-scripts storybook:build",
"screener": "just-scripts screener",
- "start": "just-scripts dev:storybook"
+ "start": "just-scripts dev:storybook",
+ "type-check": "tsc"
},
"devDependencies": {
- "@fluentui/eslint-plugin": "*"
+ "@fluentui/eslint-plugin": "*",
+ "storywright": "0.0.25"
},
"dependencies": {
- "@fluentui/example-data": "^8.4.2",
- "@fluentui/font-icons-mdl2": "^8.5.2",
- "@fluentui/react": "^8.100.0",
- "@fluentui/react-experiments": "^8.14.17",
- "@fluentui/react-hooks": "^8.6.12",
- "@fluentui/react-icons-mdl2": "^1.3.25",
+ "@fluentui/example-data": "^8.4.3",
+ "@fluentui/font-icons-mdl2": "^8.5.3",
+ "@fluentui/react": "^8.101.0",
+ "@fluentui/react-experiments": "^8.14.18",
+ "@fluentui/react-hooks": "^8.6.13",
+ "@fluentui/react-icons-mdl2": "^1.3.26",
"@fluentui/scripts": "^1.0.0",
"@fluentui/storybook": "^1.0.0",
"react": "17.0.2",
diff --git a/azure-pipelines.vrt-baseline.yml b/azure-pipelines.vrt-baseline.yml
index d0426ef9f72d7..33bfe164b909a 100644
--- a/azure-pipelines.vrt-baseline.yml
+++ b/azure-pipelines.vrt-baseline.yml
@@ -15,50 +15,54 @@ variables:
pool: '1ES-Host-Ubuntu'
jobs:
- - job: VRToolUpdateBaseline
+ - job: VRToolUpdateBaseline_V9
workspace:
clean: all
steps:
- template: .devops/templates/tools.yml
- - task: Bash@3
- inputs:
- filePath: yarn-ci.sh
- displayName: yarn (install packages)
+ - template: .devops/templates/runpublishvrscreenshot.yml
+ parameters:
+ fluentVersion: v9
+ storyPackageName: '@fluentui/vr-tests-react-components'
+ storyPackagePath: 'apps/vr-tests-react-components'
+ shouldbuildstorybookaddon: true
- - script: |
- yarn workspace @fluentui/vr-tests-react-components convert
- displayName: Convert screener component to storywright
-
- - script: |
- yarn workspace @fluentui/vr-tests-react-components screener:build
- displayName: Build VR tests components package
-
- - script: |
- yarn lage test:component --verbose
- displayName: 'Run VR tests'
-
- - script: |
- mkdir -p screenshots
- cp -rf apps/vr-tests-react-components/dist/screenshots/*.png screenshots/
- displayName: Collate Artifacts
+ - bash: node node_modules/vrscreenshotdiff/lib/index.js release --clientType "fluentuiv9" --buildId $(Build.BuildId)
+ displayName: 'Run Screenshotdiff update baseline'
+ env:
+ API_URL: $(System.CollectionUri)
+ API_TOKEN: $(TEST_PAT)
+ API_REPOSITORY: $(Build.Repository.Name)
+ API_PROJECT: $(System.TeamProject)
+ SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv9
+ GITHUB_API_TOKEN: $(GITHUB_TEST_PAT)
+ STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI)
+ STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI)
+ BLOB_CONNECTION_STRING: $(BLOB-CONNECTION-STRING)
+ VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET)
- - task: PublishBuildArtifacts@1
- inputs:
- PathtoPublish: 'screenshots'
- ArtifactName: 'vrscreenshot'
- publishLocation: 'Container'
+ - job: VRToolUpdateBaseline_V8
+ workspace:
+ clean: all
+ steps:
+ - template: .devops/templates/tools.yml
- # - bash: cd packages/screenshotdiff && yarn build
- # displayName: 'Build'
+ - template: .devops/templates/runpublishvrscreenshot.yml
+ parameters:
+ fluentVersion: v8
+ storyPackageName: '@fluentui/vr-tests'
+ storyPackagePath: 'apps/vr-tests'
+ shouldbuildstorybookaddon: false
- - bash: node node_modules/vrscreenshotdiff/lib/index.js release --clientType "fluentui" --buildId $(Build.BuildId)
+ - bash: node node_modules/vrscreenshotdiff/lib/index.js release --clientType "fluentuiv8" --buildId $(Build.BuildId)
displayName: 'Run Screenshotdiff update baseline'
env:
API_URL: $(System.CollectionUri)
API_TOKEN: $(TEST_PAT)
API_REPOSITORY: $(Build.Repository.Name)
API_PROJECT: $(System.TeamProject)
+ SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv8
GITHUB_API_TOKEN: $(GITHUB_TEST_PAT)
STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI)
STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI)
diff --git a/azure-pipelines.vrt-pr.yml b/azure-pipelines.vrt-pr.yml
index 1df717dd24a16..81992e2c293ee 100644
--- a/azure-pipelines.vrt-pr.yml
+++ b/azure-pipelines.vrt-pr.yml
@@ -15,7 +15,11 @@ variables:
pool: '1ES-Host-Ubuntu'
jobs:
- - job: TestVRTool
+ - job: VisualRegressionTest_V9
+ variables:
+ pipelineId: '211'
+ pipelineName: 'fluent-ui VRT Pipeline v9'
+
workspace:
clean: all
steps:
@@ -38,9 +42,9 @@ jobs:
"blockingPipeline":{
},
"nonBlockingPipeline":{
- "202": {
+ "$(pipelineId)": {
"pipelineStatus": "PENDING",
- "pipelineName": "fluent-ui VRT Pipeline"
+ "pipelineName": "$(pipelineName)"
}
},
"postPolicy": '${postPolicy}',
@@ -50,33 +54,84 @@ jobs:
env:
VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET)
- - task: Bash@3
- inputs:
- filePath: yarn-ci.sh
- displayName: yarn (install packages)
+ - template: .devops/templates/runpublishvrscreenshot.yml
+ parameters:
+ fluentVersion: v9
+ storyPackageName: '@fluentui/vr-tests-react-components'
+ storyPackagePath: 'apps/vr-tests-react-components'
+ shouldbuildstorybookaddon: true
- - script: |
- yarn workspace @fluentui/vr-tests-react-components convert
- displayName: Convert screener component to storywright
+ - powershell: |
+ $url = "https://dev.azure.com/uifabric/fabricpublic/_apis/build/builds?definitions=$env:BASELINE_PIPELINE_ID&statusFilter=completed&resultFilter=succeeded&queryOrder=finishTimeDescending&`$top=1"
+ Write-Host "Looking up latest official build via url: $url"
+ $pipelineBuildInfo = Invoke-RestMethod -Uri $url -Headers @{Authorization = "Bearer $env:SYSTEM_ACCESSTOKEN"}
+ Write-Host "Response: $pipelineBuildInfo"
+ [int]$latestBuildId = $pipelineBuildInfo.value.id
+ Write-Host "Setting variable LatestBuildId=$latestBuildId"
+ Write-Host "##vso[task.setvariable variable=LatestBuildId]$latestBuildId"
+ name: GetLatestGreenCIBuild
+ env:
+ SYSTEM_ACCESSTOKEN: $(System.AccessToken)
+ BASELINE_PIPELINE_ID: $(BASELINE-PIPELINE-ID)
- - script: |
- yarn workspace @fluentui/vr-tests-react-components screener:build
- displayName: Build vr tests components package
+ - bash: node node_modules/vrscreenshotdiff/lib/index.js pr --clientType "fluentuiv9" --buildId $(Build.BuildId) --lkgCIBuild $(LatestBuildId) --pipelineId $(pipelineId) --pipelineName '$(pipelineName)'
+ displayName: 'Run fluentui-screenshotdiff'
+ env:
+ API_URL: $(System.CollectionUri)
+ API_TOKEN: $(TEST_PAT)
+ API_REPOSITORY: $(Build.Repository.Name)
+ API_PROJECT: $(System.TeamProject)
+ SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv9
+ GITHUB_API_TOKEN: $(githubRepoStatusPAT)
+ STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI)
+ STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI)
+ BLOB_CONNECTION_STRING: $(BLOB-CONNECTION-STRING)
+ VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET)
- - script: |
- yarn lage test:component --verbose
- displayName: 'Run VR tests'
+ - job: VisualRegressionTest_V8
+ variables:
+ pipelineId: '212'
+ pipelineName: 'fluent-ui VRT Pipeline v8'
+ workspace:
+ clean: all
+ steps:
+ - template: .devops/templates/tools.yml
- - script: |
- mkdir -p screenshots
- cp -rf apps/vr-tests-react-components/dist/screenshots/*.png screenshots/
- displayName: Collate Artifacts
+ - bash: |
+ postPolicy="true";
+ response=$(curl --request POST 'https://login.microsoftonline.com/72f988bf-86f1-41af-91ab-2d7cd011db47/oauth2/token' --header 'Content-Type: application/x-www-form-urlencoded' --data-urlencode 'grant_type=client_credentials' --data-urlencode 'client_id=288a69b6-760d-4c1f-ad6d-0183b5e5740f' --data-urlencode 'client_secret='${VR_APPROVAL_CLIENT_SECRET} )
+ parsedResponse=${response/*"access_token"/}
+ token=${parsedResponse:3:${#parsedResponse}-5}
+ curl --location --request POST 'https://vrt-fluentapp.azurewebsites.net/api/policyState' \
+ --header 'Authorization: Bearer '"$token" \
+ --header 'Content-Type: application/json' \
+ --data-raw ' {
+ "organization": "uifabric",
+ "projectName": "fabricpublic",
+ "prId": $(System.PullRequest.PullRequestNumber),
+ "commitId": "$(Build.SourceVersion)",
+ "generate":true,
+ "blockingPipeline":{
+ },
+ "nonBlockingPipeline":{
+ "$(pipelineId)": {
+ "pipelineStatus": "PENDING",
+ "pipelineName": "$(pipelineName)"
+ }
+ },
+ "postPolicy": '${postPolicy}',
+ "policyType": "OPTIONAL"
+ }'
+ displayName: 'Call policy State Api'
+ env:
+ VR_APPROVAL_CLIENT_SECRET: $(VR-APPROVAL-CLIENT-SECRET)
- - task: PublishBuildArtifacts@1
- inputs:
- PathtoPublish: 'screenshots'
- ArtifactName: 'vrscreenshot'
- publishLocation: 'Container'
+ - template: .devops/templates/runpublishvrscreenshot.yml
+ parameters:
+ fluentVersion: v8
+ storyPackageName: '@fluentui/vr-tests'
+ storyPackagePath: 'apps/vr-tests'
+ shouldbuildstorybookaddon: false
- powershell: |
$url = "https://dev.azure.com/uifabric/fabricpublic/_apis/build/builds?definitions=$env:BASELINE_PIPELINE_ID&statusFilter=completed&resultFilter=succeeded&queryOrder=finishTimeDescending&`$top=1"
@@ -91,13 +146,14 @@ jobs:
SYSTEM_ACCESSTOKEN: $(System.AccessToken)
BASELINE_PIPELINE_ID: $(BASELINE-PIPELINE-ID)
- - bash: node node_modules/vrscreenshotdiff/lib/index.js pr --clientType "fluentui" --buildId $(Build.BuildId) --lkgCIBuild $(LatestBuildId)
+ - bash: node node_modules/vrscreenshotdiff/lib/index.js pr --clientType "fluentuiv8" --buildId $(Build.BuildId) --lkgCIBuild $(LatestBuildId) --pipelineId $(pipelineId) --pipelineName '$(pipelineName)'
displayName: 'Run fluentui-screenshotdiff'
env:
API_URL: $(System.CollectionUri)
API_TOKEN: $(TEST_PAT)
API_REPOSITORY: $(Build.Repository.Name)
API_PROJECT: $(System.TeamProject)
+ SCREENSHOT_ARTIFACT_FOLDER: vrscreenshotv8
GITHUB_API_TOKEN: $(githubRepoStatusPAT)
STORAGE_ACCOUNT_FLUENTUI: $(STORAGE-ACCOUNT-FLUENTUI)
STORAGE_KEY_FLUENTUI: $(STORAGE-KEY-BLOB-FLUENTUI)
diff --git a/change/@fluentui-react-avatar-7d40837f-02b3-476a-82a1-6ed45891f298.json b/change/@fluentui-react-avatar-7d40837f-02b3-476a-82a1-6ed45891f298.json
deleted file mode 100644
index 38da4ac5bd739..0000000000000
--- a/change/@fluentui-react-avatar-7d40837f-02b3-476a-82a1-6ed45891f298.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.",
- "packageName": "@fluentui/react-avatar",
- "email": "humberto_makoto@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-avatar-c3167dd3-8b29-43f9-b555-d92a98a2b323.json b/change/@fluentui-react-avatar-c3167dd3-8b29-43f9-b555-d92a98a2b323.json
deleted file mode 100644
index 0904caf50e0d4..0000000000000
--- a/change/@fluentui-react-avatar-c3167dd3-8b29-43f9-b555-d92a98a2b323.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Migrate to new package structure.",
- "packageName": "@fluentui/react-avatar",
- "email": "tristan.watanabe@gmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-button-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json b/change/@fluentui-react-button-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json
deleted file mode 100644
index 94b226dc85245..0000000000000
--- a/change/@fluentui-react-button-225ecdbe-edd5-43c7-b12c-87a65fbaa0cd.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.",
- "packageName": "@fluentui/react-button",
- "email": "humberto_makoto@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-button-c452c0d5-b913-4697-906a-ab9effbe88b2.json b/change/@fluentui-react-button-c452c0d5-b913-4697-906a-ab9effbe88b2.json
deleted file mode 100644
index 42ce1efcd3357..0000000000000
--- a/change/@fluentui-react-button-c452c0d5-b913-4697-906a-ab9effbe88b2.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "fix: Showing correct behavior for icons inside of Buttons on hover, pressed and toggle states.",
- "packageName": "@fluentui/react-button",
- "email": "humberto_makoto@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-card-4c8108dc-932c-4489-afa2-dc5b08d3465d.json b/change/@fluentui-react-card-4c8108dc-932c-4489-afa2-dc5b08d3465d.json
deleted file mode 100644
index 60bc8437c2ce8..0000000000000
--- a/change/@fluentui-react-card-4c8108dc-932c-4489-afa2-dc5b08d3465d.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "prerelease",
- "comment": "feat: add selectable feature to card",
- "packageName": "@fluentui/react-card",
- "email": "marcosvmmoura@gmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-components-35f251b9-6362-4ca3-9d30-124fcfe024cf.json b/change/@fluentui-react-components-35f251b9-6362-4ca3-9d30-124fcfe024cf.json
deleted file mode 100644
index dc6e12439eb02..0000000000000
--- a/change/@fluentui-react-components-35f251b9-6362-4ca3-9d30-124fcfe024cf.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Export ProgressField from @fluentui/react-components/unstable",
- "packageName": "@fluentui/react-components",
- "email": "behowell@microsoft.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-components-a065d3d7-c686-4ce0-b520-0b1875853ca0.json b/change/@fluentui-react-components-a065d3d7-c686-4ce0-b520-0b1875853ca0.json
deleted file mode 100644
index 636809807da40..0000000000000
--- a/change/@fluentui-react-components-a065d3d7-c686-4ce0-b520-0b1875853ca0.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "feat: Exports `createColumn` utility from `@fluentui/react-table` as unstable",
- "packageName": "@fluentui/react-components",
- "email": "lingfangao@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-components-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json b/change/@fluentui-react-components-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json
deleted file mode 100644
index 399304b88e68f..0000000000000
--- a/change/@fluentui-react-components-ba631a4c-e394-4ffa-b4f3-e84de4f8c733.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "none",
- "comment": "fix: stories from migrated v9 packages are now included.",
- "packageName": "@fluentui/react-components",
- "email": "tristan.watanabe@gmail.com",
- "dependentChangeType": "none"
-}
diff --git a/change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json b/change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json
deleted file mode 100644
index 2a770628b1160..0000000000000
--- a/change/@fluentui-react-portal-54fcbe1c-d23f-48f6-916a-9752737af543.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Migrate to new package structure.",
- "packageName": "@fluentui/react-portal",
- "email": "tristan.watanabe@gmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json b/change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json
deleted file mode 100644
index 7fa24ca821436..0000000000000
--- a/change/@fluentui-react-portal-compat-0f43f3ad-6a47-4dec-8dfc-209831dd34b5.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "none",
- "comment": "chore: Migrate to new package structure.",
- "packageName": "@fluentui/react-portal-compat",
- "email": "tristan.watanabe@gmail.com",
- "dependentChangeType": "none"
-}
diff --git a/change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json b/change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json
deleted file mode 100644
index 11d29d810c6b4..0000000000000
--- a/change/@fluentui-react-portal-compat-context-a9e06321-41d0-43bb-b673-d1da46746c8a.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Migrate to new package structure.",
- "packageName": "@fluentui/react-portal-compat-context",
- "email": "tristan.watanabe@gmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-spinner-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json b/change/@fluentui-react-spinner-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json
deleted file mode 100644
index 42a49d660f6a5..0000000000000
--- a/change/@fluentui-react-spinner-b295999d-5738-48b8-b9db-5d3f52ce0cc6.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.",
- "packageName": "@fluentui/react-spinner",
- "email": "humberto_makoto@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-switch-5a890d50-6c5c-4606-a677-582ded4bb23c.json b/change/@fluentui-react-switch-5a890d50-6c5c-4606-a677-582ded4bb23c.json
deleted file mode 100644
index 9e284703c22f2..0000000000000
--- a/change/@fluentui-react-switch-5a890d50-6c5c-4606-a677-582ded4bb23c.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme.",
- "packageName": "@fluentui/react-switch",
- "email": "humberto_makoto@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-table-350ae095-7533-4307-a31f-6d9cbb178cb8.json b/change/@fluentui-react-table-350ae095-7533-4307-a31f-6d9cbb178cb8.json
deleted file mode 100644
index 9e7b32197151b..0000000000000
--- a/change/@fluentui-react-table-350ae095-7533-4307-a31f-6d9cbb178cb8.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "prerelease",
- "comment": "feat: Implement child render function for DataGrid rows",
- "packageName": "@fluentui/react-table",
- "email": "lingfangao@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-table-7398941b-ae22-4a18-878d-1ac8e853c6ee.json b/change/@fluentui-react-table-7398941b-ae22-4a18-878d-1ac8e853c6ee.json
deleted file mode 100644
index 8a693f617402c..0000000000000
--- a/change/@fluentui-react-table-7398941b-ae22-4a18-878d-1ac8e853c6ee.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "prerelease",
- "comment": "feat: Implement `focusMode` prop for DataGrid, apply role=\"grid\" correctly",
- "packageName": "@fluentui/react-table",
- "email": "lingfangao@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-table-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json b/change/@fluentui-react-table-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json
deleted file mode 100644
index 522584077d747..0000000000000
--- a/change/@fluentui-react-table-a94f4f80-c021-4eb8-a8e3-789425aee9e2.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "prerelease",
- "comment": "BREAKING: ColumnDefinition type is stricter, use createColumn to create column definition. Implments render function for DataGridRow.",
- "packageName": "@fluentui/react-table",
- "email": "lingfangao@hotmail.com",
- "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-toolbar-bac826cc-5a66-447f-ab37-f85d8df68fb9.json b/change/@fluentui-react-toolbar-bac826cc-5a66-447f-ab37-f85d8df68fb9.json
deleted file mode 100644
index 5d22ae19dc707..0000000000000
--- a/change/@fluentui-react-toolbar-bac826cc-5a66-447f-ab37-f85d8df68fb9.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "none",
- "comment": "fix: ToolbarRadio example and click",
- "packageName": "@fluentui/react-toolbar",
- "email": "chassunc@microsoft.com",
- "dependentChangeType": "none"
-}
diff --git a/package.json b/package.json
index 2cfb4f5a5725a..eef0e4cbd20c1 100644
--- a/package.json
+++ b/package.json
@@ -153,7 +153,7 @@
"@types/loader-utils": "2.0.3",
"@types/markdown-table": "2.0.0",
"@types/micromatch": "4.0.2",
- "@types/node": "10.17.55",
+ "@types/node": "14.18.32",
"@types/node-fetch": "2.5.7",
"@types/prettier": "2.2.3",
"@types/progress": "2.0.5",
@@ -249,7 +249,7 @@
"lage": "1.8.8",
"lerna": "5.5.2",
"lint-staged": "10.2.10",
- "loader-utils": "2.0.0",
+ "loader-utils": "2.0.3",
"markdown-table": "2.0.0",
"memfs": "3.2.2",
"mini-css-extract-plugin": "2.6.1",
@@ -303,7 +303,7 @@
"tsconfig-paths-webpack-plugin": "4.0.0",
"tslib": "2.4.0",
"typescript": "4.3.5",
- "vrscreenshotdiff": "0.0.6",
+ "vrscreenshotdiff": "0.0.9",
"webpack": "5.74.0",
"webpack-bundle-analyzer": "4.4.2",
"webpack-cli": "4.10.0",
diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json
index 781a28b4c1c87..111ab61ef6000 100644
--- a/packages/api-docs/package.json
+++ b/packages/api-docs/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/api-docs",
- "version": "8.2.3",
+ "version": "8.2.4",
"description": "Transforms API Extractor .api.json files into .page.json files",
"repository": {
"type": "git",
diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json
index bf9224e55d983..414de08f9243d 100644
--- a/packages/azure-themes/CHANGELOG.json
+++ b/packages/azure-themes/CHANGELOG.json
@@ -1,6 +1,27 @@
{
"name": "@fluentui/azure-themes",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/azure-themes_v8.5.23",
+ "version": "8.5.23",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/azure-themes",
+ "comment": "Bump @fluentui/react to v8.101.0",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/azure-themes",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Fri, 04 Nov 2022 07:48:07 GMT",
"tag": "@fluentui/azure-themes_v8.5.22",
diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md
index bf6c089e871cd..c6abb13199e75 100644
--- a/packages/azure-themes/CHANGELOG.md
+++ b/packages/azure-themes/CHANGELOG.md
@@ -1,9 +1,19 @@
# Change Log - @fluentui/azure-themes
-This log was last generated on Fri, 04 Nov 2022 07:48:07 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [8.5.23](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.23)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.5.22..@fluentui/azure-themes_v8.5.23)
+
+### Patches
+
+- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [8.5.22](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.22)
Fri, 04 Nov 2022 07:48:07 GMT
diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json
index 37cdb1b992a26..5850b01d59522 100644
--- a/packages/azure-themes/package.json
+++ b/packages/azure-themes/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/azure-themes",
- "version": "8.5.22",
+ "version": "8.5.23",
"description": "Azure themes for Fluent UI React",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,8 +27,8 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/react": "^8.100.0",
- "@fluentui/set-version": "^8.2.2",
+ "@fluentui/react": "^8.101.0",
+ "@fluentui/set-version": "^8.2.3",
"tslib": "^2.1.0"
}
}
diff --git a/packages/bundle-size/CHANGELOG.json b/packages/bundle-size/CHANGELOG.json
index d3a56b60aaa21..46f247d4c2559 100644
--- a/packages/bundle-size/CHANGELOG.json
+++ b/packages/bundle-size/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/bundle-size",
"entries": [
+ {
+ "date": "Thu, 10 Nov 2022 07:55:03 GMT",
+ "tag": "@fluentui/bundle-size_v1.2.0",
+ "version": "1.2.0",
+ "comments": {
+ "minor": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/bundle-size",
+ "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
+ "comment": "fix(typings): fix type errors exposed by node 14 typings"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 28 Sep 2022 07:37:48 GMT",
"tag": "@fluentui/bundle-size_v1.1.7",
diff --git a/packages/bundle-size/CHANGELOG.md b/packages/bundle-size/CHANGELOG.md
index c1f66856949a7..76d37564d2d41 100644
--- a/packages/bundle-size/CHANGELOG.md
+++ b/packages/bundle-size/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/bundle-size
-This log was last generated on Wed, 28 Sep 2022 07:37:48 GMT and should not be manually modified.
+This log was last generated on Thu, 10 Nov 2022 07:55:03 GMT and should not be manually modified.
+## [1.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/bundle-size_v1.2.0)
+
+Thu, 10 Nov 2022 07:55:03 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/bundle-size_v1.1.7..@fluentui/bundle-size_v1.2.0)
+
+### Minor changes
+
+- fix(typings): fix type errors exposed by node 14 typings ([PR #25510](https://github.com/microsoft/fluentui/pull/25510) by martinhochel@microsoft.com)
+
## [1.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/bundle-size_v1.1.7)
Wed, 28 Sep 2022 07:37:48 GMT
diff --git a/packages/bundle-size/package.json b/packages/bundle-size/package.json
index 64f78ec3500cf..c10f3f0fdb4b1 100644
--- a/packages/bundle-size/package.json
+++ b/packages/bundle-size/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/bundle-size",
- "version": "1.1.7",
+ "version": "1.2.0",
"bin": {
"bundle-size": "./bin/bundle-size.js"
},
diff --git a/packages/bundle-size/src/utils/buildFixture.js b/packages/bundle-size/src/utils/buildFixture.js
index 99ef2578e5583..aaaa1ace517f7 100644
--- a/packages/bundle-size/src/utils/buildFixture.js
+++ b/packages/bundle-size/src/utils/buildFixture.js
@@ -129,8 +129,8 @@ module.exports = async function buildFixture(preparedFixture, quiet) {
/* eslint-enable @typescript-eslint/naming-convention */
]);
- await fs.writeFile(webpackOutputPath, terserOutput.code);
- await fs.writeFile(terserOutputPath, terserOutputMinified.code);
+ await fs.writeFile(webpackOutputPath, terserOutput.code ?? '');
+ await fs.writeFile(terserOutputPath, terserOutputMinified.code ?? '');
if (!quiet) {
console.log(
diff --git a/packages/bundle-size/src/utils/prepareFixture.js b/packages/bundle-size/src/utils/prepareFixture.js
index 2a4ca190f3da3..97e1f30d80ac2 100644
--- a/packages/bundle-size/src/utils/prepareFixture.js
+++ b/packages/bundle-size/src/utils/prepareFixture.js
@@ -9,6 +9,11 @@ const ajv = new Ajv();
/** @typedef {{ name: string }} FixtureMetadata */
/** @typedef {{ absolutePath: string, relativePath: string, name: string }} PreparedFixture */
+/**
+ * @template T
+ * @typedef {NonNullable & {[P in keyof T]-?: NonNullable;}} RequiredNonNullableRecord
+ */
+
/**
* Prepares a fixture file to be compiled with Webpack, grabs data from a default export and removes it.
*
@@ -59,7 +64,7 @@ module.exports = async function prepareFixture(fixture) {
/**
* @param {typeof result} value
- * @return {value is Required> & {metadata: FixtureMetadata}}
+ * @return {value is RequiredNonNullableRecord & {metadata: FixtureMetadata}}
*/
function isTransformedFixtureResultHasMetadata(value) {
return Boolean(value && value.metadata && Object.keys(value.metadata).length);
diff --git a/packages/codemods/package.json b/packages/codemods/package.json
index 6d9a8ec5c5812..db7f1abe28b9c 100644
--- a/packages/codemods/package.json
+++ b/packages/codemods/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/codemods",
- "version": "8.4.5",
+ "version": "8.4.6",
"description": "Tool enabling easy upgrades to new Fluent UI versions",
"main": "lib-commonjs/index.js",
"typings": "lib-commonjs/index.d.ts",
diff --git a/packages/common-styles/CHANGELOG.json b/packages/common-styles/CHANGELOG.json
index c365f856ac687..95cd6042bddc4 100644
--- a/packages/common-styles/CHANGELOG.json
+++ b/packages/common-styles/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/common-styles",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/common-styles_v1.2.12",
+ "version": "1.2.12",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/common-styles",
+ "comment": "Bump @fluentui/style-utilities to v8.8.2",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Thu, 20 Oct 2022 07:43:14 GMT",
"tag": "@fluentui/common-styles_v1.2.11",
diff --git a/packages/common-styles/CHANGELOG.md b/packages/common-styles/CHANGELOG.md
index d9a1d96729c57..cc1be61ec4f63 100644
--- a/packages/common-styles/CHANGELOG.md
+++ b/packages/common-styles/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/common-styles
-This log was last generated on Thu, 20 Oct 2022 07:43:14 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [1.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.12)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/common-styles_v1.2.11..@fluentui/common-styles_v1.2.12)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.8.2 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [1.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.11)
Thu, 20 Oct 2022 07:43:14 GMT
diff --git a/packages/common-styles/package.json b/packages/common-styles/package.json
index 763e158a60002..967714b27c191 100644
--- a/packages/common-styles/package.json
+++ b/packages/common-styles/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/common-styles",
- "version": "1.2.11",
+ "version": "1.2.12",
"description": "Common style definitions for Fluent UI React components",
"repository": {
"type": "git",
@@ -19,6 +19,6 @@
},
"devDependencies": {
"@fluentui/scripts": "^1.0.0",
- "@fluentui/style-utilities": "^8.8.1"
+ "@fluentui/style-utilities": "^8.8.2"
}
}
diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json
index 151b6733b4589..91c0adb72bf93 100644
--- a/packages/cra-template/CHANGELOG.json
+++ b/packages/cra-template/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/cra-template",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/cra-template_v8.4.23",
+ "version": "8.4.23",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/cra-template",
+ "comment": "Bump @fluentui/react to v8.101.0",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Fri, 04 Nov 2022 07:48:07 GMT",
"tag": "@fluentui/cra-template_v8.4.22",
diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md
index b7b886a446491..39915ab07164b 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 Fri, 04 Nov 2022 07:48:07 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [8.4.23](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.23)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.22..@fluentui/cra-template_v8.4.23)
+
+### Patches
+
+- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [8.4.22](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.22)
Fri, 04 Nov 2022 07:48:07 GMT
diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json
index fe2ba32b3e5bd..ca0d5f37aabf2 100644
--- a/packages/cra-template/package.json
+++ b/packages/cra-template/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/cra-template",
- "version": "8.4.22",
+ "version": "8.4.23",
"description": "Create React App template for Fluent UI React (@fluentui/react)",
"repository": {
"type": "git",
@@ -18,7 +18,7 @@
"template.json"
],
"devDependencies": {
- "@fluentui/react": "^8.100.0",
+ "@fluentui/react": "^8.101.0",
"@fluentui/scripts": "^1.0.0"
}
}
diff --git a/packages/date-time-utilities/CHANGELOG.json b/packages/date-time-utilities/CHANGELOG.json
index afbb7572a4516..5ba0600498306 100644
--- a/packages/date-time-utilities/CHANGELOG.json
+++ b/packages/date-time-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/date-time-utilities",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/date-time-utilities_v8.5.3",
+ "version": "8.5.3",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/date-time-utilities",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Mon, 08 Aug 2022 07:39:33 GMT",
"tag": "@fluentui/date-time-utilities_v8.5.2",
diff --git a/packages/date-time-utilities/CHANGELOG.md b/packages/date-time-utilities/CHANGELOG.md
index 3aed6938a17a6..b899b0afdf3c9 100644
--- a/packages/date-time-utilities/CHANGELOG.md
+++ b/packages/date-time-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/date-time-utilities
-This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [8.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.3)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/date-time-utilities_v8.5.2..@fluentui/date-time-utilities_v8.5.3)
+
+### Patches
+
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [8.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.2)
Mon, 08 Aug 2022 07:39:33 GMT
diff --git a/packages/date-time-utilities/package.json b/packages/date-time-utilities/package.json
index 03ebfb1435c1f..fd9c79a3f2529 100644
--- a/packages/date-time-utilities/package.json
+++ b/packages/date-time-utilities/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/date-time-utilities",
- "version": "8.5.2",
+ "version": "8.5.3",
"description": "Date-time utilities",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,7 +27,7 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/set-version": "^8.2.2",
+ "@fluentui/set-version": "^8.2.3",
"tslib": "^2.1.0"
},
"exports": {
diff --git a/packages/dom-utilities/CHANGELOG.json b/packages/dom-utilities/CHANGELOG.json
index 3a1df352e6cbf..7d8de48fb8b7e 100644
--- a/packages/dom-utilities/CHANGELOG.json
+++ b/packages/dom-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/dom-utilities",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/dom-utilities_v2.2.3",
+ "version": "2.2.3",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/dom-utilities",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Mon, 08 Aug 2022 07:39:33 GMT",
"tag": "@fluentui/dom-utilities_v2.2.2",
diff --git a/packages/dom-utilities/CHANGELOG.md b/packages/dom-utilities/CHANGELOG.md
index d98d7bd67427d..0899f5b211612 100644
--- a/packages/dom-utilities/CHANGELOG.md
+++ b/packages/dom-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/dom-utilities
-This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [2.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/dom-utilities_v2.2.3)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/dom-utilities_v2.2.2..@fluentui/dom-utilities_v2.2.3)
+
+### Patches
+
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [2.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/dom-utilities_v2.2.2)
Mon, 08 Aug 2022 07:39:33 GMT
diff --git a/packages/dom-utilities/package.json b/packages/dom-utilities/package.json
index adc574516c494..47493412f01d1 100644
--- a/packages/dom-utilities/package.json
+++ b/packages/dom-utilities/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/dom-utilities",
- "version": "2.2.2",
+ "version": "2.2.3",
"description": "DOM utilities for use within Fluent web components",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,7 +27,7 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/set-version": "^8.2.2",
+ "@fluentui/set-version": "^8.2.3",
"tslib": "^2.1.0"
},
"exports": {
diff --git a/packages/eslint-plugin/CHANGELOG.json b/packages/eslint-plugin/CHANGELOG.json
index 934d9b53e7673..5f5c8f60633d2 100644
--- a/packages/eslint-plugin/CHANGELOG.json
+++ b/packages/eslint-plugin/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/eslint-plugin",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/eslint-plugin_v1.12.6",
+ "version": "1.12.6",
+ "comments": {
+ "patch": [
+ {
+ "author": "dzearing@microsoft.com",
+ "package": "@fluentui/eslint-plugin",
+ "commit": "6ab9ad73f61226c779bd6bc297daa12b11791551",
+ "comment": "Updating react-legacy linting to warn on export star usage."
+ }
+ ]
+ }
+ },
{
"date": "Mon, 10 Oct 2022 07:38:21 GMT",
"tag": "@fluentui/eslint-plugin_v1.12.5",
diff --git a/packages/eslint-plugin/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md
index 5e9f973083f98..da831b998d991 100644
--- a/packages/eslint-plugin/CHANGELOG.md
+++ b/packages/eslint-plugin/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/eslint-plugin
-This log was last generated on Mon, 10 Oct 2022 07:38:21 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [1.12.6](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.12.6)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/eslint-plugin_v1.12.5..@fluentui/eslint-plugin_v1.12.6)
+
+### Patches
+
+- Updating react-legacy linting to warn on export star usage. ([PR #25545](https://github.com/microsoft/fluentui/pull/25545) by dzearing@microsoft.com)
+
## [1.12.5](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.12.5)
Mon, 10 Oct 2022 07:38:21 GMT
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index a6d9e69828cc8..332b85b9d2a9e 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/eslint-plugin",
- "version": "1.12.5",
+ "version": "1.12.6",
"description": "ESLint configuration and custom rules for Fluent UI",
"main": "src/index.js",
"repository": {
diff --git a/packages/eslint-plugin/src/configs/base-legacy.js b/packages/eslint-plugin/src/configs/base-legacy.js
index 24b6140a3eb2f..0759ccf8776a5 100644
--- a/packages/eslint-plugin/src/configs/base-legacy.js
+++ b/packages/eslint-plugin/src/configs/base-legacy.js
@@ -14,5 +14,13 @@ module.exports = {
*/
...getNamingConventionRule({ prefixInterface: true }),
},
- overrides: [],
+ overrides: [
+ {
+ files: '**/src/index.{ts,tsx,js}',
+ rules: {
+ // TODO: propagate to `error` once all packages barrel files have been fixed
+ '@rnx-kit/no-export-all': ['warn', { expand: 'all' }],
+ },
+ },
+ ],
};
diff --git a/packages/eslint-plugin/src/configs/react-legacy.js b/packages/eslint-plugin/src/configs/react-legacy.js
index 949646121d369..8d696ec41bfa1 100644
--- a/packages/eslint-plugin/src/configs/react-legacy.js
+++ b/packages/eslint-plugin/src/configs/react-legacy.js
@@ -10,4 +10,5 @@ module.exports = {
'jsdoc/check-tag-names': 'off',
'@griffel/no-shorthands': 'off',
},
+ overrides: [],
};
diff --git a/packages/example-data/package.json b/packages/example-data/package.json
index 7167ab09431d1..bf4ea9770c765 100644
--- a/packages/example-data/package.json
+++ b/packages/example-data/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/example-data",
- "version": "8.4.2",
+ "version": "8.4.3",
"description": "Data generators for Fluent UI React examples.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
diff --git a/packages/font-icons-mdl2/CHANGELOG.json b/packages/font-icons-mdl2/CHANGELOG.json
index 8350347270792..0ef05cb976bf4 100644
--- a/packages/font-icons-mdl2/CHANGELOG.json
+++ b/packages/font-icons-mdl2/CHANGELOG.json
@@ -1,6 +1,33 @@
{
"name": "@fluentui/font-icons-mdl2",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/font-icons-mdl2_v8.5.3",
+ "version": "8.5.3",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/font-icons-mdl2",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/font-icons-mdl2",
+ "comment": "Bump @fluentui/style-utilities to v8.8.2",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/font-icons-mdl2",
+ "comment": "Bump @fluentui/utilities to v8.13.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Thu, 20 Oct 2022 07:43:14 GMT",
"tag": "@fluentui/font-icons-mdl2_v8.5.2",
diff --git a/packages/font-icons-mdl2/CHANGELOG.md b/packages/font-icons-mdl2/CHANGELOG.md
index 5a16a0a583853..ac2298bc5254e 100644
--- a/packages/font-icons-mdl2/CHANGELOG.md
+++ b/packages/font-icons-mdl2/CHANGELOG.md
@@ -1,9 +1,20 @@
# Change Log - @fluentui/font-icons-mdl2
-This log was last generated on Thu, 20 Oct 2022 07:43:14 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [8.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.3)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/font-icons-mdl2_v8.5.2..@fluentui/font-icons-mdl2_v8.5.3)
+
+### Patches
+
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/style-utilities to v8.8.2 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/utilities to v8.13.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [8.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.2)
Thu, 20 Oct 2022 07:43:14 GMT
diff --git a/packages/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json
index 02d786f7bd479..fd9df900fed5e 100644
--- a/packages/font-icons-mdl2/package.json
+++ b/packages/font-icons-mdl2/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/font-icons-mdl2",
- "version": "8.5.2",
+ "version": "8.5.3",
"description": "Fluent UI React icon set.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -26,9 +26,9 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/set-version": "^8.2.2",
- "@fluentui/style-utilities": "^8.8.1",
- "@fluentui/utilities": "^8.13.2",
+ "@fluentui/set-version": "^8.2.3",
+ "@fluentui/style-utilities": "^8.8.2",
+ "@fluentui/utilities": "^8.13.3",
"tslib": "^2.1.0"
},
"exports": {
diff --git a/packages/foundation-legacy/CHANGELOG.json b/packages/foundation-legacy/CHANGELOG.json
index 7fb875167430e..864793dc638c0 100644
--- a/packages/foundation-legacy/CHANGELOG.json
+++ b/packages/foundation-legacy/CHANGELOG.json
@@ -1,6 +1,45 @@
{
"name": "@fluentui/foundation-legacy",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/foundation-legacy_v8.2.23",
+ "version": "8.2.23",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/foundation-legacy",
+ "comment": "Bump @fluentui/merge-styles to v8.5.4",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/foundation-legacy",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/foundation-legacy",
+ "comment": "Bump @fluentui/style-utilities to v8.8.2",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/foundation-legacy",
+ "comment": "Bump @fluentui/utilities to v8.13.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/foundation-legacy",
+ "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.21",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Thu, 20 Oct 2022 07:43:14 GMT",
"tag": "@fluentui/foundation-legacy_v8.2.22",
diff --git a/packages/foundation-legacy/CHANGELOG.md b/packages/foundation-legacy/CHANGELOG.md
index e7f32e088e6a3..4d0bce83a55b1 100644
--- a/packages/foundation-legacy/CHANGELOG.md
+++ b/packages/foundation-legacy/CHANGELOG.md
@@ -1,9 +1,22 @@
# Change Log - @fluentui/foundation-legacy
-This log was last generated on Thu, 20 Oct 2022 07:43:14 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [8.2.23](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.23)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/foundation-legacy_v8.2.22..@fluentui/foundation-legacy_v8.2.23)
+
+### Patches
+
+- Bump @fluentui/merge-styles to v8.5.4 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/style-utilities to v8.8.2 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/utilities to v8.13.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/jest-serializer-merge-styles to v8.0.21 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [8.2.22](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.22)
Thu, 20 Oct 2022 07:43:14 GMT
diff --git a/packages/foundation-legacy/package.json b/packages/foundation-legacy/package.json
index 9286d3d97c266..226528ed173fa 100644
--- a/packages/foundation-legacy/package.json
+++ b/packages/foundation-legacy/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/foundation-legacy",
- "version": "8.2.22",
+ "version": "8.2.23",
"description": "Legacy utilities for building Fluent UI React components.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,14 +27,14 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/scripts": "^1.0.0",
- "@fluentui/jest-serializer-merge-styles": "^8.0.20",
+ "@fluentui/jest-serializer-merge-styles": "^8.0.21",
"react-hooks-testing-library": "^0.5.0"
},
"dependencies": {
- "@fluentui/merge-styles": "^8.5.3",
- "@fluentui/set-version": "^8.2.2",
- "@fluentui/style-utilities": "^8.8.1",
- "@fluentui/utilities": "^8.13.2",
+ "@fluentui/merge-styles": "^8.5.4",
+ "@fluentui/set-version": "^8.2.3",
+ "@fluentui/style-utilities": "^8.8.2",
+ "@fluentui/utilities": "^8.13.3",
"tslib": "^2.1.0"
},
"peerDependencies": {
diff --git a/packages/jest-serializer-merge-styles/CHANGELOG.json b/packages/jest-serializer-merge-styles/CHANGELOG.json
index 91c30174120d2..e9672c2926212 100644
--- a/packages/jest-serializer-merge-styles/CHANGELOG.json
+++ b/packages/jest-serializer-merge-styles/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/jest-serializer-merge-styles",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/jest-serializer-merge-styles_v8.0.21",
+ "version": "8.0.21",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/jest-serializer-merge-styles",
+ "comment": "Bump @fluentui/merge-styles to v8.5.4",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Mon, 08 Aug 2022 07:39:33 GMT",
"tag": "@fluentui/jest-serializer-merge-styles_v8.0.20",
diff --git a/packages/jest-serializer-merge-styles/CHANGELOG.md b/packages/jest-serializer-merge-styles/CHANGELOG.md
index 14fa359d7a91d..a0deb3dadb0da 100644
--- a/packages/jest-serializer-merge-styles/CHANGELOG.md
+++ b/packages/jest-serializer-merge-styles/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/jest-serializer-merge-styles
-This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [8.0.21](https://github.com/microsoft/fluentui/tree/@fluentui/jest-serializer-merge-styles_v8.0.21)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/jest-serializer-merge-styles_v8.0.20..@fluentui/jest-serializer-merge-styles_v8.0.21)
+
+### Patches
+
+- Bump @fluentui/merge-styles to v8.5.4 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [8.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/jest-serializer-merge-styles_v8.0.20)
Mon, 08 Aug 2022 07:39:33 GMT
diff --git a/packages/jest-serializer-merge-styles/package.json b/packages/jest-serializer-merge-styles/package.json
index 131520528e318..5a38e92e82c03 100644
--- a/packages/jest-serializer-merge-styles/package.json
+++ b/packages/jest-serializer-merge-styles/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/jest-serializer-merge-styles",
- "version": "8.0.20",
+ "version": "8.0.21",
"description": "Jest serializer for merge-styles.",
"main": "lib-commonjs/index.js",
"typings": "lib-commonjs/index.d.ts",
@@ -23,6 +23,6 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/merge-styles": "^8.5.3"
+ "@fluentui/merge-styles": "^8.5.4"
}
}
diff --git a/packages/keyboard-key/package.json b/packages/keyboard-key/package.json
index b1c0ca3685f23..d536bae6011f8 100644
--- a/packages/keyboard-key/package.json
+++ b/packages/keyboard-key/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/keyboard-key",
- "version": "0.4.2",
+ "version": "0.4.3",
"description": "A simple utility for determining the KeyboardEvent.key property from a keyboard event.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
diff --git a/packages/merge-styles/CHANGELOG.json b/packages/merge-styles/CHANGELOG.json
index a17df5d6b25c9..f3c112c3c740d 100644
--- a/packages/merge-styles/CHANGELOG.json
+++ b/packages/merge-styles/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/merge-styles",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/merge-styles_v8.5.4",
+ "version": "8.5.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/merge-styles",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Mon, 08 Aug 2022 07:39:33 GMT",
"tag": "@fluentui/merge-styles_v8.5.3",
diff --git a/packages/merge-styles/CHANGELOG.md b/packages/merge-styles/CHANGELOG.md
index 15b86b730f165..a64beb7e9089d 100644
--- a/packages/merge-styles/CHANGELOG.md
+++ b/packages/merge-styles/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/merge-styles
-This log was last generated on Mon, 08 Aug 2022 07:39:33 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [8.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/merge-styles_v8.5.4)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/merge-styles_v8.5.3..@fluentui/merge-styles_v8.5.4)
+
+### Patches
+
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [8.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/merge-styles_v8.5.3)
Mon, 08 Aug 2022 07:39:33 GMT
diff --git a/packages/merge-styles/package.json b/packages/merge-styles/package.json
index cac4f8bb01c93..e01cd47286c91 100644
--- a/packages/merge-styles/package.json
+++ b/packages/merge-styles/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/merge-styles",
- "version": "8.5.3",
+ "version": "8.5.4",
"description": "Style loading utilities.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -28,7 +28,7 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/set-version": "^8.2.2",
+ "@fluentui/set-version": "^8.2.3",
"tslib": "^2.1.0"
},
"exports": {
diff --git a/packages/monaco-editor/package.json b/packages/monaco-editor/package.json
index aaaea26be1491..de1632b13730c 100644
--- a/packages/monaco-editor/package.json
+++ b/packages/monaco-editor/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/monaco-editor",
- "version": "1.3.2",
+ "version": "1.3.3",
"description": "Version of monaco-editor with configuration helpers and transformed CSS files",
"module": "./lib/monacoBundle.js",
"typings": "./esm/vs/editor/editor.api.d.ts",
diff --git a/packages/public-docsite-setup/package.json b/packages/public-docsite-setup/package.json
index c6d51007fa87e..713ec65e296fc 100644
--- a/packages/public-docsite-setup/package.json
+++ b/packages/public-docsite-setup/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/public-docsite-setup",
- "version": "0.3.12",
+ "version": "0.3.13",
"description": "Bootstrap code for the Fluent UI website. Internal use only.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json
index e862e74da686b..c8f279d3962a5 100644
--- a/packages/react-cards/CHANGELOG.json
+++ b/packages/react-cards/CHANGELOG.json
@@ -1,6 +1,39 @@
{
"name": "@fluentui/react-cards",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/react-cards_v0.205.23",
+ "version": "0.205.23",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-cards",
+ "comment": "Bump @fluentui/react to v8.101.0",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-cards",
+ "comment": "Bump @fluentui/foundation-legacy to v8.2.23",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-cards",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-cards",
+ "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.21",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Fri, 04 Nov 2022 07:48:07 GMT",
"tag": "@fluentui/react-cards_v0.205.22",
diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md
index 3be887bb84571..d04cd41b7ec28 100644
--- a/packages/react-cards/CHANGELOG.md
+++ b/packages/react-cards/CHANGELOG.md
@@ -1,9 +1,21 @@
# Change Log - @fluentui/react-cards
-This log was last generated on Fri, 04 Nov 2022 07:48:07 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [0.205.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.23)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.22..@fluentui/react-cards_v0.205.23)
+
+### Patches
+
+- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/foundation-legacy to v8.2.23 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/jest-serializer-merge-styles to v8.0.21 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [0.205.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.22)
Fri, 04 Nov 2022 07:48:07 GMT
diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json
index ff9b4b371f043..d7b793e27e17b 100644
--- a/packages/react-cards/package.json
+++ b/packages/react-cards/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-cards",
- "version": "0.205.22",
+ "version": "0.205.23",
"description": "Deprecated experimental Card container components for Fluent UI React.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,13 +27,13 @@
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
- "@fluentui/jest-serializer-merge-styles": "^8.0.20",
+ "@fluentui/jest-serializer-merge-styles": "^8.0.21",
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/react": "^8.100.0",
- "@fluentui/foundation-legacy": "^8.2.22",
- "@fluentui/set-version": "^8.2.2",
+ "@fluentui/react": "^8.101.0",
+ "@fluentui/foundation-legacy": "^8.2.23",
+ "@fluentui/set-version": "^8.2.3",
"@microsoft/load-themed-styles": "^1.10.26",
"tslib": "^2.1.0"
},
diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json
index a0166ae56824c..e2f78fa2175dd 100644
--- a/packages/react-charting/CHANGELOG.json
+++ b/packages/react-charting/CHANGELOG.json
@@ -1,6 +1,39 @@
{
"name": "@fluentui/react-charting",
"entries": [
+ {
+ "date": "Wed, 09 Nov 2022 07:48:12 GMT",
+ "tag": "@fluentui/react-charting_v5.14.13",
+ "version": "5.14.13",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-charting",
+ "comment": "Bump @fluentui/react-focus to v8.8.9",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-charting",
+ "comment": "Bump @fluentui/set-version to v8.2.3",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-charting",
+ "comment": "Bump @fluentui/react to v8.101.0",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-charting",
+ "comment": "Bump @fluentui/jest-serializer-merge-styles to v8.0.21",
+ "commit": "99542b13a50433f03228b30113f305bc38a1340c"
+ }
+ ]
+ }
+ },
{
"date": "Fri, 04 Nov 2022 07:48:06 GMT",
"tag": "@fluentui/react-charting_v5.14.12",
diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md
index d107d334bd18b..eadc5ab648b4a 100644
--- a/packages/react-charting/CHANGELOG.md
+++ b/packages/react-charting/CHANGELOG.md
@@ -1,9 +1,21 @@
# Change Log - @fluentui/react-charting
-This log was last generated on Fri, 04 Nov 2022 07:48:06 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Nov 2022 07:48:12 GMT and should not be manually modified.
+## [5.14.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.13)
+
+Wed, 09 Nov 2022 07:48:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.14.12..@fluentui/react-charting_v5.14.13)
+
+### Patches
+
+- Bump @fluentui/react-focus to v8.8.9 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/set-version to v8.2.3 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+- Bump @fluentui/jest-serializer-merge-styles to v8.0.21 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
+
## [5.14.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.12)
Fri, 04 Nov 2022 07:48:06 GMT
diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json
index fb9efa376342e..139fc8c6c40b2 100644
--- a/packages/react-charting/package.json
+++ b/packages/react-charting/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-charting",
- "version": "5.14.12",
+ "version": "5.14.13",
"description": "Experimental React charting components for building experiences for Microsoft 365.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -28,13 +28,13 @@
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
- "@fluentui/react": "^8.100.0",
+ "@fluentui/react": "^8.101.0",
"@types/react-addons-test-utils": "0.14.18",
"@fluentui/scripts": "^1.0.0",
- "@fluentui/jest-serializer-merge-styles": "^8.0.20"
+ "@fluentui/jest-serializer-merge-styles": "^8.0.21"
},
"dependencies": {
- "@fluentui/react-focus": "^8.8.8",
+ "@fluentui/react-focus": "^8.8.9",
"@microsoft/load-themed-styles": "^1.10.26",
"@types/d3-array": "1.2.1",
"@types/d3-axis": "1.0.10",
@@ -46,7 +46,7 @@
"@types/d3-shape": "^1.2.3",
"@types/d3-time-format": "^2.1.0",
"@types/d3-time": "^1.1.0",
- "@fluentui/set-version": "^8.2.2",
+ "@fluentui/set-version": "^8.2.3",
"d3-array": "1.2.1",
"d3-axis": "1.0.8",
"d3-format": "^1.4.4",
@@ -60,7 +60,7 @@
"tslib": "^2.1.0"
},
"peerDependencies": {
- "@fluentui/react": "^8.100.0",
+ "@fluentui/react": "^8.101.0",
"@types/react": ">=16.8.0 <19.0.0",
"@types/react-dom": ">=16.8.0 <19.0.0",
"react": ">=16.8.0 <19.0.0",
diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json
index 3ef66524e7932..10b57d0abfe32 100644
--- a/packages/react-components/babel-preset-global-context/CHANGELOG.json
+++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json
@@ -1,6 +1,27 @@
{
"name": "@fluentui/babel-preset-global-context",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:49 GMT",
+ "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.8",
+ "version": "9.0.0-beta.8",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/babel-preset-global-context",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/babel-preset-global-context",
+ "comment": "Bump @fluentui/global-context to v9.0.0-beta.8",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:58:07 GMT",
"tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.7",
diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md
index 5d021fe58e137..0d19b20ff8126 100644
--- a/packages/react-components/babel-preset-global-context/CHANGELOG.md
+++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md
@@ -1,9 +1,19 @@
# Change Log - @fluentui/babel-preset-global-context
-This log was last generated on Wed, 02 Nov 2022 11:58:07 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:49 GMT and should not be manually modified.
+## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.8)
+
+Fri, 11 Nov 2022 14:57:49 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.7..@fluentui/babel-preset-global-context_v9.0.0-beta.8)
+
+### Changes
+
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+- Bump @fluentui/global-context to v9.0.0-beta.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.7)
Wed, 02 Nov 2022 11:58:07 GMT
diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json
index be2285015d849..3a5272d50c745 100644
--- a/packages/react-components/babel-preset-global-context/package.json
+++ b/packages/react-components/babel-preset-global-context/package.json
@@ -1,9 +1,9 @@
{
"name": "@fluentui/babel-preset-global-context",
- "version": "9.0.0-beta.7",
+ "version": "9.0.0-beta.8",
"description": "Babel preset that transforms createContext calls to use global context shims",
"main": "lib-commonjs/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"repository": {
"type": "git",
"url": "https://github.com/microsoft/fluentui"
@@ -38,7 +38,7 @@
"tslib": "^2.1.0"
},
"peerDependencies": {
- "@fluentui/global-context": "9.0.0-beta.7"
+ "@fluentui/global-context": "9.0.0-beta.8"
},
"beachball": {
"disallowedChangeTypes": [
@@ -46,5 +46,12 @@
"minor",
"patch"
]
+ },
+ "exports": {
+ ".": {
+ "types": "./dist/index.d.ts",
+ "require": "./lib-commonjs/index.js"
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json
index 077f7fa047214..6419a704f5db9 100644
--- a/packages/react-components/global-context/CHANGELOG.json
+++ b/packages/react-components/global-context/CHANGELOG.json
@@ -1,6 +1,33 @@
{
"name": "@fluentui/global-context",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:50 GMT",
+ "tag": "@fluentui/global-context_v9.0.0-beta.8",
+ "version": "9.0.0-beta.8",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/global-context",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/global-context",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/global-context",
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:58:07 GMT",
"tag": "@fluentui/global-context_v9.0.0-beta.7",
diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md
index abd829868048b..7f23d3dce93b2 100644
--- a/packages/react-components/global-context/CHANGELOG.md
+++ b/packages/react-components/global-context/CHANGELOG.md
@@ -1,9 +1,20 @@
# Change Log - @fluentui/global-context
-This log was last generated on Wed, 02 Nov 2022 11:58:07 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:50 GMT and should not be manually modified.
+## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.8)
+
+Fri, 11 Nov 2022 14:57:50 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.7..@fluentui/global-context_v9.0.0-beta.8)
+
+### Changes
+
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.7)
Wed, 02 Nov 2022 11:58:07 GMT
diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json
index d024b29140346..41e623590888c 100644
--- a/packages/react-components/global-context/package.json
+++ b/packages/react-components/global-context/package.json
@@ -1,10 +1,10 @@
{
"name": "@fluentui/global-context",
- "version": "9.0.0-beta.7",
+ "version": "9.0.0-beta.8",
"description": "Extension of React createContext to be a true singleton on the global scope",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -30,8 +30,8 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/react-context-selector": "^9.1.0",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/react-context-selector": "^9.1.1",
+ "@fluentui/react-utilities": "^9.2.1",
"tslib": "^2.1.0"
},
"peerDependencies": {
@@ -47,5 +47,13 @@
"minor",
"patch"
]
+ },
+ "exports": {
+ ".": {
+ "types": "./dist/index.d.ts",
+ "import": "./lib/index.js",
+ "require": "./lib-commonjs/index.js"
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/keyboard-keys/CHANGELOG.json b/packages/react-components/keyboard-keys/CHANGELOG.json
index 197d3ec8ce684..80b49b2a849be 100644
--- a/packages/react-components/keyboard-keys/CHANGELOG.json
+++ b/packages/react-components/keyboard-keys/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/keyboard-keys",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:50 GMT",
+ "tag": "@fluentui/keyboard-keys_v9.0.1",
+ "version": "9.0.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/keyboard-keys",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ }
+ ]
+ }
+ },
{
"date": "Tue, 25 Oct 2022 22:09:50 GMT",
"tag": "@fluentui/keyboard-keys_v9.0.0",
diff --git a/packages/react-components/keyboard-keys/CHANGELOG.md b/packages/react-components/keyboard-keys/CHANGELOG.md
index 6ecdc20f6de37..8a8390c5f4f5b 100644
--- a/packages/react-components/keyboard-keys/CHANGELOG.md
+++ b/packages/react-components/keyboard-keys/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/keyboard-keys
-This log was last generated on Tue, 28 Jun 2022 15:14:09 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:50 GMT and should not be manually modified.
+## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.1)
+
+Fri, 11 Nov 2022 14:57:50 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0..@fluentui/keyboard-keys_v9.0.1)
+
+### Patches
+
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+
## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0)
Tue, 28 Jun 2022 15:14:09 GMT
diff --git a/packages/react-components/keyboard-keys/package.json b/packages/react-components/keyboard-keys/package.json
index 1084622d24e26..8822c3318127c 100644
--- a/packages/react-components/keyboard-keys/package.json
+++ b/packages/react-components/keyboard-keys/package.json
@@ -1,10 +1,10 @@
{
"name": "@fluentui/keyboard-keys",
- "version": "9.0.0",
+ "version": "9.0.1",
"description": "Contains a set of keyboard constants for key and keyCode",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -37,9 +37,10 @@
},
"exports": {
".": {
- "types": "./lib/index.d.ts",
+ "types": "./dist/index.d.ts",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
- }
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/priority-overflow/CHANGELOG.json b/packages/react-components/priority-overflow/CHANGELOG.json
index f4c7c23761950..fb19f41fb455a 100644
--- a/packages/react-components/priority-overflow/CHANGELOG.json
+++ b/packages/react-components/priority-overflow/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@fluentui/priority-overflow",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:50 GMT",
+ "tag": "@fluentui/priority-overflow_v9.0.0-beta.4",
+ "version": "9.0.0-beta.4",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/priority-overflow",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ }
+ ]
+ }
+ },
{
"date": "Tue, 25 Oct 2022 22:09:50 GMT",
"tag": "@fluentui/priority-overflow_v9.0.0-beta.3",
diff --git a/packages/react-components/priority-overflow/CHANGELOG.md b/packages/react-components/priority-overflow/CHANGELOG.md
index a06b0aec1ca23..fd641717ae80b 100644
--- a/packages/react-components/priority-overflow/CHANGELOG.md
+++ b/packages/react-components/priority-overflow/CHANGELOG.md
@@ -1,9 +1,18 @@
# Change Log - @fluentui/priority-overflow
-This log was last generated on Thu, 13 Oct 2022 11:02:41 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:50 GMT and should not be manually modified.
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.0-beta.4)
+
+Fri, 11 Nov 2022 14:57:50 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/priority-overflow_v9.0.0-beta.3..@fluentui/priority-overflow_v9.0.0-beta.4)
+
+### Changes
+
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.0-beta.3)
Thu, 13 Oct 2022 11:02:41 GMT
diff --git a/packages/react-components/priority-overflow/package.json b/packages/react-components/priority-overflow/package.json
index fc5a72f042214..83224b3277078 100644
--- a/packages/react-components/priority-overflow/package.json
+++ b/packages/react-components/priority-overflow/package.json
@@ -1,10 +1,10 @@
{
"name": "@fluentui/priority-overflow",
- "version": "9.0.0-beta.3",
+ "version": "9.0.0-beta.4",
"description": "Vanilla JS utilities to implement overflow menus",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -36,5 +36,13 @@
"minor",
"patch"
]
+ },
+ "exports": {
+ ".": {
+ "types": "./dist/index.d.ts",
+ "import": "./lib/index.js",
+ "require": "./lib-commonjs/index.js"
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-accordion/CHANGELOG.json b/packages/react-components/react-accordion/CHANGELOG.json
index f274aa6388090..674d2d7d1a289 100644
--- a/packages/react-components/react-accordion/CHANGELOG.json
+++ b/packages/react-components/react-accordion/CHANGELOG.json
@@ -1,6 +1,65 @@
{
"name": "@fluentui/react-accordion",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:51 GMT",
+ "tag": "@fluentui/react-accordion_v9.0.11",
+ "version": "9.0.11",
+ "comments": {
+ "none": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-accordion",
+ "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
+ "comment": "test: replace deprecated module.parent with require.main within isConformance"
+ }
+ ],
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-accordion",
+ "comment": "Bump @fluentui/react-aria to v9.3.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-accordion",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-accordion",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.1.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-accordion",
+ "comment": "Bump @fluentui/react-tabster to v9.3.0",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-accordion",
+ "comment": "Bump @fluentui/react-theme to v9.1.2",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-accordion",
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-accordion",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:57:46 GMT",
"tag": "@fluentui/react-accordion_v9.0.10",
diff --git a/packages/react-components/react-accordion/CHANGELOG.md b/packages/react-components/react-accordion/CHANGELOG.md
index 233ac4912a7de..f63bbdda62659 100644
--- a/packages/react-components/react-accordion/CHANGELOG.md
+++ b/packages/react-components/react-accordion/CHANGELOG.md
@@ -1,9 +1,24 @@
# Change Log - @fluentui/react-accordion
-This log was last generated on Wed, 02 Nov 2022 11:57:46 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:51 GMT and should not be manually modified.
+## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.11)
+
+Fri, 11 Nov 2022 14:57:51 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.10..@fluentui/react-accordion_v9.0.11)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.10)
Wed, 02 Nov 2022 11:57:46 GMT
diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json
index 2d514a2b3924e..2f0233771442e 100644
--- a/packages/react-components/react-accordion/package.json
+++ b/packages/react-components/react-accordion/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-accordion",
- "version": "9.0.10",
+ "version": "9.0.11",
"description": "Fluent UI accordion component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,17 +27,17 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/react-aria": "^9.3.0",
- "@fluentui/react-context-selector": "^9.1.0",
+ "@fluentui/react-aria": "^9.3.1",
+ "@fluentui/react-context-selector": "^9.1.1",
"@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-shared-contexts": "^9.1.0",
- "@fluentui/react-tabster": "^9.2.1",
- "@fluentui/react-theme": "^9.1.1",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/react-shared-contexts": "^9.1.1",
+ "@fluentui/react-tabster": "^9.3.0",
+ "@fluentui/react-theme": "^9.1.2",
+ "@fluentui/react-utilities": "^9.2.1",
"@griffel/react": "^1.4.2",
"tslib": "^2.1.0"
},
diff --git a/packages/react-components/react-accordion/src/testing/isConformant.ts b/packages/react-components/react-accordion/src/testing/isConformant.ts
index 0a15c2c64f0fb..183b694ab7ee3 100644
--- a/packages/react-components/react-accordion/src/testing/isConformant.ts
+++ b/packages/react-components/react-accordion/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant(
testInfo: Omit, 'componentPath'> & { componentPath?: string },
) {
const defaultOptions: Partial> = {
- componentPath: module!.parent!.filename.replace('.test', ''),
+ componentPath: require.main?.filename.replace('.test', ''),
extraTests: griffelTests as TestObject,
};
diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json
index d3ea29b60fa5e..640c387c2763d 100644
--- a/packages/react-components/react-alert/CHANGELOG.json
+++ b/packages/react-components/react-alert/CHANGELOG.json
@@ -1,6 +1,53 @@
{
"name": "@fluentui/react-alert",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:51 GMT",
+ "tag": "@fluentui/react-alert_v9.0.0-beta.17",
+ "version": "9.0.0-beta.17",
+ "comments": {
+ "none": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-alert",
+ "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
+ "comment": "test: replace deprecated module.parent with require.main within isConformance"
+ }
+ ],
+ "prerelease": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-alert",
+ "comment": "Bump @fluentui/react-avatar to v9.2.6",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-alert",
+ "comment": "Bump @fluentui/react-button to v9.1.8",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-alert",
+ "comment": "Bump @fluentui/react-theme to v9.1.2",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-alert",
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-alert",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:57:47 GMT",
"tag": "@fluentui/react-alert_v9.0.0-beta.16",
diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md
index 520ef8718dcf0..11a20b240a42e 100644
--- a/packages/react-components/react-alert/CHANGELOG.md
+++ b/packages/react-components/react-alert/CHANGELOG.md
@@ -1,9 +1,22 @@
# Change Log - @fluentui/react-alert
-This log was last generated on Wed, 02 Nov 2022 11:57:47 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:51 GMT and should not be manually modified.
+## [9.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.17)
+
+Fri, 11 Nov 2022 14:57:51 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.16..@fluentui/react-alert_v9.0.0-beta.17)
+
+### Changes
+
+- Bump @fluentui/react-avatar to v9.2.6 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-button to v9.1.8 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.0.0-beta.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.16)
Wed, 02 Nov 2022 11:57:47 GMT
diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json
index bc05bab4bd3e3..6be48b99cba59 100644
--- a/packages/react-components/react-alert/package.json
+++ b/packages/react-components/react-alert/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-alert",
- "version": "9.0.0-beta.16",
+ "version": "9.0.0-beta.17",
"description": "An alert component to display brief messages",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -27,15 +27,15 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/react-avatar": "^9.2.5",
- "@fluentui/react-button": "^9.1.7",
+ "@fluentui/react-avatar": "^9.2.6",
+ "@fluentui/react-button": "^9.1.8",
"@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-theme": "^9.1.1",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/react-theme": "^9.1.2",
+ "@fluentui/react-utilities": "^9.2.1",
"@griffel/react": "^1.4.2",
"tslib": "^2.1.0"
},
diff --git a/packages/react-components/react-alert/src/testing/isConformant.ts b/packages/react-components/react-alert/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-alert/src/testing/isConformant.ts
+++ b/packages/react-components/react-alert/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant(
testInfo: Omit, 'componentPath'> & { componentPath?: string },
) {
const defaultOptions: Partial> = {
- componentPath: module!.parent!.filename.replace('.test', ''),
+ componentPath: require.main?.filename.replace('.test', ''),
extraTests: griffelTests as TestObject,
};
diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json
index 9fcd590109367..c8be4ee247ba3 100644
--- a/packages/react-components/react-aria/CHANGELOG.json
+++ b/packages/react-components/react-aria/CHANGELOG.json
@@ -1,6 +1,33 @@
{
"name": "@fluentui/react-aria",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:51 GMT",
+ "tag": "@fluentui/react-aria_v9.3.1",
+ "version": "9.3.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-aria",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-aria",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-aria",
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:57:47 GMT",
"tag": "@fluentui/react-aria_v9.3.0",
diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md
index a4c4055b58d50..da2a2c3c381cb 100644
--- a/packages/react-components/react-aria/CHANGELOG.md
+++ b/packages/react-components/react-aria/CHANGELOG.md
@@ -1,9 +1,20 @@
# Change Log - @fluentui/react-aria
-This log was last generated on Wed, 02 Nov 2022 11:57:47 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:51 GMT and should not be manually modified.
+## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.1)
+
+Fri, 11 Nov 2022 14:57:51 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.0..@fluentui/react-aria_v9.3.1)
+
+### Patches
+
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.0)
Wed, 02 Nov 2022 11:57:47 GMT
diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json
index 555f748ba57f5..19eece421bddf 100644
--- a/packages/react-components/react-aria/package.json
+++ b/packages/react-components/react-aria/package.json
@@ -1,10 +1,10 @@
{
"name": "@fluentui/react-aria",
- "version": "9.3.0",
+ "version": "9.3.1",
"description": "React helper to ensure ARIA",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -30,8 +30,8 @@
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/keyboard-keys": "^9.0.0",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/keyboard-keys": "^9.0.1",
+ "@fluentui/react-utilities": "^9.2.1",
"tslib": "^2.1.0"
},
"peerDependencies": {
@@ -48,9 +48,10 @@
},
"exports": {
".": {
- "types": "./lib/index.d.ts",
+ "types": "./dist/index.d.ts",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
- }
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-avatar-context/package.json b/packages/react-components/react-avatar-context/package.json
index 3dc0c329ce5df..ac4fbd313c742 100644
--- a/packages/react-components/react-avatar-context/package.json
+++ b/packages/react-components/react-avatar-context/package.json
@@ -5,7 +5,7 @@
"description": "Context to override avatar props",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -25,12 +25,12 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/react-theme": "^9.1.1",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/react-theme": "^9.1.2",
+ "@fluentui/react-utilities": "^9.2.1",
"@griffel/react": "^1.4.2",
"tslib": "^2.1.0"
},
@@ -46,5 +46,13 @@
"minor",
"patch"
]
+ },
+ "exports": {
+ ".": {
+ "types": "./dist/index.d.ts",
+ "import": "./lib/index.js",
+ "require": "./lib-commonjs/index.js"
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json
index a045372e59a8a..44327265e72b1 100644
--- a/packages/react-components/react-avatar/CHANGELOG.json
+++ b/packages/react-components/react-avatar/CHANGELOG.json
@@ -1,6 +1,107 @@
{
"name": "@fluentui/react-avatar",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:52 GMT",
+ "tag": "@fluentui/react-avatar_v9.2.6",
+ "version": "9.2.6",
+ "comments": {
+ "none": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-avatar",
+ "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
+ "comment": "test: replace deprecated module.parent with require.main within isConformance"
+ }
+ ],
+ "patch": [
+ {
+ "author": "humberto_makoto@hotmail.com",
+ "package": "@fluentui/react-avatar",
+ "commit": "81a3171e14fcaead04c6cf3fbf8eda962178b442",
+ "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme."
+ },
+ {
+ "author": "behowell@microsoft.com",
+ "package": "@fluentui/react-avatar",
+ "commit": "19c8608a71aa59113bea131bbbd1922125303ced",
+ "comment": "fix: Update Avatar active ring color to match base color"
+ },
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-avatar",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ },
+ {
+ "author": "esteban.230@hotmail.com",
+ "package": "@fluentui/react-avatar",
+ "commit": "b932f8ce3676d1fd82a6bdc79364007c9d3b2def",
+ "comment": "chore: Remove AvatarGroup unstable warnings."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-avatar",
+ "commit": "50d5f2ef0d6a06851e78f736055fcc313d61029b",
+ "comment": "chore: Migrate to new package structure."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-badge to v9.0.12",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-popover to v9.3.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.1.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-tabster to v9.3.0",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-theme to v9.1.2",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-tooltip to v9.1.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-avatar",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:57:47 GMT",
"tag": "@fluentui/react-avatar_v9.2.5",
diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md
index efcf91ad45a2f..9f4ece09a6353 100644
--- a/packages/react-components/react-avatar/CHANGELOG.md
+++ b/packages/react-components/react-avatar/CHANGELOG.md
@@ -1,9 +1,31 @@
# Change Log - @fluentui/react-avatar
-This log was last generated on Wed, 02 Nov 2022 11:57:47 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:52 GMT and should not be manually modified.
+## [9.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.6)
+
+Fri, 11 Nov 2022 14:57:52 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.2.5..@fluentui/react-avatar_v9.2.6)
+
+### Patches
+
+- chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com)
+- fix: Update Avatar active ring color to match base color ([PR #25497](https://github.com/microsoft/fluentui/pull/25497) by behowell@microsoft.com)
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+- chore: Remove AvatarGroup unstable warnings. ([PR #25005](https://github.com/microsoft/fluentui/pull/25005) by esteban.230@hotmail.com)
+- chore: Migrate to new package structure. ([PR #25473](https://github.com/microsoft/fluentui/pull/25473) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-badge to v9.0.12 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-popover to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-tooltip to v9.1.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.5)
Wed, 02 Nov 2022 11:57:47 GMT
diff --git a/packages/react-components/react-avatar/README-AvatarGroup.md b/packages/react-components/react-avatar/README-AvatarGroup.md
index ffcedd7740778..ec30506b1bc24 100644
--- a/packages/react-components/react-avatar/README-AvatarGroup.md
+++ b/packages/react-components/react-avatar/README-AvatarGroup.md
@@ -4,20 +4,10 @@
The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement of individual Avatars in a spread, stack, or pie layout.
-## 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 AvatarGroup, AvatarGroupItem, AvatarGroupPopover, and partitionAvatarGroupItems:
-```js
-import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
-```
-
-Once the AvatarGroup component graduates to a production release, the component will be available at:
-
```js
import {
AvatarGroup,
diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json
index de36f9c98b34c..c9a3af1eb2881 100644
--- a/packages/react-components/react-avatar/package.json
+++ b/packages/react-components/react-avatar/package.json
@@ -1,10 +1,10 @@
{
"name": "@fluentui/react-avatar",
- "version": "9.2.5",
+ "version": "9.2.6",
"description": "React components for building Microsoft web experiences.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -29,20 +29,20 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
"@fluentui/scripts": "^1.0.0",
"es6-weak-map": "^2.0.2"
},
"dependencies": {
- "@fluentui/react-badge": "^9.0.11",
- "@fluentui/react-context-selector": "^9.1.0",
+ "@fluentui/react-badge": "^9.0.12",
+ "@fluentui/react-context-selector": "^9.1.1",
"@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-popover": "^9.3.0",
- "@fluentui/react-shared-contexts": "^9.1.0",
- "@fluentui/react-tabster": "^9.2.1",
- "@fluentui/react-theme": "^9.1.1",
- "@fluentui/react-tooltip": "^9.1.0",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/react-popover": "^9.3.1",
+ "@fluentui/react-shared-contexts": "^9.1.1",
+ "@fluentui/react-tabster": "^9.3.0",
+ "@fluentui/react-theme": "^9.1.2",
+ "@fluentui/react-tooltip": "^9.1.1",
+ "@fluentui/react-utilities": "^9.2.1",
"@griffel/react": "^1.4.2",
"tslib": "^2.1.0"
},
@@ -61,9 +61,10 @@
},
"exports": {
".": {
- "types": "./lib/index.d.ts",
+ "types": "./dist/index.d.ts",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
- }
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts b/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts
index a2665273d7d51..20c09ca725219 100644
--- a/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts
+++ b/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts
@@ -89,7 +89,6 @@ const useStyles = makeStyles({
ring: {
'::before': {
- ...shorthands.borderColor(tokens.colorBrandBackgroundStatic),
...shorthands.borderStyle('solid'),
},
},
@@ -216,130 +215,163 @@ const useColorStyles = makeStyles({
neutral: {
color: tokens.colorNeutralForeground3,
backgroundColor: tokens.colorNeutralBackground6,
+ // The ::before element is the ring when active
+ '::before': { color: tokens.colorBrandStroke1 },
},
brand: {
color: tokens.colorNeutralForegroundStaticInverted,
backgroundColor: tokens.colorBrandBackgroundStatic,
+ '::before': { color: tokens.colorBrandStroke1 },
},
'dark-red': {
color: tokens.colorPaletteDarkRedForeground2,
backgroundColor: tokens.colorPaletteDarkRedBackground2,
+ '::before': { color: tokens.colorPaletteDarkRedBorderActive },
},
cranberry: {
color: tokens.colorPaletteCranberryForeground2,
backgroundColor: tokens.colorPaletteCranberryBackground2,
+ '::before': { color: tokens.colorPaletteCranberryBorderActive },
},
red: {
color: tokens.colorPaletteRedForeground2,
backgroundColor: tokens.colorPaletteRedBackground2,
+ '::before': { color: tokens.colorPaletteRedBorderActive },
},
pumpkin: {
color: tokens.colorPalettePumpkinForeground2,
backgroundColor: tokens.colorPalettePumpkinBackground2,
+ '::before': { color: tokens.colorPalettePumpkinBorderActive },
},
peach: {
color: tokens.colorPalettePeachForeground2,
backgroundColor: tokens.colorPalettePeachBackground2,
+ '::before': { color: tokens.colorPalettePeachBorderActive },
},
marigold: {
color: tokens.colorPaletteMarigoldForeground2,
backgroundColor: tokens.colorPaletteMarigoldBackground2,
+ '::before': { color: tokens.colorPaletteMarigoldBorderActive },
},
gold: {
color: tokens.colorPaletteGoldForeground2,
backgroundColor: tokens.colorPaletteGoldBackground2,
+ '::before': { color: tokens.colorPaletteGoldBorderActive },
},
brass: {
color: tokens.colorPaletteBrassForeground2,
backgroundColor: tokens.colorPaletteBrassBackground2,
+ '::before': { color: tokens.colorPaletteBrassBorderActive },
},
brown: {
color: tokens.colorPaletteBrownForeground2,
backgroundColor: tokens.colorPaletteBrownBackground2,
+ '::before': { color: tokens.colorPaletteBrownBorderActive },
},
forest: {
color: tokens.colorPaletteForestForeground2,
backgroundColor: tokens.colorPaletteForestBackground2,
+ '::before': { color: tokens.colorPaletteForestBorderActive },
},
seafoam: {
color: tokens.colorPaletteSeafoamForeground2,
backgroundColor: tokens.colorPaletteSeafoamBackground2,
+ '::before': { color: tokens.colorPaletteSeafoamBorderActive },
},
'dark-green': {
color: tokens.colorPaletteDarkGreenForeground2,
backgroundColor: tokens.colorPaletteDarkGreenBackground2,
+ '::before': { color: tokens.colorPaletteDarkGreenBorderActive },
},
'light-teal': {
color: tokens.colorPaletteLightTealForeground2,
backgroundColor: tokens.colorPaletteLightTealBackground2,
+ '::before': { color: tokens.colorPaletteLightTealBorderActive },
},
teal: {
color: tokens.colorPaletteTealForeground2,
backgroundColor: tokens.colorPaletteTealBackground2,
+ '::before': { color: tokens.colorPaletteTealBorderActive },
},
steel: {
color: tokens.colorPaletteSteelForeground2,
backgroundColor: tokens.colorPaletteSteelBackground2,
+ '::before': { color: tokens.colorPaletteSteelBorderActive },
},
blue: {
color: tokens.colorPaletteBlueForeground2,
backgroundColor: tokens.colorPaletteBlueBackground2,
+ '::before': { color: tokens.colorPaletteBlueBorderActive },
},
'royal-blue': {
color: tokens.colorPaletteRoyalBlueForeground2,
backgroundColor: tokens.colorPaletteRoyalBlueBackground2,
+ '::before': { color: tokens.colorPaletteRoyalBlueBorderActive },
},
cornflower: {
color: tokens.colorPaletteCornflowerForeground2,
backgroundColor: tokens.colorPaletteCornflowerBackground2,
+ '::before': { color: tokens.colorPaletteCornflowerBorderActive },
},
navy: {
color: tokens.colorPaletteNavyForeground2,
backgroundColor: tokens.colorPaletteNavyBackground2,
+ '::before': { color: tokens.colorPaletteNavyBorderActive },
},
lavender: {
color: tokens.colorPaletteLavenderForeground2,
backgroundColor: tokens.colorPaletteLavenderBackground2,
+ '::before': { color: tokens.colorPaletteLavenderBorderActive },
},
purple: {
color: tokens.colorPalettePurpleForeground2,
backgroundColor: tokens.colorPalettePurpleBackground2,
+ '::before': { color: tokens.colorPalettePurpleBorderActive },
},
grape: {
color: tokens.colorPaletteGrapeForeground2,
backgroundColor: tokens.colorPaletteGrapeBackground2,
+ '::before': { color: tokens.colorPaletteGrapeBorderActive },
},
lilac: {
color: tokens.colorPaletteLilacForeground2,
backgroundColor: tokens.colorPaletteLilacBackground2,
+ '::before': { color: tokens.colorPaletteLilacBorderActive },
},
pink: {
color: tokens.colorPalettePinkForeground2,
backgroundColor: tokens.colorPalettePinkBackground2,
+ '::before': { color: tokens.colorPalettePinkBorderActive },
},
magenta: {
color: tokens.colorPaletteMagentaForeground2,
backgroundColor: tokens.colorPaletteMagentaBackground2,
+ '::before': { color: tokens.colorPaletteMagentaBorderActive },
},
plum: {
color: tokens.colorPalettePlumForeground2,
backgroundColor: tokens.colorPalettePlumBackground2,
+ '::before': { color: tokens.colorPalettePlumBorderActive },
},
beige: {
color: tokens.colorPaletteBeigeForeground2,
backgroundColor: tokens.colorPaletteBeigeBackground2,
+ '::before': { color: tokens.colorPaletteBeigeBorderActive },
},
mink: {
color: tokens.colorPaletteMinkForeground2,
backgroundColor: tokens.colorPaletteMinkBackground2,
+ '::before': { color: tokens.colorPaletteMinkBorderActive },
},
platinum: {
color: tokens.colorPalettePlatinumForeground2,
backgroundColor: tokens.colorPalettePlatinumBackground2,
+ '::before': { color: tokens.colorPalettePlatinumBorderActive },
},
anchor: {
color: tokens.colorPaletteAnchorForeground2,
backgroundColor: tokens.colorPaletteAnchorBackground2,
+ '::before': { color: tokens.colorPaletteAnchorBorderActive },
},
});
diff --git a/packages/react-components/react-avatar/src/index.ts b/packages/react-components/react-avatar/src/index.ts
index 9bf255a845f58..4d6965e19d616 100644
--- a/packages/react-components/react-avatar/src/index.ts
+++ b/packages/react-components/react-avatar/src/index.ts
@@ -40,9 +40,9 @@ export {
} from './AvatarGroupPopover';
export type { AvatarGroupPopoverProps, AvatarGroupPopoverSlots, AvatarGroupPopoverState } from './AvatarGroupPopover';
export {
- AvatarGroupProvider,
- useAvatarGroupContext_unstable,
AvatarContextProvider,
+ AvatarGroupProvider,
useAvatarContext,
+ useAvatarGroupContext_unstable,
} from './contexts/index';
export type { AvatarContextValue } from './contexts/index';
diff --git a/packages/react-components/react-avatar/src/testing/isConformant.ts b/packages/react-components/react-avatar/src/testing/isConformant.ts
index 0a15c2c64f0fb..183b694ab7ee3 100644
--- a/packages/react-components/react-avatar/src/testing/isConformant.ts
+++ b/packages/react-components/react-avatar/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant(
testInfo: Omit, 'componentPath'> & { componentPath?: string },
) {
const defaultOptions: Partial> = {
- componentPath: module!.parent!.filename.replace('.test', ''),
+ componentPath: require.main?.filename.replace('.test', ''),
extraTests: griffelTests as TestObject,
};
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx
index db579aab5680d..22173fd6b13c5 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarActive.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const Active = () => (
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx
index 69616d8bd3e0f..108fe31f9d784 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarActiveAppearance.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const ActiveAppearance = () => (
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx
index 441069fe4b077..b0f48113fbf47 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarBadge.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const Badge = () => (
<>
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx
index 7a0100e620029..cb43d38e6706d 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarColorBrand.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const ColorBrand = () =>
;
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx
index 0641c4a4bd51e..82f470e64920d 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarColorColorful.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
import { GuestRegular } from '@fluentui/react-icons';
export const ColorColorful = () => (
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx
index 41554791b15f2..e8031cf202525 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarColorPalette.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const ColorPalette = () => (
<>
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx
index cc36159f42d51..7791967d60bb0 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarDefault.stories.tsx
@@ -1,6 +1,7 @@
import { ArgTypes } from '@storybook/api';
import * as React from 'react';
-import { Avatar, AvatarProps } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
+import type { AvatarProps } from '@fluentui/react-components';
export const Default = (props: Partial
) => ;
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx
index e975c1c07b91c..aea20df3b601b 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarIcon.stories.tsx
@@ -9,7 +9,7 @@ import {
PersonCallRegular,
} from '@fluentui/react-icons';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const Icon = () => (
<>
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx
index 9162ce1c71837..1e712b4abd8f2 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarImage.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const Image = () => (
;
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx
index b347117f836b6..0ac56f889ee9f 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarName.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const Name = () => ;
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx
index e926684c56d97..753c3f69a3bb7 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarSize.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
export const Size = () => (
<>
diff --git a/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx
index a41652a2d5aff..4f2f4b278eb83 100644
--- a/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/AvatarSquare.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
import { PeopleTeamRegular } from '@fluentui/react-icons';
export const Square = () => } />;
diff --git a/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx b/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx
index 3bbc9c1061202..df0f43825ef5a 100644
--- a/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx
+++ b/packages/react-components/react-avatar/stories/Avatar/index.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Avatar } from '@fluentui/react-avatar';
+import { Avatar } from '@fluentui/react-components';
import { Meta } from '@storybook/react';
export { Default } from './AvatarDefault.stories';
diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx
index 6005c35e96ffd..c4757cc150209 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDefault.stories.tsx
@@ -1,6 +1,11 @@
import * as React from 'react';
-import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
-import type { AvatarGroupProps } from '@fluentui/react-avatar';
+import {
+ AvatarGroup,
+ AvatarGroupItem,
+ AvatarGroupPopover,
+ partitionAvatarGroupItems,
+} from '@fluentui/react-components';
+import type { AvatarGroupProps } from '@fluentui/react-components';
const names = [
'Johnie McConnell',
diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md
index 38e30edeffaa9..8014a06f48f01 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupDescription.md
@@ -1,15 +1,2 @@
An AvatarGroup is a graphical representation of multiple people associated with a given entity. AvatarGroup leverages the Avatar component, with each Avatar representing a person and containing their image, initials, or an icon. An AvatarGroup can be represented
in a spread, stack, or pie layout.
-
-
-
-> **⚠️ Preview components are considered unstable:**
->
-> ```jsx
->
-> import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover } 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-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx
index bca72cc72a5a1..09e98678c1938 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupIndicator.stories.tsx
@@ -1,6 +1,11 @@
import * as React from 'react';
-import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
-import { makeStyles } from '@fluentui/react-components';
+import {
+ AvatarGroup,
+ AvatarGroupItem,
+ AvatarGroupPopover,
+ makeStyles,
+ partitionAvatarGroupItems,
+} from '@fluentui/react-components';
const useStyles = makeStyles({
root: {
diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx
index ffc79ae266ccc..1bd8090da7faf 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupLayout.stories.tsx
@@ -1,6 +1,11 @@
import * as React from 'react';
-import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
-import { makeStyles } from '@fluentui/react-components';
+import {
+ AvatarGroup,
+ AvatarGroupItem,
+ AvatarGroupPopover,
+ makeStyles,
+ partitionAvatarGroupItems,
+} from '@fluentui/react-components';
const useStyles = makeStyles({
root: {
diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx
index 2fcd3fbe8450a..3114c8d7bc61a 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizePie.stories.tsx
@@ -1,7 +1,12 @@
import * as React from 'react';
-import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
-import { makeStyles } from '@fluentui/react-components';
-import type { AvatarSizes } from '@fluentui/react-avatar';
+import {
+ AvatarGroup,
+ AvatarGroupItem,
+ AvatarGroupPopover,
+ makeStyles,
+ partitionAvatarGroupItems,
+} from '@fluentui/react-components';
+import type { AvatarSizes } from '@fluentui/react-components';
const useStyles = makeStyles({
root: {
diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx
index f84fe857908fd..9aa18cddef469 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeSpread.stories.tsx
@@ -1,7 +1,12 @@
import * as React from 'react';
-import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
-import { makeStyles } from '@fluentui/react-components';
-import type { AvatarSizes } from '@fluentui/react-avatar';
+import {
+ AvatarGroup,
+ AvatarGroupItem,
+ AvatarGroupPopover,
+ makeStyles,
+ partitionAvatarGroupItems,
+} from '@fluentui/react-components';
+import type { AvatarSizes } from '@fluentui/react-components';
const useStyles = makeStyles({
root: {
diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx
index bd6cd3b12ec41..adbf2abd84289 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/AvatarGroupSizeStack.stories.tsx
@@ -1,7 +1,12 @@
import * as React from 'react';
-import { AvatarGroup, AvatarGroupItem, AvatarGroupPopover, partitionAvatarGroupItems } from '@fluentui/react-avatar';
-import { makeStyles } from '@fluentui/react-components';
-import type { AvatarSizes } from '@fluentui/react-avatar';
+import {
+ AvatarGroup,
+ AvatarGroupItem,
+ AvatarGroupPopover,
+ makeStyles,
+ partitionAvatarGroupItems,
+} from '@fluentui/react-components';
+import type { AvatarSizes } from '@fluentui/react-components';
const useStyles = makeStyles({
root: {
diff --git a/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx b/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx
index 11afee06493ad..2e6ef64334327 100644
--- a/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx
+++ b/packages/react-components/react-avatar/stories/AvatarGroup/index.stories.tsx
@@ -1,4 +1,4 @@
-import { AvatarGroup } from '@fluentui/react-avatar';
+import { AvatarGroup } from '@fluentui/react-components';
import bestPracticesMd from './AvatarGroupBestPractices.md';
import descriptionMd from './AvatarGroupDescription.md';
@@ -11,7 +11,7 @@ export { SizeStack } from './AvatarGroupSizeStack.stories';
export { SizePie } from './AvatarGroupSizePie.stories';
export default {
- title: 'Preview Components/AvatarGroup',
+ title: 'Components/AvatarGroup',
component: AvatarGroup,
parameters: {
docs: {
diff --git a/packages/react-components/react-badge/CHANGELOG.json b/packages/react-components/react-badge/CHANGELOG.json
index 12821bb3b845b..299c5952fb466 100644
--- a/packages/react-components/react-badge/CHANGELOG.json
+++ b/packages/react-components/react-badge/CHANGELOG.json
@@ -1,6 +1,47 @@
{
"name": "@fluentui/react-badge",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:54 GMT",
+ "tag": "@fluentui/react-badge_v9.0.12",
+ "version": "9.0.12",
+ "comments": {
+ "none": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-badge",
+ "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
+ "comment": "test: replace deprecated module.parent with require.main within isConformance"
+ }
+ ],
+ "patch": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-badge",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-badge",
+ "comment": "Bump @fluentui/react-theme to v9.1.2",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-badge",
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-badge",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:57:48 GMT",
"tag": "@fluentui/react-badge_v9.0.11",
diff --git a/packages/react-components/react-badge/CHANGELOG.md b/packages/react-components/react-badge/CHANGELOG.md
index d9a7100cc5e47..c8d67ad658156 100644
--- a/packages/react-components/react-badge/CHANGELOG.md
+++ b/packages/react-components/react-badge/CHANGELOG.md
@@ -1,9 +1,21 @@
# Change Log - @fluentui/react-badge
-This log was last generated on Wed, 02 Nov 2022 11:57:48 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:54 GMT and should not be manually modified.
+## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.12)
+
+Fri, 11 Nov 2022 14:57:54 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.11..@fluentui/react-badge_v9.0.12)
+
+### Patches
+
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.11)
Wed, 02 Nov 2022 11:57:48 GMT
diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json
index f35e8fcae687e..5922c0eb3c329 100644
--- a/packages/react-components/react-badge/package.json
+++ b/packages/react-components/react-badge/package.json
@@ -1,10 +1,10 @@
{
"name": "@fluentui/react-badge",
- "version": "9.0.11",
+ "version": "9.0.12",
"description": "React components for building web experiences",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -28,14 +28,14 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
"@fluentui/react-icons": "^2.0.175",
"@griffel/react": "^1.4.2",
- "@fluentui/react-theme": "^9.1.1",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/react-theme": "^9.1.2",
+ "@fluentui/react-utilities": "^9.2.1",
"tslib": "^2.1.0"
},
"peerDependencies": {
@@ -52,9 +52,10 @@
},
"exports": {
".": {
- "types": "./lib/index.d.ts",
+ "types": "./dist/index.d.ts",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
- }
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-badge/src/testing/isConformant.ts b/packages/react-components/react-badge/src/testing/isConformant.ts
index 0a15c2c64f0fb..183b694ab7ee3 100644
--- a/packages/react-components/react-badge/src/testing/isConformant.ts
+++ b/packages/react-components/react-badge/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant(
testInfo: Omit, 'componentPath'> & { componentPath?: string },
) {
const defaultOptions: Partial> = {
- componentPath: module!.parent!.filename.replace('.test', ''),
+ componentPath: require.main?.filename.replace('.test', ''),
extraTests: griffelTests as TestObject,
};
diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json
index ec84ab646a9da..2d14340f98a84 100644
--- a/packages/react-components/react-button/CHANGELOG.json
+++ b/packages/react-components/react-button/CHANGELOG.json
@@ -1,6 +1,83 @@
{
"name": "@fluentui/react-button",
"entries": [
+ {
+ "date": "Fri, 11 Nov 2022 14:57:54 GMT",
+ "tag": "@fluentui/react-button_v9.1.8",
+ "version": "9.1.8",
+ "comments": {
+ "patch": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-button",
+ "commit": "b3907043bd8d7b650c55e8e7c3119b14f2606c38",
+ "comment": "fix: create valid export maps"
+ },
+ {
+ "author": "humberto_makoto@hotmail.com",
+ "package": "@fluentui/react-button",
+ "commit": "81a3171e14fcaead04c6cf3fbf8eda962178b442",
+ "comment": "chore: Replacing use of hard-coded constants with curve and duration tokens from theme."
+ },
+ {
+ "author": "humberto_makoto@hotmail.com",
+ "package": "@fluentui/react-button",
+ "commit": "6bfd92ec66ded6bc86d73b072d7ee5b3a7b5fcac",
+ "comment": "fix: Showing correct behavior for icons inside of Buttons on hover, pressed and toggle states."
+ },
+ {
+ "author": "humberto_makoto@hotmail.com",
+ "package": "@fluentui/react-button",
+ "commit": "8dc8e99d3ef23ec868eb1128bb8e167373d1f4cc",
+ "comment": "fix: Adding expanded styles for MenuButtons and making various other styling fixes for Button components."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-button",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-button",
+ "comment": "Bump @fluentui/react-aria to v9.3.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-button",
+ "comment": "Bump @fluentui/react-tabster to v9.3.0",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-button",
+ "comment": "Bump @fluentui/react-theme to v9.1.2",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-button",
+ "comment": "Bump @fluentui/react-utilities to v9.2.1",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-button",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18",
+ "commit": "b4c9a0ae8d7444bf746f1307ab01e2dc16310720"
+ }
+ ],
+ "none": [
+ {
+ "author": "martinhochel@microsoft.com",
+ "package": "@fluentui/react-button",
+ "commit": "87859b052155ca206ef3540a2a9623803f6e2b93",
+ "comment": "test: replace deprecated module.parent with require.main within isConformance"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 02 Nov 2022 11:57:48 GMT",
"tag": "@fluentui/react-button_v9.1.7",
diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md
index 8662f2db87eb9..14215c79c4d20 100644
--- a/packages/react-components/react-button/CHANGELOG.md
+++ b/packages/react-components/react-button/CHANGELOG.md
@@ -1,9 +1,27 @@
# Change Log - @fluentui/react-button
-This log was last generated on Wed, 02 Nov 2022 11:57:48 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Nov 2022 14:57:54 GMT and should not be manually modified.
+## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.8)
+
+Fri, 11 Nov 2022 14:57:54 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.1.7..@fluentui/react-button_v9.1.8)
+
+### Patches
+
+- fix: create valid export maps ([PR #25558](https://github.com/microsoft/fluentui/pull/25558) by martinhochel@microsoft.com)
+- chore: Replacing use of hard-coded constants with curve and duration tokens from theme. ([PR #25522](https://github.com/microsoft/fluentui/pull/25522) by humberto_makoto@hotmail.com)
+- fix: Showing correct behavior for icons inside of Buttons on hover, pressed and toggle states. ([PR #25479](https://github.com/microsoft/fluentui/pull/25479) by humberto_makoto@hotmail.com)
+- fix: Adding expanded styles for MenuButtons and making various other styling fixes for Button components. ([PR #25521](https://github.com/microsoft/fluentui/pull/25521) by humberto_makoto@hotmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-aria to v9.3.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-tabster to v9.3.0 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-theme to v9.1.2 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-utilities to v9.2.1 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.18 ([PR #25615](https://github.com/microsoft/fluentui/pull/25615) by beachball)
+
## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.7)
Wed, 02 Nov 2022 11:57:48 GMT
diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json
index f38e6cc21f58d..7ddbcaf005fd0 100644
--- a/packages/react-components/react-button/package.json
+++ b/packages/react-components/react-button/package.json
@@ -1,10 +1,10 @@
{
"name": "@fluentui/react-button",
- "version": "9.1.7",
+ "version": "9.1.8",
"description": "Fluent UI React Button component.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
- "typings": "dist/index.d.ts",
+ "typings": "./dist/index.d.ts",
"sideEffects": false,
"repository": {
"type": "git",
@@ -29,16 +29,16 @@
"@fluentui/a11y-testing": "^0.1.0",
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
"@fluentui/scripts": "^1.0.0"
},
"dependencies": {
- "@fluentui/keyboard-keys": "^9.0.0",
- "@fluentui/react-aria": "^9.3.0",
+ "@fluentui/keyboard-keys": "^9.0.1",
+ "@fluentui/react-aria": "^9.3.1",
"@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-tabster": "^9.2.1",
- "@fluentui/react-theme": "^9.1.1",
- "@fluentui/react-utilities": "^9.2.0",
+ "@fluentui/react-tabster": "^9.3.0",
+ "@fluentui/react-theme": "^9.1.2",
+ "@fluentui/react-utilities": "^9.2.1",
"@griffel/react": "^1.4.2",
"tslib": "^2.1.0"
},
@@ -56,9 +56,10 @@
},
"exports": {
".": {
- "types": "./lib/index.d.ts",
+ "types": "./dist/index.d.ts",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
- }
+ },
+ "./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts
index c40a8e257e7ee..ce8c0866695e3 100644
--- a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts
+++ b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts
@@ -1,7 +1,8 @@
-import { mergeClasses, makeStyles } from '@griffel/react';
+import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
import { tokens } from '@fluentui/react-theme';
-import { useButtonStyles_unstable } from '../Button/useButtonStyles';
import type { SlotClassNames } from '@fluentui/react-utilities';
+import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
+import { useButtonStyles_unstable } from '../Button/useButtonStyles';
import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';
export const menuButtonClassNames: SlotClassNames = {
@@ -10,6 +11,59 @@ export const menuButtonClassNames: SlotClassNames = {
menuIcon: 'fui-MenuButton__menuIcon',
};
+const useRootExpandedStyles = makeStyles({
+ base: {
+ [`& .${iconFilledClassName}`]: {
+ display: 'inline',
+ },
+ [`& .${iconRegularClassName}`]: {
+ display: 'none',
+ },
+ },
+
+ // Appearance variations
+ outline: {
+ ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),
+ ...shorthands.borderWidth(tokens.strokeWidthThicker),
+ color: tokens.colorNeutralForeground1Selected,
+ },
+ primary: {
+ backgroundColor: tokens.colorBrandBackgroundSelected,
+ },
+ secondary: {
+ backgroundColor: tokens.colorNeutralBackground1Selected,
+ ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),
+ color: tokens.colorNeutralForeground1Selected,
+ },
+ subtle: {
+ backgroundColor: tokens.colorSubtleBackgroundSelected,
+ color: tokens.colorNeutralForeground2Selected,
+ },
+ transparent: {
+ backgroundColor: tokens.colorTransparentBackgroundSelected,
+ color: tokens.colorNeutralForeground2BrandSelected,
+ },
+});
+
+const useIconExpandedStyles = makeStyles({
+ // Appearance variations
+ outline: {
+ color: tokens.colorNeutralForeground1Selected,
+ },
+ primary: {
+ /* The primary styles are exactly the same as the base styles. */
+ },
+ secondary: {
+ color: tokens.colorNeutralForeground1Selected,
+ },
+ subtle: {
+ color: tokens.colorNeutralForeground2BrandSelected,
+ },
+ transparent: {
+ color: tokens.colorNeutralForeground2BrandSelected,
+ },
+});
+
const useMenuIconStyles = makeStyles({
base: {
lineHeight: 0,
@@ -42,12 +96,23 @@ const useMenuIconStyles = makeStyles({
});
export const useMenuButtonStyles_unstable = (state: MenuButtonState): MenuButtonState => {
+ const rootExpandedStyles = useRootExpandedStyles();
+ const iconExpandedStyles = useIconExpandedStyles();
const menuIconStyles = useMenuIconStyles();
- state.root.className = mergeClasses(menuButtonClassNames.root, state.root.className);
+ state.root.className = mergeClasses(
+ menuButtonClassNames.root,
+ state.root['aria-expanded'] && rootExpandedStyles.base,
+ state.root['aria-expanded'] && rootExpandedStyles[state.appearance],
+ state.root.className,
+ );
if (state.icon) {
- state.icon.className = mergeClasses(menuButtonClassNames.icon, state.icon.className);
+ state.icon.className = mergeClasses(
+ menuButtonClassNames.icon,
+ state.root['aria-expanded'] && iconExpandedStyles[state.appearance],
+ state.icon.className,
+ );
}
if (state.menuIcon) {
diff --git a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts
index 6255bff36195e..0dda272794259 100644
--- a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts
+++ b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts
@@ -12,7 +12,7 @@ export const toggleButtonClassNames: SlotClassNames = {
icon: 'fui-ToggleButton__icon',
};
-const useCheckedStyles = makeStyles({
+const useRootCheckedStyles = makeStyles({
// Base styles
base: {
backgroundColor: tokens.colorNeutralBackground1Selected,
@@ -74,6 +74,7 @@ const useCheckedStyles = makeStyles({
// Appearance variations
outline: {
backgroundColor: tokens.colorTransparentBackgroundSelected,
+ ...shorthands.borderColor(tokens.colorNeutralStroke1),
...shorthands.borderWidth(tokens.strokeWidthThicker),
':hover': {
@@ -144,7 +145,7 @@ const useCheckedStyles = makeStyles({
},
});
-const useDisabledStyles = makeStyles({
+const useRootDisabledStyles = makeStyles({
// Base styles
base: {
backgroundColor: tokens.colorNeutralBackgroundDisabled,
@@ -214,15 +215,15 @@ const useDisabledStyles = makeStyles({
const useIconCheckedStyles = makeStyles({
// Appearance variations
- subtle: {
+ subtleOrTransparent: {
color: tokens.colorNeutralForeground2BrandSelected,
},
});
export const useToggleButtonStyles_unstable = (state: ToggleButtonState): ToggleButtonState => {
- const checkedStyles = useCheckedStyles();
- const disabledStyles = useDisabledStyles();
- const iconStyles = useIconCheckedStyles();
+ const rootCheckedStyles = useRootCheckedStyles();
+ const rootDisabledStyles = useRootDisabledStyles();
+ const iconCheckedStyles = useIconCheckedStyles();
const { appearance, checked, disabled, disabledFocusable } = state;
@@ -230,13 +231,13 @@ export const useToggleButtonStyles_unstable = (state: ToggleButtonState): Toggle
toggleButtonClassNames.root,
// Checked styles
- checked && checkedStyles.base,
- checked && checkedStyles.highContrast,
- appearance && checked && checkedStyles[appearance],
+ checked && rootCheckedStyles.base,
+ checked && rootCheckedStyles.highContrast,
+ appearance && checked && rootCheckedStyles[appearance],
// Disabled styles
- (disabled || disabledFocusable) && disabledStyles.base,
- appearance && (disabled || disabledFocusable) && disabledStyles[appearance],
+ (disabled || disabledFocusable) && rootDisabledStyles.base,
+ appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],
// User provided class name
state.root.className,
@@ -245,7 +246,7 @@ export const useToggleButtonStyles_unstable = (state: ToggleButtonState): Toggle
if (state.icon) {
state.icon.className = mergeClasses(
toggleButtonClassNames.icon,
- appearance === 'subtle' && checked && iconStyles.subtle,
+ (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent,
state.icon.className,
);
}
diff --git a/packages/react-components/react-button/src/testing/isConformant.ts b/packages/react-components/react-button/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-button/src/testing/isConformant.ts
+++ b/packages/react-components/react-button/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant(
testInfo: Omit, 'componentPath'> & { componentPath?: string },
) {
const defaultOptions: Partial> = {
- componentPath: module!.parent!.filename.replace('.test', ''),
+ componentPath: require.main?.filename.replace('.test', ''),
extraTests: griffelTests as TestObject,
};
diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx
index ea464e824bd06..6f0e63547787c 100644
--- a/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx
+++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx
@@ -1,5 +1,8 @@
import * as React from 'react';
import { makeStyles, Menu, MenuButton, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';
+import { bundleIcon, CalendarMonthFilled, CalendarMonthRegular } from '@fluentui/react-icons';
+
+const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular);
const useStyles = makeStyles({
wrapper: {
@@ -15,7 +18,7 @@ export const Appearance = () => {