From 2180922aed405f0a49734a64608749011cece831 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Tue, 13 Jun 2023 09:22:18 -0700 Subject: [PATCH 01/32] chore(react-infobutton): Create InfoIconLabel component scaffold (#28200) * chore: Scaffold InfoIconLabel component. * change file --- ...-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json | 7 ++++ .../etc/react-infobutton.api.md | 26 +++++++++++++++ .../react-infobutton/src/InfoIconLabel.ts | 1 + .../InfoIconLabel/InfoIconLabel.test.tsx | 18 ++++++++++ .../InfoIconLabel/InfoIconLabel.tsx | 18 ++++++++++ .../InfoIconLabel/InfoIconLabel.types.ts | 17 ++++++++++ .../__snapshots__/InfoIconLabel.test.tsx.snap | 11 +++++++ .../src/components/InfoIconLabel/index.ts | 5 +++ .../InfoIconLabel/renderInfoIconLabel.tsx | 16 +++++++++ .../InfoIconLabel/useInfoIconLabel.ts | 31 +++++++++++++++++ .../useInfoIconLabelStyles.styles.ts | 33 +++++++++++++++++++ .../react-infobutton/src/index.ts | 8 +++++ .../InfoIconLabelBestPractices.md | 5 +++ .../InfoIconLabelDefault.stories.tsx | 4 +++ .../InfoIconLabel/InfoIconLabelDescription.md | 0 .../stories/InfoIconLabel/index.stories.tsx | 18 ++++++++++ 16 files changed, 218 insertions(+) create mode 100644 change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json create mode 100644 packages/react-components/react-infobutton/src/InfoIconLabel.ts create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts create mode 100644 packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts create mode 100644 packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md create mode 100644 packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx create mode 100644 packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDescription.md create mode 100644 packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx diff --git a/change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json b/change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json new file mode 100644 index 0000000000000..60623e86ee0ae --- /dev/null +++ b/change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: Create InfoIconLabel component scaffold.", + "packageName": "@fluentui/react-infobutton", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-infobutton/etc/react-infobutton.api.md b/packages/react-components/react-infobutton/etc/react-infobutton.api.md index 95ff09018d429..55ed6eea251d8 100644 --- a/packages/react-components/react-infobutton/etc/react-infobutton.api.md +++ b/packages/react-components/react-infobutton/etc/react-infobutton.api.md @@ -43,6 +43,23 @@ export const InfoIcon: ForwardRefComponent; // @public (undocumented) export const infoIconClassNames: SlotClassNames; +// @public +export const InfoIconLabel: ForwardRefComponent; + +// @public (undocumented) +export const infoIconLabelClassNames: SlotClassNames; + +// @public +export type InfoIconLabelProps = ComponentProps & {}; + +// @public (undocumented) +export type InfoIconLabelSlots = { + root: Slot<'div'>; +}; + +// @public +export type InfoIconLabelState = ComponentState; + // @public export type InfoIconProps = ComponentProps & {}; @@ -81,6 +98,9 @@ export const renderInfoButton_unstable: (state: InfoButtonState) => JSX.Element; // @public export const renderInfoIcon_unstable: (state: InfoIconState) => JSX.Element; +// @public +export const renderInfoIconLabel_unstable: (state: InfoIconLabelState) => JSX.Element; + // @public export const renderInfoLabel_unstable: (state: InfoLabelState) => JSX.Element; @@ -93,6 +113,12 @@ export const useInfoButtonStyles_unstable: (state: InfoButtonState) => InfoButto // @public export const useInfoIcon_unstable: (props: InfoIconProps, ref: React_2.Ref) => InfoIconState; +// @public +export const useInfoIconLabel_unstable: (props: InfoIconLabelProps, ref: React_2.Ref) => InfoIconLabelState; + +// @public +export const useInfoIconLabelStyles_unstable: (state: InfoIconLabelState) => InfoIconLabelState; + // @public export const useInfoIconStyles_unstable: (state: InfoIconState) => InfoIconState; diff --git a/packages/react-components/react-infobutton/src/InfoIconLabel.ts b/packages/react-components/react-infobutton/src/InfoIconLabel.ts new file mode 100644 index 0000000000000..adad8e663ef11 --- /dev/null +++ b/packages/react-components/react-infobutton/src/InfoIconLabel.ts @@ -0,0 +1 @@ +export * from './components/InfoIconLabel/index'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx new file mode 100644 index 0000000000000..0db9606004599 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx @@ -0,0 +1,18 @@ +import * as React from 'react'; +import { render } from '@testing-library/react'; +import { InfoIconLabel } from './InfoIconLabel'; +import { isConformant } from '../../testing/isConformant'; + +describe('InfoIconLabel', () => { + isConformant({ + Component: InfoIconLabel, + displayName: 'InfoIconLabel', + }); + + // TODO add more tests here, and create visual regression tests in /apps/vr-tests + + it('renders a default state', () => { + const result = render(Default InfoIconLabel); + expect(result.container).toMatchSnapshot(); + }); +}); diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx new file mode 100644 index 0000000000000..6d1d1b03589bd --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx @@ -0,0 +1,18 @@ +import * as React from 'react'; +import { useInfoIconLabel_unstable } from './useInfoIconLabel'; +import { renderInfoIconLabel_unstable } from './renderInfoIconLabel'; +import { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles'; +import type { InfoIconLabelProps } from './InfoIconLabel.types'; +import type { ForwardRefComponent } from '@fluentui/react-utilities'; + +/** + * InfoIconLabel component - TODO: add more docs + */ +export const InfoIconLabel: ForwardRefComponent = React.forwardRef((props, ref) => { + const state = useInfoIconLabel_unstable(props, ref); + + useInfoIconLabelStyles_unstable(state); + return renderInfoIconLabel_unstable(state); +}); + +InfoIconLabel.displayName = 'InfoIconLabel'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts new file mode 100644 index 0000000000000..61c0dd3b53695 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts @@ -0,0 +1,17 @@ +import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; + +export type InfoIconLabelSlots = { + root: Slot<'div'>; +}; + +/** + * InfoIconLabel Props + */ +export type InfoIconLabelProps = ComponentProps & {}; + +/** + * State used in rendering InfoIconLabel + */ +export type InfoIconLabelState = ComponentState; +// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps. +// & Required> diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap b/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap new file mode 100644 index 0000000000000..f3dc58ca9090e --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap @@ -0,0 +1,11 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`InfoIconLabel renders a default state 1`] = ` +
+
+ Default InfoIconLabel +
+
+`; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts new file mode 100644 index 0000000000000..88d83758b65c0 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts @@ -0,0 +1,5 @@ +export * from './InfoIconLabel'; +export * from './InfoIconLabel.types'; +export * from './renderInfoIconLabel'; +export * from './useInfoIconLabel'; +export * from './useInfoIconLabelStyles.styles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx new file mode 100644 index 0000000000000..491f3a2a66c8b --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx @@ -0,0 +1,16 @@ +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; +import type { InfoIconLabelState, InfoIconLabelSlots } from './InfoIconLabel.types'; + +/** + * Render the final JSX of InfoIconLabel + */ +export const renderInfoIconLabel_unstable = (state: InfoIconLabelState) => { + const { slots, slotProps } = getSlotsNext(state); + + // TODO Add additional slots in the appropriate place + return ; +}; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts new file mode 100644 index 0000000000000..af5f8057567ce --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts @@ -0,0 +1,31 @@ +import * as React from 'react'; +import { getNativeElementProps } from '@fluentui/react-utilities'; +import type { InfoIconLabelProps, InfoIconLabelState } from './InfoIconLabel.types'; + +/** + * Create the state required to render InfoIconLabel. + * + * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable, + * before being passed to renderInfoIconLabel_unstable. + * + * @param props - props from this instance of InfoIconLabel + * @param ref - reference to root HTMLElement of InfoIconLabel + */ +export const useInfoIconLabel_unstable = ( + props: InfoIconLabelProps, + ref: React.Ref, +): InfoIconLabelState => { + return { + // TODO add appropriate props/defaults + components: { + // TODO add each slot's element type or component + root: 'div', + }, + // TODO add appropriate slots, for example: + // mySlot: resolveShorthand(props.mySlot), + root: getNativeElementProps('div', { + ref, + ...props, + }), + }; +}; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts new file mode 100644 index 0000000000000..18eb243d529a3 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts @@ -0,0 +1,33 @@ +import { makeStyles, mergeClasses } from '@griffel/react'; +import type { InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel.types'; +import type { SlotClassNames } from '@fluentui/react-utilities'; + +export const infoIconLabelClassNames: SlotClassNames = { + root: 'fui-InfoIconLabel', + // TODO: add class names for all slots on InfoIconLabelSlots. + // Should be of the form `: 'fui-InfoIconLabel__` +}; + +/** + * Styles for the root slot + */ +const useStyles = makeStyles({ + root: { + // TODO Add default styles for the root element + }, + + // TODO add additional classes for different states and/or slots +}); + +/** + * Apply styling to the InfoIconLabel slots based on the state + */ +export const useInfoIconLabelStyles_unstable = (state: InfoIconLabelState): InfoIconLabelState => { + const styles = useStyles(); + state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className); + + // TODO Add class names to slots, for example: + // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className); + + return state; +}; diff --git a/packages/react-components/react-infobutton/src/index.ts b/packages/react-components/react-infobutton/src/index.ts index f3ace26a667d7..45c0320cba556 100644 --- a/packages/react-components/react-infobutton/src/index.ts +++ b/packages/react-components/react-infobutton/src/index.ts @@ -22,3 +22,11 @@ export { useInfoIcon_unstable, } from './InfoIcon'; export type { InfoIconProps, InfoIconSlots, InfoIconState } from './InfoIcon'; +export { + InfoIconLabel, + infoIconLabelClassNames, + renderInfoIconLabel_unstable, + useInfoIconLabelStyles_unstable, + useInfoIconLabel_unstable, +} from './InfoIconLabel'; +export type { InfoIconLabelProps, InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel'; diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md new file mode 100644 index 0000000000000..08ff8ddeeb5f8 --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md @@ -0,0 +1,5 @@ +## Best practices + +### Do + +### Don't diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx new file mode 100644 index 0000000000000..94a5c8c3c1c7e --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx @@ -0,0 +1,4 @@ +import * as React from 'react'; +import { InfoIconLabel, InfoIconLabelProps } from '@fluentui/react-infobutton'; + +export const Default = (props: Partial) => ; diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDescription.md b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDescription.md new file mode 100644 index 0000000000000..e69de29bb2d1d diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx new file mode 100644 index 0000000000000..0961b88da302b --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx @@ -0,0 +1,18 @@ +import { InfoIconLabel } from '@fluentui/react-infobutton'; + +import descriptionMd from './InfoIconLabelDescription.md'; +import bestPracticesMd from './InfoIconLabelBestPractices.md'; + +export { Default } from './InfoIconLabelDefault.stories'; + +export default { + title: 'Preview Components/InfoIconLabel', + component: InfoIconLabel, + parameters: { + docs: { + description: { + component: [descriptionMd, bestPracticesMd].join('\n'), + }, + }, + }, +}; From 4909ac04f54bad5d810758354093c899c11dfbc8 Mon Sep 17 00:00:00 2001 From: Sean Monahan Date: Tue, 13 Jun 2023 12:02:27 -0700 Subject: [PATCH 02/32] Re-enable DetailsList column resize (#27418) * Revert column resizing behavior for DetailsList. * cleanup * revert basic details list example * add change file --- ...-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json | 7 +++++++ .../src/components/DetailsList/DetailsList.base.tsx | 13 +++++++++++-- 2 files changed, 18 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json diff --git a/change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json b/change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json new file mode 100644 index 0000000000000..e7ef9fcfd4c00 --- /dev/null +++ b/change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: revert column resize behavior for DetailsList", + "packageName": "@fluentui/react", + "email": "seanmonahan@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/src/components/DetailsList/DetailsList.base.tsx b/packages/react/src/components/DetailsList/DetailsList.base.tsx index 67410fc3a4a13..c615531a49f50 100644 --- a/packages/react/src/components/DetailsList/DetailsList.base.tsx +++ b/packages/react/src/components/DetailsList/DetailsList.base.tsx @@ -1326,6 +1326,7 @@ export class DetailsListBase extends React.Component { const baseColumn = { @@ -1338,6 +1339,11 @@ export class DetailsListBase extends React.Component= overflowWidth || !(column.isCollapsible || column.isCollapsable)) { const originalWidth = column.calculatedWidth!; - column.calculatedWidth = Math.max(column.calculatedWidth! - overflowWidth, minWidth); - totalWidth -= originalWidth - column.calculatedWidth; + if (minimumWidth < availableWidth) { + // Only adjust in cases where all the columns fit within the viewport + column.calculatedWidth = Math.max(column.calculatedWidth! - overflowWidth, minWidth); + } + totalWidth -= originalWidth - column.calculatedWidth!; } else { totalWidth -= getPaddedWidth(column, props); adjustedColumns.splice(lastIndex, 1); From 723e89b9ca9b064375045bd61c8d7e04fd1af46e Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Tue, 13 Jun 2023 14:19:58 -0700 Subject: [PATCH 03/32] fix(react-datepicker-compat): Do not move focus to the input on first render (#28188) * fix: Do not move focus to the input on first render. * change file * adding isFirstMount dependency to useEffect * add test --- ...picker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json | 7 +++++++ .../src/components/DatePicker/DatePicker.cy.tsx | 2 ++ .../src/components/DatePicker/useDatePicker.tsx | 6 ++++-- 3 files changed, 13 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json diff --git a/change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json b/change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json new file mode 100644 index 0000000000000..804d3b59d8308 --- /dev/null +++ b/change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Do not move focus to the input on first render.", + "packageName": "@fluentui/react-datepicker-compat", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx index c6e4b86d949bc..fd84993313ca3 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx @@ -16,6 +16,8 @@ const popoverSelector = '[role="dialog"]'; describe('DatePicker', () => { it('opens a default datepicker', () => { mount(); + + cy.focused().should('not.exist'); cy.get(inputSelector).click().get(popoverSelector).should('be.visible'); }); diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx index bd257f1f5dd7d..693f5fe53405e 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx @@ -9,6 +9,7 @@ import { mergeCallbacks, resolveShorthand, useControllableState, + useFirstMount, useId, useMergedRefs, useOnClickOutside, @@ -412,14 +413,15 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref { - if (!open && !props.disabled) { + if (!open && !props.disabled && !isFirstMount) { focus(); } // Focus function keeps changing, so we need to skip it in the deps // eslint-disable-next-line react-hooks/exhaustive-deps - }, [open, props.disabled]); + }, [isFirstMount, open, props.disabled]); const calendarShorthand = resolveShorthand(props.calendar, { required: true, From 122c0d6057ad16e9e005e68214b083a77686d1df Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Tue, 13 Jun 2023 14:24:02 -0700 Subject: [PATCH 04/32] fix(react-textarea): Remove fixed height so rows prop works and add missing max-height (#28181) * fix: Remove fixed height so rows prop works and add missing max-height. * change files --- ...xtarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json | 7 +++++++ .../components/Textarea/useTextareaStyles.styles.ts | 13 +++---------- 2 files changed, 10 insertions(+), 10 deletions(-) create mode 100644 change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json diff --git a/change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json b/change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json new file mode 100644 index 0000000000000..1fa0d9fe20d74 --- /dev/null +++ b/change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Remove fixed height so rows prop works and add missing max-height.", + "packageName": "@fluentui/react-textarea", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts b/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts index 0e60bde996e35..01603498bdb8f 100644 --- a/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts +++ b/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts @@ -8,12 +8,6 @@ export const textareaClassNames: SlotClassNames = { textarea: 'fui-Textarea__textarea', }; -const textareaHeight = { - small: '24px', - medium: '32px', - large: '40px', -}; - /** * Styles for the root(wrapper) slot */ @@ -162,7 +156,6 @@ const useTextareaStyles = makeStyles({ flexGrow: 1, fontFamily: tokens.fontFamilyBase, height: '100%', - maxHeight: '100%', '::placeholder': { color: tokens.colorNeutralForeground4, @@ -188,30 +181,30 @@ const useTextareaStyles = makeStyles({ // The padding style adds both content and regular padding (from design spec), this is because the handle is not // affected by changing the padding of the root. small: { - height: textareaHeight.small, minHeight: '40px', ...shorthands.padding( tokens.spacingVerticalXS, `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`, ), + maxHeight: '200px', ...typographyStyles.caption1, }, medium: { - height: textareaHeight.medium, minHeight: '52px', ...shorthands.padding( tokens.spacingVerticalSNudge, `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`, ), + maxHeight: '260px', ...typographyStyles.body1, }, large: { - height: textareaHeight.large, minHeight: '64px', ...shorthands.padding( tokens.spacingVerticalS, `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalXXS})`, ), + maxHeight: '320px', ...typographyStyles.body2, }, }); From cfacaff0d52a2d226b2ac4935f35d6608089cd01 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Wed, 14 Jun 2023 07:38:39 +0000 Subject: [PATCH 05/32] applying package updates --- apps/perf-test/package.json | 2 +- apps/public-docsite-resources/package.json | 10 ++++----- apps/public-docsite-v9/package.json | 2 +- apps/public-docsite/package.json | 12 +++++------ apps/react-18-tests-v8/package.json | 2 +- apps/ssr-tests/package.json | 2 +- apps/stress-test/package.json | 2 +- apps/theming-designer/package.json | 4 ++-- apps/ts-minbar-test-react/package.json | 2 +- apps/vr-tests/package.json | 4 ++-- ...-dc639fb6-da75-4193-960d-f7e6a73c7d67.json | 7 ------- packages/azure-themes/CHANGELOG.json | 15 +++++++++++++ packages/azure-themes/CHANGELOG.md | 11 +++++++++- packages/azure-themes/package.json | 4 ++-- packages/cra-template/CHANGELOG.json | 15 +++++++++++++ packages/cra-template/CHANGELOG.md | 11 +++++++++- packages/cra-template/package.json | 4 ++-- packages/fluent2-theme/CHANGELOG.json | 15 +++++++++++++ packages/fluent2-theme/CHANGELOG.md | 11 +++++++++- packages/fluent2-theme/package.json | 4 ++-- packages/react-cards/CHANGELOG.json | 15 +++++++++++++ packages/react-cards/CHANGELOG.md | 11 +++++++++- packages/react-cards/package.json | 4 ++-- packages/react-charting/CHANGELOG.json | 21 +++++++++++++++++++ packages/react-charting/CHANGELOG.md | 12 ++++++++++- packages/react-charting/package.json | 8 +++---- .../react-migration-v8-v9/package.json | 4 ++-- packages/react-date-time/CHANGELOG.json | 15 +++++++++++++ packages/react-date-time/CHANGELOG.md | 11 +++++++++- packages/react-date-time/package.json | 4 ++-- .../react-docsite-components/CHANGELOG.json | 21 +++++++++++++++++++ .../react-docsite-components/CHANGELOG.md | 12 ++++++++++- .../react-docsite-components/package.json | 6 +++--- packages/react-examples/package.json | 14 ++++++------- packages/react-experiments/CHANGELOG.json | 15 +++++++++++++ packages/react-experiments/CHANGELOG.md | 11 +++++++++- packages/react-experiments/package.json | 4 ++-- packages/react-monaco-editor/CHANGELOG.json | 21 +++++++++++++++++++ packages/react-monaco-editor/CHANGELOG.md | 12 ++++++++++- packages/react-monaco-editor/package.json | 6 +++--- packages/react/CHANGELOG.json | 15 +++++++++++++ packages/react/CHANGELOG.md | 11 +++++++++- packages/react/package.json | 2 +- packages/storybook/package.json | 6 +++--- packages/theme-samples/CHANGELOG.json | 15 +++++++++++++ packages/theme-samples/CHANGELOG.md | 11 +++++++++- packages/theme-samples/package.json | 4 ++-- 47 files changed, 354 insertions(+), 76 deletions(-) delete mode 100644 change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index 4b514f6143bc6..d936f5abe1b8c 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -20,7 +20,7 @@ "dependencies": { "@fluentui/scripts-perf-test-flamegrill": "*", "@fluentui/example-data": "^8.4.11", - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 96bcfb8acfe8b..842194859e906 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -34,15 +34,15 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.6.16", - "@fluentui/react-docsite-components": "^8.12.21", + "@fluentui/azure-themes": "^8.6.17", + "@fluentui/react-docsite-components": "^8.12.22", "@fluentui/font-icons-mdl2": "^8.5.21", "@fluentui/set-version": "^8.2.11", - "@fluentui/theme-samples": "^8.7.95", - "@fluentui/react-monaco-editor": "^1.7.98", + "@fluentui/theme-samples": "^8.7.96", + "@fluentui/react-monaco-editor": "^1.7.99", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index a6f71366556b4..18c4b5dd2d860 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -26,7 +26,7 @@ "@fluentui/react-datepicker-compat": "^0.1.5", "@fluentui/react-migration-v8-v9": "^9.2.16", "@fluentui/react-migration-v0-v9": "^9.0.2", - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", "@fluentui/react-components": "^9.21.0", diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index dafb2140289d7..4cfa81c85ded3 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -25,7 +25,7 @@ "devDependencies": { "@fluentui/common-styles": "^1.2.30", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.98", + "@fluentui/react-monaco-editor": "^1.7.99", "write-file-webpack-plugin": "^4.1.0", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" @@ -34,17 +34,17 @@ "@fluentui/font-icons-mdl2": "^8.5.21", "@fluentui/public-docsite-resources": "^8.1.41", "@fluentui/public-docsite-setup": "^0.3.21", - "@fluentui/react": "^8.110.2", - "@fluentui/react-docsite-components": "^8.12.21", + "@fluentui/react": "^8.110.3", + "@fluentui/react-docsite-components": "^8.12.22", "@fluentui/react-examples": "^8.34.4", - "@fluentui/react-experiments": "^8.14.90", - "@fluentui/fluent2-theme": "^8.107.21", + "@fluentui/react-experiments": "^8.14.91", + "@fluentui/fluent2-theme": "^8.107.22", "@fluentui/react-file-type-icons": "^8.9.0", "@fluentui/react-icons-mdl2": "^1.3.45", "@fluentui/react-icons-mdl2-branded": "^1.2.46", "@fluentui/set-version": "^8.2.11", "@fluentui/theme": "^2.6.32", - "@fluentui/theme-samples": "^8.7.95", + "@fluentui/theme-samples": "^8.7.96", "@fluentui/utilities": "^8.13.16", "@microsoft/load-themed-styles": "^1.10.26", "office-ui-fabric-core": "^11.0.0", diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index 2d855717d1fe0..9461a2f12634c 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -21,7 +21,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/react-hooks": "^8.6.27", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index 9063d5ebd8f2d..b84cc85588019 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -13,7 +13,7 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@microsoft/load-themed-styles": "^1.10.26", "@types/mocha": "7.0.2", "@fluentui/public-docsite-resources": "^8.1.41", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 69eb8e8002889..e13e4b3625ff3 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -10,7 +10,7 @@ "type-check": "tsc -b tsconfig.type.json" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/react-components": "^9.21.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/web-components": "^2.5.15", diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index 3989bc6af739e..10d5842940255 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -19,9 +19,9 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/merge-styles": "^8.5.12", - "@fluentui/react-docsite-components": "^8.12.21", + "@fluentui/react-docsite-components": "^8.12.22", "@fluentui/foundation-legacy": "^8.2.41", "@fluentui/scheme-utilities": "^8.3.33", "@fluentui/set-version": "^8.2.11", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index dd9030354c1df..bed73a517e04a 100644 --- a/apps/ts-minbar-test-react/package.json +++ b/apps/ts-minbar-test-react/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react": "^8.110.2" + "@fluentui/react": "^8.110.3" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index 15b8f6e37abac..b657f3d9c2a39 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -22,8 +22,8 @@ "dependencies": { "@fluentui/example-data": "^8.4.11", "@fluentui/font-icons-mdl2": "^8.5.21", - "@fluentui/react": "^8.110.2", - "@fluentui/react-experiments": "^8.14.90", + "@fluentui/react": "^8.110.3", + "@fluentui/react-experiments": "^8.14.91", "@fluentui/react-hooks": "^8.6.27", "@fluentui/react-icons-mdl2": "^1.3.45", "@fluentui/storybook": "^1.0.0", diff --git a/change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json b/change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json deleted file mode 100644 index e7ef9fcfd4c00..0000000000000 --- a/change/@fluentui-react-dc639fb6-da75-4193-960d-f7e6a73c7d67.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: revert column resize behavior for DetailsList", - "packageName": "@fluentui/react", - "email": "seanmonahan@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json index 6e0e60d503c5d..8dd3451170280 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/azure-themes_v8.6.17", + "version": "8.6.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/azure-themes_v8.6.16", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index 73011bb596583..cb2171a974dd9 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.6.17](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.17) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.6.16..@fluentui/azure-themes_v8.6.17) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [8.6.16](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.16) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index 19df38b354cb5..e71ed7cb4a455 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.6.16", + "version": "8.6.17", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index 9d2fd82c7f871..a61027a0cf206 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/cra-template_v8.4.97", + "version": "8.4.97", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/cra-template_v8.4.96", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index 58de51af53e18..daaa0b948983b 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 Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.4.97](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.97) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.96..@fluentui/cra-template_v8.4.97) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [8.4.96](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.96) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index 4ca0e228332c3..90f478c6b0565 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.96", + "version": "8.4.97", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/scripts-projects-test": "*", "@fluentui/scripts-monorepo": "*" } diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json index 2e589e65bc1b4..a63373e564640 100644 --- a/packages/fluent2-theme/CHANGELOG.json +++ b/packages/fluent2-theme/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/fluent2-theme", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/fluent2-theme_v8.107.22", + "version": "8.107.22", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Fri, 09 Jun 2023 07:33:46 GMT", "tag": "@fluentui/fluent2-theme_v8.107.21", diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md index 1fd0ff5aa5a3f..3efbab94671f7 100644 --- a/packages/fluent2-theme/CHANGELOG.md +++ b/packages/fluent2-theme/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/fluent2-theme -This log was last generated on Fri, 09 Jun 2023 07:33:46 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.107.22](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.22) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.21..@fluentui/fluent2-theme_v8.107.22) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [8.107.21](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.21) Fri, 09 Jun 2023 07:33:46 GMT diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json index df19ad5bc7307..260a041bcf685 100644 --- a/packages/fluent2-theme/package.json +++ b/packages/fluent2-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/fluent2-theme", - "version": "8.107.21", + "version": "8.107.22", "description": "A Fluent2 theme for Fluent UI React 8.x", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" } diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index ca671e944d83e..02c0a99ebe81c 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/react-cards_v0.205.96", + "version": "0.205.96", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/react-cards_v0.205.95", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index 3a0fdbc71e56f..1537b9ee8bb15 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-cards -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [0.205.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.96) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.95..@fluentui/react-cards_v0.205.96) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [0.205.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.95) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index 50d4e0cd4bfea..a1d0e6f7a70eb 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.95", + "version": "0.205.96", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/foundation-legacy": "^8.2.41", "@fluentui/set-version": "^8.2.11", "@microsoft/load-themed-styles": "^1.10.26", diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index cc971bc96fac4..2ade885872289 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/react-charting_v5.16.42", + "version": "5.16.42", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/theme-samples to v8.7.96", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/react-charting_v5.16.41", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index 733e6852a7537..7d11f4c0511a6 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-charting -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [5.16.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.42) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.41..@fluentui/react-charting_v5.16.42) + +### Patches + +- Bump @fluentui/theme-samples to v8.7.96 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [5.16.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.41) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index b17c302c7453d..28ff972d09bf3 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.16.41", + "version": "5.16.42", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@types/react-addons-test-utils": "0.14.18", "@fluentui/jest-serializer-merge-styles": "^8.0.29", "@fluentui/scripts-jest": "*", @@ -38,7 +38,7 @@ }, "dependencies": { "@fluentui/react-focus": "^8.8.28", - "@fluentui/theme-samples": "^8.7.95", + "@fluentui/theme-samples": "^8.7.96", "@microsoft/load-themed-styles": "^1.10.26", "@types/d3-array": "1.2.1", "@types/d3-axis": "1.0.10", @@ -64,7 +64,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json index 1806067b57042..356f56ed1e99e 100644 --- a/packages/react-components/react-migration-v8-v9/package.json +++ b/packages/react-components/react-migration-v8-v9/package.json @@ -32,8 +32,8 @@ }, "dependencies": { "@ctrl/tinycolor": "3.3.4", - "@fluentui/fluent2-theme": "^8.107.21", - "@fluentui/react": "^8.110.2", + "@fluentui/fluent2-theme": "^8.107.22", + "@fluentui/react": "^8.110.3", "@fluentui/react-components": "^9.21.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.8", diff --git a/packages/react-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json index c1d8cae79fec2..825c383036a63 100644 --- a/packages/react-date-time/CHANGELOG.json +++ b/packages/react-date-time/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-date-time", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/react-date-time_v8.7.96", + "version": "8.7.96", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/react-date-time_v8.7.95", diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md index cb88c7f37ff6a..5447add2549ad 100644 --- a/packages/react-date-time/CHANGELOG.md +++ b/packages/react-date-time/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-date-time -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.7.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.96) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.95..@fluentui/react-date-time_v8.7.96) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [8.7.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.95) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index 2dfaac05b7b1c..81fd46094cf5d 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-date-time", - "version": "8.7.95", + "version": "8.7.96", "description": "Date and time related React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" }, diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index c205746478e75..8f5aec74677bf 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/react-docsite-components_v8.12.22", + "version": "8.12.22", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.99", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/react-docsite-components_v8.12.21", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index ee1bce081f36a..1323d1760864f 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.12.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.22) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.21..@fluentui/react-docsite-components_v8.12.22) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.99 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [8.12.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.21) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index 8ad7c9e22da56..e5874365b6151 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-docsite-components", - "version": "8.12.21", + "version": "8.12.22", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,14 +35,14 @@ "react-dom": ">=16.8.0 <19.0.0" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/theme": "^2.6.32", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.11", "@fluentui/public-docsite-setup": "^0.3.21", "@fluentui/react-hooks": "^8.6.27", "@fluentui/set-version": "^8.2.11", - "@fluentui/react-monaco-editor": "^1.7.98", + "@fluentui/react-monaco-editor": "^1.7.99", "color-check": "0.0.2", "markdown-to-jsx": "^7.0.0", "office-ui-fabric-core": "^11.0.0", diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index bdd5f5b2d45d3..f367532e05fe4 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -25,18 +25,18 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/azure-themes": "^8.6.16", + "@fluentui/azure-themes": "^8.6.17", "@fluentui/date-time-utilities": "^8.5.12", "@fluentui/dom-utilities": "^2.2.11", "@fluentui/example-data": "^8.4.11", "@fluentui/font-icons-mdl2": "^8.5.21", "@fluentui/foundation-legacy": "^8.2.41", "@fluentui/merge-styles": "^8.5.12", - "@fluentui/react": "^8.110.2", - "@fluentui/react-cards": "^0.205.95", - "@fluentui/react-charting": "^5.16.41", - "@fluentui/react-docsite-components": "^8.12.21", - "@fluentui/react-experiments": "^8.14.90", + "@fluentui/react": "^8.110.3", + "@fluentui/react-cards": "^0.205.96", + "@fluentui/react-charting": "^5.16.42", + "@fluentui/react-docsite-components": "^8.12.22", + "@fluentui/react-experiments": "^8.14.91", "@fluentui/react-file-type-icons": "^8.9.0", "@fluentui/react-focus": "^8.8.28", "@fluentui/react-hooks": "^8.6.27", @@ -44,7 +44,7 @@ "@fluentui/scheme-utilities": "^8.3.33", "@fluentui/style-utilities": "^8.9.14", "@fluentui/theme": "^2.6.32", - "@fluentui/theme-samples": "^8.7.95", + "@fluentui/theme-samples": "^8.7.96", "@fluentui/utilities": "^8.13.16", "@microsoft/load-themed-styles": "^1.10.26", "d3-fetch": "3.0.1", diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json index a81345517166b..cd7ef724858d4 100644 --- a/packages/react-experiments/CHANGELOG.json +++ b/packages/react-experiments/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-experiments", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/react-experiments_v8.14.91", + "version": "8.14.91", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/react-experiments_v8.14.90", diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md index 63af65853d290..d75185fde8297 100644 --- a/packages/react-experiments/CHANGELOG.md +++ b/packages/react-experiments/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-experiments -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.14.91](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.91) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.90..@fluentui/react-experiments_v8.14.91) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [8.14.90](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.90) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index 468935b934962..f57d78f2e7a21 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-experiments", - "version": "8.14.90", + "version": "8.14.91", "description": "Experimental React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -39,7 +39,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/theme": "^2.6.32", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.11", diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index 374791ed50932..253e0abaf7364 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.99", + "version": "1.7.99", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-charting to v5.16.42", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.98", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index 52db13fd2e8b3..422742e0e4d12 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [1.7.99](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.99) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.98..@fluentui/react-monaco-editor_v1.7.99) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) +- Bump @fluentui/react-charting to v5.16.42 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [1.7.98](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.98) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index 8e6644693209f..cf9cfa914203b 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-monaco-editor", - "version": "1.7.98", + "version": "1.7.99", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,12 +30,12 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.11", "@fluentui/monaco-editor": "^1.3.11", "@fluentui/react-hooks": "^8.6.27", - "@fluentui/react-charting": "^5.16.41", + "@fluentui/react-charting": "^5.16.42", "raw-loader": "4.0.2", "react-syntax-highlighter": "^10.1.3", "tslib": "^2.1.0" diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index 724854116a26e..c3ab7848aa0e0 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/react_v8.110.3", + "version": "8.110.3", + "comments": { + "patch": [ + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react", + "commit": "4909ac04f54bad5d810758354093c899c11dfbc8", + "comment": "fix: revert column resize behavior for DetailsList" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/react_v8.110.2", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 03c986de209ef..1759e38d8f597 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.110.3](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.110.3) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.110.2..@fluentui/react_v8.110.3) + +### Patches + +- fix: revert column resize behavior for DetailsList ([PR #27418](https://github.com/microsoft/fluentui/pull/27418) by seanmonahan@microsoft.com) + ## [8.110.2](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.110.2) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/react/package.json b/packages/react/package.json index 17b2a75faa83c..2b19220966192 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react", - "version": "8.110.2", + "version": "8.110.3", "description": "Reusable React components for building web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/storybook/package.json b/packages/storybook/package.json index f4501da024922..912857c91eb99 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/theme": "^2.6.32", "@storybook/addon-knobs": "6.4.0", "@storybook/addon-essentials": "6.5.15", "@storybook/addons": "6.5.15", - "@fluentui/azure-themes": "^8.6.16", - "@fluentui/theme-samples": "^8.7.95", + "@fluentui/azure-themes": "^8.6.17", + "@fluentui/theme-samples": "^8.7.96", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json index 6103261b799e3..af614f74b6e8c 100644 --- a/packages/theme-samples/CHANGELOG.json +++ b/packages/theme-samples/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/theme-samples", "entries": [ + { + "date": "Wed, 14 Jun 2023 07:38:33 GMT", + "tag": "@fluentui/theme-samples_v8.7.96", + "version": "8.7.96", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.110.3", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df" + } + ] + } + }, { "date": "Thu, 08 Jun 2023 07:35:14 GMT", "tag": "@fluentui/theme-samples_v8.7.95", diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md index 9455d1fb85b8c..e5b5d8d8250ef 100644 --- a/packages/theme-samples/CHANGELOG.md +++ b/packages/theme-samples/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/theme-samples -This log was last generated on Thu, 08 Jun 2023 07:35:14 GMT and should not be manually modified. +This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +## [8.7.96](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.96) + +Wed, 14 Jun 2023 07:38:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.95..@fluentui/theme-samples_v8.7.96) + +### Patches + +- Bump @fluentui/react to v8.110.3 ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by beachball) + ## [8.7.95](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.95) Thu, 08 Jun 2023 07:35:14 GMT diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index cc89447c99bf3..ee5065120160b 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme-samples", - "version": "8.7.95", + "version": "8.7.96", "description": "Sample themes for use with Fabric components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.2", + "@fluentui/react": "^8.110.3", "@fluentui/set-version": "^8.2.11", "@fluentui/scheme-utilities": "^8.3.33", "tslib": "^2.1.0" From cbdfdd61ae2ea8954fad2eb53d62c2b036416101 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Wed, 14 Jun 2023 10:38:14 +0200 Subject: [PATCH 06/32] Update usePortalMountNodeStyles.styles.ts (#28109) --- apps/vr-tests-react-components/package.json | 1 + .../src/stories/Positioning.stories.tsx | 195 ++++++++++++++++-- ...-5126479c-1715-4f34-b802-5335d55ad385.json | 7 + ...-d97b0cb6-4802-4253-926c-4ff39eae806a.json | 7 + ...-60d58436-afa6-4c20-a389-060cb9c229be.json | 7 + .../src/components/Combobox/Combobox.test.tsx | 5 + .../__snapshots__/Combobox.test.tsx.snap | 10 +- .../src/components/Dropdown/Dropdown.test.tsx | 5 + .../__snapshots__/Dropdown.test.tsx.snap | 10 +- .../react-overflow/src/Overflow.cy.tsx | 12 +- .../Portal/usePortalMountNodeStyles.styles.ts | 10 +- 11 files changed, 245 insertions(+), 24 deletions(-) create mode 100644 change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json create mode 100644 change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json create mode 100644 change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index fce94cc864414..e75414f73d05b 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -27,6 +27,7 @@ "@fluentui/react-card": "^9.0.14", "@fluentui/react-checkbox": "^9.1.17", "@fluentui/react-combobox": "^9.4.0", + "@fluentui/react-context-selector": "^9.1.22", "@fluentui/react-datepicker-compat": "^0.1.5", "@fluentui/react-dialog": "^9.5.9", "@fluentui/react-divider": "^9.2.15", diff --git a/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx b/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx index 289dad4e6b0ca..46fb0e07605fd 100644 --- a/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Positioning.stories.tsx @@ -7,6 +7,7 @@ import { PositioningImperativeRef, } from '@fluentui/react-positioning'; import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; +import { createContext, useContextSelector } from '@fluentui/react-context-selector'; import { useMergedRefs } from '@fluentui/react-utilities'; import { tokens } from '@fluentui/react-theme'; import { storiesOf } from '@storybook/react'; @@ -833,6 +834,163 @@ const ScrollJump: React.FC = () => { ); }; +// +// +// + +const Context = createContext< + | { + containerRef: React.RefObject; + targetRef: React.RefObject; + open: boolean; + setOpen: (open: boolean) => void; + } + | undefined +>(undefined); + +const Controller: React.FC> = props => { + const [open, setOpen] = React.useState(false); + const children = React.Children.toArray(props.children); + + const { containerRef, targetRef } = usePositioning({ + position: 'above', + align: 'center', + }); + + React.useEffect(() => { + if (open) { + const scrollY = window.scrollY; + const button = containerRef.current?.querySelector('button'); + + button.focus(); + + setTimeout(() => { + const element = document.querySelector( + scrollY === window.scrollY ? '#test-passed' : '#test-failed', + ); + + if (element) { + element.style.setProperty('display', 'block'); + element.setAttribute('id', 'test-completed'); + } + }, 500); + } + }, [containerRef, open]); + + return ( + + {children[0]} + {open && children[1]} + + ); +}; + +const Target: React.FC = props => { + const open = useContextSelector(Context, v => v!.open); + const setOpen = useContextSelector(Context, v => v!.setOpen); + const targetRef = useContextSelector(Context, v => v!.targetRef); + + return React.cloneElement(props.children as React.ReactElement, { + 'aria-expanded': `${open}`, + onClick: () => setOpen(true), + ref: targetRef, + }); +}; + +const Container: React.FC = props => { + const containerRef = useContextSelector(Context, v => v!.containerRef); + + return ReactDOM.createPortal( +
+
+ {props.children} +
+
, + document.body, + ); +}; + +const ScrollJumpContext = () => { + return ( + <> +
+

+ This example simulates a scroll jump on autofocus when opening a floating element. The example uses a layout + effect to focus on the content of the floating box before usePopper is called. This results in the focus + executing before the layout effect to position the floating is executed. The scroll jump is fixed internally + in usePositioning by using position: fixed on the floating element before it is first positioned. +

+
+ Test failed, scroll jump occurred 💥 +
+
+ Test passed ✅ +
+
+ +
+
+
+ + + + + + + + + + +
+
+ + ); +}; + storiesOf('Positioning', module) .addDecorator(story => (
( - - - -)); +storiesOf('Positioning (no decorator)', module) + .addStory('scroll jumps', () => ( + + + + )) + .addStory('scroll jumps (with context usage)', () => ( + + + + )); diff --git a/change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json b/change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json new file mode 100644 index 0000000000000..77ac39fd0014c --- /dev/null +++ b/change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: update E2E tests", + "packageName": "@fluentui/react-overflow", + "email": "olfedias@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json b/change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json new file mode 100644 index 0000000000000..e6769da20714f --- /dev/null +++ b/change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: use `position: absolute` to prevent scroll jumps", + "packageName": "@fluentui/react-portal", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json b/change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json new file mode 100644 index 0000000000000..99f3885e5980b --- /dev/null +++ b/change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: cleanup assignment of initial styles", + "packageName": "@fluentui/react-positioning", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx b/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx index 94d929bbc1dc2..06b813916a2e1 100644 --- a/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx +++ b/packages/react-components/react-combobox/src/components/Combobox/Combobox.test.tsx @@ -5,8 +5,13 @@ import { Field } from '@fluentui/react-field'; import { Combobox } from './Combobox'; import { Option } from '../Option/index'; import { isConformant } from '../../testing/isConformant'; +import { resetIdsForTests } from '@fluentui/react-utilities'; describe('Combobox', () => { + beforeEach(() => { + resetIdsForTests(); + }); + isConformant({ Component: Combobox, displayName: 'Combobox', diff --git a/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap b/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap index d89b270595bd1..102b20658e2d8 100644 --- a/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap +++ b/packages/react-components/react-combobox/src/components/Combobox/__snapshots__/Combobox.test.tsx.snap @@ -43,7 +43,7 @@ exports[`Combobox renders an open listbox 1`] = ` class="fui-Combobox" >
{ + beforeEach(() => { + resetIdsForTests(); + }); + isConformant({ Component: Dropdown, displayName: 'Dropdown', diff --git a/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap b/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap index 7badb03aa202f..c64060cec35a0 100644 --- a/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap +++ b/packages/react-components/react-combobox/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap @@ -40,7 +40,7 @@ exports[`Dropdown renders an open listbox 1`] = ` class="fui-Dropdown" > -
+
{Object.entries(itemVisibility).map(([id, visible]) => ( <>
{id}
diff --git a/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts b/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts index 8ba1b843d5070..a3882f6d1b933 100644 --- a/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts +++ b/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts @@ -2,7 +2,15 @@ import { makeStyles } from '@griffel/react'; export const usePortalMountNodeStylesStyles = makeStyles({ root: { - position: 'relative', + // Creates new stacking context to prevent z-index issues + // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context + // + // Also keeps a portal on top of a page to prevent scrollbars from appearing + position: 'absolute', + top: 0, + left: 0, + right: 0, + zIndex: 1000000, }, }); From 6a825b1fdb083e64f2104919c82327522cbab320 Mon Sep 17 00:00:00 2001 From: ling1726 Date: Wed, 14 Jun 2023 11:18:33 +0200 Subject: [PATCH 07/32] feat: Implement toast lifecycle and onStatusChange handler (#28175) * feat: Implement toast lifecycle and onStatusChange handler Implements the following lifecycle statuses: - added - visible - closed - removed - updated The `onStatusChange` callback can be used when creating a toast to listen to the lifecycle changes. * update md * use status log in doc example * change statuses * update example styles * make change callback compliant * update types * disable test for now * fix types * fix typings * improve story * remove comment --- .../react-toast/etc/react-toast.api.md | 3 + .../ToastContainer/ToastContainer.test.tsx | 6 - .../ToastContainer/ToastContainer.types.ts | 7 +- .../ToastContainer/useToastContainer.ts | 2 +- .../react-components/react-toast/src/index.ts | 2 +- .../react-toast/src/state/types.ts | 11 ++ .../react-toast/src/state/useToast.ts | 12 +- .../react-toast/src/state/vanilla/toaster.ts | 40 +++++- .../stories/Toast/DismissToast.stories.tsx | 10 +- .../stories/Toast/ToastLifecycle.stories.tsx | 125 ++++++++++++++++++ .../stories/Toast/UpdateToast.stories.tsx | 20 +-- .../stories/Toast/index.stories.tsx | 1 + 12 files changed, 200 insertions(+), 39 deletions(-) create mode 100644 packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx diff --git a/packages/react-components/react-toast/etc/react-toast.api.md b/packages/react-components/react-toast/etc/react-toast.api.md index 4b5fbce3c0cc4..fbc9f4d8b823c 100644 --- a/packages/react-components/react-toast/etc/react-toast.api.md +++ b/packages/react-components/react-toast/etc/react-toast.api.md @@ -118,6 +118,9 @@ export type ToastSlots = { // @public export type ToastState = ComponentState; +// @public (undocumented) +export type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted'; + // @public export const ToastTitle: ForwardRefComponent; diff --git a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx index 9edc1a9a19219..d6043f90efbc9 100644 --- a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx +++ b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx @@ -8,18 +8,12 @@ import { toastClassNames } from './useToastContainerStyles.styles'; const defaultToastContainerProps: ToastContainerProps = { announce: () => null, close: () => null, - content: '', data: {}, - dispatchedAt: 0, pauseOnHover: false, pauseOnWindowBlur: false, politeness: 'polite', - position: 'bottom-end', - priority: 0, remove: () => null, timeout: -1, - toasterId: 'toaster', - toastId: 'toast', updateId: 0, visible: true, }; diff --git a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts index 1f9540e57299a..e41ad7e3cf1f8 100644 --- a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts +++ b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts @@ -1,7 +1,7 @@ import * as React from 'react'; import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; import { Announce } from '../AriaLive/AriaLive.types'; -import { Toast as VanillaToast } from '../../state'; +import { Toast } from '../../state'; import { ToastContextValue } from '../../contexts/toastContext'; import { TimerProps } from '../Timer/Timer'; @@ -18,7 +18,10 @@ export type ToastContainerSlots = { * ToastContainer Props */ export type ToastContainerProps = ComponentProps> & - VanillaToast & { + Pick< + Toast, + 'close' | 'remove' | 'updateId' | 'data' | 'timeout' | 'politeness' | 'pauseOnHover' | 'pauseOnWindowBlur' + > & { visible: boolean; announce: Announce; }; diff --git a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts index 0896334b207ad..b6e9ef19c7e41 100644 --- a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts +++ b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts @@ -36,7 +36,7 @@ export const useToastContainer_unstable = ( politeness, ...rest } = props; - const { play, running, toastRef } = useToast({ ...props, content: children }); + const { play, running, toastRef } = useToast({ ...props }); React.useEffect(() => { if (visible) { diff --git a/packages/react-components/react-toast/src/index.ts b/packages/react-components/react-toast/src/index.ts index 2e0316bd0d123..ca9e949cc4dbb 100644 --- a/packages/react-components/react-toast/src/index.ts +++ b/packages/react-components/react-toast/src/index.ts @@ -1,5 +1,5 @@ export { useToastController } from './state'; -export type { ToastPosition, ToastId, ToastOffset, ToastPoliteness } from './state'; +export type { ToastPosition, ToastId, ToastOffset, ToastPoliteness, ToastStatus } from './state'; export { ToastTrigger } from './ToastTrigger'; export type { ToastTriggerChildProps, ToastTriggerProps, ToastTriggerState } from './ToastTrigger'; diff --git a/packages/react-components/react-toast/src/state/types.ts b/packages/react-components/react-toast/src/state/types.ts index 676d35e2c4920..be88212810043 100644 --- a/packages/react-components/react-toast/src/state/types.ts +++ b/packages/react-components/react-toast/src/state/types.ts @@ -6,6 +6,12 @@ export type ToasterId = string; export type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start'; export type ToastPoliteness = 'assertive' | 'polite'; +export type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted'; +export type ToastChangeHandler = (event: null, data: ToastChangeData) => void; + +export interface ToastChangeData extends ToastOptions, Pick { + status: ToastStatus; +} export interface ToastOptions { /** @@ -51,6 +57,11 @@ export interface ToastOptions { * Additional data that needs to be passed to the toast */ data: TData; + + /** + * Reports changes to the Toast lifecycle + */ + onStatusChange: ToastChangeHandler | undefined; } export interface ToastOffsetObject { diff --git a/packages/react-components/react-toast/src/state/useToast.ts b/packages/react-components/react-toast/src/state/useToast.ts index 77373ef08c205..77d19cb8fbab5 100644 --- a/packages/react-components/react-toast/src/state/useToast.ts +++ b/packages/react-components/react-toast/src/state/useToast.ts @@ -5,8 +5,12 @@ import { Toast as ToastProps } from './types'; const noop = () => null; -export function useToast(options: ToastProps) { - const { pauseOnHover, pauseOnWindowBlur } = options; +interface UseToastOptions extends Pick { + visible: boolean; +} + +export function useToast(options: UseToastOptions) { + const { pauseOnHover, pauseOnWindowBlur, visible } = options; const forceRender = useForceUpdate(); const [toast] = React.useState(() => new Toast()); @@ -14,7 +18,7 @@ export function useToast(options: ToastProps) { const toastRef = React.useRef(null); React.useEffect(() => { - if (toast && toastRef.current) { + if (visible && toast && toastRef.current) { toast.onUpdate = forceRender; toast.connectToDOM(toastRef.current, { pauseOnHover, @@ -23,7 +27,7 @@ export function useToast(options: ToastProps) { return () => toast.disconnect(); } - }, [toast, pauseOnWindowBlur, pauseOnHover, forceRender]); + }, [toast, pauseOnWindowBlur, pauseOnHover, forceRender, visible]); if (!toast) { return { diff --git a/packages/react-components/react-toast/src/state/vanilla/toaster.ts b/packages/react-components/react-toast/src/state/vanilla/toaster.ts index 184ef5989c851..3060a84336444 100644 --- a/packages/react-components/react-toast/src/state/vanilla/toaster.ts +++ b/packages/react-components/react-toast/src/state/vanilla/toaster.ts @@ -31,10 +31,10 @@ export class Toaster { private targetDocument?: Document; private toastOptions: Pick< ToastOptions, - 'priority' | 'pauseOnHover' | 'pauseOnWindowBlur' | 'position' | 'timeout' | 'politeness' + 'priority' | 'pauseOnHover' | 'pauseOnWindowBlur' | 'position' | 'timeout' | 'politeness' | 'onStatusChange' >; private toasterId?: ToasterId; - private queue: PriorityQueue; + private queue: PriorityQueue; private limit: number; private listeners = new Map(); @@ -44,6 +44,7 @@ export class Toaster { this.visibleToasts = new Set(); this.onUpdate = () => null; this.toastOptions = { + onStatusChange: undefined, politeness: 'polite', priority: 0, pauseOnHover: false, @@ -51,7 +52,13 @@ export class Toaster { position: 'bottom-end', timeout: 3000, }; - this.queue = createPriorityQueue((a, b) => { + this.queue = createPriorityQueue((ta, tb) => { + const a = this.toasts.get(ta); + const b = this.toasts.get(tb); + if (!a || !b) { + return 0; + } + if (a.priority === b.priority) { return a.dispatchedAt - b.dispatchedAt; } @@ -154,16 +161,33 @@ export class Toaster { } const close = () => { + const toast = this.toasts.get(toastId); + if (!toast) { + return; + } + this.visibleToasts.delete(toastId); this.onUpdate(); + toast.onStatusChange?.(null, { status: 'dismissed', ...toast }); }; const remove = () => { + const toast = this.toasts.get(toastId); + if (!toast) { + return; + } + + toast.onStatusChange?.(null, { status: 'unmounted', ...toast }); this.toasts.delete(toastId); + if (this.visibleToasts.size < this.limit && this.queue.peek()) { - const nextToast = this.queue.dequeue(); - this.toasts.set(nextToast.toastId, nextToast); + const nextToast = this.toasts.get(this.queue.dequeue()); + if (!nextToast) { + return; + } + this.visibleToasts.add(nextToast.toastId); + toast.onStatusChange?.(null, { status: 'visible', ...nextToast }); } this.onUpdate(); }; @@ -182,12 +206,14 @@ export class Toaster { assignDefined(toast, toastOptions); + this.toasts.set(toastId, toast); + toast.onStatusChange?.(null, { status: 'queued', ...toast }); if (this.visibleToasts.size >= this.limit) { - this.queue.enqueue(toast); + this.queue.enqueue(toastId); } else { - this.toasts.set(toastId, toast); this.visibleToasts.add(toastId); this.onUpdate(); + toast.onStatusChange?.(null, { status: 'visible', ...toast }); } } } diff --git a/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx b/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx index b408cda15374f..989547ca1e76c 100644 --- a/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/DismissToast.stories.tsx @@ -5,21 +5,23 @@ import { useId, Button } from '@fluentui/react-components'; export const DismissToast = () => { const toasterId = useId('toaster'); const toastId = useId('example'); + const [unmounted, setUnmounted] = React.useState(false); const { dispatchToast, dismissToast } = useToastController(toasterId); - const notify = () => + const notify = () => { dispatchToast( This is a toast , - { toastId }, + { toastId, onStatusChange: (e, { status }) => setUnmounted(status === 'unmounted') }, ); + setUnmounted(false); + }; const dismiss = () => dismissToast(toastId); return ( <> - - + ); }; diff --git a/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx b/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx new file mode 100644 index 0000000000000..acf5f55b52811 --- /dev/null +++ b/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx @@ -0,0 +1,125 @@ +import * as React from 'react'; +import { + Toaster, + useToastController, + Toast, + ToastTitle, + ToastBody, + ToastFooter, + ToastStatus, +} from '@fluentui/react-toast'; +import { useId, Link, Button, Text, makeStyles, shorthands, tokens } from '@fluentui/react-components'; + +const useStyles = makeStyles({ + root: { + display: 'flex', + ...shorthands.gap('20px'), + }, + + button: { + display: 'block', + }, + + logContainer: { + display: 'flex', + flexDirection: 'column', + }, + + logLabel: { + color: tokens.colorNeutralForegroundOnBrand, + backgroundColor: tokens.colorBrandBackground, + width: 'fit-content', + fontWeight: tokens.fontWeightBold, + ...shorthands.padding('2px', '12px'), + }, + + log: { + overflowY: 'auto', + boxShadow: tokens.shadow16, + position: 'relative', + minWidth: '200px', + height: '200px', + ...shorthands.border('2px', 'solid', tokens.colorBrandBackground), + ...shorthands.padding('12px', '12px'), + }, +}); + +export const ToastLifecycle = () => { + const styles = useStyles(); + const toasterId = useId('toaster'); + const labelId = useId(); + const { dispatchToast } = useToastController(toasterId); + const [statusLog, setStatusLog] = React.useState<[number, ToastStatus][]>([]); + const [dismissed, setDismissed] = React.useState(true); + const notify = () => { + dispatchToast( + + Undo}> + Email sent + + This is a toast body + + Action + Action + + , + { + timeout: 1000, + onStatusChange: (e, { status: toastStatus }) => { + setDismissed(toastStatus === 'unmounted'); + setStatusLog(prev => [[Date.now(), toastStatus], ...prev]); + }, + }, + ); + }; + + return ( + <> +
+
+ + +
+
+
+ Status log +
+
+ {statusLog.map(([time, toastStatus]) => { + const date = new Date(time); + return ( +
+ {date.toLocaleTimeString()} {toastStatus} +
+ ); + })} +
+
+
+ + + ); +}; + +ToastLifecycle.parameters = { + docs: { + description: { + story: [ + 'Since toasts are imperative, the way they are mapped to React is internal, and not reflective of its usage.', + 'The Toast API exposes its own lifecycle that users can hook into, and is already used in other', + 'documentation examples. The lifecycle stages are:', + '', + '- queued - The toast is queued until it can be made visible', + '- visible - The toast is mounted and rendered, this is instance if the toast limit is not reached', + '- dismissed - The toast is visually invisible but still mounted', + '- unounted - The toast has been completely unmounted and no longer exists', + '', + 'Use the `onStatusChange` option when dispatching a toast to listen to lifecycle changes.', + ].join('\n'), + }, + }, +}; diff --git a/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx b/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx index cc1ca025be73a..d2b838c956e3d 100644 --- a/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx @@ -5,16 +5,18 @@ import { useId, Button } from '@fluentui/react-components'; export const UpdateToast = () => { const toastId = useId('toast'); const toasterId = useId('toaster'); - const [dispatched, setDispatched] = React.useState(false); + const [unmounted, setUnmounted] = React.useState(true); const { dispatchToast, updateToast } = useToastController(toasterId); - const notify = () => + const notify = () => { dispatchToast( This toast never closes , - { toastId, timeout: -1 }, + { toastId, timeout: -1, onStatusChange: (e, { status }) => setUnmounted(status === 'unmounted') }, ); + setUnmounted(false); + }; const update = () => updateToast({ content: ( @@ -26,20 +28,10 @@ export const UpdateToast = () => { timeout: 2000, }); - const onClick = () => { - if (dispatched) { - update(); - setDispatched(false); - } else { - notify(); - setDispatched(true); - } - }; - return ( <> - + ); }; diff --git a/packages/react-components/react-toast/stories/Toast/index.stories.tsx b/packages/react-components/react-toast/stories/Toast/index.stories.tsx index b2459ee2fcce8..6625cf4416acf 100644 --- a/packages/react-components/react-toast/stories/Toast/index.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/index.stories.tsx @@ -9,6 +9,7 @@ export { DismissToast } from './DismissToast.stories'; export { DismissAll } from './DismissAll.stories'; export { PauseOnWindowBlur } from './PauseOnWindowBlur.stories'; export { PauseOnHover } from './PauseOnHover.stories'; +export { ToastLifecycle } from './ToastLifecycle.stories'; export { UpdateToast } from './UpdateToast.stories'; export { MultipleToasters } from './MultipleToasters.stories'; export { ToasterLimit } from './ToasterLimit.stories'; From d33397e28ac542798cfdc4a7b917f1d27db9ed63 Mon Sep 17 00:00:00 2001 From: ling1726 Date: Wed, 14 Jun 2023 13:05:21 +0200 Subject: [PATCH 08/32] feat: Implement `focusMode` for DataGridCell (#28167) * feat: Implement `focusMode` for DataGridCell Implements the `focusMode` prop for `DataGridCell` so that there is a built in way to handle cells with nested focusable elements. Also adds documentation guidance on how to do the same for `Table` * changefile * update md --- ...-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json | 7 + .../react-table/etc/react-table.api.md | 4 +- .../src/components/DataGrid/DataGrid.cy.tsx | 35 ++++ .../DataGridCell/DataGridCell.types.ts | 8 +- .../DataGridCell/useDataGridCell.ts | 4 + .../FocusableElementsInCells.stories.tsx | 169 ++++++++++++++++++ .../stories/DataGrid/index.stories.tsx | 1 + .../Table/FocusableElements.Cells.stories.tsx | 138 ++++++++++++++ .../stories/Table/index.stories.tsx | 1 + 9 files changed, 365 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json create mode 100644 packages/react-components/react-table/stories/DataGrid/FocusableElementsInCells.stories.tsx create mode 100644 packages/react-components/react-table/stories/Table/FocusableElements.Cells.stories.tsx diff --git a/change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json b/change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json new file mode 100644 index 0000000000000..934e061b24c50 --- /dev/null +++ b/change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: Implement `focusMode` for DataGridCell", + "packageName": "@fluentui/react-table", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-table/etc/react-table.api.md b/packages/react-components/react-table/etc/react-table.api.md index dca10704a31e8..dbcfd5534d1e0 100644 --- a/packages/react-components/react-table/etc/react-table.api.md +++ b/packages/react-components/react-table/etc/react-table.api.md @@ -66,7 +66,9 @@ export const DataGridCell: ForwardRefComponent; export const dataGridCellClassNames: SlotClassNames; // @public -export type DataGridCellProps = TableCellProps; +export type DataGridCellProps = TableCellProps & { + focusMode?: 'group'; +}; // @public (undocumented) export type DataGridCellSlots = TableCellSlots; diff --git a/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx b/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx index 9f559844dcecc..2386d85bc2c08 100644 --- a/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx +++ b/packages/react-components/react-table/src/components/DataGrid/DataGrid.cy.tsx @@ -105,4 +105,39 @@ describe('DataGrid', () => { cy.contains('4-1').focus().realPress(['Control', 'End']); cy.focused().should('have.text', '7-3'); }); + + const NestedFocusableExample = () => ( + + + >{({ renderHeaderCell }) => {renderHeaderCell()}} + + > + {({ item }) => ( + > + {({ renderCell }) => ( + + + + + )} + + )} + + + ); + + it('should use focusable group for cells', () => { + mount(); + + cy.contains('1-1-11-1-2').focus().realPress('Enter'); + cy.focused().should('have.text', '1-1-1').realPress('Tab'); + cy.focused().should('have.text', '1-1-2').realPress('Tab'); + cy.focused().should('have.text', '1-1-1').realPress('ArrowDown'); + cy.focused().should('have.text', '1-1-1').realPress('ArrowUp'); + cy.focused().should('have.text', '1-1-1').realPress('ArrowLeft'); + cy.focused().should('have.text', '1-1-1').realPress('ArrowRight'); + cy.focused().should('have.text', '1-1-1').realPress('Escape'); + cy.focused().should('have.text', '1-1-11-1-2').realPress('ArrowRight'); + cy.focused().should('have.text', '1-2-11-2-2'); + }); }); diff --git a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts index 2af3a64e3cc10..184508c8aef7b 100644 --- a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts +++ b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts @@ -5,7 +5,13 @@ export type DataGridCellSlots = TableCellSlots; /** * DataGridCell Props */ -export type DataGridCellProps = TableCellProps; +export type DataGridCellProps = TableCellProps & { + /** + * Used when there are nested focusble elements inside a focusable cell + * - `group`: Enter keypress moves focus inside the cell, focus is trapped inside the cell until Escape keypress + */ + focusMode?: 'group'; +}; /** * State used in rendering DataGridCell diff --git a/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts b/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts index 6e0a387dbaebb..d604a321d43f0 100644 --- a/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts +++ b/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts @@ -1,4 +1,5 @@ import * as React from 'react'; +import { useFocusableGroup } from '@fluentui/react-tabster'; import type { DataGridCellProps, DataGridCellState } from './DataGridCell.types'; import { useTableCell_unstable } from '../TableCell/useTableCell'; import { useDataGridContext_unstable } from '../../contexts/dataGridContext'; @@ -14,14 +15,17 @@ import { useColumnIdContext } from '../../contexts/columnIdContext'; * @param ref - reference to root HTMLElement of DataGridCell */ export const useDataGridCell_unstable = (props: DataGridCellProps, ref: React.Ref): DataGridCellState => { + const { focusMode } = props; const columnId = useColumnIdContext(); const tabbable = useDataGridContext_unstable(ctx => ctx.focusMode === 'cell'); const resizableColumns = useDataGridContext_unstable(ctx => ctx.resizableColumns); const columnSizing = useDataGridContext_unstable(ctx => ctx.columnSizing_unstable); + const focusableGroupAttr = useFocusableGroup({ tabBehavior: 'limited-trap-focus' }); return useTableCell_unstable( { as: 'div', role: 'gridcell', + ...(focusMode && focusableGroupAttr), tabIndex: tabbable ? 0 : undefined, ...(resizableColumns ? columnSizing.getTableCellProps(columnId) : {}), ...props, diff --git a/packages/react-components/react-table/stories/DataGrid/FocusableElementsInCells.stories.tsx b/packages/react-components/react-table/stories/DataGrid/FocusableElementsInCells.stories.tsx new file mode 100644 index 0000000000000..298464b3dcd64 --- /dev/null +++ b/packages/react-components/react-table/stories/DataGrid/FocusableElementsInCells.stories.tsx @@ -0,0 +1,169 @@ +import * as React from 'react'; +import { + FolderRegular, + EditRegular, + DocumentRegular, + DocumentPdfRegular, + VideoRegular, + DeleteRegular, +} from '@fluentui/react-icons'; +import { + PresenceBadgeStatus, + Avatar, + DataGridBody, + DataGridRow, + DataGrid, + DataGridHeader, + DataGridHeaderCell, + DataGridCell, + TableCellLayout, + TableColumnDefinition, + createTableColumn, + Button, +} from '@fluentui/react-components'; + +type FileCell = { + label: string; + icon: JSX.Element; +}; + +type LastUpdatedCell = { + label: string; + timestamp: number; +}; + +type AuthorCell = { + label: string; + status: PresenceBadgeStatus; +}; + +type Item = { + file: FileCell; + author: AuthorCell; + lastUpdated: LastUpdatedCell; +}; + +const items: Item[] = [ + { + file: { label: 'Meeting notes', icon: }, + author: { label: 'Max Mustermann', status: 'available' }, + lastUpdated: { label: '7h ago', timestamp: 1 }, + }, + { + file: { label: 'Thursday presentation', icon: }, + author: { label: 'Erika Mustermann', status: 'busy' }, + lastUpdated: { label: 'Yesterday at 1:45 PM', timestamp: 2 }, + }, + { + file: { label: 'Training recording', icon: }, + author: { label: 'John Doe', status: 'away' }, + lastUpdated: { label: 'Yesterday at 1:45 PM', timestamp: 2 }, + }, + { + file: { label: 'Purchase order', icon: }, + author: { label: 'Jane Doe', status: 'offline' }, + lastUpdated: { label: 'Tue at 9:30 AM', timestamp: 3 }, + }, +]; + +const columns: TableColumnDefinition[] = [ + createTableColumn({ + columnId: 'file', + compare: (a, b) => { + return a.file.label.localeCompare(b.file.label); + }, + renderHeaderCell: () => { + return 'File'; + }, + renderCell: item => { + return {item.file.label}; + }, + }), + createTableColumn({ + columnId: 'author', + compare: (a, b) => { + return a.author.label.localeCompare(b.author.label); + }, + renderHeaderCell: () => { + return 'Author'; + }, + renderCell: item => { + return ( + + } + > + {item.author.label} + + ); + }, + }), + createTableColumn({ + columnId: 'lastUpdated', + compare: (a, b) => { + return a.lastUpdated.timestamp - b.lastUpdated.timestamp; + }, + renderHeaderCell: () => { + return 'Last updated'; + }, + + renderCell: item => { + return item.lastUpdated.label; + }, + }), + createTableColumn({ + columnId: 'actions', + renderHeaderCell: () => { + return 'Actions'; + }, + renderCell: () => { + return ( + <> + + + ); +}; + +Intent.parameters = { + docs: { + description: { + story: [ + 'The toast comes by default with 4 different intents:', + '- success', + '- info', + '- warning', + '- error', + '', + 'Each intent affects the default icon in the title and its colour. These icon slots can be overriden', + 'to render other content such as progress spinners or avatars.', + '', + '>intent determines the urgency of the screen reader aria-live narration.', + 'To retain default intent styles, use the`politeness` option to override the urgency or aria-live narration.', + ].join('\n'), + }, + }, +}; diff --git a/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx b/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx index 7ab0f0b7ff73d..fed5d8bb451a9 100644 --- a/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/MultipleToasters.stories.tsx @@ -12,14 +12,16 @@ export const MultipleToasters = () => { if (toaster === first) { dispatchFirstToast( - First toaster + First toaster , + { intent: 'info' }, ); } else { dispatchSecondToast( - Second toaster + Second toaster , + { intent: 'info' }, ); } }; diff --git a/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx b/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx index 9d151fe74ac8b..c64ebd8319574 100644 --- a/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/Offset.stories.tsx @@ -37,11 +37,11 @@ export const Offset = () => { const notify = () => dispatchToast( - + Offset: {horizontal}, {vertical} , - { position }, + { position, intent: 'info' }, ); return ( diff --git a/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx b/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx index f0e3b09ab57fe..5d3953ba65ca9 100644 --- a/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/PauseOnHover.stories.tsx @@ -8,9 +8,9 @@ export const PauseOnHover = () => { const notify = () => dispatchToast( - Hover me! + Hover me! , - { pauseOnHover: true }, + { pauseOnHover: true, intent: 'info' }, ); return ( diff --git a/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx b/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx index 448ab308dec9c..45bcd16933b10 100644 --- a/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/PauseOnWindowBlur.stories.tsx @@ -8,9 +8,9 @@ export const PauseOnWindowBlur = () => { const notify = () => dispatchToast( - Click on another window! + Click on another window! , - { pauseOnWindowBlur: true }, + { pauseOnWindowBlur: true, intent: 'info' }, ); return ( diff --git a/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx b/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx index acf5f55b52811..ccfb961df969c 100644 --- a/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/ToastLifecycle.stories.tsx @@ -54,9 +54,7 @@ export const ToastLifecycle = () => { const notify = () => { dispatchToast( - Undo}> - Email sent - + Undo}>Email sent This is a toast body Action @@ -65,6 +63,7 @@ export const ToastLifecycle = () => { , { timeout: 1000, + intent: 'success', onStatusChange: (e, { status: toastStatus }) => { setDismissed(toastStatus === 'unmounted'); setStatusLog(prev => [[Date.now(), toastStatus], ...prev]); diff --git a/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx b/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx index b3272836d5ca0..bffce44eff229 100644 --- a/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/ToastPositions.stories.tsx @@ -9,9 +9,9 @@ export const ToastPositions = () => { const notify = () => dispatchToast( - This toast is {position} + This toast is {position} , - { position }, + { position, intent: 'success' }, ); return ( diff --git a/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx b/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx index c8938752966a1..24d80a9665df3 100644 --- a/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/ToasterLimit.stories.tsx @@ -9,8 +9,9 @@ export const ToasterLimit = () => { const notify = () => dispatchToast( - Limited to 3 toasts + Limited to 3 toasts , + { intent: 'success' }, ); return ( diff --git a/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx b/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx index d2b838c956e3d..3611fb508bec0 100644 --- a/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/UpdateToast.stories.tsx @@ -11,9 +11,14 @@ export const UpdateToast = () => { const notify = () => { dispatchToast( - This toast never closes + This toast never closes , - { toastId, timeout: -1, onStatusChange: (e, { status }) => setUnmounted(status === 'unmounted') }, + { + toastId, + intent: 'warning', + timeout: -1, + onStatusChange: (e, { status }) => setUnmounted(status === 'unmounted'), + }, ); setUnmounted(false); }; @@ -21,9 +26,10 @@ export const UpdateToast = () => { updateToast({ content: ( - This toast will close soon + This toast will close soon ), + intent: 'success', toastId, timeout: 2000, }); diff --git a/packages/react-components/react-toast/stories/Toast/index.stories.tsx b/packages/react-components/react-toast/stories/Toast/index.stories.tsx index 6625cf4416acf..bd1ad60758ef6 100644 --- a/packages/react-components/react-toast/stories/Toast/index.stories.tsx +++ b/packages/react-components/react-toast/stories/Toast/index.stories.tsx @@ -1,5 +1,6 @@ import { Toast, ToastTitle, ToastBody, ToastFooter, Toaster } from '@fluentui/react-toast'; export { Default } from './Default.stories'; +export { Intent } from './Intent.stories'; export { DefaultToastOptions } from './DefaultToastOptions.stories'; export { CustomTimeout } from './CustomTimeout.stories'; export { DismissToastWithAction } from './DismissToastWithAction.stories'; From a7f7914af1268126e41a0ca555d6d2bcc1324a1c Mon Sep 17 00:00:00 2001 From: ling1726 Date: Thu, 15 Jun 2023 14:00:43 +0200 Subject: [PATCH 13/32] fix: Toast intent should always be present in the context (#28226) * fix: Toast intent should always be present in the context Fix of bug from #28224 The intent prop is not actually required because of `?` in the type. While this is true for creation, it should always be present when passed to context (even if it's undefined). * fix test --- .../ToastContainer/ToastContainer.test.tsx | 1 + .../ToastContainer/ToastContainer.types.ts | 15 ++++----------- .../ToastContainer/useToastContainer.ts | 1 + .../useToastContainerContextValues.ts | 5 +++-- .../src/components/ToastTitle/ToastTitle.types.ts | 2 -- .../src/components/Toaster/useToaster.tsx | 8 +++++++- .../react-toast/src/contexts/toastContext.tsx | 6 ++++-- .../react-components/react-toast/src/index.ts | 4 ++-- 8 files changed, 22 insertions(+), 20 deletions(-) diff --git a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx index d6043f90efbc9..ef7eb6551b32d 100644 --- a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx +++ b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.test.tsx @@ -14,6 +14,7 @@ const defaultToastContainerProps: ToastContainerProps = { politeness: 'polite', remove: () => null, timeout: -1, + intent: undefined, updateId: 0, visible: true, }; diff --git a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts index c8b6287a960cd..c57bf6f66cf0c 100644 --- a/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts +++ b/packages/react-components/react-toast/src/components/ToastContainer/ToastContainer.types.ts @@ -1,7 +1,7 @@ import * as React from 'react'; import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; import { Announce } from '../AriaLive/AriaLive.types'; -import { Toast } from '../../state'; +import { Toast, ToastIntent } from '../../state'; import { ToastContextValue } from '../../contexts/toastContext'; import { TimerProps } from '../Timer/Timer'; @@ -20,25 +20,18 @@ export type ToastContainerSlots = { export type ToastContainerProps = ComponentProps> & Pick< Toast, - | 'close' - | 'remove' - | 'updateId' - | 'data' - | 'timeout' - | 'politeness' - | 'pauseOnHover' - | 'pauseOnWindowBlur' - | 'intent' + 'close' | 'remove' | 'updateId' | 'data' | 'timeout' | 'politeness' | 'pauseOnHover' | 'pauseOnWindowBlur' > & { visible: boolean; announce: Announce; + intent: ToastIntent | undefined; }; /** * State used in rendering ToastContainer */ export type ToastContainerState = ComponentState & - Pick & { + Pick & { transitionTimeout: number; timerTimeout: number; running: boolean; diff --git a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts index 691be0e3f2db0..d9247ba3392d4 100644 --- a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts +++ b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainer.ts @@ -101,5 +101,6 @@ export const useToastContainer_unstable = ( onTransitionEntering, updateId, nodeRef: toastRef, + intent, }; }; diff --git a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts index 7ea8809573013..bfaa9965cc1bd 100644 --- a/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts +++ b/packages/react-components/react-toast/src/components/ToastContainer/useToastContainerContextValues.ts @@ -2,13 +2,14 @@ import * as React from 'react'; import { ToastContainerContextValues, ToastContainerState } from './ToastContainer.types'; export function useToastContainerContextValues_unstable(state: ToastContainerState): ToastContainerContextValues { - const { close } = state; + const { close, intent } = state; const toastContext = React.useMemo( () => ({ close, + intent, }), - [close], + [close, intent], ); return { diff --git a/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts b/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts index a83f7413c95cd..602a0d4c1efa5 100644 --- a/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts +++ b/packages/react-components/react-toast/src/components/ToastTitle/ToastTitle.types.ts @@ -7,8 +7,6 @@ export type ToastTitleSlots = { action?: Slot<'div'>; }; -export type ToastIntent = 'info' | 'success' | 'error' | 'warning'; - /** * ToastTitle Props */ diff --git a/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx b/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx index f9670644073c0..8e67c04b5ee23 100644 --- a/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx +++ b/packages/react-components/react-toast/src/components/Toaster/useToaster.tsx @@ -24,7 +24,13 @@ export const useToaster_unstable = (props: ToasterProps): ToasterState => { resolveShorthand(toastsToRender.has(toastPosition) ? rootProps : null, { defaultProps: { children: toastsToRender.get(toastPosition)?.map(toast => ( - + {toast.content as React.ReactNode} )), diff --git a/packages/react-components/react-toast/src/contexts/toastContext.tsx b/packages/react-components/react-toast/src/contexts/toastContext.tsx index 0e30d4a7fe1c1..795ea441f09bd 100644 --- a/packages/react-components/react-toast/src/contexts/toastContext.tsx +++ b/packages/react-components/react-toast/src/contexts/toastContext.tsx @@ -1,12 +1,14 @@ import * as React from 'react'; -import { ToastOptions } from '../state/types'; +import { ToastIntent } from '../state/types'; export type ToastContextValue = { close: () => void; -} & Pick; + intent: ToastIntent | undefined; +}; const toastContextDefaultValue: ToastContextValue = { close: () => null, + intent: undefined, }; const toastContext = React.createContext(undefined); diff --git a/packages/react-components/react-toast/src/index.ts b/packages/react-components/react-toast/src/index.ts index 48917d8694eec..8578e40344db4 100644 --- a/packages/react-components/react-toast/src/index.ts +++ b/packages/react-components/react-toast/src/index.ts @@ -1,5 +1,5 @@ export { useToastController } from './state'; -export type { ToastPosition, ToastId, ToastOffset, ToastPoliteness, ToastStatus } from './state'; +export type { ToastPosition, ToastId, ToastOffset, ToastPoliteness, ToastStatus, ToastIntent } from './state'; export { ToastTrigger } from './ToastTrigger'; export type { ToastTriggerChildProps, ToastTriggerProps, ToastTriggerState } from './ToastTrigger'; @@ -21,7 +21,7 @@ export { renderToastTitle_unstable, toastTitleClassNames, } from './ToastTitle'; -export type { ToastTitleProps, ToastTitleState, ToastTitleSlots, ToastIntent } from './ToastTitle'; +export type { ToastTitleProps, ToastTitleState, ToastTitleSlots } from './ToastTitle'; export { ToastBody, From 02c7384de10ee35cc4db1a2132c32de59db58e1f Mon Sep 17 00:00:00 2001 From: Amber Date: Thu, 15 Jun 2023 14:17:29 +0200 Subject: [PATCH 14/32] feat(react-tags): add a11y role and best practices guide (#28075) * changes * mention picker * focus on prev tag when remove last tag in group * fix --- .../react-components/react-tags/package.json | 1 + .../src/components/TagGroup/useTagGroup.ts | 39 +++++++++++++++++-- .../react-tags/stories/Tag/TagDescription.md | 1 + .../TagButton/TagButtonBestPractices.md | 2 + .../stories/TagButton/TagButtonDescription.md | 1 + .../stories/TagGroup/TagGroupBestPractices.md | 4 ++ .../stories/TagGroup/TagGroupDescription.md | 1 + .../TagGroup/TagGroupDismiss.stories.tsx | 8 ++-- 8 files changed, 49 insertions(+), 8 deletions(-) diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json index 07133dd18720e..b917884a8a08f 100644 --- a/packages/react-components/react-tags/package.json +++ b/packages/react-components/react-tags/package.json @@ -39,6 +39,7 @@ "@fluentui/react-avatar": "^9.5.5", "@fluentui/react-icons": "^2.0.203", "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-shared-contexts": "^9.5.0", "@fluentui/react-tabster": "^9.7.5", "@fluentui/react-theme": "^9.1.8", "@fluentui/react-utilities": "^9.9.2", diff --git a/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts b/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts index 5da937f421244..1cdf4937d92e3 100644 --- a/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts +++ b/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts @@ -1,6 +1,9 @@ import * as React from 'react'; -import { getNativeElementProps, useEventCallback } from '@fluentui/react-utilities'; +import { getNativeElementProps, useEventCallback, useMergedRefs } from '@fluentui/react-utilities'; import type { TagGroupProps, TagGroupState } from './TagGroup.types'; +import { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster'; +import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts'; +import { tagButtonClassNames } from '../TagButton/useTagButtonStyles.styles'; /** * Create the state required to render TagGroup. @@ -14,10 +17,37 @@ import type { TagGroupProps, TagGroupState } from './TagGroup.types'; export const useTagGroup_unstable = (props: TagGroupProps, ref: React.Ref): TagGroupState => { const { onDismiss, size = 'medium' } = props; + const innerRef = React.useRef(); + const { targetDocument } = useFluent(); + const { findNextFocusable, findPrevFocusable } = useFocusFinders(); + const handleTagDismiss = useEventCallback((e: React.MouseEvent | React.KeyboardEvent, id: string) => { onDismiss?.(e, { dismissedTagValue: id }); - // TODO set focus after tag dismiss + // set focus after tag dismiss + const activeElement = targetDocument?.activeElement; + if (innerRef.current?.contains(activeElement as HTMLElement)) { + // focus on next tag only if the active element is within the current tag group + const next = findNextFocusable(activeElement as HTMLElement, { container: innerRef.current }); + if (next) { + next.focus(); + return; + } + + // if there is no next focusable, focus on the previous focusable + if (activeElement?.className.includes(tagButtonClassNames.dismissButton)) { + const prev = findPrevFocusable(activeElement.parentElement as HTMLElement, { container: innerRef.current }); + prev?.focus(); + } else { + const prev = findPrevFocusable(activeElement as HTMLElement, { container: innerRef.current }); + prev?.focus(); + } + } + }); + + const arrowNavigationProps = useArrowNavigationGroup({ + circular: true, + axis: 'both', }); return { @@ -30,9 +60,10 @@ export const useTagGroup_unstable = (props: TagGroupProps, ref: React.Ref { const defaultItems = [ - { value: '1', children: 'Tag 1' }, - { value: '2', children: 'Tag 2' }, - { value: 'tagButton-foo', children: 'Foo' }, - { value: 'tagButton-bar', children: 'Bar' }, + { value: '1', children: 'Tag 1', 'aria-label': 'Tag1, remove' }, + { value: '2', children: 'Tag 2', 'aria-label': 'Tag2, remove' }, + { value: 'tagButton-foo', children: 'Foo', dismissButton: { 'aria-label': 'Foo, remove' } }, + { value: 'tagButton-bar', children: 'Bar', dismissButton: { 'aria-label': 'Bar, remove' } }, ]; const [items, setItems] = React.useState>(defaultItems); From 7516a6bde1bd7b8c957ca479ffcb0e737e9ca693 Mon Sep 17 00:00:00 2001 From: Miroslav Stastny Date: Thu, 15 Jun 2023 13:48:46 -0700 Subject: [PATCH 15/32] feat(tokens): Add/update theme tokens (#27791) * feat(tokens): Add/update theme tokens * change files * Add colorNeutralStrokeSubtle, colorBrandStroke2Hover, colorBrandStroke2Pressed * Fix colorBrandBackground2 in HC, revert change to colorBrandForeground2 in Teams Dark * fix Table brand selection high contrast * react-table change file --------- Co-authored-by: Lingfan Gao --- .../Concepts/Migration/FromV8/ThemeColors/colorMap.ts | 7 +++++++ .../src/shims/ThemeShim/v9ThemeShim.ts | 7 +++++++ ...on-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json | 7 +++++++ ...ct-table-01d8f535-459b-49ce-98da-dfe35961923c.json | 7 +++++++ ...eme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json | 7 +++++++ ...i-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json | 7 +++++++ .../src/components/Theme/v9ThemeShim.ts | 7 +++++++ .../components/TableRow/useTableRowStyles.styles.ts | 6 +----- .../react-theme-sass/sass/colorTokens.scss | 7 +++++++ packages/tokens/etc/tokens.api.md | 7 +++++++ packages/tokens/src/alias/darkColor.ts | 9 ++++++++- packages/tokens/src/alias/highContrastColor.ts | 11 +++++++++-- packages/tokens/src/alias/lightColor.ts | 7 +++++++ packages/tokens/src/alias/teamsDarkColor.ts | 9 ++++++++- packages/tokens/src/tokens.ts | 7 +++++++ packages/tokens/src/types.ts | 7 +++++++ 16 files changed, 110 insertions(+), 9 deletions(-) create mode 100644 change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json create mode 100644 change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json create mode 100644 change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json create mode 100644 change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts index b297debd8eb93..9f574e1c723c7 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/colorMap.ts @@ -135,6 +135,8 @@ export const alias = { colorCompoundBrandForeground1Pressed: 'brand[60]', colorBrandForeground1: 'brand[80]', colorBrandForeground2: 'brand[70]', + colorBrandForeground2Hover: 'brand[60]', + colorBrandForeground2Pressed: 'brand[30]', colorNeutralForeground1Static: 'grey[14]', colorNeutralForegroundInverted: 'white', colorNeutralForegroundInvertedHover: 'white', @@ -204,6 +206,8 @@ export const alias = { colorCompoundBrandBackgroundPressed: 'brand[60]', colorBrandBackgroundStatic: 'brand[80]', colorBrandBackground2: 'brand[160]', + colorBrandBackground2Hover: 'brand[150]', + colorBrandBackground2Pressed: 'brand[130]', colorBrandBackgroundInverted: 'white', colorBrandBackgroundInvertedHover: 'brand[160]', colorBrandBackgroundInvertedPressed: 'brand[140]', @@ -218,6 +222,7 @@ export const alias = { colorNeutralStroke1Selected: 'grey[74]', colorNeutralStroke2: 'grey[88]', colorNeutralStroke3: 'grey[94]', + colorNeutralStrokeSubtle: 'grey[88]', colorNeutralStrokeOnBrand: 'white', colorNeutralStrokeOnBrand2: 'white', colorNeutralStrokeOnBrand2Hover: 'white', @@ -225,6 +230,8 @@ export const alias = { colorNeutralStrokeOnBrand2Selected: 'white', colorBrandStroke1: 'brand[80]', colorBrandStroke2: 'brand[140]', + colorBrandStroke2Hover: 'brand[120]', + colorBrandStroke2Pressed: 'brand[80]', colorCompoundBrandStroke: 'brand[80]', colorCompoundBrandStrokeHover: 'brand[70]', colorCompoundBrandStrokePressed: 'brand[60]', diff --git a/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts b/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts index 554cd05a74ce2..c1d96fd6ced19 100644 --- a/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts +++ b/apps/public-docsite-v9/src/shims/ThemeShim/v9ThemeShim.ts @@ -47,6 +47,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorCompoundBrandForeground1Pressed: palette.themeDark, colorBrandForeground1: palette.themePrimary, colorBrandForeground2: palette.themeDarkAlt, + colorBrandForeground2Hover: palette.themeDarkAlt, + colorBrandForeground2Pressed: palette.themeDarkAlt, colorNeutralForeground1Static: palette.neutralPrimary, colorNeutralForegroundInverted: palette.white, colorNeutralForegroundInvertedHover: palette.white, @@ -123,6 +125,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorCompoundBrandBackgroundPressed: palette.themeDark, colorBrandBackgroundStatic: palette.themePrimary, colorBrandBackground2: palette.themeLighterAlt, + colorBrandBackground2Hover: palette.themeLighterAlt, + colorBrandBackground2Pressed: palette.themeLighterAlt, colorBrandBackgroundInverted: palette.white, colorBrandBackgroundInvertedHover: palette.themeLighterAlt, colorBrandBackgroundInvertedPressed: palette.themeLight, @@ -137,6 +141,7 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorNeutralStroke1Selected: palette.neutralTertiaryAlt, colorNeutralStroke2: palette.neutralQuaternaryAlt, colorNeutralStroke3: palette.neutralLighter, + colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt, colorNeutralStrokeOnBrand: palette.white, colorNeutralStrokeOnBrand2: palette.white, colorNeutralStrokeOnBrand2Hover: palette.white, @@ -144,6 +149,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorNeutralStrokeOnBrand2Selected: palette.white, colorBrandStroke1: palette.themePrimary, colorBrandStroke2: palette.themeLight, + colorBrandStroke2Hover: palette.themeLight, + colorBrandStroke2Pressed: palette.themeLight, colorCompoundBrandStroke: palette.themePrimary, colorCompoundBrandStrokeHover: palette.themeDarkAlt, colorCompoundBrandStrokePressed: palette.themeDark, diff --git a/change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json b/change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json new file mode 100644 index 0000000000000..250c9cdcc2347 --- /dev/null +++ b/change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Add/update theme tokens", + "packageName": "@fluentui/react-migration-v8-v9", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json b/change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json new file mode 100644 index 0000000000000..8e80901bc8984 --- /dev/null +++ b/change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Update table styles to reflect token changes", + "packageName": "@fluentui/react-table", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json b/change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json new file mode 100644 index 0000000000000..7f6c08905a414 --- /dev/null +++ b/change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Add theme tokens", + "packageName": "@fluentui/react-theme-sass", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json b/change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json new file mode 100644 index 0000000000000..0a9e74c64ef25 --- /dev/null +++ b/change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Add/update theme tokens", + "packageName": "@fluentui/tokens", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts b/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts index 3dce2645be911..c8aad3d03297e 100644 --- a/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts +++ b/packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts @@ -43,6 +43,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorCompoundBrandForeground1Pressed: palette.themeDark, colorBrandForeground1: palette.themePrimary, colorBrandForeground2: palette.themeDarkAlt, + colorBrandForeground2Hover: palette.themeDarkAlt, + colorBrandForeground2Pressed: palette.themeDarkAlt, colorNeutralForeground1Static: palette.neutralPrimary, colorNeutralForegroundInverted: palette.white, colorNeutralForegroundInvertedHover: palette.white, @@ -119,6 +121,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorCompoundBrandBackgroundPressed: palette.themeDark, colorBrandBackgroundStatic: palette.themePrimary, colorBrandBackground2: palette.themeLighterAlt, + colorBrandBackground2Hover: palette.themeLighterAlt, + colorBrandBackground2Pressed: palette.themeLighterAlt, colorBrandBackgroundInverted: palette.white, colorBrandBackgroundInvertedHover: palette.themeLighterAlt, colorBrandBackgroundInvertedPressed: palette.themeLight, @@ -133,6 +137,7 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorNeutralStroke1Selected: palette.neutralTertiaryAlt, colorNeutralStroke2: palette.neutralQuaternaryAlt, colorNeutralStroke3: palette.neutralLighter, + colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt, colorNeutralStrokeOnBrand: palette.white, colorNeutralStrokeOnBrand2: palette.white, colorNeutralStrokeOnBrand2Hover: palette.white, @@ -140,6 +145,8 @@ const mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => { colorNeutralStrokeOnBrand2Selected: palette.white, colorBrandStroke1: palette.themePrimary, colorBrandStroke2: palette.themeLight, + colorBrandStroke2Hover: palette.themeLight, + colorBrandStroke2Pressed: palette.themeLight, colorCompoundBrandStroke: palette.themePrimary, colorCompoundBrandStrokeHover: palette.themeDarkAlt, colorCompoundBrandStrokePressed: palette.themeDark, diff --git a/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts b/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts index eab5fef2cea16..aa7efb0d073cd 100644 --- a/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts +++ b/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts @@ -100,11 +100,7 @@ const useStyles = makeStyles({ brand: { backgroundColor: tokens.colorBrandBackground2, - color: tokens.colorNeutralForeground1Hover, - ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand), - ':hover': { - backgroundColor: tokens.colorBrandBackground2, - }, + ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive), ':active': { backgroundColor: tokens.colorBrandBackgroundInvertedSelected, }, diff --git a/packages/react-components/react-theme-sass/sass/colorTokens.scss b/packages/react-components/react-theme-sass/sass/colorTokens.scss index 7072ecb9ffa66..0579261ed3f25 100644 --- a/packages/react-components/react-theme-sass/sass/colorTokens.scss +++ b/packages/react-components/react-theme-sass/sass/colorTokens.scss @@ -32,6 +32,8 @@ $colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover); $colorCompoundBrandForeground1Pressed: var(--colorCompoundBrandForeground1Pressed); $colorBrandForeground1: var(--colorBrandForeground1); $colorBrandForeground2: var(--colorBrandForeground2); +$colorBrandForeground2Hover: var(--colorBrandForeground2Hover); +$colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed); $colorNeutralForeground1Static: var(--colorNeutralForeground1Static); $colorNeutralForegroundInverted: var(--colorNeutralForegroundInverted); $colorNeutralForegroundInvertedHover: var(--colorNeutralForegroundInvertedHover); @@ -108,6 +110,8 @@ $colorCompoundBrandBackgroundHover: var(--colorCompoundBrandBackgroundHover); $colorCompoundBrandBackgroundPressed: var(--colorCompoundBrandBackgroundPressed); $colorBrandBackgroundStatic: var(--colorBrandBackgroundStatic); $colorBrandBackground2: var(--colorBrandBackground2); +$colorBrandBackground2Hover: var(--colorBrandBackground2Hover); +$colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed); $colorBrandBackgroundInverted: var(--colorBrandBackgroundInverted); $colorBrandBackgroundInvertedHover: var(--colorBrandBackgroundInvertedHover); $colorBrandBackgroundInvertedPressed: var(--colorBrandBackgroundInvertedPressed); @@ -122,6 +126,7 @@ $colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed); $colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected); $colorNeutralStroke2: var(--colorNeutralStroke2); $colorNeutralStroke3: var(--colorNeutralStroke3); +$colorNeutralStrokeSubtle: var(--colorNeutralStrokeSubtle); $colorNeutralStrokeOnBrand: var(--colorNeutralStrokeOnBrand); $colorNeutralStrokeOnBrand2: var(--colorNeutralStrokeOnBrand2); $colorNeutralStrokeOnBrand2Hover: var(--colorNeutralStrokeOnBrand2Hover); @@ -129,6 +134,8 @@ $colorNeutralStrokeOnBrand2Pressed: var(--colorNeutralStrokeOnBrand2Pressed); $colorNeutralStrokeOnBrand2Selected: var(--colorNeutralStrokeOnBrand2Selected); $colorBrandStroke1: var(--colorBrandStroke1); $colorBrandStroke2: var(--colorBrandStroke2); +$colorBrandStroke2Hover: var(--colorBrandStroke2Hover); +$colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed); $colorCompoundBrandStroke: var(--colorCompoundBrandStroke); $colorCompoundBrandStrokeHover: var(--colorCompoundBrandStrokeHover); $colorCompoundBrandStrokePressed: var(--colorCompoundBrandStrokePressed); diff --git a/packages/tokens/etc/tokens.api.md b/packages/tokens/etc/tokens.api.md index 35035b9c21f26..fc0282dee28a7 100644 --- a/packages/tokens/etc/tokens.api.md +++ b/packages/tokens/etc/tokens.api.md @@ -164,6 +164,8 @@ export type ColorTokens = { colorCompoundBrandForeground1Pressed: string; colorBrandForeground1: string; colorBrandForeground2: string; + colorBrandForeground2Hover: string; + colorBrandForeground2Pressed: string; colorNeutralForeground1Static: string; colorNeutralForegroundInverted: string; colorNeutralForegroundInvertedHover: string; @@ -240,6 +242,8 @@ export type ColorTokens = { colorCompoundBrandBackgroundPressed: string; colorBrandBackgroundStatic: string; colorBrandBackground2: string; + colorBrandBackground2Hover: string; + colorBrandBackground2Pressed: string; colorBrandBackgroundInverted: string; colorBrandBackgroundInvertedHover: string; colorBrandBackgroundInvertedPressed: string; @@ -254,6 +258,7 @@ export type ColorTokens = { colorNeutralStroke1Selected: string; colorNeutralStroke2: string; colorNeutralStroke3: string; + colorNeutralStrokeSubtle: string; colorNeutralStrokeOnBrand: string; colorNeutralStrokeOnBrand2: string; colorNeutralStrokeOnBrand2Hover: string; @@ -261,6 +266,8 @@ export type ColorTokens = { colorNeutralStrokeOnBrand2Selected: string; colorBrandStroke1: string; colorBrandStroke2: string; + colorBrandStroke2Hover: string; + colorBrandStroke2Pressed: string; colorCompoundBrandStroke: string; colorCompoundBrandStrokeHover: string; colorCompoundBrandStrokePressed: string; diff --git a/packages/tokens/src/alias/darkColor.ts b/packages/tokens/src/alias/darkColor.ts index db18339eeef36..b6ff7343675d3 100644 --- a/packages/tokens/src/alias/darkColor.ts +++ b/packages/tokens/src/alias/darkColor.ts @@ -39,6 +39,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110 + colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130 + colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160 colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14 colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14 @@ -114,7 +116,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110 colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80 - colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40 + colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20 + colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40 + colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10 colorBrandBackgroundInverted: white, // #ffffff Global.Color.White colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160 colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140 @@ -129,6 +133,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44 colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32 colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24 + colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4 colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16 colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White @@ -136,6 +141,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50 + colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50 + colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30 colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100 colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110 colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90 diff --git a/packages/tokens/src/alias/highContrastColor.ts b/packages/tokens/src/alias/highContrastColor.ts index 3314730506e29..1eebd76f9dba8 100644 --- a/packages/tokens/src/alias/highContrastColor.ts +++ b/packages/tokens/src/alias/highContrastColor.ts @@ -48,7 +48,9 @@ export const generateColorTokens = (): ColorTokens => ({ colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText - colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText + colorBrandForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText + colorBrandForeground2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText + colorBrandForeground2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText @@ -124,7 +126,9 @@ export const generateColorTokens = (): ColorTokens => ({ colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas - colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace + colorBrandBackground2: hcCanvas, // Canvas Global.Color.hcCanvas + colorBrandBackground2Hover: hcCanvas, // Canvas Global.Color.hcCanvas + colorBrandBackground2Pressed: hcCanvas, // Canvas Global.Color.hcCanvas colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight @@ -139,6 +143,7 @@ export const generateColorTokens = (): ColorTokens => ({ colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText + colorNeutralStrokeSubtle: hcCanvasText, // CanvasText Global.Color.hcCanvasText colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText @@ -146,6 +151,8 @@ export const generateColorTokens = (): ColorTokens => ({ colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText + colorBrandStroke2Hover: hcHighlight, // Highlight Global.Color.hcHighlight + colorBrandStroke2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight diff --git a/packages/tokens/src/alias/lightColor.ts b/packages/tokens/src/alias/lightColor.ts index a638bd7fa1723..313605b93896e 100644 --- a/packages/tokens/src/alias/lightColor.ts +++ b/packages/tokens/src/alias/lightColor.ts @@ -39,6 +39,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60 colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70 + colorBrandForeground2Hover: brand[60], // #005a9e Global.Color.Brand.60 + colorBrandForeground2Pressed: brand[30], // #043862 Global.Color.Brand.30 colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14 colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White colorNeutralForegroundInverted: white, // #ffffff Global.Color.White @@ -115,6 +117,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60 colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160 + colorBrandBackground2Hover: brand[150], // #deecf9 Global.Color.Brand.150 + colorBrandBackground2Pressed: brand[130], // #82c7ff Global.Color.Brand.130 colorBrandBackgroundInverted: white, // #ffffff Global.Color.White colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160 colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140 @@ -129,6 +133,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74 colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88 colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94 + colorNeutralStrokeSubtle: grey[88], // #e0e0e0 Global.Color.Grey.88 colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White @@ -136,6 +141,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140 + colorBrandStroke2Hover: brand[120], // #6cb8f6 Global.Color.Brand.120 + colorBrandStroke2Pressed: brand[80], // #0078d4 Global.Color.Brand.80 colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80 colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70 colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60 diff --git a/packages/tokens/src/alias/teamsDarkColor.ts b/packages/tokens/src/alias/teamsDarkColor.ts index bf1b30e9e23ae..181e6b1e02e0b 100644 --- a/packages/tokens/src/alias/teamsDarkColor.ts +++ b/packages/tokens/src/alias/teamsDarkColor.ts @@ -39,6 +39,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandForeground2: brand[120], // #6cb8f6 Global.Color.Brand.120 + colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130 + colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160 colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14 colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14 @@ -114,7 +116,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110 colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80 - colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40 + colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20 + colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40 + colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10 colorBrandBackgroundInverted: white, // #ffffff Global.Color.White colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160 colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140 @@ -129,6 +133,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44 colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32 colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24 + colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4 colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16 colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White @@ -136,6 +141,8 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50 + colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50 + colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30 colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90 colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100 colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80 diff --git a/packages/tokens/src/tokens.ts b/packages/tokens/src/tokens.ts index 20115b8d4d85c..79a4f0823b1aa 100644 --- a/packages/tokens/src/tokens.ts +++ b/packages/tokens/src/tokens.ts @@ -47,6 +47,8 @@ export const tokens: Record = { colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)', colorBrandForeground1: 'var(--colorBrandForeground1)', colorBrandForeground2: 'var(--colorBrandForeground2)', + colorBrandForeground2Hover: 'var(--colorBrandForeground2Hover)', + colorBrandForeground2Pressed: 'var(--colorBrandForeground2Pressed)', colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)', colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)', colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)', @@ -112,6 +114,8 @@ export const tokens: Record = { colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)', colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)', colorBrandBackground2: 'var(--colorBrandBackground2)', + colorBrandBackground2Hover: 'var(--colorBrandBackground2Hover)', + colorBrandBackground2Pressed: 'var(--colorBrandBackground2Pressed)', colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)', colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)', colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)', @@ -126,6 +130,7 @@ export const tokens: Record = { colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)', colorNeutralStroke2: 'var(--colorNeutralStroke2)', colorNeutralStroke3: 'var(--colorNeutralStroke3)', + colorNeutralStrokeSubtle: 'var(--colorNeutralStrokeSubtle)', colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)', colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)', colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)', @@ -133,6 +138,8 @@ export const tokens: Record = { colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)', colorBrandStroke1: 'var(--colorBrandStroke1)', colorBrandStroke2: 'var(--colorBrandStroke2)', + colorBrandStroke2Hover: 'var(--colorBrandStroke2Hover)', + colorBrandStroke2Pressed: 'var(--colorBrandStroke2Pressed)', colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)', colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)', colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)', diff --git a/packages/tokens/src/types.ts b/packages/tokens/src/types.ts index 7f5ee40270aeb..9f07e8e9d1528 100644 --- a/packages/tokens/src/types.ts +++ b/packages/tokens/src/types.ts @@ -38,6 +38,8 @@ export type ColorTokens = { colorCompoundBrandForeground1Pressed: string; colorBrandForeground1: string; colorBrandForeground2: string; + colorBrandForeground2Hover: string; + colorBrandForeground2Pressed: string; colorNeutralForeground1Static: string; colorNeutralForegroundInverted: string; colorNeutralForegroundInvertedHover: string; @@ -114,6 +116,8 @@ export type ColorTokens = { colorCompoundBrandBackgroundPressed: string; colorBrandBackgroundStatic: string; colorBrandBackground2: string; + colorBrandBackground2Hover: string; + colorBrandBackground2Pressed: string; colorBrandBackgroundInverted: string; colorBrandBackgroundInvertedHover: string; colorBrandBackgroundInvertedPressed: string; @@ -128,6 +132,7 @@ export type ColorTokens = { colorNeutralStroke1Selected: string; colorNeutralStroke2: string; colorNeutralStroke3: string; + colorNeutralStrokeSubtle: string; colorNeutralStrokeOnBrand: string; colorNeutralStrokeOnBrand2: string; colorNeutralStrokeOnBrand2Hover: string; @@ -135,6 +140,8 @@ export type ColorTokens = { colorNeutralStrokeOnBrand2Selected: string; colorBrandStroke1: string; colorBrandStroke2: string; + colorBrandStroke2Hover: string; + colorBrandStroke2Pressed: string; colorCompoundBrandStroke: string; colorCompoundBrandStrokeHover: string; colorCompoundBrandStrokePressed: string; From 89f6b7c0835aca7ce29aff3c9a22ace4eb1b01d5 Mon Sep 17 00:00:00 2001 From: Emma Jiang <31319479+emmayjiang@users.noreply.github.com> Date: Thu, 15 Jun 2023 14:53:09 -0700 Subject: [PATCH 16/32] Structure and slots for SearchBox, using Input as a slot (#28090) --- .../react-search/etc/react-search.api.md | 14 ++- .../react-search/package.json | 2 + .../components/SearchBox/SearchBox.test.tsx | 3 +- .../components/SearchBox/SearchBox.types.ts | 18 ++- .../__snapshots__/SearchBox.test.tsx.snap | 54 +++++++- .../components/SearchBox/renderSearchBox.tsx | 16 ++- .../src/components/SearchBox/useSearchBox.ts | 28 ----- .../src/components/SearchBox/useSearchBox.tsx | 73 +++++++++++ .../SearchBox/useSearchBoxStyles.styles.ts | 116 ++++++++++++++++-- .../SearchBox/SearchBoxDefault.stories.tsx | 4 +- 10 files changed, 273 insertions(+), 55 deletions(-) delete mode 100644 packages/react-components/react-search/src/components/SearchBox/useSearchBox.ts create mode 100644 packages/react-components/react-search/src/components/SearchBox/useSearchBox.tsx diff --git a/packages/react-components/react-search/etc/react-search.api.md b/packages/react-components/react-search/etc/react-search.api.md index 64fce5ae0e171..35e030a97c5b0 100644 --- a/packages/react-components/react-search/etc/react-search.api.md +++ b/packages/react-components/react-search/etc/react-search.api.md @@ -4,9 +4,13 @@ ```ts +/// + import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import { Input } from '@fluentui/react-input'; +import { InputState } from '@fluentui/react-input'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; import type { SlotClassNames } from '@fluentui/react-utilities'; @@ -21,18 +25,20 @@ export const SearchBox: ForwardRefComponent; export const searchBoxClassNames: SlotClassNames; // @public -export type SearchBoxProps = ComponentProps & {}; +export type SearchBoxProps = ComponentProps; // @public (undocumented) export type SearchBoxSlots = { - root: Slot<'div'>; + root: NonNullable>; + dismiss?: Slot<'span'>; + contentAfter?: Slot<'span'>; }; // @public -export type SearchBoxState = ComponentState; +export type SearchBoxState = ComponentState & Required> & Required>; // @public -export const useSearchBox_unstable: (props: SearchBoxProps, ref: React_2.Ref) => SearchBoxState; +export const useSearchBox_unstable: (props: SearchBoxProps, ref: React_2.Ref) => SearchBoxState; // @public export const useSearchBoxStyles_unstable: (state: SearchBoxState) => SearchBoxState; diff --git a/packages/react-components/react-search/package.json b/packages/react-components/react-search/package.json index dfd82bd9f7778..2bc8da226d1d6 100644 --- a/packages/react-components/react-search/package.json +++ b/packages/react-components/react-search/package.json @@ -33,6 +33,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { + "@fluentui/react-icons": "^2.0.203", + "@fluentui/react-input": "^9.4.16", "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", "@fluentui/react-theme": "^9.1.8", "@fluentui/react-utilities": "^9.9.2", diff --git a/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx b/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx index 02785e11cfd37..cd06bc56cd110 100644 --- a/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx +++ b/packages/react-components/react-search/src/components/SearchBox/SearchBox.test.tsx @@ -7,12 +7,13 @@ describe('SearchBox', () => { isConformant({ Component: SearchBox, displayName: 'SearchBox', + primarySlot: 'input', }); // TODO add more tests here, and create visual regression tests in /apps/vr-tests it('renders a default state', () => { - const result = render(Default SearchBox); + const result = render(); expect(result.container).toMatchSnapshot(); }); }); diff --git a/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts b/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts index ede74dbf5447a..9716052f4899c 100644 --- a/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts +++ b/packages/react-components/react-search/src/components/SearchBox/SearchBox.types.ts @@ -1,17 +1,25 @@ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; +import { Input, InputState } from '@fluentui/react-input'; export type SearchBoxSlots = { - root: Slot<'div'>; + // Root of the component, wrapping the inputs + root: NonNullable>; + + // Last element in the input, within the input border + dismiss?: Slot<'span'>; + + // Element after the input text, within the input border + contentAfter?: Slot<'span'>; }; /** * SearchBox Props */ -export type SearchBoxProps = ComponentProps & {}; +export type SearchBoxProps = ComponentProps; /** * State used in rendering SearchBox */ -export type SearchBoxState = ComponentState; -// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from SearchBoxProps. -// & Required> +export type SearchBoxState = ComponentState & + Required> & + Required>; diff --git a/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap b/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap index 50af2699391d5..ff04dd5806b3f 100644 --- a/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap +++ b/packages/react-components/react-search/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap @@ -2,10 +2,56 @@ exports[`SearchBox renders a default state 1`] = `
-
- Default SearchBox -
+ + + + + + + + + +
`; diff --git a/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx b/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx index 4979cf2c8e534..1b4f7d4ee899f 100644 --- a/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx +++ b/packages/react-components/react-search/src/components/SearchBox/renderSearchBox.tsx @@ -1,6 +1,8 @@ /** @jsxRuntime classic */ /** @jsx createElement */ +/** @jsxFrag React.Fragment */ +import * as React from 'react'; import { createElement } from '@fluentui/react-jsx-runtime'; import { getSlotsNext } from '@fluentui/react-utilities'; import type { SearchBoxState, SearchBoxSlots } from './SearchBox.types'; @@ -12,5 +14,17 @@ export const renderSearchBox_unstable = (state: SearchBoxState) => { const { slots, slotProps } = getSlotsNext(state); // TODO Add additional slots in the appropriate place - return ; + const rootSlots = { + contentAfter: slots.contentAfter && { + ...slotProps.contentAfter, + children: ( + <> + {slotProps.contentAfter.children} + {slots.dismiss && } + + ), + }, + }; + + return ; }; diff --git a/packages/react-components/react-search/src/components/SearchBox/useSearchBox.ts b/packages/react-components/react-search/src/components/SearchBox/useSearchBox.ts deleted file mode 100644 index 398df62109874..0000000000000 --- a/packages/react-components/react-search/src/components/SearchBox/useSearchBox.ts +++ /dev/null @@ -1,28 +0,0 @@ -import * as React from 'react'; -import { getNativeElementProps } from '@fluentui/react-utilities'; -import type { SearchBoxProps, SearchBoxState } from './SearchBox.types'; - -/** - * Create the state required to render SearchBox. - * - * The returned state can be modified with hooks such as useSearchBoxStyles_unstable, - * before being passed to renderSearchBox_unstable. - * - * @param props - props from this instance of SearchBox - * @param ref - reference to root HTMLElement of SearchBox - */ -export const useSearchBox_unstable = (props: SearchBoxProps, ref: React.Ref): SearchBoxState => { - return { - // TODO add appropriate props/defaults - components: { - // TODO add each slot's element type or component - root: 'div', - }, - // TODO add appropriate slots, for example: - // mySlot: resolveShorthand(props.mySlot), - root: getNativeElementProps('div', { - ref, - ...props, - }), - }; -}; diff --git a/packages/react-components/react-search/src/components/SearchBox/useSearchBox.tsx b/packages/react-components/react-search/src/components/SearchBox/useSearchBox.tsx new file mode 100644 index 0000000000000..788018286e909 --- /dev/null +++ b/packages/react-components/react-search/src/components/SearchBox/useSearchBox.tsx @@ -0,0 +1,73 @@ +import * as React from 'react'; +import { mergeCallbacks, resolveShorthand, useControllableState, useEventCallback } from '@fluentui/react-utilities'; +import { Input } from '@fluentui/react-input'; +import type { SearchBoxProps, SearchBoxState } from './SearchBox.types'; +import { DismissRegular, SearchRegular } from '@fluentui/react-icons'; + +/** + * Create the state required to render SearchBox. + * + * The returned state can be modified with hooks such as useSearchBoxStyles_unstable, + * before being passed to renderSearchBox_unstable. + * + * @param props - props from this instance of SearchBox + * @param ref - reference to root HTMLElement of SearchBox + */ +export const useSearchBox_unstable = (props: SearchBoxProps, ref: React.Ref): SearchBoxState => { + const { size = 'medium', disabled = false, contentBefore, dismiss, contentAfter, ...inputProps } = props; + + const [value, setValue] = useControllableState({ + state: props.value, + defaultState: props.defaultValue, + initialState: '', + }); + + const state: SearchBoxState = { + components: { + root: Input, + dismiss: 'span', + contentAfter: 'span', + }, + + root: { + ref, + type: 'search', + input: {}, // defining here to have access in styles hook + value, + + contentBefore: resolveShorthand(contentBefore, { + defaultProps: { + children: , + }, + required: true, // TODO need to allow users to remove + }), + + ...inputProps, + + onChange: useEventCallback(ev => { + const newValue = ev.target.value; + props.onChange?.(ev, { value: newValue }); + setValue(newValue); + }), + }, + dismiss: resolveShorthand(dismiss, { + defaultProps: { + children: , + role: 'button', + 'aria-label': 'clear', + }, + required: true, + }), + contentAfter: resolveShorthand(contentAfter, { required: true }), + + disabled, + size, + }; + + const onDismissClick = useEventCallback(mergeCallbacks(state.dismiss?.onClick, () => setValue(''))); + if (state.dismiss) { + state.dismiss.onClick = onDismissClick; + } + + return state; +}; diff --git a/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts b/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts index 21fd6fbea8f5d..e7817f6ee7610 100644 --- a/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts +++ b/packages/react-components/react-search/src/components/SearchBox/useSearchBoxStyles.styles.ts @@ -1,33 +1,127 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; +import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react'; import type { SearchBoxSlots, SearchBoxState } from './SearchBox.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; +import { tokens } from '@fluentui/react-theme'; export const searchBoxClassNames: SlotClassNames = { root: 'fui-SearchBox', - // TODO: add class names for all slots on SearchBoxSlots. - // Should be of the form `: 'fui-SearchBox__` + dismiss: 'fui-SearchBox__dismiss', + contentAfter: 'fui-SearchBox__contentAfter', }; /** * Styles for the root slot */ -const useStyles = makeStyles({ - root: { - // TODO Add default styles for the root element +const useRootStyles = makeStyles({ + small: { + columnGap: 0, + width: '468px', + + paddingLeft: tokens.spacingHorizontalSNudge, + paddingRight: tokens.spacingHorizontalSNudge, + }, + medium: { + columnGap: 0, + width: '468px', + + paddingLeft: tokens.spacingHorizontalS, + paddingRight: tokens.spacingHorizontalS, + }, + large: { + columnGap: 0, + width: '468px', + + paddingLeft: tokens.spacingHorizontalMNudge, + paddingRight: tokens.spacingHorizontalMNudge, + }, + + input: { + paddingLeft: tokens.spacingHorizontalSNudge, + paddingRight: 0, + + // dismiss + contentAfter appear on focus + '& + span': { + display: 'none', + }, + '&:focus + span': { + display: 'flex', + }, + + // removes the WebKit pseudoelement styling + '::-webkit-search-decoration': { + display: 'none', + }, + '::-webkit-search-cancel-button': { + display: 'none', + }, + }, +}); + +const useContentAfterStyles = makeStyles({ + contentAfter: { + paddingLeft: tokens.spacingHorizontalM, + columnGap: tokens.spacingHorizontalXS, }, +}); - // TODO add additional classes for different states and/or slots +const useDismissClassName = makeResetStyles({ + boxSizing: 'border-box', + color: tokens.colorNeutralForeground3, // "icon color" in design spec + display: 'flex', + // special case styling for icons (most common case) to ensure they're centered vertically + // size: medium (default) + '> svg': { fontSize: '20px' }, +}); + +const useDismissStyles = makeStyles({ + disabled: { + color: tokens.colorNeutralForegroundDisabled, + }, + // Ensure resizable icons show up with the proper font size + small: { + '> svg': { fontSize: '16px' }, + }, + medium: { + // included in useDismissClassName + }, + large: { + '> svg': { fontSize: '24px' }, + }, }); /** * Apply styling to the SearchBox slots based on the state */ export const useSearchBoxStyles_unstable = (state: SearchBoxState): SearchBoxState => { - const styles = useStyles(); - state.root.className = mergeClasses(searchBoxClassNames.root, styles.root, state.root.className); + const { disabled, size } = state; + + const rootStyles = useRootStyles(); + const contentAfterStyles = useContentAfterStyles(); + const dismissClassName = useDismissClassName(); + const dismissStyles = useDismissStyles(); + + state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className); + state.root.input!.className = rootStyles.input; + + if (state.dismiss) { + state.dismiss.className = mergeClasses( + searchBoxClassNames.dismiss, + dismissClassName, + disabled && dismissStyles.disabled, + dismissStyles[size], + state.dismiss.className, + ); + } - // TODO Add class names to slots, for example: - // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className); + if (state.contentAfter) { + state.contentAfter!.className = mergeClasses( + searchBoxClassNames.contentAfter, + contentAfterStyles.contentAfter, + state.contentAfter.className, + ); + } else if (state.dismiss) { + state.dismiss.className = mergeClasses(state.dismiss.className, contentAfterStyles.contentAfter); + } return state; }; diff --git a/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx b/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx index 08a6b5018fd0c..fe7ab84e788d3 100644 --- a/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx +++ b/packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx @@ -1,4 +1,6 @@ import * as React from 'react'; import { SearchBox, SearchBoxProps } from '@fluentui/react-search'; -export const Default = (props: Partial) => ; +import { FilterRegular } from '@fluentui/react-icons'; + +export const Default = (props: Partial) => } />; From 676dc58989bd4e303d880fa295d98b8353c3aa15 Mon Sep 17 00:00:00 2001 From: Amber Date: Fri, 16 Jun 2023 09:57:35 +0200 Subject: [PATCH 17/32] feat(react-tags): add overflow story (#28012) * wip * nowrap * update * update * fix comment * type update in test * Update packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx Co-authored-by: ling1726 * update spacing according to design * remove tag from doc --------- Co-authored-by: ling1726 --- .../react-tags/etc/react-tags.api.md | 2 +- .../src/components/Tag/Tag.test.tsx | 2 +- .../src/components/Tag/Tag.types.ts | 2 +- .../src/components/Tag/useTagStyles.styles.ts | 2 + .../TagGroup/TagGroupOverflow.stories.tsx | 151 ++++++++++++++++++ .../stories/TagGroup/index.stories.tsx | 1 + 6 files changed, 157 insertions(+), 3 deletions(-) create mode 100644 packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx diff --git a/packages/react-components/react-tags/etc/react-tags.api.md b/packages/react-components/react-tags/etc/react-tags.api.md index 2cdee8d68e511..b731080fb1171 100644 --- a/packages/react-components/react-tags/etc/react-tags.api.md +++ b/packages/react-components/react-tags/etc/react-tags.api.md @@ -84,7 +84,7 @@ export type TagProps = ComponentProps> & { // @public (undocumented) export type TagSlots = { - root: NonNullable>; + root: NonNullable>; media?: Slot<'span'>; icon?: Slot<'span'>; primaryText: Slot<'span'>; diff --git a/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx b/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx index 174ddfaad88b7..ed002889a23df 100644 --- a/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx +++ b/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx @@ -14,7 +14,7 @@ const requiredProps: TagProps = { }; describe('Tag', () => { - isConformant({ + isConformant({ Component: Tag, displayName: 'Tag', requiredProps, diff --git a/packages/react-components/react-tags/src/components/Tag/Tag.types.ts b/packages/react-components/react-tags/src/components/Tag/Tag.types.ts index 1869fb1368ec9..2dd7710c60367 100644 --- a/packages/react-components/react-tags/src/components/Tag/Tag.types.ts +++ b/packages/react-components/react-tags/src/components/Tag/Tag.types.ts @@ -11,7 +11,7 @@ export type TagContextValues = { }; export type TagSlots = { - root: NonNullable>; + root: NonNullable>; /** * Slot for an icon or other visual element diff --git a/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts b/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts index 16f9f35174451..edc4c3943ba06 100644 --- a/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts +++ b/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts @@ -37,6 +37,7 @@ export const useTagBaseStyles = makeStyles({ ...typographyStyles.body1, paddingLeft: tokens.spacingHorizontalXXS, paddingRight: tokens.spacingHorizontalXXS, + whiteSpace: 'nowrap', }, primaryTextWithSecondaryText: { ...shorthands.gridArea('primary'), @@ -47,6 +48,7 @@ export const useTagBaseStyles = makeStyles({ paddingLeft: tokens.spacingHorizontalXXS, paddingRight: tokens.spacingHorizontalXXS, ...typographyStyles.caption2, + whiteSpace: 'nowrap', }, }); diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx new file mode 100644 index 0000000000000..8fbe1614c2cae --- /dev/null +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx @@ -0,0 +1,151 @@ +import * as React from 'react'; +import { TagGroup, Tag, TagProps } from '@fluentui/react-tags'; +import { + makeStyles, + shorthands, + Menu, + MenuItem, + MenuList, + MenuPopover, + MenuTrigger, + useIsOverflowItemVisible, + useOverflowMenu, + Overflow, + OverflowItem, + Avatar, + tokens, +} from '@fluentui/react-components'; + +const names = [ + 'Johnie McConnell', + 'Allan Munger', + 'Erik Nason', + 'Kristin Patterson', + 'Daisy Phillips', + 'Carole Poland', + 'Carlos Slattery', + 'Robert Tolbert', + 'Kevin Sturgis', + 'Charlotte Waltson', + 'Elliot Woodward', +]; +const defaultItems: TagProps[] = names.map(name => ({ + value: name.replace(' ', '_'), + children: name, + media: ( + + ), + secondaryText: 'Available', +})); + +//----- OverflowMenuItem -----// + +type OverflowMenuItemProps = { + tag: TagProps; +}; + +const useMenuItemStyles = makeStyles({ + menuItem: shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalXS), + tag: { + backgroundColor: 'transparent', + ...shorthands.borderColor('transparent'), + }, +}); + +/** + * A menu item for an overflow menu that only displays when the tab is not visible + */ +const OverflowMenuItem = (props: OverflowMenuItemProps) => { + const { tag } = props; + const isVisible = useIsOverflowItemVisible(tag.value!); + + const styles = useMenuItemStyles(); + + if (isVisible) { + return null; + } + + return ( + + + + ); +}; + +//----- OverflowMenu -----// + +/** + * A menu for viewing tags that have overflowed and are not visible. + */ +const OverflowMenu = () => { + const { ref, isOverflowing, overflowCount } = useOverflowMenu(); + + if (!isOverflowing) { + return null; + } + + return ( + + + {`+${overflowCount}`} + + + + {defaultItems.map(item => ( + + ))} + + + + ); +}; + +//----- Stories -----// + +const useStyles = makeStyles({ + container: { + ...shorthands.overflow('hidden'), + ...shorthands.padding('5px'), + zIndex: 0, // stop the browser resize handle from piercing the overflow menu + height: 'fit-content', + minWidth: '150px', + resize: 'horizontal', + width: '100%', + }, + tagGroup: { + display: 'flex', // TagGroup is inline-flex by default, but we want it to be same width as the container + }, +}); + +export const WithOverflow = () => { + const styles = useStyles(); + + return ( +
+ + + {defaultItems.map(item => ( + + + + ))} + + + +
+ ); +}; + +WithOverflow.storyName = 'With Overflow'; +WithOverflow.parameters = { + docs: { + description: { + story: 'A TagGroup can support overflow by using Overflow and OverflowItem.', + }, + }, +}; diff --git a/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx index 09880bb5bd497..a07a090b5f856 100644 --- a/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx @@ -6,6 +6,7 @@ import bestPracticesMd from './TagGroupBestPractices.md'; export { Default } from './TagGroupDefault.stories'; export { Dismiss } from './TagGroupDismiss.stories'; export { Sizes } from './TagGroupSizes.stories'; +export { WithOverflow } from './TagGroupOverflow.stories'; export default { title: 'Preview Components/Tag/TagGroup', From 402599eb2172bf1cd13c003f5050e4d172ed9742 Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Fri, 16 Jun 2023 10:51:17 +0200 Subject: [PATCH 18/32] fix(scripts-tasks): make generate-api work in deterministic way (#28215) * fix(scripts-tasks): disable api-extractor custom path aliases usage which causes invalid api.md and .d.ts rollup generation * chore: add generate-api task definition to lage config * feat(react-conformance): migrate package to v9 setup in order to be able to run generate-api task without build --- ...-35e35a06-cb99-40ac-9617-72e443ec3109.json | 7 ++ lage.config.js | 1 + packages/react-conformance/.npmignore | 61 ++++++++------- packages/react-conformance/.swcrc | 30 ++++++++ .../config/api-extractor.json | 5 ++ packages/react-conformance/config/tests.js | 1 + .../etc/react-conformance.api.md | 75 +++++++++++++++++++ packages/react-conformance/jest.config.js | 23 +++++- packages/react-conformance/just.config.ts | 2 +- packages/react-conformance/package.json | 14 +++- packages/react-conformance/tsconfig.json | 30 ++++---- packages/react-conformance/tsconfig.lib.json | 15 ++++ packages/react-conformance/tsconfig.spec.json | 9 +++ scripts/tasks/src/utils.spec.ts | 7 +- scripts/tasks/src/utils.ts | 21 ++++-- workspace.json | 3 +- 16 files changed, 243 insertions(+), 61 deletions(-) create mode 100644 change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json create mode 100644 packages/react-conformance/.swcrc create mode 100644 packages/react-conformance/config/api-extractor.json create mode 100644 packages/react-conformance/config/tests.js create mode 100644 packages/react-conformance/etc/react-conformance.api.md create mode 100644 packages/react-conformance/tsconfig.lib.json create mode 100644 packages/react-conformance/tsconfig.spec.json diff --git a/change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json b/change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json new file mode 100644 index 0000000000000..bd30968a595e5 --- /dev/null +++ b/change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build", + "packageName": "@fluentui/react-conformance", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/lage.config.js b/lage.config.js index 77ac03ddcbefa..0459542313df5 100644 --- a/lage.config.js +++ b/lage.config.js @@ -9,6 +9,7 @@ module.exports = { lint: ['build'], clean: [], test: ['build'], + 'generate-api': ['^generate-api'], 'test-ssr': [], 'type-check': ['build'], 'code-style': [], diff --git a/packages/react-conformance/.npmignore b/packages/react-conformance/.npmignore index 24337b6c973e8..72e2ecf619016 100644 --- a/packages/react-conformance/.npmignore +++ b/packages/react-conformance/.npmignore @@ -1,34 +1,37 @@ +.storybook/ +.vscode/ +bundle-size/ +config/ +coverage/ +docs/ +etc/ +node_modules/ +src/ +stories/ +dist/types/ +temp/ +__fixtures__ +__mocks__ +__tests__ + *.api.json -*.config.js *.log -*.nuspec +*.spec.* +*.cy.* *.test.* *.yml + +# config files +*config.* +*rc.* .editorconfig -.eslintrc* -.eslintcache -.gitattributes -.gitignore -.vscode -coverage -dist/storybook -dist/*.stats.html -dist/*.stats.json -dist/demo -fabric-test* -gulpfile.js -images -index.html -jsconfig.json -node_modules -results -src/**/* -!src/**/examples/*.tsx -!src/**/docs/**/*.md -!src/**/*.types.ts -temp -tsconfig.json -tsd.json -tslint.json -typings -visualtests +.eslint* +.git* +.prettierignore +.swcrc + +# exclude gitignore patterns explicitly +!lib +!lib-commonjs +!lib-amd +!dist/*.d.ts diff --git a/packages/react-conformance/.swcrc b/packages/react-conformance/.swcrc new file mode 100644 index 0000000000000..b4ffa86dee306 --- /dev/null +++ b/packages/react-conformance/.swcrc @@ -0,0 +1,30 @@ +{ + "$schema": "https://json.schemastore.org/swcrc", + "exclude": [ + "/testing", + "/**/*.cy.ts", + "/**/*.cy.tsx", + "/**/*.spec.ts", + "/**/*.spec.tsx", + "/**/*.test.ts", + "/**/*.test.tsx" + ], + "jsc": { + "parser": { + "syntax": "typescript", + "tsx": true, + "decorators": false, + "dynamicImport": false + }, + "externalHelpers": true, + "transform": { + "react": { + "runtime": "classic", + "useSpread": true + } + }, + "target": "es2019" + }, + "minify": false, + "sourceMaps": true +} diff --git a/packages/react-conformance/config/api-extractor.json b/packages/react-conformance/config/api-extractor.json new file mode 100644 index 0000000000000..89ba391e079ec --- /dev/null +++ b/packages/react-conformance/config/api-extractor.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "@fluentui/scripts-api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/../../dist/out-tsc/types/packages//src/index.d.ts" +} diff --git a/packages/react-conformance/config/tests.js b/packages/react-conformance/config/tests.js new file mode 100644 index 0000000000000..2e211ae9e2142 --- /dev/null +++ b/packages/react-conformance/config/tests.js @@ -0,0 +1 @@ +/** Jest test setup file. */ diff --git a/packages/react-conformance/etc/react-conformance.api.md b/packages/react-conformance/etc/react-conformance.api.md new file mode 100644 index 0000000000000..7f841f59461b7 --- /dev/null +++ b/packages/react-conformance/etc/react-conformance.api.md @@ -0,0 +1,75 @@ +## API Report File for "@fluentui/react-conformance" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { ComponentDoc } from 'react-docgen-typescript'; +import * as React_2 from 'react'; +import { render } from '@testing-library/react'; +import * as ts from 'typescript'; + +// @public (undocumented) +export type ConformanceTest = (componentInfo: ComponentDoc, testInfo: IsConformantOptions, tsProgram: ts.Program) => void; + +// @public (undocumented) +export function isConformant(...testInfo: Partial>[]): void; + +// @public (undocumented) +export interface IsConformantOptions { + Component: React_2.ComponentType; + componentPath: string; + disabledTests?: string[]; + displayName: string; + elementRefName?: string; + extraTests?: TestObject; + getTargetElement?: (renderResult: ReturnType, attr: keyof React_2.AllHTMLAttributes | 'ref' | `data-${string}`) => HTMLElement; + isInternal?: boolean; + primarySlot?: keyof TProps | 'root'; + renderOptions?: Parameters[1]; + requiredProps?: Partial; + testOptions?: TestOptions; + tsConfig?: Partial<{ + configName: string; + configDir: string; + }>; + // @deprecated (undocumented) + tsconfigDir?: string; + useDefaultExport?: boolean; +} + +// @public (undocumented) +export interface TestObject { + // (undocumented) + [key: string]: ConformanceTest; +} + +// @public +export interface TestOptions { + // (undocumented) + 'component-has-static-classname'?: { + prefix?: string; + }; + // (undocumented) + 'consistent-callback-args'?: { + ignoreProps?: string[]; + }; + // (undocumented) + 'consistent-callback-names'?: { + ignoreProps?: string[]; + }; + // (undocumented) + 'has-static-classnames'?: { + props: { + [key: string]: string | {}; + }; + expectedClassNames?: { + [key: string]: string; + }; + getPortalElement?: (renderResult: ReturnType) => HTMLElement; + }[]; +} + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-conformance/jest.config.js b/packages/react-conformance/jest.config.js index b5c1d19b02222..101261e61a4ef 100644 --- a/packages/react-conformance/jest.config.js +++ b/packages/react-conformance/jest.config.js @@ -1,5 +1,20 @@ -const { createV8Config: createConfig } = require('@fluentui/scripts-jest'); +// @ts-check -const config = createConfig({}); - -module.exports = config; +/** + * @type {import('@jest/types').Config.InitialOptions} + */ +module.exports = { + displayName: 'react-conformance', + preset: '../../jest.preset.js', + globals: { + 'ts-jest': { + tsconfig: '/tsconfig.spec.json', + isolatedModules: true, + }, + }, + transform: { + '^.+\\.tsx?$': 'ts-jest', + }, + coverageDirectory: './coverage', + setupFilesAfterEnv: ['./config/tests.js'], +}; diff --git a/packages/react-conformance/just.config.ts b/packages/react-conformance/just.config.ts index 242d94f1f0210..b7b2c9a33bf43 100644 --- a/packages/react-conformance/just.config.ts +++ b/packages/react-conformance/just.config.ts @@ -2,4 +2,4 @@ import { preset, task } from '@fluentui/scripts-tasks'; preset(); -task('build', 'build:node-lib').cached!(); +task('build', 'build:react-components').cached?.(); diff --git a/packages/react-conformance/package.json b/packages/react-conformance/package.json index 6291197e04e93..001cab5736d4a 100644 --- a/packages/react-conformance/package.json +++ b/packages/react-conformance/package.json @@ -3,7 +3,7 @@ "version": "0.16.3", "description": "Customizable conformance testing utility for Fluent UI React components.", "main": "lib-commonjs/index.js", - "typings": "lib-commonjs/index.d.ts", + "typings": "dist/index.d.ts", "repository": { "type": "git", "url": "https://github.com/microsoft/fluentui" @@ -15,7 +15,9 @@ "code-style": "just-scripts code-style", "just": "just-scripts", "test": "just-scripts test", - "lint": "just-scripts lint" + "lint": "just-scripts lint", + "generate-api": "just-scripts generate-api", + "type-check": "just-scripts type-check" }, "devDependencies": { "@fluentui/eslint-plugin": "*", @@ -37,5 +39,13 @@ "react": ">=16.8.0 <19.0.0", "react-dom": ">=16.8.0 <19.0.0", "typescript": "^4.3.0" + }, + "exports": { + ".": { + "types": "./dist/index.d.ts", + "node": "./lib-commonjs/index.js", + "require": "./lib-commonjs/index.js" + }, + "./package.json": "./package.json" } } diff --git a/packages/react-conformance/tsconfig.json b/packages/react-conformance/tsconfig.json index 08e77d03e1277..228b07034cea4 100644 --- a/packages/react-conformance/tsconfig.json +++ b/packages/react-conformance/tsconfig.json @@ -1,22 +1,22 @@ { + "extends": "../../tsconfig.base.json", "compilerOptions": { - "baseUrl": ".", - "outDir": "lib", - "target": "es6", - "module": "commonjs", + "target": "ES2019", + "noEmit": true, "jsx": "react", - "declaration": true, - "sourceMap": true, - "experimentalDecorators": true, + "isolatedModules": true, "importHelpers": true, - "noUnusedLocals": true, - "forceConsistentCasingInFileNames": true, - "strict": true, - "moduleResolution": "node", "preserveConstEnums": true, - "isolatedModules": true, - "lib": ["es2017", "dom"], - "types": ["jest", "node"] + "noUnusedLocals": true }, - "include": ["src"] + "include": [], + "files": [], + "references": [ + { + "path": "./tsconfig.lib.json" + }, + { + "path": "./tsconfig.spec.json" + } + ] } diff --git a/packages/react-conformance/tsconfig.lib.json b/packages/react-conformance/tsconfig.lib.json new file mode 100644 index 0000000000000..29882306a1429 --- /dev/null +++ b/packages/react-conformance/tsconfig.lib.json @@ -0,0 +1,15 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "noEmit": false, + "lib": ["DOM", "ES2019"], + "declaration": true, + "declarationDir": "../../dist/out-tsc/types", + "outDir": "../../dist/out-tsc", + "inlineSources": true, + "types": ["static-assets", "environment", "jest", "node"], + "module": "CommonJS" + }, + "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx"], + "include": ["./src/**/*.ts", "./src/**/*.tsx"] +} diff --git a/packages/react-conformance/tsconfig.spec.json b/packages/react-conformance/tsconfig.spec.json new file mode 100644 index 0000000000000..469fcba4d7ba7 --- /dev/null +++ b/packages/react-conformance/tsconfig.spec.json @@ -0,0 +1,9 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "module": "CommonJS", + "outDir": "dist", + "types": ["jest", "node"] + }, + "include": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"] +} diff --git a/scripts/tasks/src/utils.spec.ts b/scripts/tasks/src/utils.spec.ts index 56e35def7e657..84489ea9a4f4b 100644 --- a/scripts/tasks/src/utils.spec.ts +++ b/scripts/tasks/src/utils.spec.ts @@ -43,10 +43,13 @@ describe(`utils`, () => { definitionsRootPath: 'dist/for/types', }); - expect(actual.overrideTsconfig.compilerOptions).toEqual(expect.objectContaining({ paths: undefined })); + expect(actual.overrideTsconfig.compilerOptions).toEqual( + expect.objectContaining({ paths: undefined, baseUrl: '.' }), + ); }); - it(`should override path aliases to emitted declaration files instead of source files`, () => { + // This is not used unless api-extractor resolves resolving workspace d.ts packages - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339 + it.skip(`should override path aliases to emitted declaration files instead of source files`, () => { const actual = setup({ definitionsRootPath: 'dist/for/types', pathAliasesTsConfigPath: path.join(workspaceRoot, 'tsconfig.base.json'), diff --git a/scripts/tasks/src/utils.ts b/scripts/tasks/src/utils.ts index dca9655a30960..c1af3d56e6b29 100644 --- a/scripts/tasks/src/utils.ts +++ b/scripts/tasks/src/utils.ts @@ -108,6 +108,8 @@ function enableAllowSyntheticDefaultImports(options: { pkgJson: PackageJson }) { return shouldEnable ? { allowSyntheticDefaultImports: true } : null; } +// eslint-disable-next-line @typescript-eslint/ban-ts-comment +// @ts-ignore - 💡 NOTE: this is not used unless api-extractor resolves resolving workspace d.ts packages - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339 function createNormalizedTsPaths(options: { definitionsRootPath: string; pathAliasesTsConfigPath: string }) { type PathAliases = Record; const { definitionsRootPath, pathAliasesTsConfigPath } = options; @@ -132,14 +134,16 @@ export function getTsPathAliasesApiExtractorConfig(options: { definitionsRootPath: string; pathAliasesTsConfigPath?: string; }) { - const { packageJson, tsConfig, pathAliasesTsConfigPath, definitionsRootPath } = options; + const { packageJson, tsConfig /* , pathAliasesTsConfigPath, definitionsRootPath */ } = options; /** * Because api-extractor ran into race conditions when executing via lage (https://github.com/microsoft/fluentui/issues/25766), * we won't use path aliases on CI, rather serving api-extractor rolluped dts files cross package, that will be referenced via yarn workspace sym-links + * + * 💡 NOTE: this is not used unless api-extractor resolves resolving workspace d.ts packages - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339 */ - const normalizedPaths = pathAliasesTsConfigPath - ? createNormalizedTsPaths({ definitionsRootPath, pathAliasesTsConfigPath }) - : undefined; + // const normalizedPaths = pathAliasesTsConfigPath + // ? createNormalizedTsPaths({ definitionsRootPath, pathAliasesTsConfigPath }) + // : undefined; /** * Customized TSConfig that uses `tsconfig.lib.json` as base with some required overrides: @@ -166,10 +170,13 @@ export function getTsPathAliasesApiExtractorConfig(options: { */ skipLibCheck: false, /** - * just-scripts provides invalid types for tsconfig, thus `paths` cannot be set to dictionary,nor null or `{}` + * api-extractor introduced a "feature" which is actually a bug and makes using path aliases impossible + * - with this api extractor change user is forced to rely on yarn/npm "workspace" symlinks in order to determine that inner workspace package should not be bundled in type definition rollup/api.md + * - see https://github.com/microsoft/rushstack/pull/3321, https://github.com/microsoft/rushstack/pull/3339 + * */ - // @ts-expect-error - just-scripts provides invalid types - paths: normalizedPaths, + paths: undefined, + baseUrl: '.', }, }; diff --git a/workspace.json b/workspace.json index 40ae5268834d2..8aa630b8799ea 100644 --- a/workspace.json +++ b/workspace.json @@ -418,8 +418,9 @@ "@fluentui/react-conformance": { "root": "packages/react-conformance", "projectType": "library", + "sourceRoot": "packages/react-conformance/src", "implicitDependencies": [], - "tags": ["v8", "platform:node"] + "tags": ["vNext", "platform:node"] }, "@fluentui/react-conformance-griffel": { "root": "packages/react-components/react-conformance-griffel", From cf6b94ba6559236150bc1f1814b023607edaeb20 Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Fri, 16 Jun 2023 12:49:23 +0200 Subject: [PATCH 19/32] chore: migrate to TS 4.7 (#28067) * chore: migrate to TS 4.7 * fix(tools): resolve TS errors exposed by TS 4.7 * fix(tokens): resolve TS errors exposed by TS 4.7 * docs(date-time-utilities): re-generate api.md caused by api-extractor fixing issues on how to generate optional/undefined * docs(react-shared-contexts): re-generate api.md caused by api-extractor implementation changes * docs(react-theme): re-generate api.md caused by api-extractor implementation changes * docs: re-generate api.md caused by api-extractor implementation changes * fix(scripts-storybook): resolve TS errors exposed by TS 4.7 * fix(utilities): resolve TS errors exposed by TS 4.7 * docs(react): re-generate api.md which was changed because TS 4.7 dts emit change - Optional parameter does not on include undefined * docs(react-toast): re-generate api.md which was changed because TS 4.7 dts emit change - Optional parameter does not on include undefined * docs(react-breadcrumb): re-generate api.md which was changed because TS 4.7 dts emit change - Optional parameter does not on include undefined * fix(react-norhtstar): resolve TS errors exposed by TS 4.7 * fix(react-experiments): resolve TS errors exposed by TS 4.7 * docs(react-migration-v8-v9): re-generate api.md which was changed because TS 4.7 dts emit change - Optional parameter does not on include undefined --- ...-7e266cc5-ae8b-46da-b22b-e985218f53b8.json | 7 ++ ...-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json | 7 ++ ...-c7a29270-edda-4443-ac6b-3e6726f93ee6.json | 7 ++ ...-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json | 7 ++ ...-88a794f5-92e2-49f3-a5ff-cef44b75db12.json | 7 ++ ...-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json | 7 ++ ...-6abfa676-0116-42b0-90ce-1c3b3050084d.json | 7 ++ ...-822660c5-1fae-47bd-8a8f-673d210610a5.json | 7 ++ ...-a2abc531-b693-4972-8dd3-0f6351663f49.json | 7 ++ ...-6d7634ab-d750-45b2-94f8-71cf02182dae.json | 7 ++ ...-6c590fec-07b4-4e45-855c-5f71bf154b05.json | 7 ++ package.json | 8 +- packages/api-docs/package.json | 2 +- .../etc/date-time-utilities.api.md | 4 +- .../src/components/Portal/Portal.tsx | 2 +- .../etc/react-breadcrumb.api.md | 4 +- .../etc/react-migration-v8-v9.api.md | 4 +- .../etc/react-positioning.api.md | 2 +- .../etc/react-shared-contexts.api.md | 2 +- .../react-tabster/etc/react-tabster.api.md | 2 +- .../react-toast/etc/react-toast.api.md | 2 +- .../etc/react-virtualizer.api.md | 2 +- .../FloatingSuggestions.tsx | 7 +- packages/react/etc/react.api.md | 32 +++---- packages/tokens/src/themeToTokensObject.ts | 2 +- .../utilities/src/warn/warnControlledUsage.ts | 18 ++-- scripts/storybook/src/utils.js | 11 +-- .../generators/migrate-converged-pkg/index.ts | 4 + yarn.lock | 93 +++++++------------ 29 files changed, 169 insertions(+), 109 deletions(-) create mode 100644 change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json create mode 100644 change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json create mode 100644 change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json create mode 100644 change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json create mode 100644 change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json create mode 100644 change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json create mode 100644 change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json create mode 100644 change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json create mode 100644 change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json create mode 100644 change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json create mode 100644 change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json diff --git a/change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json b/change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json new file mode 100644 index 0000000000000..9630248cf8d03 --- /dev/null +++ b/change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: bump api-extractor-model to support typescript 4.7", + "packageName": "@fluentui/api-docs", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json b/change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json new file mode 100644 index 0000000000000..11def202e52d2 --- /dev/null +++ b/change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", + "packageName": "@fluentui/date-time-utilities", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json b/change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json new file mode 100644 index 0000000000000..d99896e89ff13 --- /dev/null +++ b/change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", + "packageName": "@fluentui/react", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json b/change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json new file mode 100644 index 0000000000000..e5560530f673b --- /dev/null +++ b/change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: resolve FloatingSuggestion if conditions to mitigate ts 4.7 always true violation\"", + "packageName": "@fluentui/react-experiments", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json b/change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json new file mode 100644 index 0000000000000..8b3adcbb7bc49 --- /dev/null +++ b/change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", + "packageName": "@fluentui/react-migration-v8-v9", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json b/change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json new file mode 100644 index 0000000000000..1892d0f46c4a1 --- /dev/null +++ b/change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", + "packageName": "@fluentui/react-positioning", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json b/change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json new file mode 100644 index 0000000000000..5cbc3dd7f7043 --- /dev/null +++ b/change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: re-generate api.md", + "packageName": "@fluentui/react-shared-contexts", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json b/change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json new file mode 100644 index 0000000000000..0da85281ee8e0 --- /dev/null +++ b/change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", + "packageName": "@fluentui/react-tabster", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json b/change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json new file mode 100644 index 0000000000000..292673c2d6552 --- /dev/null +++ b/change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", + "packageName": "@fluentui/react-virtualizer", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json b/change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json new file mode 100644 index 0000000000000..e4f1c8be695d6 --- /dev/null +++ b/change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix: cast to String keys interpolated within string literals", + "packageName": "@fluentui/tokens", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json b/change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json new file mode 100644 index 0000000000000..b56a385c7cc97 --- /dev/null +++ b/change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: cast to String keys interpolated within string literals", + "packageName": "@fluentui/utilities", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/package.json b/package.json index 292308a8bd296..350c8b50eb709 100644 --- a/package.json +++ b/package.json @@ -95,9 +95,9 @@ "@griffel/webpack-loader": "2.1.13", "@jest/reporters": "29.5.0", "@mdx-js/loader": "1.6.22", - "@microsoft/api-extractor": "7.28.7", - "@microsoft/api-extractor-model": "7.22.2", - "@microsoft/tsdoc": "0.14.2", + "@microsoft/api-extractor": "7.31.2", + "@microsoft/api-extractor-model": "7.24.2", + "@microsoft/tsdoc": "0.14.1", "@microsoft/eslint-plugin-sdl": "0.1.9", "@microsoft/load-themed-styles": "1.10.26", "@microsoft/loader-load-themed-styles": "2.0.17", @@ -344,7 +344,7 @@ "tsconfig-paths": "4.1.0", "tsconfig-paths-webpack-plugin": "4.0.0", "tslib": "2.4.1", - "typescript": "4.6.4", + "typescript": "4.7.4", "vinyl": "2.2.0", "vrscreenshotdiff": "0.0.17", "webpack": "5.83.1", diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json index 8412a41cac627..cd7bdddc2378b 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -21,7 +21,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@microsoft/api-extractor-model": "7.17.1", + "@microsoft/api-extractor-model": "7.24.2", "@microsoft/tsdoc": "0.14.1", "fs-extra": "^8.1.0" } diff --git a/packages/date-time-utilities/etc/date-time-utilities.api.md b/packages/date-time-utilities/etc/date-time-utilities.api.md index 0da93885a90d4..af45071f1a444 100644 --- a/packages/date-time-utilities/etc/date-time-utilities.api.md +++ b/packages/date-time-utilities/etc/date-time-utilities.api.md @@ -96,13 +96,13 @@ export const formatMonthDayYear: (date: Date, strings: IDateGridStrings) => stri export const formatMonthYear: (date: Date, strings: IDateGridStrings) => string; // @public -export const formatTimeString: (date: Date, showSeconds?: boolean | undefined, useHour12?: boolean | undefined) => string; +export const formatTimeString: (date: Date, showSeconds?: boolean, useHour12?: boolean) => string; // @public export const formatYear: (date: Date) => string; // @public -export const getBoundedDateRange: (dateRange: Date[], minDate?: Date | undefined, maxDate?: Date | undefined) => Date[]; +export const getBoundedDateRange: (dateRange: Date[], minDate?: Date, maxDate?: Date) => Date[]; // @public export const getDateFromTimeSelection: (useHour12: boolean, dateStartAnchor: Date, selectedTime: string) => Date; diff --git a/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx b/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx index f3aee1fa8c450..05015b944fb9c 100644 --- a/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx +++ b/packages/fluentui/react-northstar/src/components/Portal/Portal.tsx @@ -99,7 +99,7 @@ export const Portal: React.FC & FluentComponentStaticProps { const contentToRender = childrenExist(children) ? children : content; - const focusTrapZoneProps = (_.keys(trapFocus).length && trapFocus) || {}; + const focusTrapZoneProps = typeof trapFocus === 'boolean' ? {} : trapFocus; return ( open && ( diff --git a/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md b/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md index a6169e5317cce..0fd42469bdb0c 100644 --- a/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md +++ b/packages/react-components/react-breadcrumb/etc/react-breadcrumb.api.md @@ -153,10 +153,10 @@ export const renderBreadcrumbItem_unstable: (state: BreadcrumbItemState) => JSX. export const renderBreadcrumbLink_unstable: (state: BreadcrumbLinkState) => JSX.Element; // @public (undocumented) -export const truncateBreadcrumbLongName: (content: string, maxLength?: number | undefined) => string; +export const truncateBreadcrumbLongName: (content: string, maxLength?: number) => string; // @public (undocumented) -export const truncateBreadcrumLongTooltip: (content: string, maxLength?: number | undefined) => string; +export const truncateBreadcrumLongTooltip: (content: string, maxLength?: number) => string; // @public export const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React_2.Ref) => BreadcrumbState; diff --git a/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md b/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md index 9ab032796c350..67f9a350db22a 100644 --- a/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md +++ b/packages/react-components/react-migration-v8-v9/etc/react-migration-v8-v9.api.md @@ -63,10 +63,10 @@ export const CompoundButtonShim: React_2.ForwardRefExoticComponent BrandVariants; // @public -export const createV8Theme: (brandColors: BrandVariants, themeV9: Theme, isDarkTheme?: boolean, themeV8?: Theme_2 | undefined) => Theme_2; +export const createV8Theme: (brandColors: BrandVariants, themeV9: Theme, isDarkTheme?: boolean, themeV8?: Theme_2) => Theme_2; // @public -export const createV9Theme: (themeV8: Theme_2, baseThemeV9?: Theme | undefined) => Theme; +export const createV9Theme: (themeV8: Theme_2, baseThemeV9?: Theme) => Theme; // @public export const DefaultButtonShim: React_2.ForwardRefExoticComponent>; diff --git a/packages/react-components/react-positioning/etc/react-positioning.api.md b/packages/react-components/react-positioning/etc/react-positioning.api.md index 9455e814d73d2..64ea1e3f13ebe 100644 --- a/packages/react-components/react-positioning/etc/react-positioning.api.md +++ b/packages/react-components/react-positioning/etc/react-positioning.api.md @@ -111,7 +111,7 @@ export type SetVirtualMouseTarget = (event: React_2.MouseEvent | MouseEvent | un export function usePositioning(options: UsePositioningOptions): UsePositioningReturn; // @internal -export const usePositioningMouseTarget: (initialState?: PositioningVirtualElement | (() => PositioningVirtualElement) | undefined) => readonly [PositioningVirtualElement | undefined, SetVirtualMouseTarget]; +export const usePositioningMouseTarget: (initialState?: PositioningVirtualElement | (() => PositioningVirtualElement)) => readonly [PositioningVirtualElement | undefined, SetVirtualMouseTarget]; // (No @packageDocumentation comment for this package) diff --git a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md index ec1af62ae00e6..692f39f433a05 100644 --- a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md +++ b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md @@ -331,7 +331,7 @@ export const useCustomStyleHook_unstable: (hook: keyof CustomStyleHooksContextVa // @public (undocumented) export function useFluent_unstable(): ProviderContextValue_unstable; -// Warning: (ae-incompatible-release-tags) The symbol "useOverrides" is marked as @public, but its signature references "OverridesContextValue" which is marked as @internal +// Warning: (ae-incompatible-release-tags) The symbol "useOverrides" is marked as @public, but its signature references "OverridesContextValue_unstable" which is marked as @internal // // @public (undocumented) export function useOverrides_unstable(): OverridesContextValue_unstable; diff --git a/packages/react-components/react-tabster/etc/react-tabster.api.md b/packages/react-components/react-tabster/etc/react-tabster.api.md index c8ce15a06184a..e2a7ba8fd51cf 100644 --- a/packages/react-components/react-tabster/etc/react-tabster.api.md +++ b/packages/react-components/react-tabster/etc/react-tabster.api.md @@ -58,7 +58,7 @@ export interface UseArrowNavigationGroupOptions { } // @public -export const useFocusableGroup: (options?: UseFocusableGroupOptions | undefined) => Types.TabsterDOMAttribute; +export const useFocusableGroup: (options?: UseFocusableGroupOptions) => Types.TabsterDOMAttribute; // @public (undocumented) export interface UseFocusableGroupOptions { diff --git a/packages/react-components/react-toast/etc/react-toast.api.md b/packages/react-components/react-toast/etc/react-toast.api.md index daef50bbcddee..4dc2014c3f33d 100644 --- a/packages/react-components/react-toast/etc/react-toast.api.md +++ b/packages/react-components/react-toast/etc/react-toast.api.md @@ -170,7 +170,7 @@ export const useToastBodyStyles_unstable: (state: ToastBodyState) => ToastBodySt // @public (undocumented) export function useToastController(toasterId?: ToasterId): { - dispatchToast: (content: React_2.ReactNode, options?: DispatchToastOptions | undefined) => void; + dispatchToast: (content: React_2.ReactNode, options?: DispatchToastOptions) => void; dismissToast: (toastId: ToastId) => void; dismissAllToasts: () => void; updateToast: (options: UpdateToastOptions) => void; diff --git a/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md b/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md index 069fc45c7692d..abbcc63f6a8e2 100644 --- a/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md +++ b/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md @@ -72,7 +72,7 @@ export const useDynamicVirtualizerMeasure: (virtua }; // @public -export const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit | undefined) => { +export const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => { setObserverList: Dispatch>; setObserverInit: Dispatch>; observer: MutableRefObject; diff --git a/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx b/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx index 1f8cf76a6ce70..29a92564a8b4f 100644 --- a/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx +++ b/packages/react-experiments/src/components/FloatingSuggestions/FloatingSuggestions.tsx @@ -70,7 +70,7 @@ export class FloatingSuggestions public onQueryStringChanged = (queryString: string): void => { if (queryString !== this.state.queryString) { this.setState({ - queryString: queryString, + queryString, }); if (this.props.onInputChanged) { @@ -278,9 +278,8 @@ export class FloatingSuggestions case KeyCodes.del: if ( this.props.onRemoveSuggestion && - this.suggestionsControl.current && - this.suggestionsControl.current.hasSuggestionSelected && - this.suggestionsControl.current.currentSuggestion && + this.suggestionsControl.current?.hasSuggestionSelected && + this.suggestionsControl.current?.currentSuggestion && ev.shiftKey ) { this.props.onRemoveSuggestion(this.suggestionsControl.current.currentSuggestion!.item); diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index 24aec2dc81885..705811e613ba9 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -561,7 +561,7 @@ export class BaseExtendedPicker> extend // (undocumented) protected onCopy: (ev: React_2.ClipboardEvent) => void; // (undocumented) - protected onInputChange: (value: string, composing?: boolean | undefined) => void; + protected onInputChange: (value: string, composing?: boolean) => void; // (undocumented) protected onInputClick: (ev: React_2.MouseEvent) => void; // (undocumented) @@ -1068,7 +1068,7 @@ export const CompactPeoplePicker: React_2.FunctionComponent; export class CompactPeoplePickerBase extends BasePeoplePicker { static defaultProps: { onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; - onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; + onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSX.Element; createGenericItem: typeof createGenericItem; }; } @@ -1117,7 +1117,7 @@ export const ContextualMenuItem: React_2.FunctionComponent { constructor(props: IContextualMenuItemProps); // (undocumented) - dismissMenu: (dismissAll?: boolean | undefined) => void; + dismissMenu: (dismissAll?: boolean) => void; // (undocumented) dismissSubMenu: () => void; // (undocumented) @@ -1322,7 +1322,7 @@ export class DetailsListBase extends React_2.Component | undefined) => JSX.Element; + protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction) => JSX.Element; // (undocumented) render(): JSX.Element; // (undocumented) @@ -1712,7 +1712,7 @@ export { formProperties } export const getActivityItemClassNames: (styles: IActivityItemStyles, className: string, activityPersonas: Array, isCompact: boolean) => IActivityItemClassNames; // @public (undocumented) -export const getActivityItemStyles: (theme?: ITheme, customStyles?: IActivityItemStyles | undefined, animateBeaconSignal?: IActivityItemProps['animateBeaconSignal'], beaconColorOne?: IActivityItemProps['beaconColorOne'], beaconColorTwo?: IActivityItemProps['beaconColorTwo'], isCompact?: IActivityItemProps['isCompact']) => IActivityItemStyles; +export const getActivityItemStyles: (theme?: ITheme, customStyles?: IActivityItemStyles, animateBeaconSignal?: IActivityItemProps['animateBeaconSignal'], beaconColorOne?: IActivityItemProps['beaconColorOne'], beaconColorTwo?: IActivityItemProps['beaconColorTwo'], isCompact?: IActivityItemProps['isCompact']) => IActivityItemStyles; // @public (undocumented) export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[]; @@ -1755,7 +1755,7 @@ export const getCommandButtonStyles: (customStyles: IButtonStyles | undefined) = // Warning: (ae-internal-missing-underscore) The name "getContextualMenuItemClassNames" should be prefixed with an underscore because the declaration is marked as @internal // // @internal @deprecated (undocumented) -export const getContextualMenuItemClassNames: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string | undefined, dividerClassName?: string | undefined, iconClassName?: string | undefined, subMenuClassName?: string | undefined, primaryDisabled?: boolean | undefined, className?: string | undefined) => IContextualMenuItemStyles; +export const getContextualMenuItemClassNames: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string, dividerClassName?: string, iconClassName?: string, subMenuClassName?: string, primaryDisabled?: boolean, className?: string) => IContextualMenuItemStyles; // @public export const getContextualMenuItemStyles: (props: IContextualMenuItemStyleProps) => IContextualMenuItemStyles; @@ -1807,7 +1807,7 @@ export { getFocusOutlineStyle } export { getFocusStyle } // @public -export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React_2.ReactElement | null; +export const getFontIcon: (iconName: string, className?: string, ariaLabel?: string) => React_2.ReactElement | null; // @public export function getFullColorString(color: IColor): string; @@ -1824,7 +1824,7 @@ export { getIcon } export { getIconClassName } // @public (undocumented) -export const getIconContent: (iconName?: string | undefined) => IIconContent | null; +export const getIconContent: (iconName?: string) => IIconContent | null; export { getId } @@ -1880,7 +1880,7 @@ export const getNextResizeGroupStateProvider: (measurementCache?: { getCachedMeasurement: (data: any) => number | undefined; addMeasurementToCache: (data: any, measurement: number) => void; }) => { - getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number | undefined) => IResizeGroupState | undefined; + getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number) => IResizeGroupState | undefined; shouldRenderDataForMeasurement: (dataToMeasure: any | undefined) => boolean; getInitialResizeGroupState: (data: any) => IResizeGroupState; }; @@ -1927,7 +1927,7 @@ export function getShade(color: IColor, shade: Shade, isInverted?: boolean): ICo export const getShimmeredDetailsListStyles: (props: IShimmeredDetailsListStyleProps) => IShimmeredDetailsListStyles; // @public (undocumented) -export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean | undefined) => ISplitButtonClassNames; +export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean) => ISplitButtonClassNames; export { getStartDateOfWeek } @@ -2079,7 +2079,7 @@ export class HoverCardBase extends React_2.Component void; + dismiss: (withTimeOut?: boolean) => void; // (undocumented) render(): JSX.Element; } @@ -9860,7 +9860,7 @@ export const ListPeoplePicker: React_2.FunctionComponent; export class ListPeoplePickerBase extends MemberListPeoplePicker { static defaultProps: { onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; - onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; + onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSX.Element; createGenericItem: typeof createGenericItem; }; } @@ -10012,7 +10012,7 @@ export const NormalPeoplePicker: React_2.FunctionComponent; export class NormalPeoplePickerBase extends BasePeoplePicker { static defaultProps: { onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; - onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; + onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSX.Element; createGenericItem: typeof createGenericItem; }; } @@ -10087,7 +10087,7 @@ export class PanelBase extends React_2.Component imple // (undocumented) static defaultProps: IPanelProps; // (undocumented) - dismiss: (ev?: KeyboardEvent | React_2.SyntheticEvent | undefined) => void; + dismiss: (ev?: React_2.SyntheticEvent | KeyboardEvent) => void; // (undocumented) static getDerivedStateFromProps(nextProps: Readonly, prevState: Readonly): Partial | null; get isActive(): boolean; @@ -10551,7 +10551,7 @@ export class ScrollablePaneBase extends React_2.Component void; + sortSticky: (sticky: Sticky, sortAgain?: boolean) => void; // (undocumented) get stickyAbove(): HTMLDivElement | null; // (undocumented) @@ -11364,7 +11364,7 @@ export function useHeightOffset({ finalHeight }: IPositioningContainerProps, con export function useKeytipRef(options: KeytipDataOptions): React_2.Ref; // @public -export const useResponsiveMode: (elementRef: React_2.RefObject, overrideResponsiveMode?: ResponsiveMode | undefined) => ResponsiveMode; +export const useResponsiveMode: (elementRef: React_2.RefObject, overrideResponsiveMode?: ResponsiveMode) => ResponsiveMode; // @public @deprecated export type UseStylesOptions = { diff --git a/packages/tokens/src/themeToTokensObject.ts b/packages/tokens/src/themeToTokensObject.ts index 25189f147d874..f6c6473a46698 100644 --- a/packages/tokens/src/themeToTokensObject.ts +++ b/packages/tokens/src/themeToTokensObject.ts @@ -12,7 +12,7 @@ export function themeToTokensObject(theme: TTheme): Record const tokens = {} as Record; const keys = Object.keys(theme) as (keyof TTheme)[]; for (const key of keys) { - tokens[key] = `var(--${key})`; + tokens[key] = `var(--${String(key)})`; } return tokens; } diff --git a/packages/utilities/src/warn/warnControlledUsage.ts b/packages/utilities/src/warn/warnControlledUsage.ts index 0ce94b86f3176..faf98d8f8221d 100644 --- a/packages/utilities/src/warn/warnControlledUsage.ts +++ b/packages/utilities/src/warn/warnControlledUsage.ts @@ -74,9 +74,11 @@ export function warnControlledUsage

(params: IWarnControlledUsageParams

): v if (!(hasOnChange || isReadOnly) && !warningsMap.valueOnChange[componentId]) { warningsMap.valueOnChange[componentId] = true; warn( - `Warning: You provided a '${valueProp}' prop to a ${componentName} without an '${onChangeProp}' handler. ` + - `This will render a read-only field. If the field should be mutable use '${defaultValueProp}'. ` + - `Otherwise, set '${onChangeProp}'${readOnlyProp ? ` or '${readOnlyProp}'` : ''}.`, + `Warning: You provided a '${String(valueProp)}' prop to a ${String(componentName)} without an '${String( + onChangeProp, + )}' handler. ` + + `This will render a read-only field. If the field should be mutable use '${String(defaultValueProp)}'. ` + + `Otherwise, set '${String(onChangeProp)}'${readOnlyProp ? ` or '${String(readOnlyProp)}'` : ''}.`, ); } @@ -85,9 +87,13 @@ export function warnControlledUsage

(params: IWarnControlledUsageParams

): v if (defaultValue !== undefined && defaultValue !== null && !warningsMap.valueDefaultValue[componentId]) { warningsMap.valueDefaultValue[componentId] = true; warn( - `Warning: You provided both '${valueProp}' and '${defaultValueProp}' to a ${componentName}. ` + - `Form fields must be either controlled or uncontrolled (specify either the '${valueProp}' prop, ` + - `or the '${defaultValueProp}' prop, but not both). Decide between using a controlled or uncontrolled ` + + `Warning: You provided both '${String(valueProp)}' and '${String( + defaultValueProp, + )}' to a ${componentName}. ` + + `Form fields must be either controlled or uncontrolled (specify either the '${String(valueProp)}' prop, ` + + `or the '${String( + defaultValueProp, + )}' prop, but not both). Decide between using a controlled or uncontrolled ` + `${componentName} and remove one of these props. More info: https://fb.me/react-controlled-components`, ); } diff --git a/scripts/storybook/src/utils.js b/scripts/storybook/src/utils.js index f38cdf5e6efbf..d7c2965828763 100644 --- a/scripts/storybook/src/utils.js +++ b/scripts/storybook/src/utils.js @@ -208,16 +208,15 @@ function _createCodesandboxRule(allPackageInfo = getAllPackageInfo()) { function getPackageStoriesGlob(options) { const projectMetadata = getProjectMetadata({ name: options.packageName }); - /** @type {Record} */ + /** @type {{name:string;version:string;dependencies?:Record}} */ const packageJson = JSON.parse( fs.readFileSync(path.resolve(workspaceRoot, projectMetadata.root, 'package.json'), 'utf-8'), ); - const dependencies = /** @type {Record} */ ( - Object.assign(packageJson.dependencies, { - [options.packageName]: '*', - }) - ); + packageJson.dependencies = packageJson.dependencies ?? {}; + const dependencies = Object.assign(packageJson.dependencies, { + [options.packageName]: '*', + }); const rootOffset = offsetFromRoot(options.callerPath.replace(workspaceRoot, '')); return Object.keys(dependencies) diff --git a/tools/generators/migrate-converged-pkg/index.ts b/tools/generators/migrate-converged-pkg/index.ts index 779cce54762dc..5086e159c0244 100644 --- a/tools/generators/migrate-converged-pkg/index.ts +++ b/tools/generators/migrate-converged-pkg/index.ts @@ -671,6 +671,8 @@ function setupUnstableApi(tree: Tree, options: NormalizedSchemaWithTsConfigs) { }, }; + stableJson.exports = stableJson.exports ?? {}; + Object.assign(stableJson.exports, { './unstable': { types: unstableJson.typings?.replace(/\.\.\//g, ''), @@ -758,6 +760,7 @@ function updateApiExtractor(tree: Tree, options: NormalizedSchemaWithTsConfigs) writeJson(tree, joinPathFragments(options.paths.configRoot, 'api-extractor.json'), apiExtractor.main); updateJson(tree, options.paths.packageJson, (json: PackageJson) => { + json.scripts = json.scripts ?? {}; Object.assign(json.scripts, scripts); return json; @@ -821,6 +824,7 @@ function setupStorybook(tree: Tree, options: NormalizedSchema) { storybook: `start-storybook`, start: 'yarn storybook', }; + json.scripts = json.scripts ?? {}; Object.assign(json.scripts, scripts); return json; diff --git a/yarn.lock b/yarn.lock index 8f46ae50b0514..b9fe0b851598f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3051,41 +3051,32 @@ resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b" integrity sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA== -"@microsoft/api-extractor-model@7.17.1": - version "7.17.1" - resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.17.1.tgz#2a6b7d8eec510ba1c7713c682d2a0c730074b29c" - integrity sha512-DCDtD8TdEpNk2lW4JvXgwwpxKy70P0JLad55iahwO8A+C63KYsrHIpAzo0FUauh5pwJ0v5QVNIJ+OBgKGteemg== +"@microsoft/api-extractor-model@7.24.2": + version "7.24.2" + resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.24.2.tgz#759b09f2360fe761ff40bcf7e5a57b9b86284235" + integrity sha512-uUvjqTCY7hYERWGks+joTioN1QYHIucCDy7I/JqLxFxLbFXE5dpc1X7L+FG4PN/s8QYL24DKt0fqJkgcrFKLTw== dependencies: "@microsoft/tsdoc" "0.14.1" "@microsoft/tsdoc-config" "~0.16.1" - "@rushstack/node-core-library" "3.45.3" + "@rushstack/node-core-library" "3.52.0" -"@microsoft/api-extractor-model@7.22.2": - version "7.22.2" - resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.22.2.tgz#9d49c22ae713d8662c995d844e29c59200ebe72f" - integrity sha512-fqb7std1sRfg7tvXkJwB7zrgIyzty7iIJXxpqA2/bEdct36jhkgIhKpgYr2yoi+Jhqbinjmhyf9tPKJ2E3TdwA== +"@microsoft/api-extractor@7.31.2": + version "7.31.2" + resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.31.2.tgz#8312fe2519deaed8f81d60efe9e54b99fc5a19a0" + integrity sha512-ZODCU9ckTS9brXiZpUW2iDrnAg7jLxeLBM1AkPpSZFcbG/8HGLvfKOKrd71VIJHjc52x2lB8xj7ZWksnP7AOBA== dependencies: + "@microsoft/api-extractor-model" "7.24.2" "@microsoft/tsdoc" "0.14.1" "@microsoft/tsdoc-config" "~0.16.1" - "@rushstack/node-core-library" "3.50.0" - -"@microsoft/api-extractor@7.28.7": - version "7.28.7" - resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.28.7.tgz#3c2745499b38d1ae3b8e0488c3f5aaeb6edc3e60" - integrity sha512-hDVYSbqGsY4gioHMi/NkIarAJ2qoE5cKEZ6V5HqLcUl0+hNV0Auk/5VbBmU2UO2le6MFgO69EJsrfszwzC6QBA== - dependencies: - "@microsoft/api-extractor-model" "7.22.2" - "@microsoft/tsdoc" "0.14.1" - "@microsoft/tsdoc-config" "~0.16.1" - "@rushstack/node-core-library" "3.50.0" - "@rushstack/rig-package" "0.3.13" - "@rushstack/ts-command-line" "4.12.1" + "@rushstack/node-core-library" "3.52.0" + "@rushstack/rig-package" "0.3.15" + "@rushstack/ts-command-line" "4.12.3" colors "~1.2.1" lodash "~4.17.15" resolve "~1.17.0" semver "~7.3.0" source-map "~0.6.1" - typescript "~4.6.3" + typescript "~4.7.4" "@microsoft/eslint-plugin-sdl@0.1.9": version "0.1.9" @@ -3830,25 +3821,10 @@ estree-walker "^1.0.1" picomatch "^2.2.2" -"@rushstack/node-core-library@3.45.3": - version "3.45.3" - resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.45.3.tgz#8db2befbbf23969e08d2bc69d5d91ba812c01640" - integrity sha512-Rn0mxqC3MPb+YbvaeFcRWfcYHLwyZ99/ffYA8chpq5OpqoY+Mr1ycTbMvzl5AxWf1pYmi/2+Eo3iTOsQdYR8xw== - dependencies: - "@types/node" "12.20.24" - colors "~1.2.1" - fs-extra "~7.0.1" - import-lazy "~4.0.0" - jju "~1.4.0" - resolve "~1.17.0" - semver "~7.3.0" - timsort "~0.3.0" - z-schema "~5.0.2" - -"@rushstack/node-core-library@3.50.0": - version "3.50.0" - resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.50.0.tgz#8b628247f16e5719c39ed1890c11959f8d303559" - integrity sha512-FFEZhgu6iN1MVjpQWmLcz46pSa4r2Oe2JYPo7mtnl3uYfwDaSXUSZuRN3JQgKkXu10TBcffJ7AGKcIt/k+qE/Q== +"@rushstack/node-core-library@3.50.1": + version "3.50.1" + resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.50.1.tgz#d4aa4602460f29bbf0662052969b65129384da23" + integrity sha512-9d2xE7E9yQEBS6brTptdP8cslt6iL5+UnkY2lRxQQ4Q/jlXtsrWCCJCxwr56W/eJEe9YT/yHR4mMn5QY64Ps2w== dependencies: "@types/node" "12.20.24" colors "~1.2.1" @@ -3860,10 +3836,10 @@ timsort "~0.3.0" z-schema "~5.0.2" -"@rushstack/node-core-library@3.50.1": - version "3.50.1" - resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.50.1.tgz#d4aa4602460f29bbf0662052969b65129384da23" - integrity sha512-9d2xE7E9yQEBS6brTptdP8cslt6iL5+UnkY2lRxQQ4Q/jlXtsrWCCJCxwr56W/eJEe9YT/yHR4mMn5QY64Ps2w== +"@rushstack/node-core-library@3.52.0": + version "3.52.0" + resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-3.52.0.tgz#ee45e52b4b5fc038ce59bf59b1534311884e63fb" + integrity sha512-Z+MAP//G3rEGZd3JxJcBGcPYJlh8pvPoLMTLa5Sy6FTE6hRPzN+5J8DT7BbTmlqZaL6SZpXF30heRUbnYOvujw== dependencies: "@types/node" "12.20.24" colors "~1.2.1" @@ -3872,7 +3848,6 @@ jju "~1.4.0" resolve "~1.17.0" semver "~7.3.0" - timsort "~0.3.0" z-schema "~5.0.2" "@rushstack/package-deps-hash@^3.2.4", "@rushstack/package-deps-hash@^3.2.5": @@ -3882,18 +3857,18 @@ dependencies: "@rushstack/node-core-library" "3.50.1" -"@rushstack/rig-package@0.3.13": - version "0.3.13" - resolved "https://registry.yarnpkg.com/@rushstack/rig-package/-/rig-package-0.3.13.tgz#80d7b34bc9b7a7feeba133f317df8dbd1f65a822" - integrity sha512-4/2+yyA/uDl7LQvtYtFs1AkhSWuaIGEKhP9/KK2nNARqOVc5eCXmu1vyOqr5mPvNq7sHoIR+sG84vFbaKYGaDA== +"@rushstack/rig-package@0.3.15": + version "0.3.15" + resolved "https://registry.yarnpkg.com/@rushstack/rig-package/-/rig-package-0.3.15.tgz#8a870880cbeb8de82b951e628f6a37d428b4c5ce" + integrity sha512-jxVfvO5OnkRlYRhcVDZWvwiI2l4pv37HDJRtyg5HbD8Z/I8Xj32RICgrxS5xMeGGytobrg5S6OfPOHskg7Nw+A== dependencies: resolve "~1.17.0" strip-json-comments "~3.1.1" -"@rushstack/ts-command-line@4.12.1": - version "4.12.1" - resolved "https://registry.yarnpkg.com/@rushstack/ts-command-line/-/ts-command-line-4.12.1.tgz#4437ffae6459eb88791625ad9e89b2f0ba254476" - integrity sha512-S1Nev6h/kNnamhHeGdp30WgxZTA+B76SJ/P721ctP7DrnC+rrjAc6h/R80I4V0cA2QuEEcMdVOQCtK2BTjsOiQ== +"@rushstack/ts-command-line@4.12.3": + version "4.12.3" + resolved "https://registry.yarnpkg.com/@rushstack/ts-command-line/-/ts-command-line-4.12.3.tgz#3c5e4b381dcd780aab6efe42c7faa2018248cbb1" + integrity sha512-Pdij22RotMXzI+HWHyYCvw0RMZhiP5a6Za/96XamZ1+mxmpSm4ujf8TROKxGAHySmR5A8iNVSlzhNMnUlFQE6g== dependencies: "@types/argparse" "1.0.38" argparse "~1.0.9" @@ -25768,10 +25743,10 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c= -typescript@4.6.4, "typescript@^3 || ^4", typescript@~4.6.3: - version "4.6.4" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.4.tgz#caa78bbc3a59e6a5c510d35703f6a09877ce45e9" - integrity sha512-9ia/jWHIEbo49HfjrLGfKbZSuWo9iTMwXO+Ca3pRsSpbsMbc7/IU8NKdCZVRRBafVPGnoJeFL76ZOAA84I9fEg== +typescript@4.7.4, "typescript@^3 || ^4", typescript@~4.7.4: + version "4.7.4" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235" + integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ== typical@^4.0.0: version "4.0.0" From d6d929803903c4a8fb14cb5f15940499a975c745 Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Fri, 16 Jun 2023 15:40:42 +0200 Subject: [PATCH 20/32] feat(tools): implement `cypress-component-configuration` generator (#28115) * fix(tools): remove backtick from just-config template that was causing parsing errors * feat(tools): add e2e-setup generation to migrate-converged-pkg * feat(tools): bootstrap cypress-component-configuration generator * feat(tools): implement cypress-component-configuration generator and use it within migrate-converged-pkg * refactor(tools): use static templates to generate cypress config files --- .../cypress-component-configuration/README.md | 38 +++++ .../files/cypress.config.ts__tmpl__ | 3 + .../files/tsconfig.cy.json__tmpl__ | 9 ++ .../index.spec.ts | 142 ++++++++++++++++++ .../cypress-component-configuration/index.ts | 35 +++++ .../lib/add-files.ts | 56 +++++++ .../lib/utils.spec.ts | 7 + .../lib/utils.ts | 3 + .../schema.json | 20 +++ .../cypress-component-configuration/schema.ts | 6 + .../files/just-config.ts__tmpl__ | 2 +- .../generators/migrate-converged-pkg/index.ts | 46 +----- .../migrate-converged-pkg/lib/utils.ts | 4 + tools/utils.ts | 1 + 14 files changed, 331 insertions(+), 41 deletions(-) create mode 100644 tools/generators/cypress-component-configuration/README.md create mode 100644 tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__ create mode 100644 tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__ create mode 100644 tools/generators/cypress-component-configuration/index.spec.ts create mode 100644 tools/generators/cypress-component-configuration/index.ts create mode 100644 tools/generators/cypress-component-configuration/lib/add-files.ts create mode 100644 tools/generators/cypress-component-configuration/lib/utils.spec.ts create mode 100644 tools/generators/cypress-component-configuration/lib/utils.ts create mode 100644 tools/generators/cypress-component-configuration/schema.json create mode 100644 tools/generators/cypress-component-configuration/schema.ts diff --git a/tools/generators/cypress-component-configuration/README.md b/tools/generators/cypress-component-configuration/README.md new file mode 100644 index 0000000000000..ebcbdfdbc4b6e --- /dev/null +++ b/tools/generators/cypress-component-configuration/README.md @@ -0,0 +1,38 @@ +# cypress-component-configuration + +Workspace Generator for setting up Cypress component testing for a project + + + +- [Usage](#usage) + - [Examples](#examples) +- [Options](#options) + - [`project`](#project) + + + +## Usage + +```sh +yarn nx workspace-generator cypress-component-configuration ... +``` + +Show what will be generated without writing to disk: + +```sh +yarn nx workspace-generator cypress-component-configuration --dry-run +``` + +### Examples + +```sh +yarn nx workspace-generator cypress-component-configuration +``` + +## Options + +#### `project` + +Type: `string` + +The name of the project to add cypress component testing to diff --git a/tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__ b/tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__ new file mode 100644 index 0000000000000..ca52cf041bbf2 --- /dev/null +++ b/tools/generators/cypress-component-configuration/files/cypress.config.ts__tmpl__ @@ -0,0 +1,3 @@ +import { baseConfig } from '@fluentui/scripts-cypress'; + +export default baseConfig; diff --git a/tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__ b/tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__ new file mode 100644 index 0000000000000..5db18f12b7ef2 --- /dev/null +++ b/tools/generators/cypress-component-configuration/files/tsconfig.cy.json__tmpl__ @@ -0,0 +1,9 @@ +{ + "extends":"./tsconfig.json", + "compilerOptions":{ + "isolatedModules":false, + "types":["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"], + "lib":["ES2019", "dom"] + }, + "include":["**/*.cy.ts", "**/*.cy.tsx"] +} diff --git a/tools/generators/cypress-component-configuration/index.spec.ts b/tools/generators/cypress-component-configuration/index.spec.ts new file mode 100644 index 0000000000000..ce7411397e2a9 --- /dev/null +++ b/tools/generators/cypress-component-configuration/index.spec.ts @@ -0,0 +1,142 @@ +import { + addProjectConfiguration, + joinPathFragments, + NxJsonConfiguration, + readJson, + readNxJson, + serializeJson, + Tree, +} from '@nrwl/devkit'; +import { createTreeWithEmptyV1Workspace } from '@nrwl/devkit/testing'; + +import generator from './index'; + +describe(`cypress-component-configuration`, () => { + // eslint-disable-next-line @typescript-eslint/no-empty-function + const noop = () => {}; + + let tree: Tree; + beforeEach(() => { + jest.spyOn(console, 'log').mockImplementation(noop); + jest.spyOn(console, 'info').mockImplementation(noop); + jest.spyOn(console, 'warn').mockImplementation(noop); + + tree = createTreeWithEmptyV1Workspace(); + }); + + it(`should not create component testing for application`, async () => { + const project = '@proj/app-one'; + tree = setupDummyPackage(tree, { name: project, projectType: 'application' }); + + await generator(tree, { project }); + + expect(tree.exists('apps/app-one/cypress.config.ts')).toBe(false); + }); + + it(`should setup cypress component testing for existing project`, async () => { + const project = '@proj/one'; + tree = setupDummyPackage(tree, { name: project }); + + await generator(tree, { project }); + + expect(tree.read('packages/one/cypress.config.ts', 'utf-8')).toMatchInlineSnapshot(` + "import { baseConfig } from '@fluentui/scripts-cypress'; + + export default baseConfig; + " + `); + expect(readJson(tree, 'packages/one/tsconfig.json').references).toEqual( + expect.arrayContaining([ + { + path: './tsconfig.cy.json', + }, + ]), + ); + expect(readJson(tree, 'packages/one/tsconfig.lib.json').exclude).toEqual( + expect.arrayContaining(['**/*.cy.ts', '**/*.cy.tsx']), + ); + expect(readJson(tree, 'packages/one/tsconfig.cy.json')).toMatchInlineSnapshot(` + Object { + "compilerOptions": Object { + "isolatedModules": false, + "lib": Array [ + "ES2019", + "dom", + ], + "types": Array [ + "node", + "cypress", + "cypress-storybook/cypress", + "cypress-real-events", + ], + }, + "extends": "./tsconfig.json", + "include": Array [ + "**/*.cy.ts", + "**/*.cy.tsx", + ], + } + `); + + expect(readJson(tree, 'packages/one/package.json').scripts).toEqual( + expect.objectContaining({ + e2e: 'cypress run --component', + 'e2e:local': 'cypress open --component', + }), + ); + }); +}); + +function setupDummyPackage(tree: Tree, options: { name: string; projectType?: 'application' | 'library' }) { + const { name: pkgName, projectType = 'library' } = options; + + const workspaceConfig = readNxJson(tree) ?? {}; + const normalizedPkgName = getNormalizedPkgName({ pkgName, workspaceConfig }); + const paths = { + root: `${projectType === 'application' ? 'apps' : 'packages'}/${normalizedPkgName}`, + }; + + const templates = { + packageJson: { + name: pkgName, + version: '0.0.1', + typings: 'lib/index.d.ts', + main: 'lib-commonjs/index.js', + scripts: {}, + dependencies: {}, + devDependencies: {}, + }, + tsconfigs: { + root: { + references: [ + { + path: './tsconfig.lib.json', + }, + ], + }, + lib: { + extends: './tsconfig.json', + compilerOptions: {}, + exclude: ['./src/testing/**', '**/*.spec.ts', '**/*.spec.tsx', '**/*.test.ts', '**/*.test.tsx'], + }, + }, + }; + + tree.write(`${paths.root}/package.json`, serializeJson(templates.packageJson)); + tree.write(`${paths.root}/tsconfig.json`, serializeJson(templates.tsconfigs.root)); + tree.write(`${paths.root}/tsconfig.lib.json`, serializeJson(templates.tsconfigs.lib)); + tree.write(`${paths.root}/src/index.ts`, `export const greet = 'hello' `); + + addProjectConfiguration(tree, pkgName, { + root: paths.root, + sourceRoot: joinPathFragments(paths.root, 'src'), + projectType, + targets: {}, + }); + + return tree; +} + +function getNormalizedPkgName(options: { pkgName: string; workspaceConfig: NxJsonConfiguration }) { + return options.pkgName.replace(`@${options.workspaceConfig.npmScope}/`, ''); +} diff --git a/tools/generators/cypress-component-configuration/index.ts b/tools/generators/cypress-component-configuration/index.ts new file mode 100644 index 0000000000000..a417f05307c1b --- /dev/null +++ b/tools/generators/cypress-component-configuration/index.ts @@ -0,0 +1,35 @@ +import { Tree, formatFiles, names } from '@nrwl/devkit'; + +import { getProjectConfig, printUserLogs, UserLog } from '../../utils'; + +import type { CypressComponentConfigurationGeneratorSchema } from './schema'; + +import { addFiles } from './lib/add-files'; + +// eslint-disable-next-line @typescript-eslint/naming-convention +interface _NormalizedSchema extends ReturnType {} + +export default async function (tree: Tree, schema: CypressComponentConfigurationGeneratorSchema) { + const userLog: UserLog = []; + const normalizedOptions = normalizeOptions(tree, schema); + + if (normalizedOptions.projectConfig.projectType === 'application') { + userLog.push({ type: 'warn', message: 'we dont support cypress component tests for applications' }); + printUserLogs(userLog); + return; + } + + addFiles(tree, normalizedOptions); + + await formatFiles(tree); +} + +function normalizeOptions(tree: Tree, options: CypressComponentConfigurationGeneratorSchema) { + const project = getProjectConfig(tree, { packageName: options.project }); + + return { + ...options, + ...project, + ...names(options.project), + }; +} diff --git a/tools/generators/cypress-component-configuration/lib/add-files.ts b/tools/generators/cypress-component-configuration/lib/add-files.ts new file mode 100644 index 0000000000000..8eca64ec75745 --- /dev/null +++ b/tools/generators/cypress-component-configuration/lib/add-files.ts @@ -0,0 +1,56 @@ +import { stripIndents, Tree, updateJson, generateFiles, joinPathFragments } from '@nrwl/devkit'; +import * as path from 'path'; + +import { PackageJson, TsConfig } from '../../../types'; +import { getProjectConfig } from '../../../utils'; +import { uniqueArray } from './utils'; + +const templates = { + config: stripIndents` + import { baseConfig } from '@fluentui/scripts-cypress'; + + export default baseConfig; + `, + tsconfig: { + extends: './tsconfig.json', + compilerOptions: { + isolatedModules: false, + types: ['node', 'cypress', 'cypress-storybook/cypress', 'cypress-real-events'], + lib: ['ES2019', 'dom'], + }, + include: ['**/*.cy.ts', '**/*.cy.tsx'], + }, +}; + +type Options = ReturnType; + +export function addFiles(tree: Tree, options: Options) { + generateFiles(tree, joinPathFragments(__dirname, '../files'), options.projectConfig.root, { tmpl: '' }); + + updateJson(tree, options.paths.tsconfig.main, (json: TsConfig) => { + json.references?.push({ + path: `./${path.basename(options.paths.tsconfig.cypress)}`, + }); + + return json; + }); + + // update lib ts with new exclude globs + updateJson(tree, options.paths.tsconfig.lib, (json: TsConfig) => { + json.exclude = json.exclude || []; + json.exclude.push(...['**/*.cy.ts', '**/*.cy.tsx']); + json.exclude = uniqueArray(json.exclude); + + return json; + }); + + updateJson(tree, options.paths.packageJson, (json: PackageJson) => { + json.scripts = json.scripts ?? {}; + json.scripts.e2e = 'cypress run --component'; + json.scripts['e2e:local'] = 'cypress open --component'; + + return json; + }); + + return tree; +} diff --git a/tools/generators/cypress-component-configuration/lib/utils.spec.ts b/tools/generators/cypress-component-configuration/lib/utils.spec.ts new file mode 100644 index 0000000000000..62640aacb1ace --- /dev/null +++ b/tools/generators/cypress-component-configuration/lib/utils.spec.ts @@ -0,0 +1,7 @@ +import { uniqueArray } from './utils'; + +describe(`utils`, () => { + it(`should create uniquie array`, () => { + expect(uniqueArray(['a', 'b', 'a', 'c', 'd', 'b'])).toEqual(['a', 'b', 'c', 'd']); + }); +}); diff --git a/tools/generators/cypress-component-configuration/lib/utils.ts b/tools/generators/cypress-component-configuration/lib/utils.ts new file mode 100644 index 0000000000000..773199330b2db --- /dev/null +++ b/tools/generators/cypress-component-configuration/lib/utils.ts @@ -0,0 +1,3 @@ +export function uniqueArray(value: T[]) { + return Array.from(new Set(value)); +} diff --git a/tools/generators/cypress-component-configuration/schema.json b/tools/generators/cypress-component-configuration/schema.json new file mode 100644 index 0000000000000..67c30c616a537 --- /dev/null +++ b/tools/generators/cypress-component-configuration/schema.json @@ -0,0 +1,20 @@ +{ + "$schema": "http://json-schema.org/schema", + "cli": "nx", + "id": "cypress-component-configuration", + "type": "object", + "title": "Set up Cypress component testing for a project", + "description": "Set up Cypress component test for a project.", + "properties": { + "project": { + "type": "string", + "description": "The name of the project to add cypress component testing to", + "$default": { + "$source": "argv", + "index": 0 + }, + "x-prompt": "What project should we add Cypress component testing to?" + } + }, + "required": ["project"] +} diff --git a/tools/generators/cypress-component-configuration/schema.ts b/tools/generators/cypress-component-configuration/schema.ts new file mode 100644 index 0000000000000..42f6fffc6cc2c --- /dev/null +++ b/tools/generators/cypress-component-configuration/schema.ts @@ -0,0 +1,6 @@ +export interface CypressComponentConfigurationGeneratorSchema { + /** + * The name of the project to add cypress component testing to + */ + project: string; +} diff --git a/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__ b/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__ index 4e711a1d5dea3..b7b2c9a33bf43 100644 --- a/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__ +++ b/tools/generators/migrate-converged-pkg/files/just-config.ts__tmpl__ @@ -2,4 +2,4 @@ import { preset, task } from '@fluentui/scripts-tasks'; preset(); -task('build', 'build:react-components').cached?.();` +task('build', 'build:react-components').cached?.(); diff --git a/tools/generators/migrate-converged-pkg/index.ts b/tools/generators/migrate-converged-pkg/index.ts index 5086e159c0244..4b158af035e78 100644 --- a/tools/generators/migrate-converged-pkg/index.ts +++ b/tools/generators/migrate-converged-pkg/index.ts @@ -20,7 +20,8 @@ import * as path from 'path'; import * as os from 'os'; import * as ts from 'typescript'; -import { getTemplate } from './lib/utils'; +import { getTemplate, uniqueArray } from './lib/utils'; +import setupCypressComponentTesting from '../cypress-component-configuration'; import { PackageJson, TsConfig } from '../../types'; import { arePromptsEnabled, @@ -576,10 +577,6 @@ function hasConformanceSetup(tree: Tree, options: NormalizedSchema) { return tree.exists(options.paths.conformanceSetup); } -function uniqueArray(value: T[]) { - return Array.from(new Set(value)); -} - function updateNxWorkspace(tree: Tree, options: NormalizedSchema) { const packageType = getPackageType(tree, options); const tags = { @@ -921,49 +918,18 @@ function shouldSetupStorybook(tree: Tree, options: NormalizedSchema) { } } -function setupCypress(tree: Tree, options: NormalizedSchema) { - const template = { - exclude: ['**/*.cy.ts', '**/*.cy.tsx'], - }; +async function setupCypress(tree: Tree, options: NormalizedSchema) { + const shouldSetupCypress = tree.exists(options.paths.tsconfig.cypress); - if (!shouldSetupCypress(tree, options)) { + if (!shouldSetupCypress) { return tree; } - writeJson(tree, options.paths.tsconfig.cypress, templates.cypress.tsconfig); - - updateJson(tree, options.paths.tsconfig.main, (json: TsConfig) => { - json.references?.push({ - path: `./${path.basename(options.paths.tsconfig.cypress)}`, - }); - - return json; - }); - - // update lib ts with new exclude globs - updateJson(tree, options.paths.tsconfig.lib, (json: TsConfig) => { - json.exclude = json.exclude || []; - json.exclude.push(...template.exclude); - json.exclude = uniqueArray(json.exclude); - - return json; - }); - - updateJson(tree, options.paths.packageJson, (json: PackageJson) => { - json.scripts = json.scripts ?? {}; - json.scripts.e2e = 'cypress run --component'; - json.scripts['e2e:local'] = 'cypress open --component'; - - return json; - }); + await setupCypressComponentTesting(tree, { project: options.name }); return tree; } -function shouldSetupCypress(tree: Tree, options: NormalizedSchema) { - return tree.exists(options.paths.tsconfig.cypress); -} - function updateLocalJestConfig(tree: Tree, options: NormalizedSchema) { const jestSetupFilePath = options.paths.jestSetupFile; const packageType = getPackageType(tree, options); diff --git a/tools/generators/migrate-converged-pkg/lib/utils.ts b/tools/generators/migrate-converged-pkg/lib/utils.ts index f4c4b8039de8d..d3d6bb27d6810 100644 --- a/tools/generators/migrate-converged-pkg/lib/utils.ts +++ b/tools/generators/migrate-converged-pkg/lib/utils.ts @@ -28,3 +28,7 @@ export function getTemplate(src: string, substitutions: Record) throw err; } } + +export function uniqueArray(value: T[]) { + return Array.from(new Set(value)); +} diff --git a/tools/utils.ts b/tools/utils.ts index 6007a8fba3d22..74be1bb389054 100644 --- a/tools/utils.ts +++ b/tools/utils.ts @@ -100,6 +100,7 @@ export function getProjectConfig(tree: Tree, options: { packageName: string }) { rootPackageJson: joinPathFragments(projectConfig.root, 'src', 'unstable', 'package.json__tmpl__'), }, conformanceSetup: joinPathFragments(projectConfig.root, 'src', 'testing', 'isConformant.ts'), + cypressConfig: joinPathFragments(projectConfig.root, 'cypress.config.ts'), babelConfig: joinPathFragments(projectConfig.root, '.babelrc.json'), jestConfig: joinPathFragments(projectConfig.root, 'jest.config.js'), jestSetupFile: joinPathFragments(projectConfig.root, 'config', 'tests.js'), From 4dedf40597f3b5cfa63d8f2e28a79276eb816bda Mon Sep 17 00:00:00 2001 From: Valentina Date: Fri, 16 Jun 2023 16:58:25 +0200 Subject: [PATCH 21/32] Overflow divider fix (#28011) * Divider fix for overflow Co-authored-by: ling1726 --- ...-8e128a48-5402-4886-b088-900334ce1883.json | 7 + ...-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json | 7 + ...-96369afb-91ef-4417-88b6-bd79e7796730.json | 7 + .../etc/priority-overflow.api.md | 9 + .../priority-overflow/src/consts.ts | 2 + .../priority-overflow/src/index.ts | 1 + .../priority-overflow/src/overflowManager.ts | 207 ++++++++++++------ .../priority-overflow/src/types.ts | 19 ++ .../BreadcrumbWithOverflow.stories.tsx | 13 +- .../etc/react-components.api.md | 6 + .../react-components/src/index.ts | 2 + .../react-overflow/etc/react-overflow.api.md | 12 +- .../react-overflow/src/Overflow.cy.tsx | 90 ++++++++ .../src/components/Overflow.tsx | 22 +- .../OverflowDivider/OverflowDivider.tsx | 17 ++ .../OverflowDivider/OverflowDivider.types.ts | 15 ++ .../react-overflow/src/constants.ts | 1 + .../react-overflow/src/index.ts | 4 +- .../react-overflow/src/overflowContext.ts | 4 +- .../react-overflow/src/types.ts | 2 +- .../src/useOverflowContainer.test.ts | 2 + .../src/useOverflowContainer.ts | 18 +- .../react-overflow/src/useOverflowDivider.ts | 25 +++ .../Overflow/LargerDividers.stories.tsx | 173 +++++++++++++++ .../stories/Overflow/index.stories.tsx | 1 + 25 files changed, 579 insertions(+), 87 deletions(-) create mode 100644 change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json create mode 100644 change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json create mode 100644 change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json create mode 100644 packages/react-components/priority-overflow/src/consts.ts create mode 100644 packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.tsx create mode 100644 packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.types.ts create mode 100644 packages/react-components/react-overflow/src/useOverflowDivider.ts create mode 100644 packages/react-components/react-overflow/stories/Overflow/LargerDividers.stories.tsx diff --git a/change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json b/change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json new file mode 100644 index 0000000000000..92a84dfb011d2 --- /dev/null +++ b/change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: Added support for custom divider", + "packageName": "@fluentui/priority-overflow", + "email": "vkozlova@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json b/change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json new file mode 100644 index 0000000000000..208339dac9ef6 --- /dev/null +++ b/change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: Added Overflow divider", + "packageName": "@fluentui/react-components", + "email": "vkozlova@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json b/change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json new file mode 100644 index 0000000000000..0e62e403b8315 --- /dev/null +++ b/change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Added support for custom divider", + "packageName": "@fluentui/react-overflow", + "email": "vkozlova@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/priority-overflow/etc/priority-overflow.api.md b/packages/react-components/priority-overflow/etc/priority-overflow.api.md index a8a2ef84d50ce..1889a2cbb621d 100644 --- a/packages/react-components/priority-overflow/etc/priority-overflow.api.md +++ b/packages/react-components/priority-overflow/etc/priority-overflow.api.md @@ -37,6 +37,13 @@ export type OverflowAxis = 'horizontal' | 'vertical'; // @public (undocumented) export type OverflowDirection = 'start' | 'end'; +// @public (undocumented) +export interface OverflowDividerEntry { + element: HTMLElement; + // (undocumented) + groupId: string; +} + // @public export interface OverflowEventPayload { // (undocumented) @@ -61,11 +68,13 @@ export interface OverflowItemEntry { // @internal (undocumented) export interface OverflowManager { + addDivider: (divider: OverflowDividerEntry) => void; addItem: (items: OverflowItemEntry) => void; addOverflowMenu: (element: HTMLElement) => void; disconnect: () => void; forceUpdate: () => void; observe: (container: HTMLElement, options: ObserveOptions) => void; + removeDivider: (groupId: string) => void; removeItem: (itemId: string) => void; removeOverflowMenu: () => void; update: () => void; diff --git a/packages/react-components/priority-overflow/src/consts.ts b/packages/react-components/priority-overflow/src/consts.ts new file mode 100644 index 0000000000000..cb1c1cad5c1c7 --- /dev/null +++ b/packages/react-components/priority-overflow/src/consts.ts @@ -0,0 +1,2 @@ +export const DATA_OVERFLOWING = 'data-overflowing'; +export const DATA_OVERFLOW_GROUP = 'data-overflow-group'; diff --git a/packages/react-components/priority-overflow/src/index.ts b/packages/react-components/priority-overflow/src/index.ts index 3f7027bfbaeb8..ba4668ceab6d5 100644 --- a/packages/react-components/priority-overflow/src/index.ts +++ b/packages/react-components/priority-overflow/src/index.ts @@ -9,5 +9,6 @@ export type { OverflowEventPayload, OverflowGroupState, OverflowItemEntry, + OverflowDividerEntry, OverflowManager, } from './types'; diff --git a/packages/react-components/priority-overflow/src/overflowManager.ts b/packages/react-components/priority-overflow/src/overflowManager.ts index 3dece40e10472..445b541e6f006 100644 --- a/packages/react-components/priority-overflow/src/overflowManager.ts +++ b/packages/react-components/priority-overflow/src/overflowManager.ts @@ -1,6 +1,13 @@ +import { DATA_OVERFLOWING, DATA_OVERFLOW_GROUP } from './consts'; import { debounce } from './debounce'; -import { createPriorityQueue } from './priorityQueue'; -import type { OverflowGroupState, OverflowItemEntry, OverflowManager, ObserveOptions } from './types'; +import { createPriorityQueue, PriorityQueue } from './priorityQueue'; +import type { + OverflowGroupState, + OverflowItemEntry, + OverflowManager, + ObserveOptions, + OverflowDividerEntry, +} from './types'; /** * @internal @@ -24,7 +31,7 @@ export function createOverflowManager(): OverflowManager { }; const overflowItems: Record = {}; - const overflowGroups: Record; invisibleItemIds: Set }> = {}; + const overflowDividers: Record = {}; const resizeObserver = new ResizeObserver(entries => { if (!entries[0] || !container) { return; @@ -33,6 +40,66 @@ export function createOverflowManager(): OverflowManager { update(); }); + const getNextItem = (queueToDequeue: PriorityQueue, queueToEnqueue: PriorityQueue) => { + const nextItem = queueToDequeue.dequeue(); + queueToEnqueue.enqueue(nextItem); + return overflowItems[nextItem]; + }; + + const createGroupManager = () => { + const groupVisibility: Record = {}; + const groups: Record; invisibleItemIds: Set }> = {}; + function updateGroupVisibility(groupId: string) { + const group = groups[groupId]; + if (group.invisibleItemIds.size && group.visibleItemIds.size) { + groupVisibility[groupId] = 'overflow'; + } else if (group.visibleItemIds.size === 0) { + groupVisibility[groupId] = 'hidden'; + } else { + groupVisibility[groupId] = 'visible'; + } + } + function isGroupVisible(groupId: string) { + return groupVisibility[groupId] === 'visible' || groupVisibility[groupId] === 'overflow'; + } + return { + groupVisibility: () => groupVisibility, + isSingleItemVisible(itemId: string, groupId: string) { + return ( + isGroupVisible(groupId) && + groups[groupId].visibleItemIds.has(itemId) && + groups[groupId].visibleItemIds.size === 1 + ); + }, + addItem(itemId: string, groupId: string) { + groups[groupId] ??= { + visibleItemIds: new Set(), + invisibleItemIds: new Set(), + }; + + groups[groupId].visibleItemIds.add(itemId); + updateGroupVisibility(groupId); + }, + removeItem(itemId: string, groupId: string) { + groups[groupId].invisibleItemIds.delete(itemId); + groups[groupId].visibleItemIds.delete(itemId); + updateGroupVisibility(groupId); + }, + showItem(itemId: string, groupId: string) { + groups[groupId].invisibleItemIds.delete(itemId); + groups[groupId].visibleItemIds.add(itemId); + updateGroupVisibility(groupId); + }, + hideItem(itemId: string, groupId: string) { + groups[groupId].invisibleItemIds.add(itemId); + groups[groupId].visibleItemIds.delete(itemId); + updateGroupVisibility(groupId); + }, + }; + }; + + const groupManager = createGroupManager(); + const invisibleItemQueue = createPriorityQueue((a, b) => { const itemA = overflowItems[a]; const itemB = overflowItems[b]; @@ -72,30 +139,41 @@ export function createOverflowManager(): OverflowManager { return options.overflowAxis === 'horizontal' ? el.offsetWidth : el.offsetHeight; }; - const makeItemVisible = () => { - const nextVisible = invisibleItemQueue.dequeue(); - visibleItemQueue.enqueue(nextVisible); + function computeSizeChange(entry: OverflowItemEntry) { + const dividerWidth = + entry.groupId && groupManager.isSingleItemVisible(entry.id, entry.groupId) && overflowDividers[entry.groupId] + ? getOffsetSize(overflowDividers[entry.groupId].element) + : 0; + + return getOffsetSize(entry.element) + dividerWidth; + } - const item = overflowItems[nextVisible]; + const showItem = () => { + const item = getNextItem(invisibleItemQueue, visibleItemQueue); options.onUpdateItemVisibility({ item, visible: true }); + if (item.groupId) { - overflowGroups[item.groupId].invisibleItemIds.delete(item.id); - overflowGroups[item.groupId].visibleItemIds.add(item.id); + groupManager.showItem(item.id, item.groupId); + + if (groupManager.isSingleItemVisible(item.id, item.groupId)) { + overflowDividers[item.groupId]?.element.removeAttribute(DATA_OVERFLOWING); + } } - return getOffsetSize(item.element); + return computeSizeChange(item); }; - const makeItemInvisible = () => { - const nextInvisible = visibleItemQueue.dequeue(); - invisibleItemQueue.enqueue(nextInvisible); - - const item = overflowItems[nextInvisible]; - const width = getOffsetSize(item.element); + const hideItem = () => { + const item = getNextItem(visibleItemQueue, invisibleItemQueue); + const width = computeSizeChange(item); options.onUpdateItemVisibility({ item, visible: false }); + if (item.groupId) { - overflowGroups[item.groupId].visibleItemIds.delete(item.id); - overflowGroups[item.groupId].invisibleItemIds.add(item.id); + if (groupManager.isSingleItemVisible(item.id, item.groupId)) { + overflowDividers[item.groupId]?.element.setAttribute(DATA_OVERFLOWING, ''); + } + + groupManager.hideItem(item.id, item.groupId); } return width; @@ -108,66 +186,45 @@ export function createOverflowManager(): OverflowManager { const visibleItems = visibleItemIds.map(itemId => overflowItems[itemId]); const invisibleItems = invisibleItemIds.map(itemId => overflowItems[itemId]); - const groupVisibility: Record = {}; - Object.entries(overflowGroups).forEach(([groupId, groupState]) => { - if (groupState.invisibleItemIds.size && groupState.visibleItemIds.size) { - groupVisibility[groupId] = 'overflow'; - } else if (groupState.visibleItemIds.size === 0) { - groupVisibility[groupId] = 'hidden'; - } else { - groupVisibility[groupId] = 'visible'; - } - }); - - options.onUpdateOverflow({ visibleItems, invisibleItems, groupVisibility }); + options.onUpdateOverflow({ visibleItems, invisibleItems, groupVisibility: groupManager.groupVisibility() }); }; const processOverflowItems = (): boolean => { if (!container) { return false; } + const totalDividersWidth = Object.values(overflowDividers) + .map(dvdr => (dvdr.groupId ? getOffsetSize(dvdr.element) : 0)) + .reduce((prev, current) => prev + current, 0); - const availableSize = getOffsetSize(container) - options.padding; - const overflowMenuOffset = overflowMenu ? getOffsetSize(overflowMenu) : 0; + const availableSize = + getOffsetSize(container) - + options.padding - + totalDividersWidth - + (overflowMenu ? getOffsetSize(overflowMenu) : 0); // Snapshot of the visible/invisible state to compare for updates const visibleTop = visibleItemQueue.peek(); const invisibleTop = invisibleItemQueue.peek(); - const visibleItemIds = visibleItemQueue.all(); - let currentWidth = visibleItemIds.reduce((sum, visibleItemId) => { - const child = overflowItems[visibleItemId].element; - return sum + getOffsetSize(child); - }, 0); + let currentWidth = visibleItemQueue + .all() + .map(id => overflowItems[id].element) + .map(getOffsetSize) + .reduce((prev, current) => prev + current, 0); // Add items until available width is filled - can result in overflow while (currentWidth < availableSize && invisibleItemQueue.size() > 0) { - currentWidth += makeItemVisible(); + currentWidth += showItem(); } // Remove items until there's no more overflow - while (currentWidth > availableSize && visibleItemQueue.size() > 0) { - if (visibleItemQueue.size() <= options.minimumVisible) { - break; - } - currentWidth -= makeItemInvisible(); - } - - // make sure the overflow menu can fit - if ( - visibleItemQueue.size() > options.minimumVisible && - invisibleItemQueue.size() > 0 && - currentWidth + overflowMenuOffset > availableSize - ) { - makeItemInvisible(); + while (currentWidth > availableSize && visibleItemQueue.size() > options.minimumVisible) { + currentWidth -= hideItem(); } // only update when the state of visible/invisible items has changed - if (visibleItemQueue.peek() !== visibleTop || invisibleItemQueue.peek() !== invisibleTop) { - return true; - } - - return false; + return visibleItemQueue.peek() !== visibleTop || invisibleItemQueue.peek() !== invisibleTop; }; const forceUpdate: OverflowManager['forceUpdate'] = () => { @@ -210,14 +267,8 @@ export function createOverflowManager(): OverflowManager { } if (item.groupId) { - if (!overflowGroups[item.groupId]) { - overflowGroups[item.groupId] = { - visibleItemIds: new Set(), - invisibleItemIds: new Set(), - }; - } - - overflowGroups[item.groupId].visibleItemIds.add(item.id); + groupManager.addItem(item.id, item.groupId); + item.element.setAttribute(DATA_OVERFLOW_GROUP, item.groupId); } update(); @@ -227,10 +278,30 @@ export function createOverflowManager(): OverflowManager { overflowMenu = el; }; + const addDivider: OverflowManager['addDivider'] = divider => { + if (!divider.groupId || overflowDividers[divider.groupId]) { + return; + } + + divider.element.setAttribute(DATA_OVERFLOW_GROUP, divider.groupId); + overflowDividers[divider.groupId] = divider; + }; + const removeOverflowMenu: OverflowManager['removeOverflowMenu'] = () => { overflowMenu = undefined; }; + const removeDivider: OverflowManager['removeDivider'] = groupId => { + if (!overflowDividers[groupId]) { + return; + } + const divider = overflowDividers[groupId]; + if (divider.groupId) { + delete overflowDividers[groupId]; + divider.element.removeAttribute(DATA_OVERFLOW_GROUP); + } + }; + const removeItem: OverflowManager['removeItem'] = itemId => { if (!overflowItems[itemId]) { return; @@ -241,8 +312,8 @@ export function createOverflowManager(): OverflowManager { invisibleItemQueue.remove(itemId); if (item.groupId) { - overflowGroups[item.groupId].visibleItemIds.delete(item.id); - overflowGroups[item.groupId].invisibleItemIds.delete(item.id); + groupManager.removeItem(item.id, item.groupId); + item.element.removeAttribute(DATA_OVERFLOW_GROUP); } delete overflowItems[itemId]; @@ -258,5 +329,7 @@ export function createOverflowManager(): OverflowManager { update, addOverflowMenu, removeOverflowMenu, + addDivider, + removeDivider, }; } diff --git a/packages/react-components/priority-overflow/src/types.ts b/packages/react-components/priority-overflow/src/types.ts index 75cb10d193a93..a5a9a41d1516d 100644 --- a/packages/react-components/priority-overflow/src/types.ts +++ b/packages/react-components/priority-overflow/src/types.ts @@ -19,6 +19,15 @@ export interface OverflowItemEntry { groupId?: string; } +export interface OverflowDividerEntry { + /** + * HTML element that will be disappear when overflowed + */ + element: HTMLElement; + + groupId: string; +} + /** * signature similar to standard event listeners, but typed to handle the custom event */ @@ -111,6 +120,16 @@ export interface OverflowManager { */ addOverflowMenu: (element: HTMLElement) => void; + /** + * Add overflow divider + */ + addDivider: (divider: OverflowDividerEntry) => void; + + /** + * Remove overflow divider + */ + removeDivider: (groupId: string) => void; + /** * Unsets the overflow menu element */ diff --git a/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx b/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx index b5a5c1c9d26c0..8775694e3482a 100644 --- a/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx +++ b/packages/react-components/react-breadcrumb/stories/Breadcrumb/BreadcrumbWithOverflow.stories.tsx @@ -11,11 +11,11 @@ import { MenuPopover, MenuTrigger, useIsOverflowItemVisible, - useIsOverflowGroupVisible, useOverflowMenu, Overflow, OverflowItem, MenuItem, + OverflowDivider, } from '@fluentui/react-components'; import { CalendarMonthFilled, @@ -161,12 +161,11 @@ const OverflowBreadcrumbButton: React.FC<{ id: string; item: Item }> = props => const OverflowGroupDivider: React.FC<{ groupId: number; }> = props => { - const groupVisibility = useIsOverflowGroupVisible(props.groupId.toString()); - if (groupVisibility === 'hidden') { - return null; - } - - return ; + return ( + + + + ); }; const ControlledOverflowMenu = (props: PartitionBreadcrumbItems) => { diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md index 966d033f0de62..a0503fd40ab55 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -163,6 +163,7 @@ import { createTableColumn } from '@fluentui/react-table'; import { CreateTableColumnOptions } from '@fluentui/react-table'; import { createTeamsDarkTheme } from '@fluentui/react-theme'; import { CurveTokens } from '@fluentui/react-theme'; +import { DATA_OVERFLOW_DIVIDER } from '@fluentui/react-overflow'; import { DATA_OVERFLOW_ITEM } from '@fluentui/react-overflow'; import { DATA_OVERFLOW_MENU } from '@fluentui/react-overflow'; import { DATA_OVERFLOWING } from '@fluentui/react-overflow'; @@ -407,6 +408,7 @@ import { OptionProps } from '@fluentui/react-combobox'; import { OptionSlots } from '@fluentui/react-combobox'; import { OptionState } from '@fluentui/react-combobox'; import { Overflow } from '@fluentui/react-overflow'; +import { OverflowDivider } from '@fluentui/react-overflow'; import { OverflowItem } from '@fluentui/react-overflow'; import { OverflowItemProps } from '@fluentui/react-overflow'; import { OverflowProps } from '@fluentui/react-overflow'; @@ -1341,6 +1343,8 @@ export { createTeamsDarkTheme } export { CurveTokens } +export { DATA_OVERFLOW_DIVIDER } + export { DATA_OVERFLOW_ITEM } export { DATA_OVERFLOW_MENU } @@ -1829,6 +1833,8 @@ export { OptionState } export { Overflow } +export { OverflowDivider } + export { OverflowItem } export { OverflowItemProps } diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index e1a462d7e1d6f..53e0e52a7e736 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -832,6 +832,7 @@ export type { ProgressBarProps, ProgressBarState, ProgressBarSlots } from '@flue export { Overflow, OverflowItem, + OverflowDivider, useIsOverflowGroupVisible, useIsOverflowItemVisible, useOverflowCount, @@ -839,6 +840,7 @@ export { DATA_OVERFLOWING, DATA_OVERFLOW_MENU, DATA_OVERFLOW_ITEM, + DATA_OVERFLOW_DIVIDER, } from '@fluentui/react-overflow'; export type { OverflowProps, OverflowItemProps } from '@fluentui/react-overflow'; diff --git a/packages/react-components/react-overflow/etc/react-overflow.api.md b/packages/react-components/react-overflow/etc/react-overflow.api.md index 23ccaca79cc5a..5e73d2df4ffe4 100644 --- a/packages/react-components/react-overflow/etc/react-overflow.api.md +++ b/packages/react-components/react-overflow/etc/react-overflow.api.md @@ -7,10 +7,14 @@ import { ContextSelector } from '@fluentui/react-context-selector'; import type { ObserveOptions } from '@fluentui/priority-overflow'; import type { OnUpdateOverflow } from '@fluentui/priority-overflow'; +import type { OverflowDividerEntry } from '@fluentui/priority-overflow'; import { OverflowGroupState } from '@fluentui/priority-overflow'; import type { OverflowItemEntry } from '@fluentui/priority-overflow'; import * as React_2 from 'react'; +// @public (undocumented) +export const DATA_OVERFLOW_DIVIDER = "data-overflow-divider"; + // @public (undocumented) export const DATA_OVERFLOW_ITEM = "data-overflow-item"; @@ -25,6 +29,9 @@ export const Overflow: React_2.ForwardRefExoticComponent>; +// @public +export const OverflowDivider: React_2.ForwardRefExoticComponent>; + // @public export const OverflowItem: React_2.ForwardRefExoticComponent>; @@ -51,7 +58,7 @@ export function useIsOverflowItemVisible(id: string): boolean; export const useOverflowContainer: (update: OnUpdateOverflow, options: Omit) => UseOverflowContainerReturn; // @internal (undocumented) -export interface UseOverflowContainerReturn extends Pick { +export interface UseOverflowContainerReturn extends Pick { containerRef: React_2.RefObject; } @@ -61,6 +68,9 @@ export const useOverflowContext: (selector: ContextSelector number; +// @internal +export function useOverflowDivider(groupId?: string): React_2.RefObject; + // @internal export function useOverflowItem(id: string, priority?: number, groupId?: string): React_2.RefObject; diff --git a/packages/react-components/react-overflow/src/Overflow.cy.tsx b/packages/react-components/react-overflow/src/Overflow.cy.tsx index e9dd8e748a950..e266ec5c0cca3 100644 --- a/packages/react-components/react-overflow/src/Overflow.cy.tsx +++ b/packages/react-components/react-overflow/src/Overflow.cy.tsx @@ -3,6 +3,7 @@ import { mount } from '@cypress/react'; import { Overflow, OverflowItem, + OverflowDivider, OverflowItemProps, OverflowProps, useIsOverflowGroupVisible, @@ -150,6 +151,36 @@ export const Divider: React.FC<{ ); }; +export const CustomDivider: React.FC<{ + groupId: string; + children?: React.ReactNode; +}> = ({ groupId, children }) => { + const isGroupVisible = useIsOverflowGroupVisible(groupId); + + if (isGroupVisible === 'hidden') { + return null; + } + + const selector = { + [selectors.divider]: groupId, + }; + + const style = { + display: 'inline-block', + width: '30px', + backgroundColor: 'red', + height: '20px', + }; + + return ( + +

+ {children} +
+ + ); +}; + describe('Overflow', () => { before(() => { cy.viewport(700, 700); @@ -466,6 +497,65 @@ describe('Overflow', () => { cy.get(`[${selectors.divider}]`).should('have.length', 1); }); + it('should collapse correctly with custom divider', () => { + mount( + + + 1 + + + + + + 2 + + + + + + 3 + + + 4 + + + + + + 5 + + + 6 + + + 7 + + + + + + 8 + + + , + ); + + cy.get(`[${selectors.item}="8"]`).should('not.be.visible'); + setContainerSize(350); + cy.get(`[${selectors.divider}="4"]`).should('not.exist'); + cy.get(`[${selectors.divider}]`).should('have.length', 3); + cy.get(`[${selectors.item}="5"]`).should('not.be.visible'); + setContainerSize(250); + cy.get(`[${selectors.divider}="3"]`).should('not.exist'); + cy.get(`[${selectors.divider}]`).should('have.length', 2); + cy.get(`[${selectors.item}="3"]`).should('not.be.visible'); + setContainerSize(200); + cy.get(`[${selectors.divider}="1"]`).should('exist'); + cy.get(`[${selectors.divider}]`).should('have.length', 1); + cy.get(`[${selectors.item}="1"]`).should('be.visible'); + cy.get(`[${selectors.item}="2"]`).should('not.be.visible'); + }); + it('should remove overflow menu if the last overflowed item can take its place', () => { const mapHelper = new Array(10).fill(0).map((_, i) => i); mount( diff --git a/packages/react-components/react-overflow/src/components/Overflow.tsx b/packages/react-components/react-overflow/src/components/Overflow.tsx index 1a599fd3c65f3..bd7fe38d107f2 100644 --- a/packages/react-components/react-overflow/src/components/Overflow.tsx +++ b/packages/react-components/react-overflow/src/components/Overflow.tsx @@ -41,7 +41,9 @@ export const Overflow = React.forwardRef((props: OverflowProps, ref) => { const { visibleItems, invisibleItems, groupVisibility } = data; const itemVisibility: Record = {}; - visibleItems.forEach(x => (itemVisibility[x.id] = true)); + visibleItems.forEach(item => { + itemVisibility[item.id] = true; + }); invisibleItems.forEach(x => (itemVisibility[x.id] = false)); setOverflowState(() => { @@ -53,13 +55,16 @@ export const Overflow = React.forwardRef((props: OverflowProps, ref) => { }); }; - const { containerRef, registerItem, updateOverflow, registerOverflowMenu } = useOverflowContainer(update, { - overflowDirection, - overflowAxis, - padding, - minimumVisible, - onUpdateItemVisibility: updateVisibilityAttribute, - }); + const { containerRef, registerItem, updateOverflow, registerOverflowMenu, registerDivider } = useOverflowContainer( + update, + { + overflowDirection, + overflowAxis, + padding, + minimumVisible, + onUpdateItemVisibility: updateVisibilityAttribute, + }, + ); const clonedChild = applyTriggerPropsToChildren(children, { ref: useMergedRefs(containerRef, ref), @@ -75,6 +80,7 @@ export const Overflow = React.forwardRef((props: OverflowProps, ref) => { registerItem, updateOverflow, registerOverflowMenu, + registerDivider, }} > {clonedChild} diff --git a/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.tsx b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.tsx new file mode 100644 index 0000000000000..2b8c179442147 --- /dev/null +++ b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.tsx @@ -0,0 +1,17 @@ +import * as React from 'react'; +import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities'; +import { useOverflowDivider } from '../../useOverflowDivider'; +import { OverflowDividerProps } from './OverflowDivider.types'; + +/** + * Attaches overflow item behavior to its child registered with the OverflowContext. + * It does not render an element of its own. + */ +export const OverflowDivider = React.forwardRef((props: OverflowDividerProps, ref) => { + const { groupId, children } = props; + + const containerRef = useOverflowDivider(groupId); + return applyTriggerPropsToChildren(children, { + ref: useMergedRefs(containerRef, ref), + }); +}); diff --git a/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.types.ts b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.types.ts new file mode 100644 index 0000000000000..c7aecfdfc4985 --- /dev/null +++ b/packages/react-components/react-overflow/src/components/OverflowDivider/OverflowDivider.types.ts @@ -0,0 +1,15 @@ +import * as React from 'react'; + +/** + * OverflowDividerProps + */ +export type OverflowDividerProps = { + /** + * Assigns the item to a group, group visibility can be watched. + */ + groupId: string; + /** + * The single child that has overflow item behavior attached. + */ + children: React.ReactElement; +}; diff --git a/packages/react-components/react-overflow/src/constants.ts b/packages/react-components/react-overflow/src/constants.ts index a4cf687ac9dc3..f4d77032cd191 100644 --- a/packages/react-components/react-overflow/src/constants.ts +++ b/packages/react-components/react-overflow/src/constants.ts @@ -1,3 +1,4 @@ export const DATA_OVERFLOWING = 'data-overflowing'; export const DATA_OVERFLOW_ITEM = 'data-overflow-item'; export const DATA_OVERFLOW_MENU = 'data-overflow-menu'; +export const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider'; diff --git a/packages/react-components/react-overflow/src/index.ts b/packages/react-components/react-overflow/src/index.ts index 5466d7c6a93a3..dd4f52fbb2134 100644 --- a/packages/react-components/react-overflow/src/index.ts +++ b/packages/react-components/react-overflow/src/index.ts @@ -1,6 +1,6 @@ export { Overflow } from './components/Overflow'; export type { OverflowProps } from './components/Overflow'; -export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants'; +export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU, DATA_OVERFLOW_DIVIDER } from './constants'; export type { UseOverflowContainerReturn } from './types'; export { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible'; export { useIsOverflowItemVisible } from './useIsOverflowItemVisible'; @@ -8,8 +8,10 @@ export { useOverflowContainer } from './useOverflowContainer'; export { useOverflowCount } from './useOverflowCount'; export { useOverflowItem } from './useOverflowItem'; export { useOverflowMenu } from './useOverflowMenu'; +export { useOverflowDivider } from './useOverflowDivider'; export { useOverflowContext } from './overflowContext'; export type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types'; export { OverflowItem } from './components/OverflowItem/OverflowItem'; +export { OverflowDivider } from './components/OverflowDivider/OverflowDivider'; diff --git a/packages/react-components/react-overflow/src/overflowContext.ts b/packages/react-components/react-overflow/src/overflowContext.ts index 87a53f791f9c2..3f40467a45e15 100644 --- a/packages/react-components/react-overflow/src/overflowContext.ts +++ b/packages/react-components/react-overflow/src/overflowContext.ts @@ -1,4 +1,4 @@ -import type { OverflowGroupState, OverflowItemEntry } from '@fluentui/priority-overflow'; +import type { OverflowGroupState, OverflowItemEntry, OverflowDividerEntry } from '@fluentui/priority-overflow'; import { ContextSelector, createContext, useContextSelector, Context } from '@fluentui/react-context-selector'; /** @@ -10,6 +10,7 @@ export interface OverflowContextValue { hasOverflow: boolean; registerItem: (item: OverflowItemEntry) => () => void; registerOverflowMenu: (el: HTMLElement) => () => void; + registerDivider: (divider: OverflowDividerEntry) => () => void; updateOverflow: (padding?: number) => void; } @@ -24,6 +25,7 @@ const overflowContextDefaultValue: OverflowContextValue = { registerItem: () => () => null, updateOverflow: () => null, registerOverflowMenu: () => () => null, + registerDivider: () => () => null, }; /** diff --git a/packages/react-components/react-overflow/src/types.ts b/packages/react-components/react-overflow/src/types.ts index 45a60daa71415..4bf971e67fb3c 100644 --- a/packages/react-components/react-overflow/src/types.ts +++ b/packages/react-components/react-overflow/src/types.ts @@ -5,7 +5,7 @@ import { OverflowContextValue } from './overflowContext'; * @internal */ export interface UseOverflowContainerReturn - extends Pick { + extends Pick { /** * Ref to apply to the container that will overflow */ diff --git a/packages/react-components/react-overflow/src/useOverflowContainer.test.ts b/packages/react-components/react-overflow/src/useOverflowContainer.test.ts index 978d95d8db7a1..ac9854b8c020c 100644 --- a/packages/react-components/react-overflow/src/useOverflowContainer.test.ts +++ b/packages/react-components/react-overflow/src/useOverflowContainer.test.ts @@ -15,6 +15,8 @@ const mockOverflowManager = (options: Partial = {}) => { removeItem: jest.fn(), removeOverflowMenu: jest.fn(), update: jest.fn(), + addDivider: jest.fn(), + removeDivider: jest.fn(), }; (createOverflowManager as jest.Mock).mockReturnValue({ ...defaultMock, diff --git a/packages/react-components/react-overflow/src/useOverflowContainer.ts b/packages/react-components/react-overflow/src/useOverflowContainer.ts index 9eb55e4b5ac36..32dc0f44ffa85 100644 --- a/packages/react-components/react-overflow/src/useOverflowContainer.ts +++ b/packages/react-components/react-overflow/src/useOverflowContainer.ts @@ -8,12 +8,13 @@ import type { OnUpdateItemVisibility, OnUpdateOverflow, OverflowItemEntry, + OverflowDividerEntry, OverflowManager, ObserveOptions, } from '@fluentui/priority-overflow'; import { canUseDOM, useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities'; import { UseOverflowContainerReturn } from './types'; -import { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants'; +import { DATA_OVERFLOWING, DATA_OVERFLOW_DIVIDER, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants'; /** * @internal @@ -78,6 +79,20 @@ export const useOverflowContainer = ( [overflowManager], ); + const registerDivider = React.useCallback( + (divider: OverflowDividerEntry) => { + const el = divider.element; + overflowManager?.addDivider(divider); + el && el.setAttribute(DATA_OVERFLOW_DIVIDER, ''); + + return () => { + divider.groupId && overflowManager?.removeDivider(divider.groupId); + el.removeAttribute(DATA_OVERFLOW_DIVIDER); + }; + }, + [overflowManager], + ); + const updateOverflow = React.useCallback(() => { overflowManager?.update(); }, [overflowManager]); @@ -100,6 +115,7 @@ export const useOverflowContainer = ( registerItem, updateOverflow, registerOverflowMenu, + registerDivider, }; }; diff --git a/packages/react-components/react-overflow/src/useOverflowDivider.ts b/packages/react-components/react-overflow/src/useOverflowDivider.ts new file mode 100644 index 0000000000000..8385ae6ea6f24 --- /dev/null +++ b/packages/react-components/react-overflow/src/useOverflowDivider.ts @@ -0,0 +1,25 @@ +import * as React from 'react'; +import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities'; +import { useOverflowContext } from './overflowContext'; + +/** + * @internal + * Registers an overflow item + * @param groupId - assigns the item to a group, group visibility can be watched + * @returns ref to assign to an intrinsic HTML element + */ +export function useOverflowDivider(groupId?: string) { + const ref = React.useRef(null); + const registerDivider = useOverflowContext(v => v.registerDivider); + + useIsomorphicLayoutEffect(() => { + if (ref.current && groupId) { + return registerDivider({ + element: ref.current, + groupId, + }); + } + }, [registerDivider, groupId]); + + return ref; +} diff --git a/packages/react-components/react-overflow/stories/Overflow/LargerDividers.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/LargerDividers.stories.tsx new file mode 100644 index 0000000000000..c802641f44ec2 --- /dev/null +++ b/packages/react-components/react-overflow/stories/Overflow/LargerDividers.stories.tsx @@ -0,0 +1,173 @@ +import * as React from 'react'; +import { + makeStyles, + shorthands, + Button, + Menu, + MenuTrigger, + MenuPopover, + MenuList, + MenuItem, + MenuDivider, + MenuButton, + tokens, + mergeClasses, + Overflow, + OverflowItem, + useIsOverflowGroupVisible, + useIsOverflowItemVisible, + useOverflowMenu, + OverflowDivider, +} from '@fluentui/react-components'; +import { ChevronRight20Regular } from '@fluentui/react-icons'; + +const useStyles = makeStyles({ + container: { + display: 'flex', + flexWrap: 'nowrap', + minWidth: 0, + ...shorthands.overflow('hidden'), + }, + + resizableArea: { + minWidth: '200px', + maxWidth: '800px', + ...shorthands.border('2px', 'solid', tokens.colorBrandBackground), + ...shorthands.padding('20px', '10px', '10px', '10px'), + position: 'relative', + resize: 'horizontal', + '::after': { + content: `'Resizable Area'`, + position: 'absolute', + ...shorthands.padding('1px', '4px', '1px'), + top: '-2px', + left: '-2px', + fontFamily: 'monospace', + fontSize: '15px', + fontWeight: 900, + lineHeight: 1, + letterSpacing: '1px', + color: tokens.colorNeutralForegroundOnBrand, + backgroundColor: tokens.colorBrandBackground, + }, + }, +}); + +export const LargerDividers = () => { + const styles = useStyles(); + + return ( + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + ); +}; + +const OverflowGroupDivider: React.FC<{ + groupId: string; +}> = props => { + return ( + +
+ +
+ + ); +}; + +const OverflowMenu: React.FC<{ itemIds: string[] }> = ({ itemIds }) => { + const { ref, overflowCount, isOverflowing } = useOverflowMenu(); + + if (!isOverflowing) { + return null; + } + + return ( + + + +{overflowCount} items + + + + + {itemIds.map(i => { + // This is purely a simplified convention for documentation examples + // Could be done in other ways too + if (typeof i === 'string' && i.startsWith('divider')) { + const groupId = i.split('-')[1]; + return ; + } + return ; + })} + + + + ); +}; + +const OverflowMenuItem: React.FC<{ id: string }> = props => { + const { id } = props; + const isVisible = useIsOverflowItemVisible(id); + + if (isVisible) { + return null; + } + + return Item {id}; +}; + +const OverflowMenuDivider: React.FC<{ + id: string; +}> = props => { + const isGroupVisible = useIsOverflowGroupVisible(props.id); + + if (isGroupVisible === 'visible') { + return null; + } + + return ; +}; + +LargerDividers.parameters = { + docs: { + description: { + story: [ + 'For smaller dividers the `padding` prop can be set to take into account the unmeasured space that the divider takes up.', + 'When a larger divider is used its width is not calculated. This causes items to overflow later than needed.', + 'The `OverflowDivider` divider component can be used for larger dividers to include its width to the calculation.', + ].join('\n'), + }, + }, +}; diff --git a/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx index ea07735698c6b..ac995aaa8a1f5 100644 --- a/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx +++ b/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx @@ -10,6 +10,7 @@ export { OverflowByPriority } from './OverflowByPriority.stories'; export { Wrapped } from './Wrapped.stories'; export { Pinned } from './Pinned.stories'; export { Dividers } from './Dividers.stories'; +export { LargerDividers } from './LargerDividers.stories'; export { PriorityWithDividers } from './PriorityWithDividers.stories'; export default { From 4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6 Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Fri, 16 Jun 2023 12:35:38 -0700 Subject: [PATCH 22/32] fix: Alert example missing aria-label for icon (#28234) --- .../react-alert/stories/Alert/AlertAction.stories.tsx | 3 ++- .../react-alert/stories/Alert/AlertAvatar.stories.tsx | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx b/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx index 3458c4dea1f50..b220aaa5a79e9 100644 --- a/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx +++ b/packages/react-components/react-alert/stories/Alert/AlertAction.stories.tsx @@ -11,7 +11,8 @@ export const Action = () => ( , + icon: , + 'aria-label': 'dismiss message', }} > Save failed diff --git a/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx b/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx index 70856a17ad8f2..7dc6449b48288 100644 --- a/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx +++ b/packages/react-components/react-alert/stories/Alert/AlertAvatar.stories.tsx @@ -11,6 +11,7 @@ export const Avatar = () => ( , + 'aria-label': 'dismiss message', }} avatar={{ name: 'John Smith', size: 24, color: 'dark-green' }} > From 4e3460bbbabb80de909e7f911ab0337548871f6e Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Mon, 19 Jun 2023 07:36:45 +0000 Subject: [PATCH 23/32] applying package updates --- apps/perf-test/package.json | 2 +- apps/public-docsite-resources/package.json | 14 ++-- apps/public-docsite-v9/package.json | 2 +- apps/public-docsite/package.json | 26 +++---- apps/react-18-tests-v8/package.json | 4 +- apps/ssr-tests/package.json | 2 +- apps/stress-test/package.json | 2 +- apps/theming-designer/package.json | 10 +-- apps/ts-minbar-test-react/package.json | 2 +- apps/vr-tests/package.json | 10 +-- ...-7e266cc5-ae8b-46da-b22b-e985218f53b8.json | 7 -- ...-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json | 7 -- ...-c7a29270-edda-4443-ac6b-3e6726f93ee6.json | 7 -- ...-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json | 7 -- ...-6c590fec-07b4-4e45-855c-5f71bf154b05.json | 7 -- packages/api-docs/CHANGELOG.json | 15 ++++ packages/api-docs/CHANGELOG.md | 11 ++- packages/api-docs/package.json | 2 +- packages/azure-themes/CHANGELOG.json | 15 ++++ packages/azure-themes/CHANGELOG.md | 11 ++- packages/azure-themes/package.json | 4 +- packages/common-styles/CHANGELOG.json | 15 ++++ packages/common-styles/CHANGELOG.md | 11 ++- packages/common-styles/package.json | 4 +- packages/cra-template/CHANGELOG.json | 15 ++++ packages/cra-template/CHANGELOG.md | 11 ++- packages/cra-template/package.json | 4 +- packages/date-time-utilities/CHANGELOG.json | 15 ++++ packages/date-time-utilities/CHANGELOG.md | 11 ++- packages/date-time-utilities/package.json | 2 +- packages/fluent2-theme/CHANGELOG.json | 15 ++++ packages/fluent2-theme/CHANGELOG.md | 11 ++- packages/fluent2-theme/package.json | 4 +- packages/font-icons-mdl2/CHANGELOG.json | 21 ++++++ packages/font-icons-mdl2/CHANGELOG.md | 12 +++- packages/font-icons-mdl2/package.json | 6 +- packages/foundation-legacy/CHANGELOG.json | 21 ++++++ packages/foundation-legacy/CHANGELOG.md | 12 +++- packages/foundation-legacy/package.json | 6 +- packages/react-cards/CHANGELOG.json | 21 ++++++ packages/react-cards/CHANGELOG.md | 12 +++- packages/react-cards/package.json | 6 +- packages/react-charting/CHANGELOG.json | 27 ++++++++ packages/react-charting/CHANGELOG.md | 13 +++- packages/react-charting/package.json | 10 +-- .../react-migration-v8-v9/package.json | 4 +- packages/react-date-time/CHANGELOG.json | 15 ++++ packages/react-date-time/CHANGELOG.md | 11 ++- packages/react-date-time/package.json | 4 +- .../react-docsite-components/CHANGELOG.json | 39 +++++++++++ .../react-docsite-components/CHANGELOG.md | 15 +++- .../react-docsite-components/package.json | 12 ++-- packages/react-examples/package.json | 36 +++++----- packages/react-experiments/CHANGELOG.json | 63 +++++++++++++++++ packages/react-experiments/CHANGELOG.md | 19 ++++- packages/react-experiments/package.json | 18 ++--- packages/react-file-type-icons/CHANGELOG.json | 15 ++++ packages/react-file-type-icons/CHANGELOG.md | 11 ++- packages/react-file-type-icons/package.json | 4 +- packages/react-focus/CHANGELOG.json | 21 ++++++ packages/react-focus/CHANGELOG.md | 12 +++- packages/react-focus/package.json | 6 +- packages/react-hooks/CHANGELOG.json | 15 ++++ packages/react-hooks/CHANGELOG.md | 11 ++- packages/react-hooks/package.json | 4 +- packages/react-icon-provider/CHANGELOG.json | 15 ++++ packages/react-icon-provider/CHANGELOG.md | 11 ++- packages/react-icon-provider/package.json | 4 +- .../react-icons-mdl2-branded/CHANGELOG.json | 15 ++++ .../react-icons-mdl2-branded/CHANGELOG.md | 11 ++- .../react-icons-mdl2-branded/package.json | 4 +- packages/react-icons-mdl2/CHANGELOG.json | 21 ++++++ packages/react-icons-mdl2/CHANGELOG.md | 12 +++- packages/react-icons-mdl2/package.json | 6 +- packages/react-monaco-editor/CHANGELOG.json | 27 ++++++++ packages/react-monaco-editor/CHANGELOG.md | 13 +++- packages/react-monaco-editor/package.json | 8 +-- packages/react/CHANGELOG.json | 69 +++++++++++++++++++ packages/react/CHANGELOG.md | 20 +++++- packages/react/package.json | 20 +++--- packages/scheme-utilities/CHANGELOG.json | 15 ++++ packages/scheme-utilities/CHANGELOG.md | 11 ++- packages/scheme-utilities/package.json | 4 +- packages/storybook/package.json | 8 +-- packages/style-utilities/CHANGELOG.json | 21 ++++++ packages/style-utilities/CHANGELOG.md | 12 +++- packages/style-utilities/package.json | 6 +- packages/theme-samples/CHANGELOG.json | 21 ++++++ packages/theme-samples/CHANGELOG.md | 12 +++- packages/theme-samples/package.json | 6 +- packages/theme/CHANGELOG.json | 15 ++++ packages/theme/CHANGELOG.md | 11 ++- packages/theme/package.json | 4 +- packages/utilities/CHANGELOG.json | 15 ++++ packages/utilities/CHANGELOG.md | 11 ++- packages/utilities/package.json | 2 +- 96 files changed, 1015 insertions(+), 202 deletions(-) delete mode 100644 change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json delete mode 100644 change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json delete mode 100644 change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json delete mode 100644 change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json delete mode 100644 change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index d936f5abe1b8c..32c74b596f3e8 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -20,7 +20,7 @@ "dependencies": { "@fluentui/scripts-perf-test-flamegrill": "*", "@fluentui/example-data": "^8.4.11", - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 842194859e906..bcf1d85eff4da 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -27,22 +27,22 @@ "update-snapshots": "just-scripts jest -u" }, "devDependencies": { - "@fluentui/api-docs": "^8.2.10", + "@fluentui/api-docs": "^8.2.11", "@fluentui/eslint-plugin": "*", "@fluentui/scripts-monorepo": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.6.17", - "@fluentui/react-docsite-components": "^8.12.22", - "@fluentui/font-icons-mdl2": "^8.5.21", + "@fluentui/azure-themes": "^8.6.18", + "@fluentui/react-docsite-components": "^8.12.23", + "@fluentui/font-icons-mdl2": "^8.5.22", "@fluentui/set-version": "^8.2.11", - "@fluentui/theme-samples": "^8.7.96", - "@fluentui/react-monaco-editor": "^1.7.99", + "@fluentui/theme-samples": "^8.7.97", + "@fluentui/react-monaco-editor": "^1.7.100", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 18c4b5dd2d860..56a0b3b236093 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -26,7 +26,7 @@ "@fluentui/react-datepicker-compat": "^0.1.5", "@fluentui/react-migration-v8-v9": "^9.2.16", "@fluentui/react-migration-v0-v9": "^9.0.2", - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", "@fluentui/react-components": "^9.21.0", diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index 4cfa81c85ded3..33d9669b7397f 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -23,29 +23,29 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/common-styles": "^1.2.30", + "@fluentui/common-styles": "^1.2.31", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.99", + "@fluentui/react-monaco-editor": "^1.7.100", "write-file-webpack-plugin": "^4.1.0", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/font-icons-mdl2": "^8.5.21", + "@fluentui/font-icons-mdl2": "^8.5.22", "@fluentui/public-docsite-resources": "^8.1.41", "@fluentui/public-docsite-setup": "^0.3.21", - "@fluentui/react": "^8.110.3", - "@fluentui/react-docsite-components": "^8.12.22", + "@fluentui/react": "^8.110.4", + "@fluentui/react-docsite-components": "^8.12.23", "@fluentui/react-examples": "^8.34.4", - "@fluentui/react-experiments": "^8.14.91", - "@fluentui/fluent2-theme": "^8.107.22", - "@fluentui/react-file-type-icons": "^8.9.0", - "@fluentui/react-icons-mdl2": "^1.3.45", - "@fluentui/react-icons-mdl2-branded": "^1.2.46", + "@fluentui/react-experiments": "^8.14.92", + "@fluentui/fluent2-theme": "^8.107.23", + "@fluentui/react-file-type-icons": "^8.9.1", + "@fluentui/react-icons-mdl2": "^1.3.46", + "@fluentui/react-icons-mdl2-branded": "^1.2.47", "@fluentui/set-version": "^8.2.11", - "@fluentui/theme": "^2.6.32", - "@fluentui/theme-samples": "^8.7.96", - "@fluentui/utilities": "^8.13.16", + "@fluentui/theme": "^2.6.33", + "@fluentui/theme-samples": "^8.7.97", + "@fluentui/utilities": "^8.13.17", "@microsoft/load-themed-styles": "^1.10.26", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index 9461a2f12634c..99555140327c2 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -21,8 +21,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", - "@fluentui/react-hooks": "^8.6.27", + "@fluentui/react": "^8.110.4", + "@fluentui/react-hooks": "^8.6.28", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", "react": "18.2.0", diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index b84cc85588019..04ffbcb6ecb85 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -13,7 +13,7 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@microsoft/load-themed-styles": "^1.10.26", "@types/mocha": "7.0.2", "@fluentui/public-docsite-resources": "^8.1.41", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 0090ceb4e504b..bf9a064743c1c 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -10,7 +10,7 @@ "type-check": "tsc -b tsconfig.type.json" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/react-components": "^9.21.0", "@fluentui/react-icons": "^2.0.203", "@fluentui/web-components": "^2.5.15", diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index 10d5842940255..64d73606426cf 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -19,13 +19,13 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/merge-styles": "^8.5.12", - "@fluentui/react-docsite-components": "^8.12.22", - "@fluentui/foundation-legacy": "^8.2.41", - "@fluentui/scheme-utilities": "^8.3.33", + "@fluentui/react-docsite-components": "^8.12.23", + "@fluentui/foundation-legacy": "^8.2.42", + "@fluentui/scheme-utilities": "^8.3.34", "@fluentui/set-version": "^8.2.11", - "@fluentui/font-icons-mdl2": "^8.5.21", + "@fluentui/font-icons-mdl2": "^8.5.22", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index bed73a517e04a..e4f0d79d01275 100644 --- a/apps/ts-minbar-test-react/package.json +++ b/apps/ts-minbar-test-react/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react": "^8.110.3" + "@fluentui/react": "^8.110.4" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index b657f3d9c2a39..c0f92c6fd1e0d 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -21,11 +21,11 @@ }, "dependencies": { "@fluentui/example-data": "^8.4.11", - "@fluentui/font-icons-mdl2": "^8.5.21", - "@fluentui/react": "^8.110.3", - "@fluentui/react-experiments": "^8.14.91", - "@fluentui/react-hooks": "^8.6.27", - "@fluentui/react-icons-mdl2": "^1.3.45", + "@fluentui/font-icons-mdl2": "^8.5.22", + "@fluentui/react": "^8.110.4", + "@fluentui/react-experiments": "^8.14.92", + "@fluentui/react-hooks": "^8.6.28", + "@fluentui/react-icons-mdl2": "^1.3.46", "@fluentui/storybook": "^1.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json b/change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json deleted file mode 100644 index 9630248cf8d03..0000000000000 --- a/change/@fluentui-api-docs-7e266cc5-ae8b-46da-b22b-e985218f53b8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: bump api-extractor-model to support typescript 4.7", - "packageName": "@fluentui/api-docs", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json b/change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json deleted file mode 100644 index 11def202e52d2..0000000000000 --- a/change/@fluentui-date-time-utilities-4c4aa9e9-90bb-41a0-bf9a-2dfb71e7225d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", - "packageName": "@fluentui/date-time-utilities", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json b/change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json deleted file mode 100644 index d99896e89ff13..0000000000000 --- a/change/@fluentui-react-c7a29270-edda-4443-ac6b-3e6726f93ee6.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", - "packageName": "@fluentui/react", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json b/change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json deleted file mode 100644 index e5560530f673b..0000000000000 --- a/change/@fluentui-react-experiments-86254b1a-bb55-4f56-8958-c6c3ae1e1ae7.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: resolve FloatingSuggestion if conditions to mitigate ts 4.7 always true violation\"", - "packageName": "@fluentui/react-experiments", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json b/change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json deleted file mode 100644 index b56a385c7cc97..0000000000000 --- a/change/@fluentui-utilities-6c590fec-07b4-4e45-855c-5f71bf154b05.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: cast to String keys interpolated within string literals", - "packageName": "@fluentui/utilities", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/packages/api-docs/CHANGELOG.json b/packages/api-docs/CHANGELOG.json index aaba8a5db1ab7..9afdf7303673e 100644 --- a/packages/api-docs/CHANGELOG.json +++ b/packages/api-docs/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/api-docs", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:38 GMT", + "tag": "@fluentui/api-docs_v8.2.11", + "version": "8.2.11", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/api-docs", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: bump api-extractor-model to support typescript 4.7" + } + ] + } + }, { "date": "Wed, 31 May 2023 07:38:38 GMT", "tag": "@fluentui/api-docs_v8.2.10", diff --git a/packages/api-docs/CHANGELOG.md b/packages/api-docs/CHANGELOG.md index 13d580b344aab..e87521e0d3f24 100644 --- a/packages/api-docs/CHANGELOG.md +++ b/packages/api-docs/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/api-docs -This log was last generated on Wed, 31 May 2023 07:38:38 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified. +## [8.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/api-docs_v8.2.11) + +Mon, 19 Jun 2023 07:36:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/api-docs_v8.2.10..@fluentui/api-docs_v8.2.11) + +### Patches + +- chore: bump api-extractor-model to support typescript 4.7 ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + ## [8.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/api-docs_v8.2.10) Wed, 31 May 2023 07:38:38 GMT diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json index cd7bdddc2378b..2cba1f40399b2 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/api-docs", - "version": "8.2.10", + "version": "8.2.11", "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 8dd3451170280..b927b1640b23e 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/azure-themes_v8.6.18", + "version": "8.6.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/azure-themes_v8.6.17", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index cb2171a974dd9..abe862903324d 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.6.18](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.18) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.6.17..@fluentui/azure-themes_v8.6.18) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.6.17](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.17) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index e71ed7cb4a455..1c7766c27a964 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.6.17", + "version": "8.6.18", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" } diff --git a/packages/common-styles/CHANGELOG.json b/packages/common-styles/CHANGELOG.json index ed45c76bd8b13..e637ad1d598fb 100644 --- a/packages/common-styles/CHANGELOG.json +++ b/packages/common-styles/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/common-styles", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/common-styles_v1.2.31", + "version": "1.2.31", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/common-styles", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/common-styles_v1.2.30", diff --git a/packages/common-styles/CHANGELOG.md b/packages/common-styles/CHANGELOG.md index 8e959cf58fc43..68ad6bab946f4 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, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [1.2.31](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.31) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/common-styles_v1.2.30..@fluentui/common-styles_v1.2.31) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [1.2.30](https://github.com/microsoft/fluentui/tree/@fluentui/common-styles_v1.2.30) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/common-styles/package.json b/packages/common-styles/package.json index 1c3243a0eb45c..c25522346b5f0 100644 --- a/packages/common-styles/package.json +++ b/packages/common-styles/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/common-styles", - "version": "1.2.30", + "version": "1.2.31", "description": "Common style definitions for Fluent UI React components", "repository": { "type": "git", @@ -18,7 +18,7 @@ "office-ui-fabric-core": "^11.0.0" }, "devDependencies": { - "@fluentui/style-utilities": "^8.9.14", + "@fluentui/style-utilities": "^8.9.15", "@fluentui/scripts-tasks": "*" } } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index a61027a0cf206..9011324ff41eb 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/cra-template_v8.4.98", + "version": "8.4.98", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/cra-template_v8.4.97", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index daaa0b948983b..0bb365ac2de94 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/cra-template -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.4.98](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.98) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.97..@fluentui/cra-template_v8.4.98) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.4.97](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.97) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index 90f478c6b0565..2943032449a80 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.97", + "version": "8.4.98", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/scripts-projects-test": "*", "@fluentui/scripts-monorepo": "*" } diff --git a/packages/date-time-utilities/CHANGELOG.json b/packages/date-time-utilities/CHANGELOG.json index e7eb6b912f13b..549f79230d29f 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": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/date-time-utilities_v8.5.13", + "version": "8.5.13", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/date-time-utilities", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + } + ] + } + }, { "date": "Wed, 31 May 2023 07:38:40 GMT", "tag": "@fluentui/date-time-utilities_v8.5.12", diff --git a/packages/date-time-utilities/CHANGELOG.md b/packages/date-time-utilities/CHANGELOG.md index a3da418aade91..f41629e5e918e 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 Wed, 31 May 2023 07:38:40 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.5.13](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.13) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/date-time-utilities_v8.5.12..@fluentui/date-time-utilities_v8.5.13) + +### Patches + +- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + ## [8.5.12](https://github.com/microsoft/fluentui/tree/@fluentui/date-time-utilities_v8.5.12) Wed, 31 May 2023 07:38:40 GMT diff --git a/packages/date-time-utilities/package.json b/packages/date-time-utilities/package.json index a7a05877e05af..1509bde4beee3 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.12", + "version": "8.5.13", "description": "Date-time utilities", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json index a63373e564640..7550ed9225d4b 100644 --- a/packages/fluent2-theme/CHANGELOG.json +++ b/packages/fluent2-theme/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/fluent2-theme", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/fluent2-theme_v8.107.23", + "version": "8.107.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/fluent2-theme_v8.107.22", diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md index 3efbab94671f7..eacffc9d73db2 100644 --- a/packages/fluent2-theme/CHANGELOG.md +++ b/packages/fluent2-theme/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/fluent2-theme -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.107.23](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.23) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.22..@fluentui/fluent2-theme_v8.107.23) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.107.22](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.22) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json index 260a041bcf685..a873d99d56abb 100644 --- a/packages/fluent2-theme/package.json +++ b/packages/fluent2-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/fluent2-theme", - "version": "8.107.22", + "version": "8.107.23", "description": "A Fluent2 theme for Fluent UI React 8.x", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" } diff --git a/packages/font-icons-mdl2/CHANGELOG.json b/packages/font-icons-mdl2/CHANGELOG.json index 88a4231a8ab48..5fa706ce096cd 100644 --- a/packages/font-icons-mdl2/CHANGELOG.json +++ b/packages/font-icons-mdl2/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/font-icons-mdl2", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/font-icons-mdl2_v8.5.22", + "version": "8.5.22", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/font-icons-mdl2", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/font-icons-mdl2_v8.5.21", diff --git a/packages/font-icons-mdl2/CHANGELOG.md b/packages/font-icons-mdl2/CHANGELOG.md index f713c64d3d4c3..87836b0c4bf1b 100644 --- a/packages/font-icons-mdl2/CHANGELOG.md +++ b/packages/font-icons-mdl2/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/font-icons-mdl2 -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.5.22](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.22) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/font-icons-mdl2_v8.5.21..@fluentui/font-icons-mdl2_v8.5.22) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.5.21](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.21) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json index 7fd56fec01c38..893f1caca6191 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.21", + "version": "8.5.22", "description": "Fluent UI React icon set.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,8 +28,8 @@ }, "dependencies": { "@fluentui/set-version": "^8.2.11", - "@fluentui/style-utilities": "^8.9.14", - "@fluentui/utilities": "^8.13.16", + "@fluentui/style-utilities": "^8.9.15", + "@fluentui/utilities": "^8.13.17", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/foundation-legacy/CHANGELOG.json b/packages/foundation-legacy/CHANGELOG.json index 790705550f6c7..f26b2c2457728 100644 --- a/packages/foundation-legacy/CHANGELOG.json +++ b/packages/foundation-legacy/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/foundation-legacy", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/foundation-legacy_v8.2.42", + "version": "8.2.42", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/foundation-legacy", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/foundation-legacy_v8.2.41", diff --git a/packages/foundation-legacy/CHANGELOG.md b/packages/foundation-legacy/CHANGELOG.md index 6f169f2701a06..ef030e0640d40 100644 --- a/packages/foundation-legacy/CHANGELOG.md +++ b/packages/foundation-legacy/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/foundation-legacy -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.2.42](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.42) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/foundation-legacy_v8.2.41..@fluentui/foundation-legacy_v8.2.42) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.2.41](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.2.41) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/foundation-legacy/package.json b/packages/foundation-legacy/package.json index f77ae125cf7ec..a7b0c43ea958d 100644 --- a/packages/foundation-legacy/package.json +++ b/packages/foundation-legacy/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/foundation-legacy", - "version": "8.2.41", + "version": "8.2.42", "description": "Legacy utilities for building Fluent UI React components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,8 +36,8 @@ "dependencies": { "@fluentui/merge-styles": "^8.5.12", "@fluentui/set-version": "^8.2.11", - "@fluentui/style-utilities": "^8.9.14", - "@fluentui/utilities": "^8.13.16", + "@fluentui/style-utilities": "^8.9.15", + "@fluentui/utilities": "^8.13.17", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index 02c0a99ebe81c..a759c6501d998 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-cards_v0.205.97", + "version": "0.205.97", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/foundation-legacy to v8.2.42", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/react-cards_v0.205.96", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index 1537b9ee8bb15..c5626ec90bb33 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-cards -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [0.205.97](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.97) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.96..@fluentui/react-cards_v0.205.97) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.42 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [0.205.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.96) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index a1d0e6f7a70eb..887cc9e283711 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.96", + "version": "0.205.97", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,8 +34,8 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", - "@fluentui/foundation-legacy": "^8.2.41", + "@fluentui/react": "^8.110.4", + "@fluentui/foundation-legacy": "^8.2.42", "@fluentui/set-version": "^8.2.11", "@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 2ade885872289..09dcb44163696 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-charting_v5.16.43", + "version": "5.16.43", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react-focus to v8.8.29", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/theme-samples to v8.7.97", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/react-charting_v5.16.42", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index 7d11f4c0511a6..5b9040d3b80f1 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-charting -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [5.16.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.43) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.42..@fluentui/react-charting_v5.16.43) + +### Patches + +- Bump @fluentui/react-focus to v8.8.29 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/theme-samples to v8.7.97 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [5.16.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.42) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index 28ff972d09bf3..12e81e230065e 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.16.42", + "version": "5.16.43", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@types/react-addons-test-utils": "0.14.18", "@fluentui/jest-serializer-merge-styles": "^8.0.29", "@fluentui/scripts-jest": "*", @@ -37,8 +37,8 @@ "jest-canvas-mock": "2.4.0" }, "dependencies": { - "@fluentui/react-focus": "^8.8.28", - "@fluentui/theme-samples": "^8.7.96", + "@fluentui/react-focus": "^8.8.29", + "@fluentui/theme-samples": "^8.7.97", "@microsoft/load-themed-styles": "^1.10.26", "@types/d3-array": "1.2.1", "@types/d3-axis": "1.0.10", @@ -64,7 +64,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json index bede4f22034ed..4cf356c6fdd5a 100644 --- a/packages/react-components/react-migration-v8-v9/package.json +++ b/packages/react-components/react-migration-v8-v9/package.json @@ -32,8 +32,8 @@ }, "dependencies": { "@ctrl/tinycolor": "3.3.4", - "@fluentui/fluent2-theme": "^8.107.22", - "@fluentui/react": "^8.110.3", + "@fluentui/fluent2-theme": "^8.107.23", + "@fluentui/react": "^8.110.4", "@fluentui/react-components": "^9.21.0", "@fluentui/react-icons": "^2.0.203", "@fluentui/react-theme": "^9.1.8", diff --git a/packages/react-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json index 825c383036a63..11db871c4d45b 100644 --- a/packages/react-date-time/CHANGELOG.json +++ b/packages/react-date-time/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-date-time", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-date-time_v8.7.97", + "version": "8.7.97", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/react-date-time_v8.7.96", diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md index 5447add2549ad..86fc2b64b9b1c 100644 --- a/packages/react-date-time/CHANGELOG.md +++ b/packages/react-date-time/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-date-time -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.7.97](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.97) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.96..@fluentui/react-date-time_v8.7.97) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.7.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.96) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index 81fd46094cf5d..00a198f5416dc 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-date-time", - "version": "8.7.96", + "version": "8.7.97", "description": "Date and time related React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" }, diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index 8f5aec74677bf..87d981c1472af 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-docsite-components_v8.12.23", + "version": "8.12.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/theme to v2.6.33", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-hooks to v8.6.28", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.100", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/common-styles to v1.2.31", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/react-docsite-components_v8.12.22", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index 1323d1760864f..d7ebb5737eade 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.12.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.23) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.22..@fluentui/react-docsite-components_v8.12.23) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.100 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/common-styles to v1.2.31 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.12.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.22) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index e5874365b6151..bbe3cfecf02cd 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-docsite-components", - "version": "8.12.22", + "version": "8.12.23", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -20,7 +20,7 @@ "test": "just-scripts test" }, "devDependencies": { - "@fluentui/common-styles": "^1.2.30", + "@fluentui/common-styles": "^1.2.31", "@fluentui/eslint-plugin": "*", "@types/color-check": "0.0.0", "@types/react-custom-scrollbars": "^4.0.5", @@ -35,14 +35,14 @@ "react-dom": ">=16.8.0 <19.0.0" }, "dependencies": { - "@fluentui/react": "^8.110.3", - "@fluentui/theme": "^2.6.32", + "@fluentui/react": "^8.110.4", + "@fluentui/theme": "^2.6.33", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.11", "@fluentui/public-docsite-setup": "^0.3.21", - "@fluentui/react-hooks": "^8.6.27", + "@fluentui/react-hooks": "^8.6.28", "@fluentui/set-version": "^8.2.11", - "@fluentui/react-monaco-editor": "^1.7.99", + "@fluentui/react-monaco-editor": "^1.7.100", "color-check": "0.0.2", "markdown-to-jsx": "^7.0.0", "office-ui-fabric-core": "^11.0.0", diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index f367532e05fe4..99af9102f22e5 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -25,27 +25,27 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/azure-themes": "^8.6.17", - "@fluentui/date-time-utilities": "^8.5.12", + "@fluentui/azure-themes": "^8.6.18", + "@fluentui/date-time-utilities": "^8.5.13", "@fluentui/dom-utilities": "^2.2.11", "@fluentui/example-data": "^8.4.11", - "@fluentui/font-icons-mdl2": "^8.5.21", - "@fluentui/foundation-legacy": "^8.2.41", + "@fluentui/font-icons-mdl2": "^8.5.22", + "@fluentui/foundation-legacy": "^8.2.42", "@fluentui/merge-styles": "^8.5.12", - "@fluentui/react": "^8.110.3", - "@fluentui/react-cards": "^0.205.96", - "@fluentui/react-charting": "^5.16.42", - "@fluentui/react-docsite-components": "^8.12.22", - "@fluentui/react-experiments": "^8.14.91", - "@fluentui/react-file-type-icons": "^8.9.0", - "@fluentui/react-focus": "^8.8.28", - "@fluentui/react-hooks": "^8.6.27", - "@fluentui/react-icons-mdl2": "^1.3.45", - "@fluentui/scheme-utilities": "^8.3.33", - "@fluentui/style-utilities": "^8.9.14", - "@fluentui/theme": "^2.6.32", - "@fluentui/theme-samples": "^8.7.96", - "@fluentui/utilities": "^8.13.16", + "@fluentui/react": "^8.110.4", + "@fluentui/react-cards": "^0.205.97", + "@fluentui/react-charting": "^5.16.43", + "@fluentui/react-docsite-components": "^8.12.23", + "@fluentui/react-experiments": "^8.14.92", + "@fluentui/react-file-type-icons": "^8.9.1", + "@fluentui/react-focus": "^8.8.29", + "@fluentui/react-hooks": "^8.6.28", + "@fluentui/react-icons-mdl2": "^1.3.46", + "@fluentui/scheme-utilities": "^8.3.34", + "@fluentui/style-utilities": "^8.9.15", + "@fluentui/theme": "^2.6.33", + "@fluentui/theme-samples": "^8.7.97", + "@fluentui/utilities": "^8.13.17", "@microsoft/load-themed-styles": "^1.10.26", "d3-fetch": "3.0.1", "d3-format": "^1.4.4", diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json index cd7ef724858d4..adc1dfe96b90d 100644 --- a/packages/react-experiments/CHANGELOG.json +++ b/packages/react-experiments/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-experiments", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:38 GMT", + "tag": "@fluentui/react-experiments_v8.14.92", + "version": "8.14.92", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-experiments", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "fix: resolve FloatingSuggestion if conditions to mitigate ts 4.7 always true violation\"" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/theme to v2.6.33", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/foundation-legacy to v8.2.42", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.22", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react-hooks to v8.6.28", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/common-styles to v1.2.31", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/react-experiments_v8.14.91", diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md index d75185fde8297..b14e883acb8c9 100644 --- a/packages/react-experiments/CHANGELOG.md +++ b/packages/react-experiments/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-experiments -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified. +## [8.14.92](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.92) + +Mon, 19 Jun 2023 07:36:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.91..@fluentui/react-experiments_v8.14.92) + +### Patches + +- fix: resolve FloatingSuggestion if conditions to mitigate ts 4.7 always true violation" ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.42 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/font-icons-mdl2 to v8.5.22 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/common-styles to v1.2.31 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.14.91](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.91) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index f57d78f2e7a21..2eeb3dc15a6b6 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-experiments", - "version": "8.14.91", + "version": "8.14.92", "description": "Experimental React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "update-snapshots": "just-scripts jest -u" }, "devDependencies": { - "@fluentui/common-styles": "^1.2.30", + "@fluentui/common-styles": "^1.2.31", "@fluentui/eslint-plugin": "*", "@types/deep-assign": "^0.1.1", "@types/prop-types": "15.7.1", @@ -39,17 +39,17 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", - "@fluentui/theme": "^2.6.32", + "@fluentui/react": "^8.110.4", + "@fluentui/theme": "^2.6.33", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.11", - "@fluentui/foundation-legacy": "^8.2.41", - "@fluentui/font-icons-mdl2": "^8.5.21", + "@fluentui/foundation-legacy": "^8.2.42", + "@fluentui/font-icons-mdl2": "^8.5.22", "@fluentui/merge-styles": "^8.5.12", - "@fluentui/react-hooks": "^8.6.27", + "@fluentui/react-hooks": "^8.6.28", "@fluentui/set-version": "^8.2.11", - "@fluentui/style-utilities": "^8.9.14", - "@fluentui/utilities": "^8.13.16", + "@fluentui/style-utilities": "^8.9.15", + "@fluentui/utilities": "^8.13.17", "deep-assign": "^2.0.0", "prop-types": "^15.7.2", "tslib": "^2.1.0" diff --git a/packages/react-file-type-icons/CHANGELOG.json b/packages/react-file-type-icons/CHANGELOG.json index 4d869cd1dfbc9..964042b9b0a68 100644 --- a/packages/react-file-type-icons/CHANGELOG.json +++ b/packages/react-file-type-icons/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-file-type-icons", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-file-type-icons_v8.9.1", + "version": "8.9.1", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-file-type-icons", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Mon, 12 Jun 2023 07:33:50 GMT", "tag": "@fluentui/react-file-type-icons_v8.9.0", diff --git a/packages/react-file-type-icons/CHANGELOG.md b/packages/react-file-type-icons/CHANGELOG.md index c6b14d6ea3aa1..d712939dd2c2c 100644 --- a/packages/react-file-type-icons/CHANGELOG.md +++ b/packages/react-file-type-icons/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-file-type-icons -This log was last generated on Mon, 12 Jun 2023 07:33:50 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.9.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.9.1) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.9.0..@fluentui/react-file-type-icons_v8.9.1) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.9.0) Mon, 12 Jun 2023 07:33:50 GMT diff --git a/packages/react-file-type-icons/package.json b/packages/react-file-type-icons/package.json index d50d565753214..83f34f782f8f9 100644 --- a/packages/react-file-type-icons/package.json +++ b/packages/react-file-type-icons/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-file-type-icons", - "version": "8.9.0", + "version": "8.9.1", "description": "Fluent UI React file type icon set.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ }, "dependencies": { "@fluentui/set-version": "^8.2.11", - "@fluentui/style-utilities": "^8.9.14", + "@fluentui/style-utilities": "^8.9.15", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-focus/CHANGELOG.json b/packages/react-focus/CHANGELOG.json index d1f7a6aaed561..4798ac2e3cd3e 100644 --- a/packages/react-focus/CHANGELOG.json +++ b/packages/react-focus/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-focus", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-focus_v8.8.29", + "version": "8.8.29", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-focus", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/react-focus_v8.8.27", diff --git a/packages/react-focus/CHANGELOG.md b/packages/react-focus/CHANGELOG.md index 56c3b513b38f9..190f3e00a7d58 100644 --- a/packages/react-focus/CHANGELOG.md +++ b/packages/react-focus/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-focus -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.8.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.8.29) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-focus_v8.8.27..@fluentui/react-focus_v8.8.29) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.8.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.8.27) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/react-focus/package.json b/packages/react-focus/package.json index b961007ffda68..546f226d980b3 100644 --- a/packages/react-focus/package.json +++ b/packages/react-focus/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-focus", - "version": "8.8.28", + "version": "8.8.29", "description": "Focus helpers to be used in React applications.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -39,8 +39,8 @@ "@fluentui/keyboard-key": "^0.4.11", "@fluentui/merge-styles": "^8.5.12", "@fluentui/set-version": "^8.2.11", - "@fluentui/style-utilities": "^8.9.14", - "@fluentui/utilities": "^8.13.16", + "@fluentui/style-utilities": "^8.9.15", + "@fluentui/utilities": "^8.13.17", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-hooks/CHANGELOG.json b/packages/react-hooks/CHANGELOG.json index f3901c52410ae..3ef2a8d5430d0 100644 --- a/packages/react-hooks/CHANGELOG.json +++ b/packages/react-hooks/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-hooks", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-hooks_v8.6.28", + "version": "8.6.28", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-hooks", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/react-hooks_v8.6.27", diff --git a/packages/react-hooks/CHANGELOG.md b/packages/react-hooks/CHANGELOG.md index f1544a0c519d3..fc89119ae326d 100644 --- a/packages/react-hooks/CHANGELOG.md +++ b/packages/react-hooks/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-hooks -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.6.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-hooks_v8.6.28) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-hooks_v8.6.27..@fluentui/react-hooks_v8.6.28) + +### Patches + +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.6.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-hooks_v8.6.27) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json index 49dd32b7dc6a0..7cbec867d4543 100644 --- a/packages/react-hooks/package.json +++ b/packages/react-hooks/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-hooks", - "version": "8.6.27", + "version": "8.6.28", "description": "Fluent UI React hooks.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "dependencies": { "@fluentui/react-window-provider": "^2.2.15", "@fluentui/set-version": "^8.2.11", - "@fluentui/utilities": "^8.13.16", + "@fluentui/utilities": "^8.13.17", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-icon-provider/CHANGELOG.json b/packages/react-icon-provider/CHANGELOG.json index 8cf18e7cc399b..4664346db0f12 100644 --- a/packages/react-icon-provider/CHANGELOG.json +++ b/packages/react-icon-provider/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-icon-provider", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-icon-provider_v1.3.43", + "version": "1.3.43", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icon-provider", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/react-icon-provider_v1.3.42", diff --git a/packages/react-icon-provider/CHANGELOG.md b/packages/react-icon-provider/CHANGELOG.md index 5caa92c6a6205..d35e353fdd075 100644 --- a/packages/react-icon-provider/CHANGELOG.md +++ b/packages/react-icon-provider/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-icon-provider -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [1.3.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.43) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icon-provider_v1.3.42..@fluentui/react-icon-provider_v1.3.43) + +### Patches + +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [1.3.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.42) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/react-icon-provider/package.json b/packages/react-icon-provider/package.json index 03a1ac897e547..f20db2e1ebb43 100644 --- a/packages/react-icon-provider/package.json +++ b/packages/react-icon-provider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-icon-provider", - "version": "1.3.42", + "version": "1.3.43", "description": "Package for applying icon overrides to Fluent UI React SVG icons", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/set-version": "^8.2.11", - "@fluentui/style-utilities": "^8.9.14", + "@fluentui/style-utilities": "^8.9.15", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.json b/packages/react-icons-mdl2-branded/CHANGELOG.json index 3e8e9d09e4e6a..b81193363d5fb 100644 --- a/packages/react-icons-mdl2-branded/CHANGELOG.json +++ b/packages/react-icons-mdl2-branded/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-icons-mdl2-branded", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-icons-mdl2-branded_v1.2.47", + "version": "1.2.47", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2-branded", + "comment": "Bump @fluentui/react-icons-mdl2 to v1.3.46", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/react-icons-mdl2-branded_v1.2.46", diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.md b/packages/react-icons-mdl2-branded/CHANGELOG.md index 8adc10cce42f4..fe40350fbad16 100644 --- a/packages/react-icons-mdl2-branded/CHANGELOG.md +++ b/packages/react-icons-mdl2-branded/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-icons-mdl2-branded -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [1.2.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.47) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2-branded_v1.2.46..@fluentui/react-icons-mdl2-branded_v1.2.47) + +### Patches + +- Bump @fluentui/react-icons-mdl2 to v1.3.46 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [1.2.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.46) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/react-icons-mdl2-branded/package.json b/packages/react-icons-mdl2-branded/package.json index 58c3ab72f8ec8..669fca0d25fc8 100644 --- a/packages/react-icons-mdl2-branded/package.json +++ b/packages/react-icons-mdl2-branded/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-icons-mdl2-branded", - "version": "1.2.46", + "version": "1.2.47", "description": "Branded SVG icons from the MDL2 icon set", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ }, "dependencies": { "@fluentui/set-version": "^8.2.11", - "@fluentui/react-icons-mdl2": "^1.3.45", + "@fluentui/react-icons-mdl2": "^1.3.46", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-icons-mdl2/CHANGELOG.json b/packages/react-icons-mdl2/CHANGELOG.json index f2b4d822b3115..041ff3ad3a9a2 100644 --- a/packages/react-icons-mdl2/CHANGELOG.json +++ b/packages/react-icons-mdl2/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-icons-mdl2", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-icons-mdl2_v1.3.46", + "version": "1.3.46", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/react-icon-provider to v1.3.43", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-icons-mdl2", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/react-icons-mdl2_v1.3.45", diff --git a/packages/react-icons-mdl2/CHANGELOG.md b/packages/react-icons-mdl2/CHANGELOG.md index ca071fea699e4..0111c911ce224 100644 --- a/packages/react-icons-mdl2/CHANGELOG.md +++ b/packages/react-icons-mdl2/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-icons-mdl2 -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [1.3.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.46) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2_v1.3.45..@fluentui/react-icons-mdl2_v1.3.46) + +### Patches + +- Bump @fluentui/react-icon-provider to v1.3.43 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [1.3.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.45) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/react-icons-mdl2/package.json b/packages/react-icons-mdl2/package.json index 90e09907a62e7..450005bfd9d2f 100644 --- a/packages/react-icons-mdl2/package.json +++ b/packages/react-icons-mdl2/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-icons-mdl2", - "version": "1.3.45", + "version": "1.3.46", "description": "SVG icon components for @fluentui/react", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,9 +32,9 @@ }, "dependencies": { "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/react-icon-provider": "^1.3.42", + "@fluentui/react-icon-provider": "^1.3.43", "@fluentui/set-version": "^8.2.11", - "@fluentui/utilities": "^8.13.16", + "@fluentui/utilities": "^8.13.17", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index 253e0abaf7364..3a7bd3c44e31f 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.100", + "version": "1.7.100", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-hooks to v8.6.28", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-charting to v5.16.43", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.99", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index 422742e0e4d12..8055b647d8001 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [1.7.100](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.100) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.99..@fluentui/react-monaco-editor_v1.7.100) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react-charting to v5.16.43 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [1.7.99](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.99) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index cf9cfa914203b..74454dbd17c09 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-monaco-editor", - "version": "1.7.99", + "version": "1.7.100", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,12 +30,12 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.11", "@fluentui/monaco-editor": "^1.3.11", - "@fluentui/react-hooks": "^8.6.27", - "@fluentui/react-charting": "^5.16.42", + "@fluentui/react-hooks": "^8.6.28", + "@fluentui/react-charting": "^5.16.43", "raw-loader": "4.0.2", "react-syntax-highlighter": "^10.1.3", "tslib": "^2.1.0" diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index c3ab7848aa0e0..f05b08e765158 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,75 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:38 GMT", + "tag": "@fluentui/react_v8.110.4", + "version": "8.110.4", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/date-time-utilities to v8.5.13", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/foundation-legacy to v8.2.42", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.22", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-focus to v8.8.29", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/react-hooks to v8.6.28", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/style-utilities to v8.9.15", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/theme to v2.6.33", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/react", + "comment": "Bump @fluentui/common-styles to v1.2.31", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/react_v8.110.3", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 1759e38d8f597..d72aebedae597 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/react -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified. +## [8.110.4](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.110.4) + +Mon, 19 Jun 2023 07:36:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.110.3..@fluentui/react_v8.110.4) + +### Patches + +- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) +- Bump @fluentui/date-time-utilities to v8.5.13 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/foundation-legacy to v8.2.42 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/font-icons-mdl2 to v8.5.22 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react-focus to v8.8.29 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/react-hooks to v8.6.28 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/style-utilities to v8.9.15 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/common-styles to v1.2.31 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.110.3](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.110.3) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/react/package.json b/packages/react/package.json index 2b19220966192..4d4765ddea914 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react", - "version": "8.110.3", + "version": "8.110.4", "description": "Reusable React components for building web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,7 +33,7 @@ "mf": "just-scripts mf" }, "devDependencies": { - "@fluentui/common-styles": "^1.2.30", + "@fluentui/common-styles": "^1.2.31", "@fluentui/eslint-plugin": "*", "@fluentui/example-data": "^8.4.11", "@fluentui/jest-serializer-merge-styles": "^8.0.29", @@ -47,18 +47,18 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/date-time-utilities": "^8.5.12", - "@fluentui/foundation-legacy": "^8.2.41", - "@fluentui/font-icons-mdl2": "^8.5.21", + "@fluentui/date-time-utilities": "^8.5.13", + "@fluentui/foundation-legacy": "^8.2.42", + "@fluentui/font-icons-mdl2": "^8.5.22", "@fluentui/merge-styles": "^8.5.12", - "@fluentui/react-focus": "^8.8.28", - "@fluentui/react-hooks": "^8.6.27", + "@fluentui/react-focus": "^8.8.29", + "@fluentui/react-hooks": "^8.6.28", "@fluentui/react-portal-compat-context": "^9.0.6", "@fluentui/react-window-provider": "^2.2.15", "@fluentui/set-version": "^8.2.11", - "@fluentui/style-utilities": "^8.9.14", - "@fluentui/theme": "^2.6.32", - "@fluentui/utilities": "^8.13.16", + "@fluentui/style-utilities": "^8.9.15", + "@fluentui/theme": "^2.6.33", + "@fluentui/utilities": "^8.13.17", "@microsoft/load-themed-styles": "^1.10.26", "tslib": "^2.1.0" }, diff --git a/packages/scheme-utilities/CHANGELOG.json b/packages/scheme-utilities/CHANGELOG.json index 08ea51997e0ad..a4a2a6a5eb059 100644 --- a/packages/scheme-utilities/CHANGELOG.json +++ b/packages/scheme-utilities/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/scheme-utilities", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/scheme-utilities_v8.3.34", + "version": "8.3.34", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/scheme-utilities", + "comment": "Bump @fluentui/theme to v2.6.33", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/scheme-utilities_v8.3.33", diff --git a/packages/scheme-utilities/CHANGELOG.md b/packages/scheme-utilities/CHANGELOG.md index e1ce0b59d124d..f5f6d10d72a1f 100644 --- a/packages/scheme-utilities/CHANGELOG.md +++ b/packages/scheme-utilities/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/scheme-utilities -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.3.34](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.34) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/scheme-utilities_v8.3.33..@fluentui/scheme-utilities_v8.3.34) + +### Patches + +- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.3.33](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.33) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/scheme-utilities/package.json b/packages/scheme-utilities/package.json index b018ae82b1797..69ba0f4c80ec7 100644 --- a/packages/scheme-utilities/package.json +++ b/packages/scheme-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/scheme-utilities", - "version": "8.3.33", + "version": "8.3.34", "description": "Fluent UI React subtheme generator.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/theme": "^2.6.32", + "@fluentui/theme": "^2.6.33", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" }, diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 912857c91eb99..f2709827aabe7 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", - "@fluentui/theme": "^2.6.32", + "@fluentui/react": "^8.110.4", + "@fluentui/theme": "^2.6.33", "@storybook/addon-knobs": "6.4.0", "@storybook/addon-essentials": "6.5.15", "@storybook/addons": "6.5.15", - "@fluentui/azure-themes": "^8.6.17", - "@fluentui/theme-samples": "^8.7.96", + "@fluentui/azure-themes": "^8.6.18", + "@fluentui/theme-samples": "^8.7.97", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/style-utilities/CHANGELOG.json b/packages/style-utilities/CHANGELOG.json index 3eb42335adde0..cd45d3fd14e2d 100644 --- a/packages/style-utilities/CHANGELOG.json +++ b/packages/style-utilities/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/style-utilities", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/style-utilities_v8.9.15", + "version": "8.9.15", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/theme to v2.6.33", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/style-utilities", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/style-utilities_v8.9.14", diff --git a/packages/style-utilities/CHANGELOG.md b/packages/style-utilities/CHANGELOG.md index 198bcbf0a54a5..119872b558982 100644 --- a/packages/style-utilities/CHANGELOG.md +++ b/packages/style-utilities/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/style-utilities -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.9.15](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.9.15) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/style-utilities_v8.9.14..@fluentui/style-utilities_v8.9.15) + +### Patches + +- Bump @fluentui/theme to v2.6.33 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.9.14](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.9.14) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/style-utilities/package.json b/packages/style-utilities/package.json index f591967e87dc4..f03b0d37632a7 100644 --- a/packages/style-utilities/package.json +++ b/packages/style-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/style-utilities", - "version": "8.9.14", + "version": "8.9.15", "description": "Styling helpers for Fluent UI React.", "repository": { "type": "git", @@ -32,10 +32,10 @@ }, "dependencies": { "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/theme": "^2.6.32", + "@fluentui/theme": "^2.6.33", "@fluentui/merge-styles": "^8.5.12", "@fluentui/set-version": "^8.2.11", - "@fluentui/utilities": "^8.13.16", + "@fluentui/utilities": "^8.13.17", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json index af614f74b6e8c..c566d500af6d5 100644 --- a/packages/theme-samples/CHANGELOG.json +++ b/packages/theme-samples/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/theme-samples", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/theme-samples_v8.7.97", + "version": "8.7.97", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.110.4", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + }, + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/scheme-utilities to v8.3.34", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Wed, 14 Jun 2023 07:38:33 GMT", "tag": "@fluentui/theme-samples_v8.7.96", diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md index e5b5d8d8250ef..f592cb269ac74 100644 --- a/packages/theme-samples/CHANGELOG.md +++ b/packages/theme-samples/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/theme-samples -This log was last generated on Wed, 14 Jun 2023 07:38:33 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [8.7.97](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.97) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.96..@fluentui/theme-samples_v8.7.97) + +### Patches + +- Bump @fluentui/react to v8.110.4 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) +- Bump @fluentui/scheme-utilities to v8.3.34 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [8.7.96](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.96) Wed, 14 Jun 2023 07:38:33 GMT diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index ee5065120160b..8282a6561488c 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme-samples", - "version": "8.7.96", + "version": "8.7.97", "description": "Sample themes for use with Fabric components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,9 +27,9 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.110.3", + "@fluentui/react": "^8.110.4", "@fluentui/set-version": "^8.2.11", - "@fluentui/scheme-utilities": "^8.3.33", + "@fluentui/scheme-utilities": "^8.3.34", "tslib": "^2.1.0" }, "exports": { diff --git a/packages/theme/CHANGELOG.json b/packages/theme/CHANGELOG.json index 61fe5e4ca0db5..8c508cc1a01da 100644 --- a/packages/theme/CHANGELOG.json +++ b/packages/theme/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/theme", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:39 GMT", + "tag": "@fluentui/theme_v2.6.33", + "version": "2.6.33", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme", + "comment": "Bump @fluentui/utilities to v8.13.17", + "commit": "4ccaa77ad47a12fd61b65f703a2aaaa7e9c161f6" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/theme_v2.6.32", diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md index 648277bbde1ef..037ccae72436f 100644 --- a/packages/theme/CHANGELOG.md +++ b/packages/theme/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/theme -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +## [2.6.33](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.33) + +Mon, 19 Jun 2023 07:36:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.6.32..@fluentui/theme_v2.6.33) + +### Patches + +- Bump @fluentui/utilities to v8.13.17 ([PR #28234](https://github.com/microsoft/fluentui/pull/28234) by beachball) + ## [2.6.32](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.32) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/theme/package.json b/packages/theme/package.json index 8fdc5fc5cdfbe..367b4ef58314e 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme", - "version": "2.6.32", + "version": "2.6.33", "description": "Basic building blocks for Fluent UI React Component themes", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/merge-styles": "^8.5.12", - "@fluentui/utilities": "^8.13.16", + "@fluentui/utilities": "^8.13.17", "@fluentui/set-version": "^8.2.11", "tslib": "^2.1.0" }, diff --git a/packages/utilities/CHANGELOG.json b/packages/utilities/CHANGELOG.json index 1b744fcf48a5a..687ed050af816 100644 --- a/packages/utilities/CHANGELOG.json +++ b/packages/utilities/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/utilities", "entries": [ + { + "date": "Mon, 19 Jun 2023 07:36:38 GMT", + "tag": "@fluentui/utilities_v8.13.17", + "version": "8.13.17", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/utilities", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "fix: cast to String keys interpolated within string literals" + } + ] + } + }, { "date": "Thu, 01 Jun 2023 07:38:37 GMT", "tag": "@fluentui/utilities_v8.13.16", diff --git a/packages/utilities/CHANGELOG.md b/packages/utilities/CHANGELOG.md index 2751822ea4d37..5d74883d43d4f 100644 --- a/packages/utilities/CHANGELOG.md +++ b/packages/utilities/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/utilities -This log was last generated on Thu, 01 Jun 2023 07:38:37 GMT and should not be manually modified. +This log was last generated on Mon, 19 Jun 2023 07:36:38 GMT and should not be manually modified. +## [8.13.17](https://github.com/microsoft/fluentui/tree/@fluentui/utilities_v8.13.17) + +Mon, 19 Jun 2023 07:36:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/utilities_v8.13.16..@fluentui/utilities_v8.13.17) + +### Patches + +- fix: cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + ## [8.13.16](https://github.com/microsoft/fluentui/tree/@fluentui/utilities_v8.13.16) Thu, 01 Jun 2023 07:38:37 GMT diff --git a/packages/utilities/package.json b/packages/utilities/package.json index 5ab6ca2825af2..c53284b241609 100644 --- a/packages/utilities/package.json +++ b/packages/utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/utilities", - "version": "8.13.16", + "version": "8.13.17", "description": "Fluent UI React utilities for building components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", From 1a277b9c4d55bc1b7c65a73383425b1934ec1dad Mon Sep 17 00:00:00 2001 From: Juraj Kapsiar Date: Mon, 19 Jun 2023 11:14:56 +0200 Subject: [PATCH 24/32] useArrowNavigationGroup grid-linear axis (#28253) * useArrowNavigationGroup grid-linear axis * changelog * fix --------- Co-authored-by: Juraj Kapsiar --- ...eact-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json | 7 +++++++ .../react-tabster/etc/react-tabster.api.md | 2 +- packages/react-components/react-tabster/package.json | 2 +- .../react-tabster/src/hooks/useArrowNavigationGroup.ts | 4 +++- yarn.lock | 8 ++++---- 5 files changed, 16 insertions(+), 7 deletions(-) create mode 100644 change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json diff --git a/change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json b/change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json new file mode 100644 index 0000000000000..33f4668035519 --- /dev/null +++ b/change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "useArrowNavigationGroup grid-linear axis", + "packageName": "@fluentui/react-tabster", + "email": "jukapsia@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-tabster/etc/react-tabster.api.md b/packages/react-components/react-tabster/etc/react-tabster.api.md index e2a7ba8fd51cf..c12efb02d6d68 100644 --- a/packages/react-components/react-tabster/etc/react-tabster.api.md +++ b/packages/react-components/react-tabster/etc/react-tabster.api.md @@ -49,7 +49,7 @@ export const useArrowNavigationGroup: (options?: UseArrowNavigationGroupOptions) // @public (undocumented) export interface UseArrowNavigationGroupOptions { - axis?: 'vertical' | 'horizontal' | 'grid' | 'both'; + axis?: 'vertical' | 'horizontal' | 'grid' | 'grid-linear' | 'both'; circular?: boolean; ignoreDefaultKeydown?: Types.FocusableProps['ignoreKeydown']; memorizeCurrent?: boolean; diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json index 15e7a6e15e901..93e3aa10dee27 100644 --- a/packages/react-components/react-tabster/package.json +++ b/packages/react-components/react-tabster/package.json @@ -37,7 +37,7 @@ "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14", "keyborg": "^2.0.0", - "tabster": "^4.4.2" + "tabster": "^4.5.1" }, "peerDependencies": { "@types/react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts b/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts index f9aca20f45e4a..736a5e63a0c45 100644 --- a/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts +++ b/packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts @@ -7,7 +7,7 @@ export interface UseArrowNavigationGroupOptions { * Focus will navigate vertically, horizontally or in both directions (grid), defaults to horizontally * @defaultValue vertical */ - axis?: 'vertical' | 'horizontal' | 'grid' | 'both'; + axis?: 'vertical' | 'horizontal' | 'grid' | 'grid-linear' | 'both'; /** * Focus will cycle to the first/last elements of the group without stopping */ @@ -76,6 +76,8 @@ function axisToMoverDirection(axis: UseArrowNavigationGroupOptions['axis']): Typ return Types.MoverDirections.Horizontal; case 'grid': return Types.MoverDirections.Grid; + case 'grid-linear': + return Types.MoverDirections.GridLinear; case 'both': return Types.MoverDirections.Both; diff --git a/yarn.lock b/yarn.lock index b9fe0b851598f..c31aa0b6b7f08 100644 --- a/yarn.lock +++ b/yarn.lock @@ -24928,10 +24928,10 @@ table@^6.0.4, table@^6.0.7: string-width "^4.2.3" strip-ansi "^6.0.1" -tabster@^4.4.2: - version "4.4.2" - resolved "https://registry.yarnpkg.com/tabster/-/tabster-4.4.2.tgz#df6a8990ed826301133531adb389267b7f8106dd" - integrity sha512-prscUoHg9WfWw2R0+LAlyBjtr0937qfC/s6/0/jO+sJls5pufLueazqHZC13fEV7fUPsGzTDbqchsq3TJLyPfA== +tabster@^4.5.1: + version "4.5.1" + resolved "https://registry.yarnpkg.com/tabster/-/tabster-4.5.1.tgz#15540f07f7f5ad43c53224fa22f7f701a86bd372" + integrity sha512-Zbvy4RN308q2siLBuzAFbx4LbCjeU6EnKcxAoEYhVSu8buZcrPFeUlcwfU5AvkrwYU/rq3lNl5E7millpuWITw== dependencies: keyborg "^2.0.0" tslib "^2.3.1" From 53292d2fbbb7de5f9ac7df47ab8756480dbd7bc9 Mon Sep 17 00:00:00 2001 From: krkshitij <110246001+krkshitij@users.noreply.github.com> Date: Mon, 19 Jun 2023 22:37:35 +0530 Subject: [PATCH 25/32] Fix overlapping axis labels on smaller viewports (#28239) * set minimum width for cartesian chart * include label rotation and wrapping in calculations * add change file * add prop to enable reflow * add comment --- ...-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json | 7 ++ .../__snapshots__/AreaChart.test.tsx.snap | 39 ++++++++ .../CommonComponents/CartesianChart.base.tsx | 89 ++++++++++++++++--- .../CommonComponents/CartesianChart.styles.ts | 3 + .../CommonComponents/CartesianChart.types.ts | 11 +++ .../GroupedVerticalBarChart.test.tsx.snap | 27 ++++++ .../__snapshots__/HeatMapChart.test.tsx.snap | 18 ++++ .../HorizontalBarChartWithAxis.test.tsx.snap | 15 ++++ .../components/LineChart/LineChart.base.tsx | 4 + .../__snapshots__/LineChart.test.tsx.snap | 33 +++++++ .../VerticalBarChart.test.tsx.snap | 30 +++++++ .../VerticalStackedBarChart.test.tsx.snap | 36 ++++++++ .../react-charting/src/utilities/utilities.ts | 76 +++++++++------- 13 files changed, 347 insertions(+), 41 deletions(-) create mode 100644 change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json diff --git a/change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json b/change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json new file mode 100644 index 0000000000000..d9db3e25e03d5 --- /dev/null +++ b/change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Fix overlapping axis labels on smaller viewports", + "packageName": "@fluentui/react-charting", + "email": "kumarkshitij@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap b/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap index 76fa2e8866ff2..6a7b5c01549c0 100644 --- a/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap +++ b/packages/react-charting/src/components/AreaChart/__snapshots__/AreaChart.test.tsx.snap @@ -26,6 +26,9 @@ exports[`AreaChart - mouse events Should render callout correctly on mouseover 1 &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone6" onFocus={[Function]} onKeyDown={[Function]} @@ -565,6 +568,9 @@ exports[`AreaChart - mouse events Should render customized callout on mouseover &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone6" onFocus={[Function]} onKeyDown={[Function]} @@ -1001,6 +1007,9 @@ exports[`AreaChart - mouse events Should render customized callout per stack on &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone6" onFocus={[Function]} onKeyDown={[Function]} @@ -1437,6 +1446,9 @@ exports[`AreaChart snapShot testing Should not render circles when optimizeLarge &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone77" onFocus={[Function]} onKeyDown={[Function]} @@ -1751,6 +1763,9 @@ exports[`AreaChart snapShot testing Should render with default colors when line &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone69" onFocus={[Function]} onKeyDown={[Function]} @@ -2102,6 +2117,9 @@ exports[`AreaChart snapShot testing renders Areachart correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone6" onFocus={[Function]} onKeyDown={[Function]} @@ -2453,6 +2471,9 @@ exports[`AreaChart snapShot testing renders Areachart with single point correctl &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone61" onFocus={[Function]} onKeyDown={[Function]} @@ -2791,6 +2812,9 @@ exports[`AreaChart snapShot testing renders enabledLegendsWrapLines correctly 1` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone29" onFocus={[Function]} onKeyDown={[Function]} @@ -3122,6 +3146,9 @@ exports[`AreaChart snapShot testing renders hideLegend hhh correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone14" onFocus={[Function]} onKeyDown={[Function]} @@ -3313,6 +3340,9 @@ exports[`AreaChart snapShot testing renders hideTooltip correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone21" onFocus={[Function]} onKeyDown={[Function]} @@ -3664,6 +3694,9 @@ exports[`AreaChart snapShot testing renders showXAxisLablesTooltip correctly 1`] &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone37" onFocus={[Function]} onKeyDown={[Function]} @@ -4015,6 +4048,9 @@ exports[`AreaChart snapShot testing renders wrapXAxisLables correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone45" onFocus={[Function]} onKeyDown={[Function]} @@ -4366,6 +4402,9 @@ exports[`AreaChart snapShot testing renders yAxisTickFormat correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone53" onFocus={[Function]} onKeyDown={[Function]} diff --git a/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx b/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx index 55381a5f1c281..e3bb0550ee056 100644 --- a/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx +++ b/packages/react-charting/src/components/CommonComponents/CartesianChart.base.tsx @@ -8,6 +8,7 @@ import { ICartesianChartStyleProps, IModifiedCartesianChartProps, IYValueHover, + IHorizontalBarChartWithAxisDataPoint, } from '../../index'; import { ChartHoverCard, @@ -28,7 +29,7 @@ import { rotateXAxisLabels, Points, pointTypes, - calculateLongestYAxisLabel, + calculateLongestLabelWidth, createYAxisLabels, ChartTypes, } from '../../utilities/index'; @@ -73,6 +74,7 @@ export class CartesianChartBase extends React.Component point.y), + `.${this._classNames.yAxis} text`, + ); if (this.state.startFromX !== maxYAxisLabelLength) { this.setState({ startFromX: maxYAxisLabelLength, @@ -166,7 +171,10 @@ export class CartesianChartBase extends React.Component point.y), + `.${this._classNames.yAxis} text`, + ); if (this.state.startFromX !== maxYAxisLabelLength) { this.setState({ startFromX: maxYAxisLabelLength, @@ -257,27 +265,34 @@ export class CartesianChartBase extends React.Component (this.chartContainer = rootElem)} onMouseLeave={this._onChartLeave} > - + legendContainerHeight ? container.getBoundingClientRect().height @@ -682,4 +699,56 @@ export class CartesianChartBase extends React.Component { this.props.onChartMouseLeave && this.props.onChartMouseLeave(); }; + + private _calculateChartMinWidth = (): number => { + let labelWidth = 10; // Total padding on the left and right sides of the label + + // Case: rotated labels + if ( + !this.props.wrapXAxisLables && + this.props.rotateXAxisLables && + this.props.xAxisType! === XAxisTypes.StringAxis + ) { + const longestLabelWidth = calculateLongestLabelWidth(this._tickValues, `.${this._classNames.xAxis} text`); + labelWidth += Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4)); + } + // Case: truncated labels + else if (this.props.showXAxisLablesTooltip) { + const tickValues = this._tickValues.map(val => { + const numChars = this.props.noOfCharsToTruncate || 4; + return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val; + }); + + const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${this._classNames.xAxis} text`); + labelWidth += Math.ceil(longestLabelWidth); + } + // Case: wrapped labels + else if (this.props.wrapXAxisLables) { + const words: string[] = []; + this._tickValues.forEach((val: string) => { + words.push(...val.toString().split(/\s+/)); + }); + + const longestLabelWidth = calculateLongestLabelWidth(words, `.${this._classNames.xAxis} text`); + labelWidth += Math.max(Math.ceil(longestLabelWidth), 10); + } + // Default case + else { + const longestLabelWidth = calculateLongestLabelWidth(this._tickValues, `.${this._classNames.xAxis} text`); + labelWidth += Math.ceil(longestLabelWidth); + } + + let minChartWidth = this.margins.left! + this.margins.right! + labelWidth * (this._tickValues.length - 1); + + if ( + [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes( + this.props.chartType, + ) + ) { + const minDomainMargin = 8; + minChartWidth += minDomainMargin * 2; + } + + return minChartWidth; + }; } diff --git a/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts b/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts index 4ceebdfbc4c06..783b67fb24f27 100644 --- a/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts +++ b/packages/react-charting/src/components/CommonComponents/CartesianChart.styles.ts @@ -19,6 +19,9 @@ export const getStyles = (props: ICartesianChartStyleProps): ICartesianChartStyl }, className, ], + chartWrapper: { + overflow: 'auto', + }, xAxis: { selectors: { text: [ diff --git a/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts b/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts index b16ea1c54549a..982786f414379 100644 --- a/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts +++ b/packages/react-charting/src/components/CommonComponents/CartesianChart.types.ts @@ -146,6 +146,11 @@ export interface ICartesianChartStyles { * styles for the shape object in the callout */ shapeStyles?: IStyle; + + /** + * Styles for the chart wrapper div + */ + chartWrapper?: IStyle; } export interface ICartesianChartProps { @@ -369,6 +374,12 @@ export interface ICartesianChartProps { * props for the svg; use this to include aria-* or other attributes on the tag */ svgProps?: React.SVGProps; + + /** + * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows + * @default True for LineChart but False for other charts + */ + enableReflow?: boolean; } export interface IYValueHover { diff --git a/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap b/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap index 8d0231cb09d05..f4c7cddb6106c 100644 --- a/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap +++ b/packages/react-charting/src/components/GroupedVerticalBarChart/__snapshots__/GroupedVerticalBarChart.test.tsx.snap @@ -26,6 +26,9 @@ exports[`GroupedVerticalBarChart - mouse events Should render callout correctly &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -775,6 +778,9 @@ exports[`GroupedVerticalBarChart - mouse events Should render customized callout &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -1444,6 +1450,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders GroupedVerticalBarChar &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -2025,6 +2034,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders enabledLegendsWrapLine &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone17" onFocus={[Function]} onKeyDown={[Function]} @@ -2586,6 +2598,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders hideLegend correctly 1 &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone8" onFocus={[Function]} onKeyDown={[Function]} @@ -2827,6 +2842,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders hideTooltip correctly &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone12" onFocus={[Function]} onKeyDown={[Function]} @@ -3408,6 +3426,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders showXAxisLablesTooltip &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone22" onFocus={[Function]} onKeyDown={[Function]} @@ -3989,6 +4010,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders wrapXAxisLables correc &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone27" onFocus={[Function]} onKeyDown={[Function]} @@ -4570,6 +4594,9 @@ exports[`GroupedVerticalBarChart snapShot testing renders yAxisTickFormat correc &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone32" onFocus={[Function]} onKeyDown={[Function]} diff --git a/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap b/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap index 1502dc4c76749..b7ccb5f99e720 100644 --- a/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap +++ b/packages/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChart.test.tsx.snap @@ -26,6 +26,9 @@ exports[`HeatMapChart - mouse events Should render callout correctly on mouseove &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone1" onFocus={[Function]} onKeyDown={[Function]} @@ -580,6 +583,9 @@ exports[`HeatMapChart snapShot testing renders HeatMapChart correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone1" onFocus={[Function]} onKeyDown={[Function]} @@ -916,6 +922,9 @@ exports[`HeatMapChart snapShot testing renders corretly even when data is not pr &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone4" onFocus={[Function]} onKeyDown={[Function]} @@ -1342,6 +1351,9 @@ exports[`HeatMapChart snapShot testing renders hideLegend correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone7" onFocus={[Function]} onKeyDown={[Function]} @@ -1518,6 +1530,9 @@ exports[`HeatMapChart snapShot testing renders hideTooltip correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone9" onFocus={[Function]} onKeyDown={[Function]} @@ -1854,6 +1869,9 @@ exports[`HeatMapChart snapShot testing renders yAxisTickFormat correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone12" onFocus={[Function]} onKeyDown={[Function]} diff --git a/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap b/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap index 47c81b90f329c..047636d3e3e73 100644 --- a/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap +++ b/packages/react-charting/src/components/HorizontalBarChartWithAxis/__snapshots__/HorizontalBarChartWithAxis.test.tsx.snap @@ -26,6 +26,9 @@ exports[`HorizontalBarChartWithAxis - mouse events Should render callout correct &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -1205,6 +1208,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders HorizontalBarChartW &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -1765,6 +1771,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders hideLegend correctl &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone8" onFocus={[Function]} onKeyDown={[Function]} @@ -1895,6 +1904,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders showToolTipForYAxis &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone12" onFocus={[Function]} onKeyDown={[Function]} @@ -2443,6 +2455,9 @@ exports[`HorizontalBarChartWithAxis snapShot testing renders showYAxisLables cor &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone17" onFocus={[Function]} onKeyDown={[Function]} diff --git a/packages/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/react-charting/src/components/LineChart/LineChart.base.tsx index 46317765e2a00..9542bb99ba65a 100644 --- a/packages/react-charting/src/components/LineChart/LineChart.base.tsx +++ b/packages/react-charting/src/components/LineChart/LineChart.base.tsx @@ -143,6 +143,10 @@ export interface ILineChartState extends IBasestate { } export class LineChartBase extends React.Component { + public static defaultProps: Partial = { + enableReflow: true, + }; + private _points: LineChartDataWithIndex[]; // eslint-disable-next-line @typescript-eslint/no-explicit-any private _calloutPoints: any[]; diff --git a/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap b/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap index 4afb2190e3cc4..0d62fa26cab2c 100644 --- a/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap +++ b/packages/react-charting/src/components/LineChart/__snapshots__/LineChart.test.tsx.snap @@ -26,6 +26,9 @@ exports[`LineChart - mouse events Should render callout correctly on mouseover 1 &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone9" onFocus={[Function]} onKeyDown={[Function]} @@ -547,6 +550,9 @@ exports[`LineChart - mouse events Should render customized callout on mouseover &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone9" onFocus={[Function]} onKeyDown={[Function]} @@ -966,6 +972,9 @@ exports[`LineChart - mouse events Should render customized callout per stack on &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone9" onFocus={[Function]} onKeyDown={[Function]} @@ -1385,6 +1394,9 @@ exports[`LineChart snapShot testing Should render with default colors when line &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone85" onFocus={[Function]} onKeyDown={[Function]} @@ -1719,6 +1731,9 @@ exports[`LineChart snapShot testing renders LineChart correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone9" onFocus={[Function]} onKeyDown={[Function]} @@ -2053,6 +2068,9 @@ exports[`LineChart snapShot testing renders enabledLegendsWrapLines correctly 1` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone41" onFocus={[Function]} onKeyDown={[Function]} @@ -2367,6 +2385,9 @@ exports[`LineChart snapShot testing renders hideLegend correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone20" onFocus={[Function]} onKeyDown={[Function]} @@ -2541,6 +2562,9 @@ exports[`LineChart snapShot testing renders hideTooltip correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone30" onFocus={[Function]} onKeyDown={[Function]} @@ -2875,6 +2899,9 @@ exports[`LineChart snapShot testing renders showXAxisLablesTooltip correctly 1`] &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone52" onFocus={[Function]} onKeyDown={[Function]} @@ -3209,6 +3236,9 @@ exports[`LineChart snapShot testing renders wrapXAxisLables correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone63" onFocus={[Function]} onKeyDown={[Function]} @@ -3543,6 +3573,9 @@ exports[`LineChart snapShot testing renders yAxisTickFormat correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone74" onFocus={[Function]} onKeyDown={[Function]} diff --git a/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap b/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap index 50567ccc8a2a8..4ef68b953b603 100644 --- a/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap +++ b/packages/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChart.test.tsx.snap @@ -26,6 +26,9 @@ exports[`VerticalBarChart - mouse events Should render callout correctly on mous &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -730,6 +733,9 @@ exports[`VerticalBarChart - mouse events Should render customized callout on mou &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -1353,6 +1359,9 @@ exports[`VerticalBarChart snapShot testing Should not render bar labels 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone37" onFocus={[Function]} onKeyDown={[Function]} @@ -1803,6 +1812,9 @@ exports[`VerticalBarChart snapShot testing renders VerticalBarChart correctly 1` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -2253,6 +2265,9 @@ exports[`VerticalBarChart snapShot testing renders enabledLegendsWrapLines corre &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone17" onFocus={[Function]} onKeyDown={[Function]} @@ -2683,6 +2698,9 @@ exports[`VerticalBarChart snapShot testing renders hideLegend correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone8" onFocus={[Function]} onKeyDown={[Function]} @@ -2793,6 +2811,9 @@ exports[`VerticalBarChart snapShot testing renders hideTooltip correctly 1`] = ` &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone12" onFocus={[Function]} onKeyDown={[Function]} @@ -3243,6 +3264,9 @@ exports[`VerticalBarChart snapShot testing renders showXAxisLablesTooltip correc &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone22" onFocus={[Function]} onKeyDown={[Function]} @@ -3693,6 +3717,9 @@ exports[`VerticalBarChart snapShot testing renders wrapXAxisLables correctly 1`] &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone27" onFocus={[Function]} onKeyDown={[Function]} @@ -4143,6 +4170,9 @@ exports[`VerticalBarChart snapShot testing renders yAxisTickFormat correctly 1`] &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone32" onFocus={[Function]} onKeyDown={[Function]} diff --git a/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap b/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap index c08589f1d6b27..91e13ed176a12 100644 --- a/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap +++ b/packages/react-charting/src/components/VerticalStackedBarChart/__snapshots__/VerticalStackedBarChart.test.tsx.snap @@ -26,6 +26,9 @@ exports[`VerticalStackedBarChart - mouse events Should render callout correctly &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -672,6 +675,9 @@ exports[`VerticalStackedBarChart - mouse events Should render customized callout &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -1236,6 +1242,9 @@ exports[`VerticalStackedBarChart - mouse events Should render customized callout &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -1931,6 +1940,9 @@ exports[`VerticalStackedBarChart snapShot testing Should not render bar labels 1 &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone42" onFocus={[Function]} onKeyDown={[Function]} @@ -2288,6 +2300,9 @@ exports[`VerticalStackedBarChart snapShot testing renders VerticalStackedBarChar &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone3" onFocus={[Function]} onKeyDown={[Function]} @@ -2645,6 +2660,9 @@ exports[`VerticalStackedBarChart snapShot testing renders enabledLegendsWrapLine &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone17" onFocus={[Function]} onKeyDown={[Function]} @@ -2982,6 +3000,9 @@ exports[`VerticalStackedBarChart snapShot testing renders hideLegend correctly 1 &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone8" onFocus={[Function]} onKeyDown={[Function]} @@ -3089,6 +3110,9 @@ exports[`VerticalStackedBarChart snapShot testing renders hideTooltip correctly &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone12" onFocus={[Function]} onKeyDown={[Function]} @@ -3446,6 +3470,9 @@ exports[`VerticalStackedBarChart snapShot testing renders isCalloutForStack corr &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone32" onFocus={[Function]} onKeyDown={[Function]} @@ -3803,6 +3830,9 @@ exports[`VerticalStackedBarChart snapShot testing renders showXAxisLablesTooltip &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone22" onFocus={[Function]} onKeyDown={[Function]} @@ -4160,6 +4190,9 @@ exports[`VerticalStackedBarChart snapShot testing renders wrapXAxisLables correc &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone27" onFocus={[Function]} onKeyDown={[Function]} @@ -4517,6 +4550,9 @@ exports[`VerticalStackedBarChart snapShot testing renders yAxisTickFormat correc &:focus { outline: none; } + { + overflow: auto; + } data-focuszone-id="FocusZone37" onFocus={[Function]} onKeyDown={[Function]} diff --git a/packages/react-charting/src/utilities/utilities.ts b/packages/react-charting/src/utilities/utilities.ts index 070df8d0dc37e..580cac88d8a07 100644 --- a/packages/react-charting/src/utilities/utilities.ts +++ b/packages/react-charting/src/utilities/utilities.ts @@ -166,18 +166,20 @@ export function createNumericXAxis(xAxisParams: IXAxisParams, chartType: ChartTy if (xAxisElement) { d3Select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true'); } - return xAxisScale; + const tickValues = xAxisScale.ticks(xAxisCount).map(xAxis.tickFormat()!); + return { xScale: xAxisScale, tickValues }; } -function multiFormat(date: Date, locale: d3TimeFormat.TimeLocaleObject) { - const formatMillisecond = locale.format('.%L'); - const formatSecond = locale.format(':%S'); - const formatMinute = locale.format('%I:%M'); - const formatHour = locale.format('%I %p'); - const formatDay = locale.format('%a %d'); - const formatWeek = locale.format('%b %d'); - const formatMonth = locale.format('%B'); - const formatYear = locale.format('%Y'); +function multiFormat(date: Date, locale?: d3TimeFormat.TimeLocaleObject) { + const timeFormat = locale ? locale.format : d3TimeFormat.timeFormat; + const formatMillisecond = timeFormat('.%L'); + const formatSecond = timeFormat(':%S'); + const formatMinute = timeFormat('%I:%M'); + const formatHour = timeFormat('%I %p'); + const formatDay = timeFormat('%a %d'); + const formatWeek = timeFormat('%b %d'); + const formatMonth = timeFormat('%B'); + const formatYear = timeFormat('%Y'); return ( d3TimeSecond(date) < date @@ -240,7 +242,12 @@ export function createDateXAxis( if (xAxisElement) { d3Select(xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true'); } - return xAxisScale; + const tickValues = (tickParams.tickValues ?? xAxisScale.ticks(xAxisCount)).map((val, idx) => { + const tickFormat = xAxis.tickFormat(); + // val is a Date object. So when the tick format is not set, format val as a string to calculate its width + return tickFormat ? tickFormat(val, idx) : multiFormat(val as Date); + }); + return { xScale: xAxisScale, tickValues }; } /** @@ -283,7 +290,8 @@ export function createStringXAxis( if (xAxisParams.xAxisElement) { d3Select(xAxisParams.xAxisElement).call(xAxis).selectAll('text').attr('aria-hidden', 'true'); } - return xAxisScale; + const tickValues = dataset.map(xAxis.tickFormat()!); + return { xScale: xAxisScale, tickValues }; } /** @@ -724,28 +732,34 @@ export function createYAxisLabels( } }); } + /** - * This function is calculating the length of longest Y axis label in px ,so that we are able to - * create the cartesian chart by shifting that many points to the right/left. - * @param points - * @returns + * Calculates the width of the longest axis label in pixels */ -// eslint-disable-next-line @typescript-eslint/no-explicit-any -export function calculateLongestYAxisLabel( - points: IHorizontalBarChartWithAxisDataPoint[], - yAxisElement: SVGElement, -): number { - let maxLabelLength = 0; - points.forEach((point: IHorizontalBarChartWithAxisDataPoint) => { - const canvas = document.createElement('canvas'); - const ctx = canvas.getContext('2d'); - ctx!.font = window.getComputedStyle(yAxisElement, null).getPropertyValue('font-size'); - const wordLengthInPixel = ctx!.measureText(point.y as string).width; - maxLabelLength = Math.max(wordLengthInPixel, maxLabelLength); - }); +export const calculateLongestLabelWidth = (labels: (string | number)[], query: string = 'none'): number => { + let maxLabelWidth = 0; + const canvas = document.createElement('canvas'); + const ctx = canvas.getContext('2d'); + + if (ctx) { + const axisText = document.querySelector(query); + if (axisText) { + const styles = window.getComputedStyle(axisText, null); + const fontWeight = styles.getPropertyValue('font-weight'); + const fontSize = styles.getPropertyValue('font-size'); + const fontFamily = styles.getPropertyValue('font-family'); + ctx.font = `${fontWeight} ${fontSize} ${fontFamily}`; + } else { + ctx.font = '600 10px "Segoe UI"'; + } - return maxLabelLength; -} + labels.forEach(label => { + maxLabelWidth = Math.max(ctx.measureText(label.toString()).width, maxLabelWidth); + }); + } + + return maxLabelWidth; +}; /** * This method displays a tooltip to the x axis lables(tick values) From 88f01346113e912c48078427326ec425da9d4ff0 Mon Sep 17 00:00:00 2001 From: Alina Zaieva <70098623+alina-zaieva@users.noreply.github.com> Date: Tue, 20 Jun 2023 00:33:49 +0200 Subject: [PATCH 26/32] fix(react-file-type-icons): Map mhtml extension to html icon (#28112) * Add mhtml to extensions under html type * Change files --------- Co-authored-by: Alina Zaieva Co-authored-by: Tomi Olubeko <66456876+tomi-msft@users.noreply.github.com> --- ...le-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json | 7 +++++++ packages/react-file-type-icons/src/FileTypeIconMap.ts | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json diff --git a/change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json b/change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json new file mode 100644 index 0000000000000..7ce4d70c6f694 --- /dev/null +++ b/change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Map mhtml extension to html icon", + "packageName": "@fluentui/react-file-type-icons", + "email": "alinazaieva@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-file-type-icons/src/FileTypeIconMap.ts b/packages/react-file-type-icons/src/FileTypeIconMap.ts index 11cf3c7a1913a..6214161afa381 100644 --- a/packages/react-file-type-icons/src/FileTypeIconMap.ts +++ b/packages/react-file-type-icons/src/FileTypeIconMap.ts @@ -288,7 +288,7 @@ export const FileTypeIconMap: { [key: string]: { extensions?: string[] } } = { form: {}, genericfile: {}, html: { - extensions: ['htm', 'html', 'mht'], + extensions: ['htm', 'html', 'mht', 'mhtml'], }, ipynb: { extensions: ['nnb', 'ipynb'], From 93620cf72318e14967fcfc15b3debc96ce20b13e Mon Sep 17 00:00:00 2001 From: ling1726 Date: Tue, 20 Jun 2023 09:28:15 +0200 Subject: [PATCH 27/32] fix: TableHeaderCell should not render button when not sortable (#28097) * fix: TableHeaderCell should not render button when not sortable Using the approach with the smallest impact to API and slot rendering. The slot rendered a native `button` always, but with role="presentation" when it was not interactive. The slot always renders a `div` but with ARIA button semantics when it is interactive Fixes #27633 * changefile * update to font weight * render div by default instead * revert --- ...e-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json | 7 +++++++ .../react-components/react-table/package.json | 2 ++ .../DataGridHeaderCell.test.tsx.snap | 6 ++---- .../TableHeaderCell/TableHeaderCell.test.tsx | 18 ++++++++++++++---- .../TableHeaderCell.test.tsx.snap | 6 ++---- .../TableHeaderCell/useTableHeaderCell.tsx | 13 ++++++------- .../useTableHeaderCellStyles.styles.ts | 2 ++ 7 files changed, 35 insertions(+), 19 deletions(-) create mode 100644 change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json diff --git a/change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json b/change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json new file mode 100644 index 0000000000000..863bb42a6e8e5 --- /dev/null +++ b/change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: TableHeaderCell should not render button when not sortable", + "packageName": "@fluentui/react-table", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json index 6c62417940232..effdfe42942c4 100644 --- a/packages/react-components/react-table/package.json +++ b/packages/react-components/react-table/package.json @@ -16,6 +16,8 @@ "bundle-size": "bundle-size measure", "clean": "just-scripts clean", "code-style": "just-scripts code-style", + "e2e": "cypress run --component", + "e2e:local": "cypress open --component", "just": "just-scripts", "lint": "just-scripts lint", "test": "jest --passWithNoTests", diff --git a/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap b/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap index ddebf4fc22d05..bc66c6cec1c3a 100644 --- a/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap +++ b/packages/react-components/react-table/src/components/DataGridHeaderCell/__snapshots__/DataGridHeaderCell.test.tsx.snap @@ -7,14 +7,12 @@ exports[`DataGridHeaderCell renders a default state 1`] = ` role="columnheader" tabindex="0" > - +
`; diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx index c6b91c9a198f7..8dd02d432f961 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx +++ b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.test.tsx @@ -65,16 +65,26 @@ describe('TableHeaderCell', () => { expect(container.querySelector('svg')).toBe(null); }); + it('should have interactive button when sortable', () => { + const { getByRole } = render( + + Cell + , + ); + + const button = getByRole('button'); + expect(button?.getAttribute('tabindex')).toEqual('0'); + }); + it('should not have interactive button when not sortable', () => { - const { container } = render( + const { queryByRole } = render( Cell , ); - const button = container.querySelector('button'); - expect(button?.getAttribute('role')).toEqual('presentation'); - expect(button?.getAttribute('tabindex')).toEqual('-1'); + const button = queryByRole('button'); + expect(button).toBeNull(); }); it.each(['ascending', 'descending'])( diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap b/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap index 6cc1897b4105b..3c62b58246e7d 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap +++ b/packages/react-components/react-table/src/components/TableHeaderCell/__snapshots__/TableHeaderCell.test.tsx.snap @@ -5,14 +5,12 @@ exports[`TableHeaderCell renders a default state 1`] = ` - +
`; diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx index 1cf13bfe072a7..beeb43575c6d7 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx +++ b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx @@ -2,9 +2,9 @@ import * as React from 'react'; import { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities'; import { useFocusWithin } from '@fluentui/react-tabster'; import { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons'; +import { useARIAButtonShorthand } from '@fluentui/react-aria'; import type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types'; import { useTableContext } from '../../contexts/tableContext'; -import { useARIAButtonShorthand } from '@fluentui/react-aria'; const sortIcons = { ascending: , @@ -27,10 +27,11 @@ export const useTableHeaderCell_unstable = ( const { noNativeElements, sortable } = useTableContext(); const rootComponent = props.as ?? noNativeElements ? 'div' : 'th'; + return { components: { root: rootComponent, - button: 'button', + button: 'div', sortIcon: 'span', aside: 'span', }, @@ -48,11 +49,9 @@ export const useTableHeaderCell_unstable = ( button: useARIAButtonShorthand(props.button, { required: true, defaultProps: { - role: 'presentation', - tabIndex: -1, - type: 'button', - ...(sortable && { - role: undefined, + as: 'div', + ...(!sortable && { + role: 'presentation', tabIndex: undefined, }), }, diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts index ac2deb4a7e86b..e680f7c39fa69 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts +++ b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts @@ -33,6 +33,7 @@ const useFlexLayoutStyles = makeStyles({ */ const useStyles = makeStyles({ root: { + fontWeight: tokens.fontWeightRegular, ...shorthands.padding('0px', tokens.spacingHorizontalS), ...createCustomFocusIndicatorStyle( { @@ -114,6 +115,7 @@ export const useTableHeaderCellStyles_unstable = (state: TableHeaderCellState): state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className, ); + state.button.className = mergeClasses( tableHeaderCellClassNames.button, styles.resetButton, From 5057ca000f49360727dcc1be6781df7053f73e22 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Tue, 20 Jun 2023 07:36:35 +0000 Subject: [PATCH 28/32] applying package updates --- apps/public-docsite-resources/package.json | 4 ++-- apps/public-docsite/package.json | 6 +++--- apps/theming-designer/package.json | 2 +- ...ting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json | 7 ------- ...cons-a5bb0fd5-0787-41e8-8a95-64038f871664.json | 7 ------- packages/react-charting/CHANGELOG.json | 15 +++++++++++++++ packages/react-charting/CHANGELOG.md | 11 ++++++++++- packages/react-charting/package.json | 2 +- packages/react-docsite-components/CHANGELOG.json | 15 +++++++++++++++ packages/react-docsite-components/CHANGELOG.md | 11 ++++++++++- packages/react-docsite-components/package.json | 4 ++-- packages/react-examples/package.json | 6 +++--- packages/react-file-type-icons/CHANGELOG.json | 15 +++++++++++++++ packages/react-file-type-icons/CHANGELOG.md | 11 ++++++++++- packages/react-file-type-icons/package.json | 2 +- packages/react-monaco-editor/CHANGELOG.json | 15 +++++++++++++++ packages/react-monaco-editor/CHANGELOG.md | 11 ++++++++++- packages/react-monaco-editor/package.json | 4 ++-- 18 files changed, 115 insertions(+), 33 deletions(-) delete mode 100644 change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json delete mode 100644 change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index bcf1d85eff4da..249e3299c3c15 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -38,11 +38,11 @@ "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/azure-themes": "^8.6.18", - "@fluentui/react-docsite-components": "^8.12.23", + "@fluentui/react-docsite-components": "^8.12.24", "@fluentui/font-icons-mdl2": "^8.5.22", "@fluentui/set-version": "^8.2.11", "@fluentui/theme-samples": "^8.7.97", - "@fluentui/react-monaco-editor": "^1.7.100", + "@fluentui/react-monaco-editor": "^1.7.101", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index 33d9669b7397f..d64eaf156b283 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -25,7 +25,7 @@ "devDependencies": { "@fluentui/common-styles": "^1.2.31", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.100", + "@fluentui/react-monaco-editor": "^1.7.101", "write-file-webpack-plugin": "^4.1.0", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" @@ -35,11 +35,11 @@ "@fluentui/public-docsite-resources": "^8.1.41", "@fluentui/public-docsite-setup": "^0.3.21", "@fluentui/react": "^8.110.4", - "@fluentui/react-docsite-components": "^8.12.23", + "@fluentui/react-docsite-components": "^8.12.24", "@fluentui/react-examples": "^8.34.4", "@fluentui/react-experiments": "^8.14.92", "@fluentui/fluent2-theme": "^8.107.23", - "@fluentui/react-file-type-icons": "^8.9.1", + "@fluentui/react-file-type-icons": "^8.9.2", "@fluentui/react-icons-mdl2": "^1.3.46", "@fluentui/react-icons-mdl2-branded": "^1.2.47", "@fluentui/set-version": "^8.2.11", diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index 64d73606426cf..78d9c32d50bcc 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -21,7 +21,7 @@ "dependencies": { "@fluentui/react": "^8.110.4", "@fluentui/merge-styles": "^8.5.12", - "@fluentui/react-docsite-components": "^8.12.23", + "@fluentui/react-docsite-components": "^8.12.24", "@fluentui/foundation-legacy": "^8.2.42", "@fluentui/scheme-utilities": "^8.3.34", "@fluentui/set-version": "^8.2.11", diff --git a/change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json b/change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json deleted file mode 100644 index d9db3e25e03d5..0000000000000 --- a/change/@fluentui-react-charting-1f77b865-250d-4cb3-bb5a-93fbdbf94a7c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "Fix overlapping axis labels on smaller viewports", - "packageName": "@fluentui/react-charting", - "email": "kumarkshitij@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json b/change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json deleted file mode 100644 index 7ce4d70c6f694..0000000000000 --- a/change/@fluentui-react-file-type-icons-a5bb0fd5-0787-41e8-8a95-64038f871664.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "Map mhtml extension to html icon", - "packageName": "@fluentui/react-file-type-icons", - "email": "alinazaieva@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index 09dcb44163696..884c25fae9199 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Tue, 20 Jun 2023 07:36:29 GMT", + "tag": "@fluentui/react-charting_v5.16.44", + "version": "5.16.44", + "comments": { + "patch": [ + { + "author": "kumarkshitij@microsoft.com", + "package": "@fluentui/react-charting", + "commit": "53292d2fbbb7de5f9ac7df47ab8756480dbd7bc9", + "comment": "Fix overlapping axis labels on smaller viewports" + } + ] + } + }, { "date": "Mon, 19 Jun 2023 07:36:39 GMT", "tag": "@fluentui/react-charting_v5.16.43", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index 5b9040d3b80f1..7f444ef7e4ce8 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-charting -This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified. +## [5.16.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.44) + +Tue, 20 Jun 2023 07:36:29 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.43..@fluentui/react-charting_v5.16.44) + +### Patches + +- Fix overlapping axis labels on smaller viewports ([PR #28239](https://github.com/microsoft/fluentui/pull/28239) by kumarkshitij@microsoft.com) + ## [5.16.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.43) Mon, 19 Jun 2023 07:36:39 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index 12e81e230065e..e7ce56d51ea60 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.16.43", + "version": "5.16.44", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index 87d981c1472af..599f4bdf4dfd1 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Tue, 20 Jun 2023 07:36:29 GMT", + "tag": "@fluentui/react-docsite-components_v8.12.24", + "version": "8.12.24", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.101", + "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e" + } + ] + } + }, { "date": "Mon, 19 Jun 2023 07:36:39 GMT", "tag": "@fluentui/react-docsite-components_v8.12.23", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index d7ebb5737eade..d26c61d581f02 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified. +## [8.12.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.24) + +Tue, 20 Jun 2023 07:36:29 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.12.23..@fluentui/react-docsite-components_v8.12.24) + +### Patches + +- Bump @fluentui/react-monaco-editor to v1.7.101 ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by beachball) + ## [8.12.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.23) Mon, 19 Jun 2023 07:36:39 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index bbe3cfecf02cd..a6645d77ee998 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-docsite-components", - "version": "8.12.23", + "version": "8.12.24", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -42,7 +42,7 @@ "@fluentui/public-docsite-setup": "^0.3.21", "@fluentui/react-hooks": "^8.6.28", "@fluentui/set-version": "^8.2.11", - "@fluentui/react-monaco-editor": "^1.7.100", + "@fluentui/react-monaco-editor": "^1.7.101", "color-check": "0.0.2", "markdown-to-jsx": "^7.0.0", "office-ui-fabric-core": "^11.0.0", diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index 99af9102f22e5..a8096d4555fd9 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -34,10 +34,10 @@ "@fluentui/merge-styles": "^8.5.12", "@fluentui/react": "^8.110.4", "@fluentui/react-cards": "^0.205.97", - "@fluentui/react-charting": "^5.16.43", - "@fluentui/react-docsite-components": "^8.12.23", + "@fluentui/react-charting": "^5.16.44", + "@fluentui/react-docsite-components": "^8.12.24", "@fluentui/react-experiments": "^8.14.92", - "@fluentui/react-file-type-icons": "^8.9.1", + "@fluentui/react-file-type-icons": "^8.9.2", "@fluentui/react-focus": "^8.8.29", "@fluentui/react-hooks": "^8.6.28", "@fluentui/react-icons-mdl2": "^1.3.46", diff --git a/packages/react-file-type-icons/CHANGELOG.json b/packages/react-file-type-icons/CHANGELOG.json index 964042b9b0a68..a1932363d3170 100644 --- a/packages/react-file-type-icons/CHANGELOG.json +++ b/packages/react-file-type-icons/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-file-type-icons", "entries": [ + { + "date": "Tue, 20 Jun 2023 07:36:29 GMT", + "tag": "@fluentui/react-file-type-icons_v8.9.2", + "version": "8.9.2", + "comments": { + "patch": [ + { + "author": "alinazaieva@microsoft.com", + "package": "@fluentui/react-file-type-icons", + "commit": "88f01346113e912c48078427326ec425da9d4ff0", + "comment": "Map mhtml extension to html icon" + } + ] + } + }, { "date": "Mon, 19 Jun 2023 07:36:39 GMT", "tag": "@fluentui/react-file-type-icons_v8.9.1", diff --git a/packages/react-file-type-icons/CHANGELOG.md b/packages/react-file-type-icons/CHANGELOG.md index d712939dd2c2c..e2b89ec0d4b36 100644 --- a/packages/react-file-type-icons/CHANGELOG.md +++ b/packages/react-file-type-icons/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-file-type-icons -This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified. +## [8.9.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.9.2) + +Tue, 20 Jun 2023 07:36:29 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.9.1..@fluentui/react-file-type-icons_v8.9.2) + +### Patches + +- Map mhtml extension to html icon ([PR #28112](https://github.com/microsoft/fluentui/pull/28112) by alinazaieva@microsoft.com) + ## [8.9.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.9.1) Mon, 19 Jun 2023 07:36:39 GMT diff --git a/packages/react-file-type-icons/package.json b/packages/react-file-type-icons/package.json index 83f34f782f8f9..0039d28d7025d 100644 --- a/packages/react-file-type-icons/package.json +++ b/packages/react-file-type-icons/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-file-type-icons", - "version": "8.9.1", + "version": "8.9.2", "description": "Fluent UI React file type icon set.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index 3a7bd3c44e31f..756234f5e0087 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Tue, 20 Jun 2023 07:36:29 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.101", + "version": "1.7.101", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react-charting to v5.16.44", + "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e" + } + ] + } + }, { "date": "Mon, 19 Jun 2023 07:36:39 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.100", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index 8055b647d8001..2aa52133712b1 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Mon, 19 Jun 2023 07:36:39 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 07:36:29 GMT and should not be manually modified. +## [1.7.101](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.101) + +Tue, 20 Jun 2023 07:36:29 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.100..@fluentui/react-monaco-editor_v1.7.101) + +### Patches + +- Bump @fluentui/react-charting to v5.16.44 ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by beachball) + ## [1.7.100](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.100) Mon, 19 Jun 2023 07:36:39 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index 74454dbd17c09..91fa267cafe7e 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-monaco-editor", - "version": "1.7.100", + "version": "1.7.101", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,7 +35,7 @@ "@fluentui/example-data": "^8.4.11", "@fluentui/monaco-editor": "^1.3.11", "@fluentui/react-hooks": "^8.6.28", - "@fluentui/react-charting": "^5.16.43", + "@fluentui/react-charting": "^5.16.44", "raw-loader": "4.0.2", "react-syntax-highlighter": "^10.1.3", "tslib": "^2.1.0" From 9768e2c5f36cc6443917e10a44526a1d1050dd81 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 20 Jun 2023 10:06:02 +0200 Subject: [PATCH 29/32] bugfix: Ensures dialog actions stretches on breakpoints (#28258) --- ...-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json | 7 +++++++ .../DialogActions/useDialogActionsStyles.styles.ts | 6 ++++++ 2 files changed, 13 insertions(+) create mode 100644 change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json diff --git a/change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json b/change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json new file mode 100644 index 0000000000000..3fa7427d2682a --- /dev/null +++ b/change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: Ensures dialog actions stretches on breakpoints", + "packageName": "@fluentui/react-dialog", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts index a35b7f2efbc01..f3b2c924375d5 100644 --- a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts +++ b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts @@ -24,11 +24,17 @@ const useStyles = makeStyles({ justifySelf: 'end', gridColumnStart: 2, gridColumnEnd: 4, + [MEDIA_QUERY_BREAKPOINT_SELECTOR]: { + gridColumnStart: 1, + }, }, gridPositionStart: { justifySelf: 'start', gridColumnStart: 1, gridColumnEnd: 2, + [MEDIA_QUERY_BREAKPOINT_SELECTOR]: { + gridColumnEnd: 4, + }, }, fluidStart: { gridColumnEnd: 4, From 81893211bbf29e7007a0d37240383573122570cb Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Tue, 20 Jun 2023 11:25:51 +0200 Subject: [PATCH 30/32] docs(react-dialog): update DialogTriggerOutsideDialog to include focus behavior (#28176) --- .../Dialog/DialogTriggerOutsideDialog.md | 4 ++- .../DialogTriggerOutsideDialog.stories.tsx | 34 +++++++++++++++++-- 2 files changed, 35 insertions(+), 3 deletions(-) diff --git a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md index b5ff3a844e13a..8cc61c1143644 100644 --- a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md +++ b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.md @@ -1 +1,3 @@ -There's absolutely no benefit in using `DialogTrigger` outside of `Dialog`, just use controlled state with a button instead. +`DialogTrigger` is not a component that can be used outside of `Dialog`. If you want to trigger the dialog from outside of `Dialog`, you should use controlled state instead. + +> ⚠️ Note: As there will be no `DialogTrigger`, you should handle focus restoration when the dialog gets closed. diff --git a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx index 1e1227d9008ae..dc51ae617b222 100644 --- a/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx +++ b/packages/react-components/react-dialog/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx @@ -8,15 +8,44 @@ import { DialogTrigger, DialogBody, Button, + DialogOpenChangeData, } from '@fluentui/react-components'; import story from './DialogTriggerOutsideDialog.md'; export const TriggerOutsideDialog = () => { + const triggerRef = React.useRef(null); + const [open, setOpen] = React.useState(false); + const [closeAction, setCloseAction] = React.useState(null); + + React.useEffect(() => { + // Prevents focusing on an initial render + if (open || closeAction === null) { + return; + } + + triggerRef.current?.focus(); + }, [closeAction, open]); + return ( <> - - setOpen(data.open)}> + + + { + setOpen(data.open); + setCloseAction(data.type); + }} + > Dialog title @@ -25,6 +54,7 @@ export const TriggerOutsideDialog = () => { est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque eaque? + From 81c9b35e0830297b2aca2cece2ae67b3899c4647 Mon Sep 17 00:00:00 2001 From: Amber Date: Tue, 20 Jun 2023 11:47:03 +0200 Subject: [PATCH 31/32] feat(react-tags): add styles for size (#28229) * WIP * polish sizes and add examples * HACK force tag on PR docsite * make styles nicer * stories * reset * group style * update story description * remove pr publish story hack --- .../react-tags/src/components/Tag/useTag.tsx | 4 +- .../src/components/Tag/useTagStyles.styles.ts | 283 ++++++++++++------ .../src/components/TagButton/useTagButton.tsx | 4 +- .../TagButton/useTagButtonStyles.styles.ts | 252 +++++++++++----- .../TagGroup/useTagGroupStyles.styles.ts | 21 +- .../stories/Tag/TagSize.stories.tsx | 61 ++++ .../react-tags/stories/Tag/index.stories.tsx | 1 + .../TagButton/TagButtonSize.stories.tsx | 61 ++++ .../stories/TagButton/index.stories.tsx | 1 + .../TagGroup/TagGroupSizes.stories.tsx | 19 +- 10 files changed, 525 insertions(+), 182 deletions(-) create mode 100644 packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx create mode 100644 packages/react-components/react-tags/stories/TagButton/TagButtonSize.stories.tsx diff --git a/packages/react-components/react-tags/src/components/Tag/useTag.tsx b/packages/react-components/react-tags/src/components/Tag/useTag.tsx index 47c5e8428c45c..57d7727b5b24c 100644 --- a/packages/react-components/react-tags/src/components/Tag/useTag.tsx +++ b/packages/react-components/react-tags/src/components/Tag/useTag.tsx @@ -7,8 +7,8 @@ import { useTagGroupContext_unstable } from '../../contexts/TagGroupContext'; const tagAvatarSizeMap = { medium: 28, - small: 24, - 'extra-small': 20, + small: 20, + 'extra-small': 16, } as const; const tagAvatarShapeMap = { diff --git a/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts b/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts index edc4c3943ba06..66214279b8047 100644 --- a/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts +++ b/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts @@ -14,80 +14,45 @@ export const tagClassNames: SlotClassNames = { }; /** - * Base styles shared by Tag/TagButton + * Inner horizontal space left and right of Tag */ -export const useTagBaseStyles = makeStyles({ - media: { - ...shorthands.gridArea('media'), - alignSelf: 'center', - paddingLeft: tokens.spacingHorizontalXXS, - paddingRight: tokens.spacingHorizontalS, - }, - icon: { - ...shorthands.gridArea('media'), - display: 'flex', - alignSelf: 'center', - paddingLeft: '6px', - paddingRight: '2px', - }, - primaryText: { - gridColumnStart: 'primary', - gridRowStart: 'primary', - gridRowEnd: 'secondary', - ...typographyStyles.body1, - paddingLeft: tokens.spacingHorizontalXXS, - paddingRight: tokens.spacingHorizontalXXS, - whiteSpace: 'nowrap', - }, - primaryTextWithSecondaryText: { - ...shorthands.gridArea('primary'), - ...typographyStyles.caption1, - }, - secondaryText: { - ...shorthands.gridArea('secondary'), - paddingLeft: tokens.spacingHorizontalXXS, - paddingRight: tokens.spacingHorizontalXXS, - ...typographyStyles.caption2, - whiteSpace: 'nowrap', - }, -}); +const tagSpacingMedium = '7px'; +const tagSpacingSmall = '5px'; +const tagSpacingExtraSmall = '5px'; + +const mediumIconSize = '20px'; +const smallIconSize = '16px'; +const extraSmallIconSize = '12px'; + +const useRootStyles = makeStyles({ + base: { + // TODO use makeResetStyle when styles are settled -export const useResetButtonStyles = makeStyles({ - resetButton: { - color: 'inherit', + // reset default button style: fontFamily: 'inherit', - lineHeight: 'normal', - ...shorthands.overflow('visible'), ...shorthands.padding(0), - ...shorthands.borderStyle('none'), appearance: 'button', textAlign: 'unset', - backgroundColor: 'transparent', - }, -}); -const useTagStyles = makeStyles({ - root: { - // TODO use makeResetStyle when styles are settled display: 'inline-grid', alignItems: 'center', - gridTemplateRows: '1fr auto auto 1fr', gridTemplateAreas: ` - "media . dismissIcon" "media primary dismissIcon" "media secondary dismissIcon" - "media . dismissIcon" `, - boxSizing: 'border-box', - height: '32px', width: 'fit-content', - ...shorthands.borderRadius(tokens.borderRadiusMedium), - backgroundColor: tokens.colorNeutralBackground3, color: tokens.colorNeutralForeground2, ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke), + ':hover': { + cursor: 'pointer', + }, + }, + + rounded: { + ...shorthands.borderRadius(tokens.borderRadiusMedium), ...createCustomFocusIndicatorStyle( { ...shorthands.borderRadius(tokens.borderRadiusMedium), @@ -95,91 +60,225 @@ const useTagStyles = makeStyles({ }, { enableOutline: true }, ), - - ':hover': { - cursor: 'pointer', - }, }, - rootCircular: { + circular: { ...shorthands.borderRadius(tokens.borderRadiusCircular), - ...createCustomFocusIndicatorStyle({ - ...shorthands.borderRadius(tokens.borderRadiusCircular), - }), + ...createCustomFocusIndicatorStyle( + { + ...shorthands.borderRadius(tokens.borderRadiusCircular), + ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2), + }, + { enableOutline: true }, + ), + }, + + medium: { + height: '32px', + }, + small: { + height: '24px', + }, + 'extra-small': { + height: '20px', + }, +}); +/** + * Styles for root slot when Tag is without leading media/icon + */ +const useRootWithoutMediaStyles = makeStyles({ + medium: { + paddingLeft: tagSpacingMedium, + }, + small: { + paddingLeft: tagSpacingSmall, }, - rootWithoutMedia: { - paddingLeft: tokens.spacingHorizontalS, + 'extra-small': { + paddingLeft: tagSpacingExtraSmall, }, - rootWithoutDismiss: { +}); +/** + * Styles for root slot when Tag is without dismiss icon + */ +const useRootWithoutDismissStyles = makeStyles({ + medium: { + paddingRight: tagSpacingMedium, + }, + small: { + paddingRight: tagSpacingSmall, + }, + 'extra-small': { + paddingRight: tagSpacingExtraSmall, + }, +}); + +export const useIconStyles = makeStyles({ + base: { + ...shorthands.gridArea('media'), + display: 'flex', + }, + medium: { + paddingLeft: tagSpacingMedium, + paddingRight: tokens.spacingHorizontalXS, + width: mediumIconSize, + fontSize: mediumIconSize, + }, + small: { + paddingLeft: tagSpacingSmall, + paddingRight: tokens.spacingHorizontalXXS, + width: smallIconSize, + fontSize: smallIconSize, + }, + 'extra-small': { + paddingLeft: tagSpacingExtraSmall, + paddingRight: tokens.spacingHorizontalXXS, + width: extraSmallIconSize, + fontSize: extraSmallIconSize, + }, +}); + +export const useMediaStyles = makeStyles({ + base: { + ...shorthands.gridArea('media'), + display: 'flex', + paddingLeft: '1px', + }, + medium: { paddingRight: tokens.spacingHorizontalS, }, + small: { + paddingRight: tokens.spacingHorizontalSNudge, + }, + 'extra-small': { + paddingRight: tokens.spacingHorizontalSNudge, + }, +}); - dismissIcon: { +const useDismissIconStyles = makeStyles({ + base: { ...shorthands.gridArea('dismissIcon'), display: 'flex', - alignItems: 'center', - fontSize: '20px', - paddingLeft: '2px', - paddingRight: '6px', + }, + medium: { + paddingLeft: tokens.spacingHorizontalXS, + paddingRight: tagSpacingMedium, + fontSize: mediumIconSize, + }, + small: { + paddingLeft: tokens.spacingHorizontalXXS, + paddingRight: tagSpacingSmall, + fontSize: smallIconSize, + }, + 'extra-small': { + paddingLeft: tokens.spacingHorizontalXXS, + paddingRight: tagSpacingExtraSmall, + fontSize: extraSmallIconSize, + }, +}); + +export const usePrimaryTextStyles = makeStyles({ + base: { + whiteSpace: 'nowrap', + paddingLeft: tokens.spacingHorizontalXXS, + paddingRight: tokens.spacingHorizontalXXS, + }, + + medium: { + ...typographyStyles.body1, + }, + small: { + ...typographyStyles.caption1, + }, + 'extra-small': { + ...typographyStyles.caption1, }, - // TODO add additional classes for fill/outline appearance, different sizes, and state + withoutSecondaryText: { + gridColumnStart: 'primary', + gridRowStart: 'primary', + gridRowEnd: 'secondary', + paddingBottom: tokens.spacingHorizontalXXS, + }, + withSecondaryText: { + ...shorthands.gridArea('primary'), + ...typographyStyles.caption1, + marginTop: '-2px', + }, }); -const useSmallTagStyles = makeStyles({ - root: { - height: '24px', +export const useSecondaryTextStyles = makeStyles({ + base: { + ...shorthands.gridArea('secondary'), + paddingLeft: tokens.spacingHorizontalXXS, + paddingRight: tokens.spacingHorizontalXXS, + ...typographyStyles.caption2, + whiteSpace: 'nowrap', }, - // TODO add additional styles for sizes }); /** * Apply styling to the Tag slots based on the state */ export const useTagStyles_unstable = (state: TagState): TagState => { - const baseStyles = useTagBaseStyles(); - const resetButtonStyles = useResetButtonStyles(); - const styles = useTagStyles(); - const smallStyles = useSmallTagStyles(); + const rootStyles = useRootStyles(); + const rootWithoutMediaStyles = useRootWithoutMediaStyles(); + const rootWithoutDismissStyles = useRootWithoutDismissStyles(); + + const iconStyles = useIconStyles(); + const mediaStyles = useMediaStyles(); + const dismissIconStyles = useDismissIconStyles(); + const primaryTextStyles = usePrimaryTextStyles(); + const secondaryTextStyles = useSecondaryTextStyles(); + + const { shape, size } = state; state.root.className = mergeClasses( tagClassNames.root, - resetButtonStyles.resetButton, - styles.root, - state.shape === 'circular' && styles.rootCircular, - !state.media && !state.icon && styles.rootWithoutMedia, - !state.dismissIcon && styles.rootWithoutDismiss, + rootStyles.base, + rootStyles[shape], + rootStyles[size], - state.size === 'small' && smallStyles.root, + !state.media && !state.icon && rootWithoutMediaStyles[size], + !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className, ); if (state.media) { - state.media.className = mergeClasses(tagClassNames.media, baseStyles.media, state.media.className); + state.media.className = mergeClasses( + tagClassNames.media, + mediaStyles.base, + mediaStyles[size], + state.media.className, + ); } if (state.icon) { - state.icon.className = mergeClasses(tagClassNames.icon, baseStyles.icon, state.icon.className); + state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className); } if (state.primaryText) { state.primaryText.className = mergeClasses( tagClassNames.primaryText, - baseStyles.primaryText, - state.secondaryText && baseStyles.primaryTextWithSecondaryText, + + primaryTextStyles.base, + primaryTextStyles[size], + + state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, + state.primaryText.className, ); } if (state.secondaryText) { state.secondaryText.className = mergeClasses( tagClassNames.secondaryText, - baseStyles.secondaryText, + secondaryTextStyles.base, state.secondaryText.className, ); } if (state.dismissIcon) { state.dismissIcon.className = mergeClasses( tagClassNames.dismissIcon, - styles.dismissIcon, + dismissIconStyles.base, + dismissIconStyles[size], state.dismissIcon.className, ); } diff --git a/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx b/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx index 9ba53fb344a6f..dcb4f6a5a0ad4 100644 --- a/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx +++ b/packages/react-components/react-tags/src/components/TagButton/useTagButton.tsx @@ -7,8 +7,8 @@ import { useTagGroupContext_unstable } from '../../contexts/TagGroupContext'; const tagButtonAvatarSizeMap = { medium: 28, - small: 24, - 'extra-small': 20, + small: 20, + 'extra-small': 16, } as const; const tagButtonAvatarShapeMap = { diff --git a/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts b/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts index c1b93faf1db3e..e822a2d2124bd 100644 --- a/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts +++ b/packages/react-components/react-tags/src/components/TagButton/useTagButtonStyles.styles.ts @@ -3,7 +3,12 @@ import type { TagButtonSlots, TagButtonState } from './TagButton.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; import { tokens } from '@fluentui/react-theme'; -import { useResetButtonStyles, useTagBaseStyles } from '../Tag/index'; +import { + useIconStyles, + useMediaStyles, + usePrimaryTextStyles, + useSecondaryTextStyles, +} from '../Tag/useTagStyles.styles'; export const tagButtonClassNames: SlotClassNames = { root: 'fui-TagButton', @@ -15,153 +20,262 @@ export const tagButtonClassNames: SlotClassNames = { dismissButton: 'fui-TagButton__dismissButton', }; -const useStyles = makeStyles({ - root: { - // TODO use makeResetStyle when styles are settled - display: 'inline-flex', +const mediumIconSize = '20px'; +const smallIconSize = '16px'; +const extraSmallIconSize = '12px'; +const useRootStyles = makeStyles({ + base: { + display: 'inline-flex', + alignItems: 'center', boxSizing: 'border-box', - height: '32px', width: 'fit-content', - ...shorthands.borderRadius(tokens.borderRadiusMedium), backgroundColor: tokens.colorNeutralBackground3, color: tokens.colorNeutralForeground2, ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorTransparentStroke), }, - rootCircular: shorthands.borderRadius(tokens.borderRadiusCircular), - content: { + rounded: shorthands.borderRadius(tokens.borderRadiusMedium), + circular: shorthands.borderRadius(tokens.borderRadiusCircular), + + medium: { + height: '32px', + }, + small: { + height: '24px', + }, + 'extra-small': { + height: '20px', + }, +}); + +const useContentButtonStyles = makeStyles({ + base: { + // TODO use makeResetStyle when styles are settled + + // reset default button style: + color: 'inherit', + fontFamily: 'inherit', + ...shorthands.padding(0), + ...shorthands.borderStyle('none'), + appearance: 'button', + textAlign: 'unset', + backgroundColor: 'transparent', + display: 'inline-grid', - gridTemplateRows: '1fr auto auto 1fr', + height: '100%', + alignItems: 'center', gridTemplateAreas: ` - "media . " "media primary " "media secondary" - "media . " `, - paddingRight: tokens.spacingHorizontalS, - - ...createCustomFocusIndicatorStyle( - { - ...shorthands.borderRadius(tokens.borderRadiusMedium), - ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2), - zIndex: 1, - }, - { enableOutline: true }, - ), ':hover': { cursor: 'pointer', }, }, - circularContent: createCustomFocusIndicatorStyle(shorthands.borderRadius(tokens.borderRadiusCircular)), - contentWithoutMedia: { - paddingLeft: tokens.spacingHorizontalS, + + rounded: createCustomFocusIndicatorStyle( + { + ...shorthands.borderRadius(tokens.borderRadiusMedium), + ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2), + zIndex: 1, + }, + { enableOutline: true }, + ), + circular: createCustomFocusIndicatorStyle( + { + ...shorthands.borderRadius(tokens.borderRadiusCircular), + ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2), + zIndex: 1, + }, + { enableOutline: true }, + ), + + medium: { + paddingRight: '7px', + }, + small: { + paddingRight: '5px', }, - dismissibleContent: createCustomFocusIndicatorStyle({ + 'extra-small': { + paddingRight: '5px', + }, +}); +/** + * Styles for content slot when TagButton is without leading media/icon + */ +const useContentButtonWithoutMediaStyles = makeStyles({ + medium: { + paddingLeft: '7px', + }, + small: { + paddingLeft: '5px', + }, + 'extra-small': { + paddingLeft: '5px', + }, +}); +/** + * Styles for content slot when TagButton has dismiss button + */ +const useDismissibleContentButtonStyles = makeStyles({ + base: createCustomFocusIndicatorStyle({ borderTopRightRadius: tokens.borderRadiusNone, borderBottomRightRadius: tokens.borderRadiusNone, }), + medium: { + paddingRight: tokens.spacingHorizontalS, + }, + small: { + paddingRight: tokens.spacingHorizontalSNudge, + }, + 'extra-small': { + paddingRight: tokens.spacingHorizontalSNudge, + }, +}); + +const useDismissButtonStyles = makeStyles({ + base: { + // reset default button style: + color: 'inherit', + fontFamily: 'inherit', + ...shorthands.padding(0), + ...shorthands.borderStyle('none'), + appearance: 'button', + textAlign: 'unset', + backgroundColor: 'transparent', - dismissButton: { display: 'flex', + height: '100%', alignItems: 'center', - fontSize: '20px', - paddingLeft: '6px', - paddingRight: '6px', + // divider: ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1), - borderTopLeftRadius: tokens.borderRadiusNone, borderBottomLeftRadius: tokens.borderRadiusNone, - ...createCustomFocusIndicatorStyle({ - ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2), - borderTopLeftRadius: tokens.borderRadiusNone, - borderBottomLeftRadius: tokens.borderRadiusNone, - borderTopRightRadius: tokens.borderRadiusMedium, - borderBottomRightRadius: tokens.borderRadiusMedium, - }), ':hover': { cursor: 'pointer', }, }, - dismissButtonCircular: createCustomFocusIndicatorStyle({ + + rounded: createCustomFocusIndicatorStyle({ + ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2), + borderTopLeftRadius: tokens.borderRadiusNone, + borderBottomLeftRadius: tokens.borderRadiusNone, + borderTopRightRadius: tokens.borderRadiusMedium, + borderBottomRightRadius: tokens.borderRadiusMedium, + }), + circular: createCustomFocusIndicatorStyle({ + ...shorthands.outline(tokens.strokeWidthThick, 'solid', tokens.colorStrokeFocus2), + borderTopLeftRadius: tokens.borderRadiusNone, + borderBottomLeftRadius: tokens.borderRadiusNone, borderTopRightRadius: tokens.borderRadiusCircular, borderBottomRightRadius: tokens.borderRadiusCircular, }), - // TODO add additional classes for fill/outline appearance, different sizes, and state -}); - -const useSmallTagButtonStyles = makeStyles({ - root: { - height: '24px', + medium: { + fontSize: mediumIconSize, + paddingLeft: '5px', + paddingRight: '5px', + }, + small: { + fontSize: smallIconSize, + paddingLeft: '3px', + paddingRight: '3px', + }, + 'extra-small': { + fontSize: extraSmallIconSize, + paddingLeft: '5px', + paddingRight: '5px', }, - // TODO add additional styles for sizes }); /** * Apply styling to the TagButton slots based on the state */ export const useTagButtonStyles_unstable = (state: TagButtonState): TagButtonState => { - const baseStyles = useTagBaseStyles(); - const resetButtonStyles = useResetButtonStyles(); - const styles = useStyles(); - const smallStyles = useSmallTagButtonStyles(); + const rootStyles = useRootStyles(); - state.root.className = mergeClasses( - tagButtonClassNames.root, - styles.root, - state.shape === 'circular' && styles.rootCircular, + const contentButtonStyles = useContentButtonStyles(); + const contentButtonWithoutMediaStyles = useContentButtonWithoutMediaStyles(); + const dismissibleContentButtonStyles = useDismissibleContentButtonStyles(); + + const iconStyles = useIconStyles(); + const mediaStyles = useMediaStyles(); + const primaryTextStyles = usePrimaryTextStyles(); + const secondaryTextStyles = useSecondaryTextStyles(); + const dismissButtonStyles = useDismissButtonStyles(); - state.size === 'small' && smallStyles.root, + const { shape, size } = state; + state.root.className = mergeClasses( + tagButtonClassNames.root, + rootStyles.base, + rootStyles[shape], + rootStyles[size], state.root.className, ); + if (state.content) { state.content.className = mergeClasses( tagButtonClassNames.content, - resetButtonStyles.resetButton, - styles.content, - state.shape === 'circular' && styles.circularContent, - !state.media && !state.icon && styles.contentWithoutMedia, - state.dismissible && styles.dismissibleContent, + contentButtonStyles.base, + contentButtonStyles[shape], + contentButtonStyles[size], + + !state.media && !state.icon && contentButtonWithoutMediaStyles[size], + state.dismissible && dismissibleContentButtonStyles.base, + state.dismissible && dismissibleContentButtonStyles[size], state.content.className, ); } if (state.media) { - state.media.className = mergeClasses(tagButtonClassNames.media, baseStyles.media, state.media.className); + state.media.className = mergeClasses( + tagButtonClassNames.media, + mediaStyles.base, + mediaStyles[size], + state.media.className, + ); } if (state.icon) { - state.icon.className = mergeClasses(tagButtonClassNames.icon, baseStyles.icon, state.icon.className); + state.icon.className = mergeClasses( + tagButtonClassNames.icon, + iconStyles.base, + iconStyles[size], + state.icon.className, + ); } if (state.primaryText) { state.primaryText.className = mergeClasses( tagButtonClassNames.primaryText, - baseStyles.primaryText, - state.secondaryText && baseStyles.primaryTextWithSecondaryText, + + primaryTextStyles.base, + primaryTextStyles[size], + + state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, + state.primaryText.className, ); } if (state.secondaryText) { state.secondaryText.className = mergeClasses( tagButtonClassNames.secondaryText, - baseStyles.secondaryText, + secondaryTextStyles.base, state.secondaryText.className, ); } if (state.dismissButton) { state.dismissButton.className = mergeClasses( tagButtonClassNames.dismissButton, - resetButtonStyles.resetButton, - - styles.dismissButton, - state.shape === 'circular' && styles.dismissButtonCircular, + dismissButtonStyles.base, + dismissButtonStyles[shape], + dismissButtonStyles[size], state.dismissButton.className, ); } diff --git a/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts b/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts index 384730cbf6e5c..ecff3d75c06a8 100644 --- a/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts +++ b/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts @@ -10,27 +10,28 @@ export const tagGroupClassNames: SlotClassNames = { /** * Styles for the root slot */ -const useStyles = makeStyles({ - root: { +const useRootStyles = makeStyles({ + base: { display: 'inline-flex', + }, + medium: { columnGap: tokens.spacingHorizontalS, }, - rootSmall: { + small: { columnGap: tokens.spacingHorizontalSNudge, }, + 'extra-small': { + columnGap: tokens.spacingHorizontalXS, + }, }); /** * Apply styling to the TagGroup slots based on the state */ export const useTagGroupStyles_unstable = (state: TagGroupState): TagGroupState => { - const styles = useStyles(); - state.root.className = mergeClasses( - tagGroupClassNames.root, - styles.root, - state.size === 'small' && styles.rootSmall, - state.root.className, - ); + const styles = useRootStyles(); + const { size } = state; + state.root.className = mergeClasses(tagGroupClassNames.root, styles.base, styles[size], state.root.className); return state; }; diff --git a/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx new file mode 100644 index 0000000000000..55f0b715c70f2 --- /dev/null +++ b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx @@ -0,0 +1,61 @@ +import * as React from 'react'; +import { Avatar, makeStyles } from '@fluentui/react-components'; +import { CalendarMonthRegular } from '@fluentui/react-icons'; + +import { Tag } from '@fluentui/react-tags'; + +const useContainerStyles = makeStyles({ + innerWrapper: { + alignItems: 'start', + columnGap: '10px', + display: 'flex', + }, + outerWrapper: { + display: 'flex', + flexDirection: 'column', + rowGap: '10px', + }, +}); +export const Size = () => { + const styles = useContainerStyles(); + return ( +
+
+ Medium + }> + Medium dismissible + + } shape="circular"> + Medium circular + +
+
+ Small + + }> + Small dismissible + + } shape="circular"> + Small circular + +
+
+ Extra small + + }> + Extra small dismissible + + } shape="circular"> + Extra small circular + +
+
+ ); +}; + +Size.storyName = 'Size'; +Size.parameters = { + docs: { + description: { story: 'A tag supports `medium`, `small` and `extra-small` size. Default size is `medium`.' }, + }, +}; diff --git a/packages/react-components/react-tags/stories/Tag/index.stories.tsx b/packages/react-components/react-tags/stories/Tag/index.stories.tsx index 722990b615cb6..b6b85183b5b5b 100644 --- a/packages/react-components/react-tags/stories/Tag/index.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/index.stories.tsx @@ -9,6 +9,7 @@ export { Media } from './TagMedia.stories'; export { SecondaryText } from './TagSecondaryText.stories'; export { Dismiss } from './TagDismiss.stories'; export { Shape } from './TagShape.stories'; +export { Size } from './TagSize.stories'; export default { title: 'Preview Components/Tag/Tag', diff --git a/packages/react-components/react-tags/stories/TagButton/TagButtonSize.stories.tsx b/packages/react-components/react-tags/stories/TagButton/TagButtonSize.stories.tsx new file mode 100644 index 0000000000000..fbf7643d43ccf --- /dev/null +++ b/packages/react-components/react-tags/stories/TagButton/TagButtonSize.stories.tsx @@ -0,0 +1,61 @@ +import * as React from 'react'; +import { Avatar, makeStyles } from '@fluentui/react-components'; +import { CalendarMonthRegular } from '@fluentui/react-icons'; + +import { TagButton } from '@fluentui/react-tags'; + +const useContainerStyles = makeStyles({ + innerWrapper: { + alignItems: 'start', + columnGap: '10px', + display: 'flex', + }, + outerWrapper: { + display: 'flex', + flexDirection: 'column', + rowGap: '10px', + }, +}); +export const Size = () => { + const styles = useContainerStyles(); + return ( +
+
+ Medium + }> + Medium dismissible + + } shape="circular"> + Medium circular + +
+
+ Small + + }> + Small dismissible + + } shape="circular"> + Small circular + +
+
+ Extra small + + }> + Extra small dismissible + + } shape="circular"> + Extra small circular + +
+
+ ); +}; + +Size.storyName = 'Size'; +Size.parameters = { + docs: { + description: { story: 'A TagButton supports `medium`, `small` and `extra-small` size. Default size is `medium`.' }, + }, +}; diff --git a/packages/react-components/react-tags/stories/TagButton/index.stories.tsx b/packages/react-components/react-tags/stories/TagButton/index.stories.tsx index 2c588fbd79778..e58d4bdb2a2d1 100644 --- a/packages/react-components/react-tags/stories/TagButton/index.stories.tsx +++ b/packages/react-components/react-tags/stories/TagButton/index.stories.tsx @@ -9,6 +9,7 @@ export { Media } from './TagButtonMedia.stories'; export { SecondaryText } from './TagButtonSecondaryText.stories'; export { Dismiss } from './TagButtonDismiss.stories'; export { Shape } from './TagButtonShape.stories'; +export { Size } from './TagButtonSize.stories'; export default { title: 'Preview Components/Tag/TagButton', diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx index a1c66a444c89c..8711930996057 100644 --- a/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx @@ -1,6 +1,7 @@ import * as React from 'react'; import { TagGroup, Tag, TagButton } from '@fluentui/react-tags'; import { Avatar, makeStyles } from '@fluentui/react-components'; +import { Calendar3DayRegular } from '@fluentui/react-icons'; import { TagSize } from '../../src/Tag'; const useContainerStyles = makeStyles({ @@ -13,19 +14,22 @@ const useContainerStyles = makeStyles({ export const Sizes = () => { const containerStyles = useContainerStyles(); - // TODO add one more size - const sizes: TagSize[] = ['small', 'medium']; + const sizes: TagSize[] = ['medium', 'small', 'extra-small']; return (
{sizes.map(size => (
{`${size}: `} - } shape="circular"> - Tag 1 + {size} + }> + {size} - } shape="circular"> - Tag 2 + } shape="circular"> + {size} + + }> + {size}
@@ -38,7 +42,8 @@ Sizes.storyName = 'Sizes'; Sizes.parameters = { docs: { description: { - story: 'A TagGroup supports different sizes', + story: + 'A TagGroup can set default size for all its tags. It supports `medium`, `small` and `extra-small` size. Default value is `medium`.', }, }, }; From 9b5b3f33ad05e2dce6457c72b9e5ffa352033e47 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Tue, 20 Jun 2023 12:39:17 +0000 Subject: [PATCH 32/32] applying package updates --- apps/perf-test-react-components/package.json | 16 +- apps/public-docsite-v9/package.json | 8 +- apps/react-18-tests-v9/package.json | 2 +- apps/recipes-react-components/package.json | 6 +- apps/ssr-tests-v9/package.json | 2 +- apps/stress-test/package.json | 2 +- .../package.json | 2 +- apps/vr-tests-react-components/package.json | 80 ++-- ...-589c6e0c-8c91-4202-8310-113c77e80d35.json | 7 - ...-8e128a48-5402-4886-b088-900334ce1883.json | 7 - ...-9257ac81-db7d-4fa4-9697-ee88f22fe4b1.json | 7 - ...-053c9699-fe26-4431-b2a3-a4e6aa8a10d8.json | 7 - ...-6d2b8431-50e1-4505-8b29-000e34096702.json | 7 - ...-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json | 7 - ...-01f81838-7f5f-4f61-b9d3-42146d93407c.json | 7 - ...-e7fe5158-369d-4809-82c4-386eaf61731e.json | 7 - ...-5d7b9deb-d12c-4f30-84bb-4552bdfdd730.json | 7 - ...-a0ef5216-e89a-420a-9879-ec97275c3f1f.json | 7 - ...-f2bc965d-ad2d-41c2-9564-852fd1746069.json | 7 - ...-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json | 7 - ...-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json | 7 - ...-35e35a06-cb99-40ac-9617-72e443ec3109.json | 7 - ...-9216b207-e3ef-40d2-814b-9e6f2267d335.json | 7 - ...-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json | 7 - ...-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json | 7 - ...-d5ca61cc-e259-47bf-b7b3-3251154d7232.json | 7 - ...-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json | 7 - ...-6748ddfc-dc18-4930-a1a6-4e3fe357931d.json | 7 - ...-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json | 7 - ...-f6e3df3d-c8d7-49f2-acb6-20895c52cc91.json | 7 - ...-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json | 7 - ...-674485ad-8621-45a2-92ab-bc4d3a6b9004.json | 7 - ...-ce74a783-fc10-4634-a052-c2e29c376a26.json | 7 - ...-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json | 7 - ...-1e781eb1-1e70-454d-896b-91e615d13d81.json | 7 - ...-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json | 7 - ...-56240770-bac2-4aaf-8d57-6ee6d2104536.json | 7 - ...-88a794f5-92e2-49f3-a5ff-cef44b75db12.json | 7 - ...-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json | 7 - ...-c77959b9-6b10-4bd7-a186-e3bb9f5eafa4.json | 7 - ...-5126479c-1715-4f34-b802-5335d55ad385.json | 7 - ...-96369afb-91ef-4417-88b6-bd79e7796730.json | 7 - ...-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json | 7 - ...-d97b0cb6-4802-4253-926c-4ff39eae806a.json | 7 - ...-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json | 7 - ...-60d58436-afa6-4c20-a389-060cb9c229be.json | 7 - ...-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json | 7 - ...-d7d8f0a9-3303-41e6-bb84-59eeec3924ad.json | 7 - ...-2bda5a8d-90e7-4700-93ae-4336dab725fe.json | 7 - ...-6abfa676-0116-42b0-90ce-1c3b3050084d.json | 7 - ...-50b8d438-835e-41ee-8cd3-503f3a0282d5.json | 7 - ...-148ddd64-8526-4045-90f7-d80bae3cdbbb.json | 7 - ...-370dac0d-c029-49f6-9183-2d2bcbc04711.json | 7 - ...-01d8f535-459b-49ce-98da-dfe35961923c.json | 7 - ...-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json | 7 - ...-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json | 7 - ...-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json | 7 - ...-aa97da2a-9b3c-4892-82ef-c918b7d78fe1.json | 7 - ...-822660c5-1fae-47bd-8a8f-673d210610a5.json | 7 - ...-83906204-6e9b-4809-a78f-8177a8ddca64.json | 7 - ...-e76e5d43-0fae-497e-a156-61458b2edcb4.json | 7 - ...-906c4792-b060-4628-b52f-8f27a864d8e1.json | 7 - ...-91098fb1-af1a-453b-9869-4db857003668.json | 7 - ...-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json | 7 - ...-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json | 7 - ...-a2abc531-b693-4972-8dd3-0f6351663f49.json | 7 - ...-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json | 7 - ...-6d7634ab-d750-45b2-94f8-71cf02182dae.json | 7 - .../CHANGELOG.json | 15 + .../babel-preset-global-context/CHANGELOG.md | 11 +- .../babel-preset-global-context/package.json | 4 +- .../global-context/CHANGELOG.json | 21 + .../global-context/CHANGELOG.md | 12 +- .../global-context/package.json | 6 +- .../keyboard-keys/CHANGELOG.json | 15 + .../priority-overflow/CHANGELOG.json | 15 + .../priority-overflow/CHANGELOG.md | 11 +- .../priority-overflow/package.json | 2 +- .../react-accordion/CHANGELOG.json | 63 +++ .../react-accordion/CHANGELOG.md | 19 +- .../react-accordion/package.json | 18 +- .../react-alert/CHANGELOG.json | 57 +++ .../react-components/react-alert/CHANGELOG.md | 18 +- .../react-components/react-alert/package.json | 16 +- .../react-aria/CHANGELOG.json | 15 + .../react-components/react-aria/CHANGELOG.md | 11 +- .../react-components/react-aria/package.json | 4 +- .../react-avatar/CHANGELOG.json | 81 ++++ .../react-avatar/CHANGELOG.md | 22 +- .../react-avatar/package.json | 22 +- .../react-badge/CHANGELOG.json | 45 +++ .../react-components/react-badge/CHANGELOG.md | 16 +- .../react-components/react-badge/package.json | 12 +- .../react-breadcrumb/package.json | 16 +- .../react-button/CHANGELOG.json | 57 +++ .../react-button/CHANGELOG.md | 18 +- .../react-button/package.json | 16 +- .../react-card/CHANGELOG.json | 45 +++ .../react-components/react-card/CHANGELOG.md | 16 +- .../react-components/react-card/package.json | 14 +- .../react-checkbox/CHANGELOG.json | 63 +++ .../react-checkbox/CHANGELOG.md | 19 +- .../react-checkbox/package.json | 18 +- .../react-colorpicker-compat/package.json | 8 +- .../react-combobox/CHANGELOG.json | 75 ++++ .../react-combobox/CHANGELOG.md | 21 +- .../react-combobox/package.json | 20 +- .../react-components/CHANGELOG.json | 375 ++++++++++++++++++ .../react-components/CHANGELOG.md | 113 +++++- .../react-components/package.json | 90 ++--- .../react-conformance-griffel/CHANGELOG.json | 15 + .../react-conformance-griffel/CHANGELOG.md | 11 +- .../react-conformance-griffel/package.json | 4 +- .../react-context-selector/CHANGELOG.json | 15 + .../react-context-selector/CHANGELOG.md | 11 +- .../react-context-selector/package.json | 4 +- .../CHANGELOG.json | 45 +++ .../react-data-grid-react-window/CHANGELOG.md | 16 +- .../react-data-grid-react-window/package.json | 12 +- .../react-datepicker-compat/CHANGELOG.json | 93 +++++ .../react-datepicker-compat/CHANGELOG.md | 24 +- .../react-datepicker-compat/package.json | 24 +- .../react-dialog/CHANGELOG.json | 81 ++++ .../react-dialog/CHANGELOG.md | 22 +- .../react-dialog/package.json | 20 +- .../react-divider/CHANGELOG.json | 39 ++ .../react-divider/CHANGELOG.md | 15 +- .../react-divider/package.json | 12 +- .../react-drawer/CHANGELOG.json | 45 +++ .../react-drawer/CHANGELOG.md | 16 +- .../react-drawer/package.json | 14 +- .../react-field/CHANGELOG.json | 51 +++ .../react-components/react-field/CHANGELOG.md | 17 +- .../react-components/react-field/package.json | 14 +- .../react-image/CHANGELOG.json | 39 ++ .../react-components/react-image/CHANGELOG.md | 15 +- .../react-components/react-image/package.json | 12 +- .../react-infobutton/CHANGELOG.json | 75 ++++ .../react-infobutton/CHANGELOG.md | 21 +- .../react-infobutton/package.json | 16 +- .../react-input/CHANGELOG.json | 51 +++ .../react-components/react-input/CHANGELOG.md | 17 +- .../react-components/react-input/package.json | 16 +- .../react-jsx-runtime/CHANGELOG.json | 21 + .../react-jsx-runtime/CHANGELOG.md | 12 +- .../react-jsx-runtime/package.json | 6 +- .../react-label/CHANGELOG.json | 39 ++ .../react-components/react-label/CHANGELOG.md | 15 +- .../react-components/react-label/package.json | 12 +- .../react-link/CHANGELOG.json | 39 ++ .../react-components/react-link/CHANGELOG.md | 15 +- .../react-components/react-link/package.json | 12 +- .../react-menu/CHANGELOG.json | 83 ++++ .../react-components/react-menu/CHANGELOG.md | 25 +- .../react-components/react-menu/package.json | 22 +- .../react-migration-v0-v9/CHANGELOG.json | 45 +++ .../react-migration-v0-v9/CHANGELOG.md | 16 +- .../react-migration-v0-v9/package.json | 12 +- .../react-migration-v8-v9/CHANGELOG.json | 53 +++ .../react-migration-v8-v9/CHANGELOG.md | 20 +- .../react-migration-v8-v9/package.json | 10 +- .../react-overflow/CHANGELOG.json | 47 +++ .../react-overflow/CHANGELOG.md | 15 +- .../react-overflow/package.json | 10 +- .../react-persona/CHANGELOG.json | 51 +++ .../react-persona/CHANGELOG.md | 17 +- .../react-persona/package.json | 16 +- .../react-popover/CHANGELOG.json | 75 ++++ .../react-popover/CHANGELOG.md | 21 +- .../react-popover/package.json | 22 +- .../react-portal-compat/CHANGELOG.json | 27 ++ .../react-portal-compat/CHANGELOG.md | 13 +- .../react-portal-compat/package.json | 10 +- .../react-portal/CHANGELOG.json | 33 ++ .../react-portal/CHANGELOG.md | 14 +- .../react-portal/package.json | 8 +- .../react-positioning/CHANGELOG.json | 47 +++ .../react-positioning/CHANGELOG.md | 19 +- .../react-positioning/package.json | 8 +- .../react-progress/CHANGELOG.json | 45 +++ .../react-progress/CHANGELOG.md | 16 +- .../react-progress/package.json | 14 +- .../react-provider/CHANGELOG.json | 45 +++ .../react-provider/CHANGELOG.md | 16 +- .../react-provider/package.json | 14 +- .../react-radio/CHANGELOG.json | 63 +++ .../react-components/react-radio/CHANGELOG.md | 19 +- .../react-components/react-radio/package.json | 18 +- .../react-search/package.json | 10 +- .../react-select/CHANGELOG.json | 51 +++ .../react-select/CHANGELOG.md | 17 +- .../react-select/package.json | 14 +- .../react-shared-contexts/CHANGELOG.json | 23 ++ .../react-shared-contexts/CHANGELOG.md | 11 +- .../react-shared-contexts/package.json | 4 +- .../react-skeleton/CHANGELOG.json | 51 +++ .../react-skeleton/CHANGELOG.md | 17 +- .../react-skeleton/package.json | 14 +- .../react-slider/CHANGELOG.json | 57 +++ .../react-slider/CHANGELOG.md | 18 +- .../react-slider/package.json | 18 +- .../react-spinbutton/CHANGELOG.json | 57 +++ .../react-spinbutton/CHANGELOG.md | 18 +- .../react-spinbutton/package.json | 16 +- .../react-spinner/CHANGELOG.json | 45 +++ .../react-spinner/CHANGELOG.md | 16 +- .../react-spinner/package.json | 14 +- .../react-storybook-addon/package.json | 4 +- .../react-switch/CHANGELOG.json | 63 +++ .../react-switch/CHANGELOG.md | 19 +- .../react-switch/package.json | 18 +- .../react-table/CHANGELOG.json | 107 +++++ .../react-components/react-table/CHANGELOG.md | 29 +- .../react-components/react-table/package.json | 24 +- .../react-tabs/CHANGELOG.json | 51 +++ .../react-components/react-tabs/CHANGELOG.md | 17 +- .../react-components/react-tabs/package.json | 16 +- .../react-tabster/CHANGELOG.json | 41 ++ .../react-tabster/CHANGELOG.md | 18 +- .../react-tabster/package.json | 8 +- .../react-components/react-tags/package.json | 16 +- .../react-text/CHANGELOG.json | 39 ++ .../react-components/react-text/CHANGELOG.md | 15 +- .../react-components/react-text/package.json | 12 +- .../react-textarea/CHANGELOG.json | 51 +++ .../react-textarea/CHANGELOG.md | 17 +- .../react-textarea/package.json | 14 +- .../react-theme-sass/CHANGELOG.json | 21 + .../react-theme-sass/CHANGELOG.md | 12 +- .../react-theme-sass/package.json | 4 +- .../react-theme/CHANGELOG.json | 15 + .../react-components/react-theme/CHANGELOG.md | 11 +- .../react-components/react-theme/package.json | 4 +- .../react-components/react-toast/package.json | 14 +- .../react-toolbar/CHANGELOG.json | 69 ++++ .../react-toolbar/CHANGELOG.md | 20 +- .../react-toolbar/package.json | 22 +- .../react-tooltip/CHANGELOG.json | 51 +++ .../react-tooltip/CHANGELOG.md | 17 +- .../react-tooltip/package.json | 16 +- .../react-tree/CHANGELOG.json | 81 ++++ .../react-components/react-tree/CHANGELOG.md | 22 +- .../react-components/react-tree/package.json | 24 +- .../react-utilities/CHANGELOG.json | 15 + .../react-utilities/CHANGELOG.md | 11 +- .../react-utilities/package.json | 2 +- .../react-virtualizer/CHANGELOG.json | 39 ++ .../react-virtualizer/CHANGELOG.md | 15 +- .../react-virtualizer/package.json | 8 +- .../theme-designer/package.json | 10 +- packages/react-conformance/CHANGELOG.json | 15 + packages/react-conformance/CHANGELOG.md | 11 +- packages/react-conformance/package.json | 2 +- packages/tokens/CHANGELOG.json | 21 + packages/tokens/CHANGELOG.md | 12 +- packages/tokens/package.json | 2 +- 256 files changed, 4713 insertions(+), 998 deletions(-) delete mode 100644 change/@fluentui-keyboard-keys-589c6e0c-8c91-4202-8310-113c77e80d35.json delete mode 100644 change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json delete mode 100644 change/@fluentui-react-accordion-9257ac81-db7d-4fa4-9697-ee88f22fe4b1.json delete mode 100644 change/@fluentui-react-alert-053c9699-fe26-4431-b2a3-a4e6aa8a10d8.json delete mode 100644 change/@fluentui-react-avatar-6d2b8431-50e1-4505-8b29-000e34096702.json delete mode 100644 change/@fluentui-react-avatar-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json delete mode 100644 change/@fluentui-react-badge-01f81838-7f5f-4f61-b9d3-42146d93407c.json delete mode 100644 change/@fluentui-react-button-e7fe5158-369d-4809-82c4-386eaf61731e.json delete mode 100644 change/@fluentui-react-checkbox-5d7b9deb-d12c-4f30-84bb-4552bdfdd730.json delete mode 100644 change/@fluentui-react-combobox-a0ef5216-e89a-420a-9879-ec97275c3f1f.json delete mode 100644 change/@fluentui-react-combobox-f2bc965d-ad2d-41c2-9564-852fd1746069.json delete mode 100644 change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json delete mode 100644 change/@fluentui-react-components-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json delete mode 100644 change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json delete mode 100644 change/@fluentui-react-data-grid-react-window-9216b207-e3ef-40d2-814b-9e6f2267d335.json delete mode 100644 change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json delete mode 100644 change/@fluentui-react-datepicker-compat-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json delete mode 100644 change/@fluentui-react-datepicker-compat-d5ca61cc-e259-47bf-b7b3-3251154d7232.json delete mode 100644 change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json delete mode 100644 change/@fluentui-react-dialog-6748ddfc-dc18-4930-a1a6-4e3fe357931d.json delete mode 100644 change/@fluentui-react-dialog-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json delete mode 100644 change/@fluentui-react-field-f6e3df3d-c8d7-49f2-acb6-20895c52cc91.json delete mode 100644 change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json delete mode 100644 change/@fluentui-react-infobutton-674485ad-8621-45a2-92ab-bc4d3a6b9004.json delete mode 100644 change/@fluentui-react-infobutton-ce74a783-fc10-4634-a052-c2e29c376a26.json delete mode 100644 change/@fluentui-react-infobutton-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json delete mode 100644 change/@fluentui-react-menu-1e781eb1-1e70-454d-896b-91e615d13d81.json delete mode 100644 change/@fluentui-react-menu-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json delete mode 100644 change/@fluentui-react-migration-v0-v9-56240770-bac2-4aaf-8d57-6ee6d2104536.json delete mode 100644 change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json delete mode 100644 change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json delete mode 100644 change/@fluentui-react-migration-v8-v9-c77959b9-6b10-4bd7-a186-e3bb9f5eafa4.json delete mode 100644 change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json delete mode 100644 change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json delete mode 100644 change/@fluentui-react-popover-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json delete mode 100644 change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json delete mode 100644 change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json delete mode 100644 change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json delete mode 100644 change/@fluentui-react-positioning-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json delete mode 100644 change/@fluentui-react-radio-d7d8f0a9-3303-41e6-bb84-59eeec3924ad.json delete mode 100644 change/@fluentui-react-select-2bda5a8d-90e7-4700-93ae-4336dab725fe.json delete mode 100644 change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json delete mode 100644 change/@fluentui-react-skeleton-50b8d438-835e-41ee-8cd3-503f3a0282d5.json delete mode 100644 change/@fluentui-react-spinbutton-148ddd64-8526-4045-90f7-d80bae3cdbbb.json delete mode 100644 change/@fluentui-react-switch-370dac0d-c029-49f6-9183-2d2bcbc04711.json delete mode 100644 change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json delete mode 100644 change/@fluentui-react-table-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json delete mode 100644 change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json delete mode 100644 change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json delete mode 100644 change/@fluentui-react-table-aa97da2a-9b3c-4892-82ef-c918b7d78fe1.json delete mode 100644 change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json delete mode 100644 change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json delete mode 100644 change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json delete mode 100644 change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json delete mode 100644 change/@fluentui-react-tree-91098fb1-af1a-453b-9869-4db857003668.json delete mode 100644 change/@fluentui-react-utilities-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json delete mode 100644 change/@fluentui-react-virtualizer-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json delete mode 100644 change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json delete mode 100644 change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json delete mode 100644 change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 763bd7bf6fbb8..a5f1300f6d1a6 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -19,14 +19,14 @@ }, "dependencies": { "@fluentui/scripts-perf-test-flamegrill": "*", - "@fluentui/react-avatar": "^9.5.5", - "@fluentui/react-button": "^9.3.16", - "@fluentui/react-field": "^9.1.6", - "@fluentui/react-infobutton": "9.0.0-beta.34", - "@fluentui/react-persona": "^9.2.15", - "@fluentui/react-provider": "^9.7.2", - "@fluentui/react-spinbutton": "^9.2.16", - "@fluentui/react-theme": "^9.1.8", + "@fluentui/react-avatar": "^9.5.6", + "@fluentui/react-button": "^9.3.17", + "@fluentui/react-field": "^9.1.7", + "@fluentui/react-infobutton": "9.0.0-beta.35", + "@fluentui/react-persona": "^9.2.16", + "@fluentui/react-provider": "^9.7.3", + "@fluentui/react-spinbutton": "^9.2.17", + "@fluentui/react-theme": "^9.1.9", "@griffel/core": "^1.11.0", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 56a0b3b236093..acdcb7daeb81d 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -23,13 +23,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-datepicker-compat": "^0.1.5", - "@fluentui/react-migration-v8-v9": "^9.2.16", - "@fluentui/react-migration-v0-v9": "^9.0.2", + "@fluentui/react-datepicker-compat": "^0.1.6", + "@fluentui/react-migration-v8-v9": "^9.3.0", + "@fluentui/react-migration-v0-v9": "^9.0.3", "@fluentui/react": "^8.110.4", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-components": "^9.22.0", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", "@fluentui/theme-designer": "^9.0.0", diff --git a/apps/react-18-tests-v9/package.json b/apps/react-18-tests-v9/package.json index 422bf827527b4..9baf6757ff033 100644 --- a/apps/react-18-tests-v9/package.json +++ b/apps/react-18-tests-v9/package.json @@ -19,7 +19,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-components": "^9.22.0", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", "react": "18.2.0", diff --git a/apps/recipes-react-components/package.json b/apps/recipes-react-components/package.json index 048429eeb8ee0..e783564d578ee 100644 --- a/apps/recipes-react-components/package.json +++ b/apps/recipes-react-components/package.json @@ -16,10 +16,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-components": "^9.22.0", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-provider": "^9.7.2", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-provider": "^9.7.3", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", "@griffel/react": "^1.5.7", diff --git a/apps/ssr-tests-v9/package.json b/apps/ssr-tests-v9/package.json index 4a5b6ccb4bbb7..9991faa10ca83 100644 --- a/apps/ssr-tests-v9/package.json +++ b/apps/ssr-tests-v9/package.json @@ -18,7 +18,7 @@ "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\"" }, "dependencies": { - "@fluentui/react-components": "^9.21.0" + "@fluentui/react-components": "^9.22.0" }, "devDependencies": { "@fluentui/eslint-plugin": "*", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index bf9a064743c1c..eb1c872b4f50f 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -11,7 +11,7 @@ }, "dependencies": { "@fluentui/react": "^8.110.4", - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-components": "^9.22.0", "@fluentui/react-icons": "^2.0.203", "@fluentui/web-components": "^2.5.15", "@microsoft/fast-element": "^1.11.1", diff --git a/apps/ts-minbar-test-react-components/package.json b/apps/ts-minbar-test-react-components/package.json index 53f10b8774cea..0b69d156c7bed 100644 --- a/apps/ts-minbar-test-react-components/package.json +++ b/apps/ts-minbar-test-react-components/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React Components compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react-components": "^9.21.0" + "@fluentui/react-components": "^9.22.0" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index 22a79e43ef7fe..1663e438832c7 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -20,49 +20,49 @@ "@fluentui/scripts-storybook": "*" }, "dependencies": { - "@fluentui/react-accordion": "^9.1.16", - "@fluentui/react-avatar": "^9.5.5", - "@fluentui/react-badge": "^9.1.15", - "@fluentui/react-button": "^9.3.16", - "@fluentui/react-card": "^9.0.14", - "@fluentui/react-checkbox": "^9.1.17", - "@fluentui/react-combobox": "^9.4.0", - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-datepicker-compat": "^0.1.5", - "@fluentui/react-dialog": "^9.5.9", - "@fluentui/react-divider": "^9.2.15", - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-accordion": "^9.1.17", + "@fluentui/react-avatar": "^9.5.6", + "@fluentui/react-badge": "^9.1.16", + "@fluentui/react-button": "^9.3.17", + "@fluentui/react-card": "^9.0.15", + "@fluentui/react-checkbox": "^9.1.18", + "@fluentui/react-combobox": "^9.4.1", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-datepicker-compat": "^0.1.6", + "@fluentui/react-dialog": "^9.5.10", + "@fluentui/react-divider": "^9.2.16", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-image": "^9.1.12", - "@fluentui/react-infobutton": "9.0.0-beta.34", - "@fluentui/react-input": "^9.4.16", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-link": "^9.0.42", - "@fluentui/react-menu": "^9.7.16", - "@fluentui/react-persona": "^9.2.15", - "@fluentui/react-popover": "^9.6.0", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-positioning": "^9.6.0", - "@fluentui/react-progress": "^9.1.16", - "@fluentui/react-provider": "^9.7.2", - "@fluentui/react-radio": "^9.1.17", - "@fluentui/react-select": "^9.1.16", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-skeleton": "^9.0.4", - "@fluentui/react-slider": "^9.1.17", - "@fluentui/react-spinner": "^9.2.2", - "@fluentui/react-spinbutton": "^9.2.16", + "@fluentui/react-image": "^9.1.13", + "@fluentui/react-infobutton": "9.0.0-beta.35", + "@fluentui/react-input": "^9.4.17", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-link": "^9.0.43", + "@fluentui/react-menu": "^9.8.0", + "@fluentui/react-persona": "^9.2.16", + "@fluentui/react-popover": "^9.7.0", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-positioning": "^9.7.0", + "@fluentui/react-progress": "^9.1.17", + "@fluentui/react-provider": "^9.7.3", + "@fluentui/react-radio": "^9.1.18", + "@fluentui/react-select": "^9.1.17", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-skeleton": "^9.0.5", + "@fluentui/react-slider": "^9.1.18", + "@fluentui/react-spinner": "^9.2.3", + "@fluentui/react-spinbutton": "^9.2.17", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", - "@fluentui/react-switch": "^9.1.17", - "@fluentui/react-tabs": "^9.3.17", - "@fluentui/react-table": "^9.3.0", - "@fluentui/react-text": "^9.3.12", - "@fluentui/react-textarea": "^9.3.16", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-tooltip": "^9.2.16", - "@fluentui/react-toolbar": "^9.1.17", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-switch": "^9.1.18", + "@fluentui/react-tabs": "^9.3.18", + "@fluentui/react-table": "^9.4.0", + "@fluentui/react-text": "^9.3.13", + "@fluentui/react-textarea": "^9.3.17", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-tooltip": "^9.2.17", + "@fluentui/react-toolbar": "^9.1.18", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/change/@fluentui-keyboard-keys-589c6e0c-8c91-4202-8310-113c77e80d35.json b/change/@fluentui-keyboard-keys-589c6e0c-8c91-4202-8310-113c77e80d35.json deleted file mode 100644 index af319374e5e11..0000000000000 --- a/change/@fluentui-keyboard-keys-589c6e0c-8c91-4202-8310-113c77e80d35.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: re-generate api.md - api extractor regression", - "packageName": "@fluentui/keyboard-keys", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json b/change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json deleted file mode 100644 index 92a84dfb011d2..0000000000000 --- a/change/@fluentui-priority-overflow-8e128a48-5402-4886-b088-900334ce1883.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Added support for custom divider", - "packageName": "@fluentui/priority-overflow", - "email": "vkozlova@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-accordion-9257ac81-db7d-4fa4-9697-ee88f22fe4b1.json b/change/@fluentui-react-accordion-9257ac81-db7d-4fa4-9697-ee88f22fe4b1.json deleted file mode 100644 index d1d4e5f8da678..0000000000000 --- a/change/@fluentui-react-accordion-9257ac81-db7d-4fa4-9697-ee88f22fe4b1.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203 ", - "packageName": "@fluentui/react-accordion", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-alert-053c9699-fe26-4431-b2a3-a4e6aa8a10d8.json b/change/@fluentui-react-alert-053c9699-fe26-4431-b2a3-a4e6aa8a10d8.json deleted file mode 100644 index d04fe98f67314..0000000000000 --- a/change/@fluentui-react-alert-053c9699-fe26-4431-b2a3-a4e6aa8a10d8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-alert", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-avatar-6d2b8431-50e1-4505-8b29-000e34096702.json b/change/@fluentui-react-avatar-6d2b8431-50e1-4505-8b29-000e34096702.json deleted file mode 100644 index 79f69bc577cce..0000000000000 --- a/change/@fluentui-react-avatar-6d2b8431-50e1-4505-8b29-000e34096702.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-avatar", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-avatar-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json b/change/@fluentui-react-avatar-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json deleted file mode 100644 index a146adcf6616f..0000000000000 --- a/change/@fluentui-react-avatar-d8ee1b7d-ba8b-46a7-8aa6-bf5d84ebdbfe.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Do not render the image when src prop is undefined.", - "packageName": "@fluentui/react-avatar", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-badge-01f81838-7f5f-4f61-b9d3-42146d93407c.json b/change/@fluentui-react-badge-01f81838-7f5f-4f61-b9d3-42146d93407c.json deleted file mode 100644 index 9ca26e049e2e6..0000000000000 --- a/change/@fluentui-react-badge-01f81838-7f5f-4f61-b9d3-42146d93407c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-badge", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-button-e7fe5158-369d-4809-82c4-386eaf61731e.json b/change/@fluentui-react-button-e7fe5158-369d-4809-82c4-386eaf61731e.json deleted file mode 100644 index 1aa436c66c186..0000000000000 --- a/change/@fluentui-react-button-e7fe5158-369d-4809-82c4-386eaf61731e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-button", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-checkbox-5d7b9deb-d12c-4f30-84bb-4552bdfdd730.json b/change/@fluentui-react-checkbox-5d7b9deb-d12c-4f30-84bb-4552bdfdd730.json deleted file mode 100644 index 216d03d3c8d7e..0000000000000 --- a/change/@fluentui-react-checkbox-5d7b9deb-d12c-4f30-84bb-4552bdfdd730.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-checkbox", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-combobox-a0ef5216-e89a-420a-9879-ec97275c3f1f.json b/change/@fluentui-react-combobox-a0ef5216-e89a-420a-9879-ec97275c3f1f.json deleted file mode 100644 index 16795bd7a133e..0000000000000 --- a/change/@fluentui-react-combobox-a0ef5216-e89a-420a-9879-ec97275c3f1f.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Option's checkIcon adds provided className at the end to avoid overrides.", - "packageName": "@fluentui/react-combobox", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-combobox-f2bc965d-ad2d-41c2-9564-852fd1746069.json b/change/@fluentui-react-combobox-f2bc965d-ad2d-41c2-9564-852fd1746069.json deleted file mode 100644 index f428c44887d0e..0000000000000 --- a/change/@fluentui-react-combobox-f2bc965d-ad2d-41c2-9564-852fd1746069.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-combobox", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json b/change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json deleted file mode 100644 index 208339dac9ef6..0000000000000 --- a/change/@fluentui-react-components-7b21b68d-a82b-4ee6-802c-cdbba6a8b25d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Added Overflow divider", - "packageName": "@fluentui/react-components", - "email": "vkozlova@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json b/change/@fluentui-react-components-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json deleted file mode 100644 index 4ac7839ee23d9..0000000000000 --- a/change/@fluentui-react-components-bdaf87d0-783b-403a-a2fe-d4d1f43890c4.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "[FEATURE] Imperative scrolling functionality for react-virtualizer", - "packageName": "@fluentui/react-components", - "email": "mifraser@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json b/change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json deleted file mode 100644 index bd30968a595e5..0000000000000 --- a/change/@fluentui-react-conformance-35e35a06-cb99-40ac-9617-72e443ec3109.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build", - "packageName": "@fluentui/react-conformance", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-data-grid-react-window-9216b207-e3ef-40d2-814b-9e6f2267d335.json b/change/@fluentui-react-data-grid-react-window-9216b207-e3ef-40d2-814b-9e6f2267d335.json deleted file mode 100644 index 1cd494249a19a..0000000000000 --- a/change/@fluentui-react-data-grid-react-window-9216b207-e3ef-40d2-814b-9e6f2267d335.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Fixed an issue where columns would overflow when resizableColumns is on", - "packageName": "@fluentui/react-data-grid-react-window", - "email": "jirivyhnalek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json b/change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json deleted file mode 100644 index 804d3b59d8308..0000000000000 --- a/change/@fluentui-react-datepicker-compat-39a831ff-e1f1-48df-af17-ffcd7fdf7883.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Do not move focus to the input on first render.", - "packageName": "@fluentui/react-datepicker-compat", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-datepicker-compat-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json b/change/@fluentui-react-datepicker-compat-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json deleted file mode 100644 index a2be4b6320f6c..0000000000000 --- a/change/@fluentui-react-datepicker-compat-6da0cd91-e9c0-4bdc-b670-d3dca86fb9a8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "feat: Add null to value prop for controlled cases to work correctly.", - "packageName": "@fluentui/react-datepicker-compat", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-datepicker-compat-d5ca61cc-e259-47bf-b7b3-3251154d7232.json b/change/@fluentui-react-datepicker-compat-d5ca61cc-e259-47bf-b7b3-3251154d7232.json deleted file mode 100644 index e1ad8eaece31b..0000000000000 --- a/change/@fluentui-react-datepicker-compat-d5ca61cc-e259-47bf-b7b3-3251154d7232.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-datepicker-compat", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json b/change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json deleted file mode 100644 index 3fa7427d2682a..0000000000000 --- a/change/@fluentui-react-dialog-1d49c035-4bba-4e6d-9df2-5ed5fe7cad97.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "bugfix: Ensures dialog actions stretches on breakpoints", - "packageName": "@fluentui/react-dialog", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-dialog-6748ddfc-dc18-4930-a1a6-4e3fe357931d.json b/change/@fluentui-react-dialog-6748ddfc-dc18-4930-a1a6-4e3fe357931d.json deleted file mode 100644 index dfe8ec67abecd..0000000000000 --- a/change/@fluentui-react-dialog-6748ddfc-dc18-4930-a1a6-4e3fe357931d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-dialog", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-dialog-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json b/change/@fluentui-react-dialog-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json deleted file mode 100644 index e02cb92c33a98..0000000000000 --- a/change/@fluentui-react-dialog-f53ccc8c-8b2f-4726-8d7a-e61990a04769.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion.", - "packageName": "@fluentui/react-dialog", - "email": "derdem@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-field-f6e3df3d-c8d7-49f2-acb6-20895c52cc91.json b/change/@fluentui-react-field-f6e3df3d-c8d7-49f2-acb6-20895c52cc91.json deleted file mode 100644 index 473f5c584ebc8..0000000000000 --- a/change/@fluentui-react-field-f6e3df3d-c8d7-49f2-acb6-20895c52cc91.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-field", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json b/change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json deleted file mode 100644 index 60623e86ee0ae..0000000000000 --- a/change/@fluentui-react-infobutton-399b6ea2-7d94-4b6c-8efc-3068ae6d59ed.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: Create InfoIconLabel component scaffold.", - "packageName": "@fluentui/react-infobutton", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-infobutton-674485ad-8621-45a2-92ab-bc4d3a6b9004.json b/change/@fluentui-react-infobutton-674485ad-8621-45a2-92ab-bc4d3a6b9004.json deleted file mode 100644 index f63fe406c3b87..0000000000000 --- a/change/@fluentui-react-infobutton-674485ad-8621-45a2-92ab-bc4d3a6b9004.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: Create InfoTip component.", - "packageName": "@fluentui/react-infobutton", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-infobutton-ce74a783-fc10-4634-a052-c2e29c376a26.json b/change/@fluentui-react-infobutton-ce74a783-fc10-4634-a052-c2e29c376a26.json deleted file mode 100644 index 88c8a3261eb16..0000000000000 --- a/change/@fluentui-react-infobutton-ce74a783-fc10-4634-a052-c2e29c376a26.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-infobutton", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-infobutton-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json b/change/@fluentui-react-infobutton-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json deleted file mode 100644 index aea65f213eb6f..0000000000000 --- a/change/@fluentui-react-infobutton-e927d0f0-b768-40eb-b81e-400ad3c5d3a2.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: Rename InfoTip to InfoIcon to better align with InfoButton.", - "packageName": "@fluentui/react-infobutton", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-menu-1e781eb1-1e70-454d-896b-91e615d13d81.json b/change/@fluentui-react-menu-1e781eb1-1e70-454d-896b-91e615d13d81.json deleted file mode 100644 index 129da1f86fd25..0000000000000 --- a/change/@fluentui-react-menu-1e781eb1-1e70-454d-896b-91e615d13d81.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-menu", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-menu-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json b/change/@fluentui-react-menu-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json deleted file mode 100644 index c162ed2b48561..0000000000000 --- a/change/@fluentui-react-menu-b6b9a274-48c6-45a5-b9e0-9ddb178e2e87.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Add slide and fade in animation on open", - "packageName": "@fluentui/react-menu", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-migration-v0-v9-56240770-bac2-4aaf-8d57-6ee6d2104536.json b/change/@fluentui-react-migration-v0-v9-56240770-bac2-4aaf-8d57-6ee6d2104536.json deleted file mode 100644 index 711e8c118acad..0000000000000 --- a/change/@fluentui-react-migration-v0-v9-56240770-bac2-4aaf-8d57-6ee6d2104536.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-migration-v0-v9", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json b/change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json deleted file mode 100644 index 8b3adcbb7bc49..0000000000000 --- a/change/@fluentui-react-migration-v8-v9-88a794f5-92e2-49f3-a5ff-cef44b75db12.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", - "packageName": "@fluentui/react-migration-v8-v9", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json b/change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json deleted file mode 100644 index 250c9cdcc2347..0000000000000 --- a/change/@fluentui-react-migration-v8-v9-8f5aa54e-09af-40d7-8d1b-48b603d3ca88.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "Add/update theme tokens", - "packageName": "@fluentui/react-migration-v8-v9", - "email": "miroslav.stastny@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-migration-v8-v9-c77959b9-6b10-4bd7-a186-e3bb9f5eafa4.json b/change/@fluentui-react-migration-v8-v9-c77959b9-6b10-4bd7-a186-e3bb9f5eafa4.json deleted file mode 100644 index a637ace9dd700..0000000000000 --- a/change/@fluentui-react-migration-v8-v9-c77959b9-6b10-4bd7-a186-e3bb9f5eafa4.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-migration-v8-v9", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json b/change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json deleted file mode 100644 index 77ac39fd0014c..0000000000000 --- a/change/@fluentui-react-overflow-5126479c-1715-4f34-b802-5335d55ad385.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: update E2E tests", - "packageName": "@fluentui/react-overflow", - "email": "olfedias@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json b/change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json deleted file mode 100644 index 0e62e403b8315..0000000000000 --- a/change/@fluentui-react-overflow-96369afb-91ef-4417-88b6-bd79e7796730.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "Added support for custom divider", - "packageName": "@fluentui/react-overflow", - "email": "vkozlova@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-popover-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json b/change/@fluentui-react-popover-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json deleted file mode 100644 index 131891cd55f8f..0000000000000 --- a/change/@fluentui-react-popover-294ab825-ff7b-473c-9fb3-3a13bcac0d18.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Add slide and fade in animation on open", - "packageName": "@fluentui/react-popover", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json b/change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json deleted file mode 100644 index e6769da20714f..0000000000000 --- a/change/@fluentui-react-portal-d97b0cb6-4802-4253-926c-4ff39eae806a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: use `position: absolute` to prevent scroll jumps", - "packageName": "@fluentui/react-portal", - "email": "olfedias@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json b/change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json deleted file mode 100644 index 1892d0f46c4a1..0000000000000 --- a/change/@fluentui-react-positioning-51a66b94-7733-4fb6-a73f-7aa47f67f21d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", - "packageName": "@fluentui/react-positioning", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json b/change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json deleted file mode 100644 index 99f3885e5980b..0000000000000 --- a/change/@fluentui-react-positioning-60d58436-afa6-4c20-a389-060cb9c229be.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: cleanup assignment of initial styles", - "packageName": "@fluentui/react-positioning", - "email": "olfedias@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-positioning-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json b/change/@fluentui-react-positioning-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json deleted file mode 100644 index eccf2373c1d45..0000000000000 --- a/change/@fluentui-react-positioning-c61dacab-10ae-4fd6-ad07-1d9b8308cf5f.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Implement shared styles for slide animations", - "packageName": "@fluentui/react-positioning", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-radio-d7d8f0a9-3303-41e6-bb84-59eeec3924ad.json b/change/@fluentui-react-radio-d7d8f0a9-3303-41e6-bb84-59eeec3924ad.json deleted file mode 100644 index 32c06568c83b1..0000000000000 --- a/change/@fluentui-react-radio-d7d8f0a9-3303-41e6-bb84-59eeec3924ad.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-radio", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-select-2bda5a8d-90e7-4700-93ae-4336dab725fe.json b/change/@fluentui-react-select-2bda5a8d-90e7-4700-93ae-4336dab725fe.json deleted file mode 100644 index 170de29d0a147..0000000000000 --- a/change/@fluentui-react-select-2bda5a8d-90e7-4700-93ae-4336dab725fe.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-select", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json b/change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json deleted file mode 100644 index 5cbc3dd7f7043..0000000000000 --- a/change/@fluentui-react-shared-contexts-6abfa676-0116-42b0-90ce-1c3b3050084d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: re-generate api.md", - "packageName": "@fluentui/react-shared-contexts", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-skeleton-50b8d438-835e-41ee-8cd3-503f3a0282d5.json b/change/@fluentui-react-skeleton-50b8d438-835e-41ee-8cd3-503f3a0282d5.json deleted file mode 100644 index e8630b63c960b..0000000000000 --- a/change/@fluentui-react-skeleton-50b8d438-835e-41ee-8cd3-503f3a0282d5.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Add reduced motion styling for Skeleton", - "packageName": "@fluentui/react-skeleton", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-spinbutton-148ddd64-8526-4045-90f7-d80bae3cdbbb.json b/change/@fluentui-react-spinbutton-148ddd64-8526-4045-90f7-d80bae3cdbbb.json deleted file mode 100644 index eab5838e601ca..0000000000000 --- a/change/@fluentui-react-spinbutton-148ddd64-8526-4045-90f7-d80bae3cdbbb.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-spinbutton", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-switch-370dac0d-c029-49f6-9183-2d2bcbc04711.json b/change/@fluentui-react-switch-370dac0d-c029-49f6-9183-2d2bcbc04711.json deleted file mode 100644 index ba3744d3e3f8e..0000000000000 --- a/change/@fluentui-react-switch-370dac0d-c029-49f6-9183-2d2bcbc04711.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-switch", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json b/change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json deleted file mode 100644 index 8e80901bc8984..0000000000000 --- a/change/@fluentui-react-table-01d8f535-459b-49ce-98da-dfe35961923c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "Update table styles to reflect token changes", - "packageName": "@fluentui/react-table", - "email": "miroslav.stastny@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json b/change/@fluentui-react-table-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json deleted file mode 100644 index 7d35c863072a4..0000000000000 --- a/change/@fluentui-react-table-53bb57fc-9922-42a6-9795-a9ae7da8c8b4.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props", - "packageName": "@fluentui/react-table", - "email": "jirivyhnalek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json b/change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json deleted file mode 100644 index 863bb42a6e8e5..0000000000000 --- a/change/@fluentui-react-table-a86be917-7fe4-41a7-a5aa-19d22c2aa1f8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: TableHeaderCell should not render button when not sortable", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json b/change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json deleted file mode 100644 index 934e061b24c50..0000000000000 --- a/change/@fluentui-react-table-a95df4e8-aec3-4fcc-b9c1-ddd8dd9aa848.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Implement `focusMode` for DataGridCell", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-aa97da2a-9b3c-4892-82ef-c918b7d78fe1.json b/change/@fluentui-react-table-aa97da2a-9b3c-4892-82ef-c918b7d78fe1.json deleted file mode 100644 index 141ccde319a72..0000000000000 --- a/change/@fluentui-react-table-aa97da2a-9b3c-4892-82ef-c918b7d78fe1.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-table", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json b/change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json deleted file mode 100644 index 0da85281ee8e0..0000000000000 --- a/change/@fluentui-react-tabster-822660c5-1fae-47bd-8a8f-673d210610a5.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", - "packageName": "@fluentui/react-tabster", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json b/change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json deleted file mode 100644 index 33f4668035519..0000000000000 --- a/change/@fluentui-react-tabster-83906204-6e9b-4809-a78f-8177a8ddca64.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "useArrowNavigationGroup grid-linear axis", - "packageName": "@fluentui/react-tabster", - "email": "jukapsia@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json b/change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json deleted file mode 100644 index 1fa0d9fe20d74..0000000000000 --- a/change/@fluentui-react-textarea-e76e5d43-0fae-497e-a156-61458b2edcb4.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Remove fixed height so rows prop works and add missing max-height.", - "packageName": "@fluentui/react-textarea", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json b/change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json deleted file mode 100644 index 7f6c08905a414..0000000000000 --- a/change/@fluentui-react-theme-sass-906c4792-b060-4628-b52f-8f27a864d8e1.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Add theme tokens", - "packageName": "@fluentui/react-theme-sass", - "email": "miroslav.stastny@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-tree-91098fb1-af1a-453b-9869-4db857003668.json b/change/@fluentui-react-tree-91098fb1-af1a-453b-9869-4db857003668.json deleted file mode 100644 index 1044e5c56a064..0000000000000 --- a/change/@fluentui-react-tree-91098fb1-af1a-453b-9869-4db857003668.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: update @fluentui/react-icons to 2.0.203", - "packageName": "@fluentui/react-tree", - "email": "ololubek@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-utilities-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json b/change/@fluentui-react-utilities-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json deleted file mode 100644 index 43f7648afbb42..0000000000000 --- a/change/@fluentui-react-utilities-d5e2a8b7-bfb3-4995-bd38-c0e77ebc6981.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: getNativeElementProps should support animation event handlers", - "packageName": "@fluentui/react-utilities", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-virtualizer-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json b/change/@fluentui-react-virtualizer-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json deleted file mode 100644 index afe6c2a1cd744..0000000000000 --- a/change/@fluentui-react-virtualizer-132ffdc3-4c38-49e6-a75e-a019828a0ec8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "feature: Add scrollTo index hook and callbacks, isScrolling flag", - "packageName": "@fluentui/react-virtualizer", - "email": "mifraser@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json b/change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json deleted file mode 100644 index 292673c2d6552..0000000000000 --- a/change/@fluentui-react-virtualizer-a2abc531-b693-4972-8dd3-0f6351663f49.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments", - "packageName": "@fluentui/react-virtualizer", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json b/change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json deleted file mode 100644 index 0a9e74c64ef25..0000000000000 --- a/change/@fluentui-tokens-19f04d6b-7899-48d5-81a4-2c81b15d4d1f.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Add/update theme tokens", - "packageName": "@fluentui/tokens", - "email": "miroslav.stastny@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json b/change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json deleted file mode 100644 index e4f1c8be695d6..0000000000000 --- a/change/@fluentui-tokens-6d7634ab-d750-45b2-94f8-71cf02182dae.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "fix: cast to String keys interpolated within string literals", - "packageName": "@fluentui/tokens", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json index 98ff1d13a0d12..238f7ab2ddb92 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.json +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/babel-preset-global-context", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.30", + "version": "9.0.0-beta.30", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/babel-preset-global-context", + "comment": "Bump @fluentui/global-context to v9.0.0-beta.30", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:23 GMT", "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.29", diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md index 53257818e13b5..de41b3a6823b7 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.md +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/babel-preset-global-context -This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.30) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.29..@fluentui/babel-preset-global-context_v9.0.0-beta.30) + +### Changes + +- Bump @fluentui/global-context to v9.0.0-beta.30 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.29) Wed, 31 May 2023 06:46:23 GMT diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json index 5a279fe02a2a1..58405b07a2111 100644 --- a/packages/react-components/babel-preset-global-context/package.json +++ b/packages/react-components/babel-preset-global-context/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/babel-preset-global-context", - "version": "9.0.0-beta.29", + "version": "9.0.0-beta.30", "description": "Babel preset that transforms createContext calls to use global context shims", "main": "lib-commonjs/index.js", "typings": "./dist/index.d.ts", @@ -40,7 +40,7 @@ "find-up": "^5.0.0" }, "peerDependencies": { - "@fluentui/global-context": "9.0.0-beta.29" + "@fluentui/global-context": "9.0.0-beta.30" }, "beachball": { "disallowedChangeTypes": [ diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json index e47f4f077f89f..9d6c4fb89b1f5 100644 --- a/packages/react-components/global-context/CHANGELOG.json +++ b/packages/react-components/global-context/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/global-context", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/global-context_v9.0.0-beta.30", + "version": "9.0.0-beta.30", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:08 GMT", "tag": "@fluentui/global-context_v9.0.0-beta.29", diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md index 30f438bd19f28..1cc06afc2fca9 100644 --- a/packages/react-components/global-context/CHANGELOG.md +++ b/packages/react-components/global-context/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/global-context -This log was last generated on Wed, 31 May 2023 06:46:08 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.30) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.29..@fluentui/global-context_v9.0.0-beta.30) + +### Changes + +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.29) Wed, 31 May 2023 06:46:08 GMT diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json index 3daa80470c2eb..e7e7f8187b694 100644 --- a/packages/react-components/global-context/package.json +++ b/packages/react-components/global-context/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/global-context", - "version": "9.0.0-beta.29", + "version": "9.0.0-beta.30", "description": "Extension of React createContext to be a true singleton on the global scope", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,8 +32,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-utilities": "^9.9.3", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/keyboard-keys/CHANGELOG.json b/packages/react-components/keyboard-keys/CHANGELOG.json index 5410ce7422fd3..001327cefc74a 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": "Tue, 20 Jun 2023 12:38:54 GMT", + "tag": "@fluentui/keyboard-keys_v9.0.3", + "version": "9.0.3", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/keyboard-keys", + "commit": "1d813ca54572065b0c19e3fbad9e81119c8ebc50", + "comment": "chore: re-generate api.md - api extractor regression" + } + ] + } + }, { "date": "Wed, 24 May 2023 20:45:22 GMT", "tag": "@fluentui/keyboard-keys_v9.0.3", diff --git a/packages/react-components/priority-overflow/CHANGELOG.json b/packages/react-components/priority-overflow/CHANGELOG.json index ca17e01c6df7e..13bab0e5e3ea5 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": "Tue, 20 Jun 2023 12:38:54 GMT", + "tag": "@fluentui/priority-overflow_v9.1.0", + "version": "9.1.0", + "comments": { + "minor": [ + { + "author": "vkozlova@microsoft.com", + "package": "@fluentui/priority-overflow", + "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda", + "comment": "feat: Added support for custom divider" + } + ] + } + }, { "date": "Wed, 24 May 2023 20:45:22 GMT", "tag": "@fluentui/priority-overflow_v9.0.3", diff --git a/packages/react-components/priority-overflow/CHANGELOG.md b/packages/react-components/priority-overflow/CHANGELOG.md index e5762ecc45d3b..94eee4d5c965a 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 Fri, 12 May 2023 20:28:09 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified. +## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.1.0) + +Tue, 20 Jun 2023 12:38:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/priority-overflow_v9.0.3..@fluentui/priority-overflow_v9.1.0) + +### Minor changes + +- feat: Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com) + ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.3) Fri, 12 May 2023 20:28:09 GMT diff --git a/packages/react-components/priority-overflow/package.json b/packages/react-components/priority-overflow/package.json index 0524f7ae199b9..c29c9df808f0d 100644 --- a/packages/react-components/priority-overflow/package.json +++ b/packages/react-components/priority-overflow/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/priority-overflow", - "version": "9.0.3", + "version": "9.1.0", "description": "Vanilla JS utilities to implement overflow menus", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-accordion/CHANGELOG.json b/packages/react-components/react-accordion/CHANGELOG.json index d62035278a038..00396af228003 100644 --- a/packages/react-components/react-accordion/CHANGELOG.json +++ b/packages/react-components/react-accordion/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-accordion", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:54 GMT", + "tag": "@fluentui/react-accordion_v9.1.17", + "version": "9.1.17", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-accordion", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203 " + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-aria to v9.3.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:08 GMT", "tag": "@fluentui/react-accordion_v9.1.16", diff --git a/packages/react-components/react-accordion/CHANGELOG.md b/packages/react-components/react-accordion/CHANGELOG.md index 382955c41f703..2626469f357bc 100644 --- a/packages/react-components/react-accordion/CHANGELOG.md +++ b/packages/react-components/react-accordion/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-accordion -This log was last generated on Wed, 31 May 2023 06:46:08 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified. +## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.17) + +Tue, 20 Jun 2023 12:38:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.16..@fluentui/react-accordion_v9.1.17) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.16) Wed, 31 May 2023 06:46:08 GMT diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json index 018774ce56a97..79baf52461f87 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.1.16", + "version": "9.1.17", "description": "Fluent UI accordion component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,19 +28,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-aria": "^9.3.22", - "@fluentui/react-context-selector": "^9.1.22", + "@fluentui/react-aria": "^9.3.23", + "@fluentui/react-context-selector": "^9.1.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json index 7c2ae83b1ad9c..be62312fb7cd7 100644 --- a/packages/react-components/react-alert/CHANGELOG.json +++ b/packages/react-components/react-alert/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-alert", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:54 GMT", + "tag": "@fluentui/react-alert_v9.0.0-beta.52", + "version": "9.0.0-beta.52", + "comments": { + "prerelease": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-alert", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-avatar to v9.5.6", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-button to v9.3.17", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:09 GMT", "tag": "@fluentui/react-alert_v9.0.0-beta.51", diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md index c38de18ea7719..b5d44ea662cc2 100644 --- a/packages/react-components/react-alert/CHANGELOG.md +++ b/packages/react-components/react-alert/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-alert -This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified. +## [9.0.0-beta.52](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.52) + +Tue, 20 Jun 2023 12:38:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.51..@fluentui/react-alert_v9.0.0-beta.52) + +### Changes + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.51](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.51) Wed, 31 May 2023 06:46:09 GMT diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index d544010e1d12d..2d817747ee752 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.51", + "version": "9.0.0-beta.52", "description": "An alert component to display brief messages", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,18 +28,18 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.5.5", - "@fluentui/react-button": "^9.3.16", + "@fluentui/react-avatar": "^9.5.6", + "@fluentui/react-button": "^9.3.17", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json index ccf7b42fe03b3..285be2b4caa79 100644 --- a/packages/react-components/react-aria/CHANGELOG.json +++ b/packages/react-components/react-aria/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-aria", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-aria_v9.3.23", + "version": "9.3.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:23 GMT", "tag": "@fluentui/react-aria_v9.3.22", diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md index 4aeb3d07ab5d1..5ff53913ef355 100644 --- a/packages/react-components/react-aria/CHANGELOG.md +++ b/packages/react-components/react-aria/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-aria -This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.3.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.23) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.22..@fluentui/react-aria_v9.3.23) + +### Patches + +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.3.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.22) Wed, 31 May 2023 06:46:23 GMT diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json index cf747ccc4e3e2..ebe11ef92534c 100644 --- a/packages/react-components/react-aria/package.json +++ b/packages/react-components/react-aria/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-aria", - "version": "9.3.22", + "version": "9.3.23", "description": "React helper to ensure ARIA", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,7 +32,7 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-utilities": "^9.9.3", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json index 5775766a69eb7..ee42fac7ba658 100644 --- a/packages/react-components/react-avatar/CHANGELOG.json +++ b/packages/react-components/react-avatar/CHANGELOG.json @@ -1,6 +1,87 @@ { "name": "@fluentui/react-avatar", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:54 GMT", + "tag": "@fluentui/react-avatar_v9.5.6", + "version": "9.5.6", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-avatar", + "commit": "7eca299aed541ae297ab5bc7d511e64f56570932", + "comment": "fix: Do not render the image when src prop is undefined." + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-badge to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-popover to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tooltip to v9.2.17", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:09 GMT", "tag": "@fluentui/react-avatar_v9.5.5", diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md index 74339f9a67e99..13861fa633931 100644 --- a/packages/react-components/react-avatar/CHANGELOG.md +++ b/packages/react-components/react-avatar/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/react-avatar -This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:54 GMT and should not be manually modified. +## [9.5.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.5.6) + +Tue, 20 Jun 2023 12:38:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.5.5..@fluentui/react-avatar_v9.5.6) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- fix: Do not render the image when src prop is undefined. ([PR #28146](https://github.com/microsoft/fluentui/pull/28146) by esteban.230@hotmail.com) +- Bump @fluentui/react-badge to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tooltip to v9.2.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.5.5) Wed, 31 May 2023 06:46:09 GMT diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json index 821cb63c25b7b..b8749507897e3 100644 --- a/packages/react-components/react-avatar/package.json +++ b/packages/react-components/react-avatar/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-avatar", - "version": "9.5.5", + "version": "9.5.6", "description": "React components for building Microsoft web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,23 +30,23 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "es6-weak-map": "^2.0.2", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-badge": "^9.1.15", - "@fluentui/react-context-selector": "^9.1.22", + "@fluentui/react-badge": "^9.1.16", + "@fluentui/react-context-selector": "^9.1.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-popover": "^9.6.0", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-tooltip": "^9.2.16", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-popover": "^9.7.0", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-tooltip": "^9.2.17", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-badge/CHANGELOG.json b/packages/react-components/react-badge/CHANGELOG.json index d3f58bdb79702..dcf4ad737f9be 100644 --- a/packages/react-components/react-badge/CHANGELOG.json +++ b/packages/react-components/react-badge/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-badge", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:55 GMT", + "tag": "@fluentui/react-badge_v9.1.16", + "version": "9.1.16", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-badge", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:09 GMT", "tag": "@fluentui/react-badge_v9.1.15", diff --git a/packages/react-components/react-badge/CHANGELOG.md b/packages/react-components/react-badge/CHANGELOG.md index a922b90272b01..0d5ff5629b771 100644 --- a/packages/react-components/react-badge/CHANGELOG.md +++ b/packages/react-components/react-badge/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-badge -This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:55 GMT and should not be manually modified. +## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.16) + +Tue, 20 Jun 2023 12:38:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.15..@fluentui/react-badge_v9.1.16) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.15) Wed, 31 May 2023 06:46:09 GMT diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json index 92213b2363f2e..043d12001237d 100644 --- a/packages/react-components/react-badge/package.json +++ b/packages/react-components/react-badge/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-badge", - "version": "9.1.15", + "version": "9.1.16", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,16 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-breadcrumb/package.json b/packages/react-components/react-breadcrumb/package.json index 1aaeb8d265815..92c4db1f9d586 100644 --- a/packages/react-components/react-breadcrumb/package.json +++ b/packages/react-components/react-breadcrumb/package.json @@ -30,20 +30,20 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-button": "^9.3.16", + "@fluentui/react-button": "^9.3.17", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-link": "^9.0.42", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-link": "^9.0.43", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json index e4bd51d74471c..43d24f631d849 100644 --- a/packages/react-components/react-button/CHANGELOG.json +++ b/packages/react-components/react-button/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-button", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:55 GMT", + "tag": "@fluentui/react-button_v9.3.17", + "version": "9.3.17", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-button", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-aria to v9.3.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:09 GMT", "tag": "@fluentui/react-button_v9.3.16", diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md index e5ebf4220ce61..339af123c991c 100644 --- a/packages/react-components/react-button/CHANGELOG.md +++ b/packages/react-components/react-button/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-button -This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:55 GMT and should not be manually modified. +## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.17) + +Tue, 20 Jun 2023 12:38:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.16..@fluentui/react-button_v9.3.17) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.3.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.16) Wed, 31 May 2023 06:46:09 GMT diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json index f2fc04de833bd..9c7ad08ebf003 100644 --- a/packages/react-components/react-button/package.json +++ b/packages/react-components/react-button/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-button", - "version": "9.3.16", + "version": "9.3.17", "description": "Fluent UI React Button component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,19 +29,19 @@ "@fluentui/a11y-testing": "^0.1.0", "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-aria": "^9.3.22", + "@fluentui/react-aria": "^9.3.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-card/CHANGELOG.json b/packages/react-components/react-card/CHANGELOG.json index 33283c030751f..2eec7481d8968 100644 --- a/packages/react-components/react-card/CHANGELOG.json +++ b/packages/react-components/react-card/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-card", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-card_v9.0.15", + "version": "9.0.15", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-button to v9.3.17", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:09 GMT", "tag": "@fluentui/react-card_v9.0.14", diff --git a/packages/react-components/react-card/CHANGELOG.md b/packages/react-components/react-card/CHANGELOG.md index 2caf555428556..69c7c24c0a9e0 100644 --- a/packages/react-components/react-card/CHANGELOG.md +++ b/packages/react-components/react-card/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-card -This log was last generated on Wed, 31 May 2023 06:46:09 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.15) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.14..@fluentui/react-card_v9.0.15) + +### Patches + +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.14) Wed, 31 May 2023 06:46:09 GMT diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json index a71a7b86dca2e..931a18da33ad1 100644 --- a/packages/react-components/react-card/package.json +++ b/packages/react-components/react-card/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-card", - "version": "9.0.14", + "version": "9.0.15", "private": false, "description": "Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", @@ -30,19 +30,19 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/react-conformance": "*", - "@fluentui/react-button": "^9.3.16", + "@fluentui/react-button": "^9.3.17", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-checkbox/CHANGELOG.json b/packages/react-components/react-checkbox/CHANGELOG.json index e1e98e25e8f43..1fb8774f8cf62 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.json +++ b/packages/react-components/react-checkbox/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-checkbox", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:55 GMT", + "tag": "@fluentui/react-checkbox_v9.1.18", + "version": "9.1.18", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:10 GMT", "tag": "@fluentui/react-checkbox_v9.1.17", diff --git a/packages/react-components/react-checkbox/CHANGELOG.md b/packages/react-components/react-checkbox/CHANGELOG.md index b71f5067a312b..7e80c3bf7a919 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.md +++ b/packages/react-components/react-checkbox/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-checkbox -This log was last generated on Wed, 31 May 2023 06:46:10 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:55 GMT and should not be manually modified. +## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.1.18) + +Tue, 20 Jun 2023 12:38:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.1.17..@fluentui/react-checkbox_v9.1.18) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.1.17) Wed, 31 May 2023 06:46:10 GMT diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json index 2b238c4296d01..168f31c02ed34 100644 --- a/packages/react-components/react-checkbox/package.json +++ b/packages/react-components/react-checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-checkbox", - "version": "9.1.17", + "version": "9.1.18", "description": "Fluent UI checkbox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,19 +28,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-colorpicker-compat/package.json b/packages/react-components/react-colorpicker-compat/package.json index 1603ab9cfbab9..d731db1de5b66 100644 --- a/packages/react-components/react-colorpicker-compat/package.json +++ b/packages/react-components/react-colorpicker-compat/package.json @@ -26,14 +26,14 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-combobox/CHANGELOG.json b/packages/react-components/react-combobox/CHANGELOG.json index 399aa0458ffd1..586999274cdc4 100644 --- a/packages/react-components/react-combobox/CHANGELOG.json +++ b/packages/react-components/react-combobox/CHANGELOG.json @@ -1,6 +1,81 @@ { "name": "@fluentui/react-combobox", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:56 GMT", + "tag": "@fluentui/react-combobox_v9.4.1", + "version": "9.4.1", + "comments": { + "patch": [ + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-combobox", + "commit": "1b46051516afdf0f7e2def938627cfd31a3df054", + "comment": "fix: Option's checkIcon adds provided className at the end to avoid overrides." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-portal to v9.2.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-positioning to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:10 GMT", "tag": "@fluentui/react-combobox_v9.4.0", diff --git a/packages/react-components/react-combobox/CHANGELOG.md b/packages/react-components/react-combobox/CHANGELOG.md index cd9e94d7164b0..57882a846fc56 100644 --- a/packages/react-components/react-combobox/CHANGELOG.md +++ b/packages/react-components/react-combobox/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-combobox -This log was last generated on Wed, 31 May 2023 06:46:10 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:56 GMT and should not be manually modified. +## [9.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.4.1) + +Tue, 20 Jun 2023 12:38:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.4.0..@fluentui/react-combobox_v9.4.1) + +### Patches + +- fix: Option's checkIcon adds provided className at the end to avoid overrides. ([PR #28143](https://github.com/microsoft/fluentui/pull/28143) by esteban.230@hotmail.com) +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.4.0) Wed, 31 May 2023 06:46:10 GMT diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json index c8c74fed95f51..3d902ff37f55d 100644 --- a/packages/react-components/react-combobox/package.json +++ b/packages/react-components/react-combobox/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-combobox", - "version": "9.4.0", + "version": "9.4.1", "description": "Fluent UI React Combobox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,21 +28,21 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-positioning": "^9.6.0", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-positioning": "^9.7.0", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json index 0b7f562705381..84e967d2dcd1b 100644 --- a/packages/react-components/react-components/CHANGELOG.json +++ b/packages/react-components/react-components/CHANGELOG.json @@ -1,6 +1,381 @@ { "name": "@fluentui/react-components", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:53 GMT", + "tag": "@fluentui/react-components_v9.22.0", + "version": "9.22.0", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/keyboard-keys", + "commit": "1d813ca54572065b0c19e3fbad9e81119c8ebc50", + "comment": "chore: re-generate api.md - api extractor regression" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-overflow", + "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101", + "comment": "chore: update E2E tests" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-shared-contexts", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: re-generate api.md" + } + ], + "minor": [ + { + "author": "vkozlova@microsoft.com", + "package": "@fluentui/priority-overflow", + "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda", + "comment": "feat: Added support for custom divider" + }, + { + "author": "vkozlova@microsoft.com", + "package": "@fluentui/react-components", + "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda", + "comment": "feat: Added Overflow divider" + }, + { + "author": "mifraser@microsoft.com", + "package": "@fluentui/react-components", + "commit": "ab901891c51f8bd5d1a5099e66011c9c84372566", + "comment": "[FEATURE] Imperative scrolling functionality for react-virtualizer" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-conformance", + "commit": "402599eb2172bf1cd13c003f5050e4d172ed9742", + "comment": "BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-menu", + "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775", + "comment": "feat: Add slide and fade in animation on open" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-migration-v8-v9", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Add/update theme tokens" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-popover", + "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775", + "comment": "feat: Add slide and fade in animation on open" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-positioning", + "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775", + "comment": "feat: Implement shared styles for slide animations" + }, + { + "author": "jirivyhnalek@microsoft.com", + "package": "@fluentui/react-table", + "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6", + "comment": "DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "d33397e28ac542798cfdc4a7b917f1d27db9ed63", + "comment": "feat: Implement `focusMode` for DataGridCell" + }, + { + "author": "jukapsia@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "1a277b9c4d55bc1b7c65a73383425b1934ec1dad", + "comment": "useArrowNavigationGroup grid-linear axis" + } + ], + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-accordion", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203 " + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-avatar", + "commit": "7eca299aed541ae297ab5bc7d511e64f56570932", + "comment": "fix: Do not render the image when src prop is undefined." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-badge", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-button", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-combobox", + "commit": "1b46051516afdf0f7e2def938627cfd31a3df054", + "comment": "fix: Option's checkIcon adds provided className at the end to avoid overrides." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "723e89b9ca9b064375045bd61c8d7e04fd1af46e", + "comment": "fix: Do not move focus to the input on first render." + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "16a263106a6f81408d394432ffefc89f53b43efa", + "comment": "feat: Add null to value prop for controlled cases to work correctly." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-dialog", + "commit": "9768e2c5f36cc6443917e10a44526a1d1050dd81", + "comment": "bugfix: Ensures dialog actions stretches on breakpoints" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-dialog", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "derdem@microsoft.com", + "package": "@fluentui/react-dialog", + "commit": "0eae1bc208e0d69febb4bc1e70ab1e2c7c96b623", + "comment": "fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-field", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-menu", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-migration-v0-v9", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-migration-v8-v9", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-migration-v8-v9", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "vkozlova@microsoft.com", + "package": "@fluentui/react-overflow", + "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda", + "comment": "Added support for custom divider" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-portal", + "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101", + "comment": "fix: use `position: absolute` to prevent scroll jumps" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-positioning", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-positioning", + "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101", + "comment": "fix: cleanup assignment of initial styles" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-select", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-skeleton", + "commit": "1289febede874642bab144c3f59b0498cbc85d72", + "comment": "fix: Add reduced motion styling for Skeleton" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-table", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Update table styles to reflect token changes" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e", + "comment": "fix: TableHeaderCell should not render button when not sortable" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-table", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-textarea", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df", + "comment": "fix: Remove fixed height so rows prop works and add missing max-height." + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-utilities", + "commit": "8b6d1d1fee189c864aa6a201888ed94f61b6dc7d", + "comment": "fix: getNativeElementProps should support animation event handlers" + } + ], + "prerelease": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-alert", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "jirivyhnalek@microsoft.com", + "package": "@fluentui/react-data-grid-react-window", + "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6", + "comment": "Fixed an issue where columns would overflow when resizableColumns is on" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-infobutton", + "commit": "2180922aed405f0a49734a64608749011cece831", + "comment": "chore: Create InfoIconLabel component scaffold." + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-infobutton", + "commit": "cb3741ddf649785332da7f0d57dfa93a965dab75", + "comment": "chore: Create InfoTip component." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-infobutton", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-infobutton", + "commit": "91b9ce05995846aaa882d86755583e5b1a703717", + "comment": "chore: Rename InfoTip to InfoIcon to better align with InfoButton." + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-theme-sass", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Add theme tokens" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-tree", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "mifraser@microsoft.com", + "package": "@fluentui/react-virtualizer", + "commit": "ab901891c51f8bd5d1a5099e66011c9c84372566", + "comment": "feature: Add scrollTo index hook and callbacks, isScrolling flag" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-virtualizer", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/tokens", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Add/update theme tokens" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/tokens", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "fix: cast to String keys interpolated within string literals" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:07 GMT", "tag": "@fluentui/react-components_v9.21.0", diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md index 809e849a9621a..a698f0f07877a 100644 --- a/packages/react-components/react-components/CHANGELOG.md +++ b/packages/react-components/react-components/CHANGELOG.md @@ -1,9 +1,120 @@ # Change Log - @fluentui/react-components -This log was last generated on Wed, 31 May 2023 06:46:07 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:53 GMT and should not be manually modified. +## [9.22.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.22.0) + +Tue, 20 Jun 2023 12:38:53 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.21.0..@fluentui/react-components_v9.22.0) + +### Minor changes + +- `@fluentui/priority-overflow` + - feat: Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com) +- `@fluentui/react-components` + - feat: Added Overflow divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com) + - [FEATURE] Imperative scrolling functionality for react-virtualizer ([PR #27864](https://github.com/microsoft/fluentui/pull/27864) by mifraser@microsoft.com) +- `@fluentui/react-conformance` + - BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build ([PR #28215](https://github.com/microsoft/fluentui/pull/28215) by martinhochel@microsoft.com) +- `@fluentui/react-menu` + - feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com) +- `@fluentui/react-migration-v8-v9` + - Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) +- `@fluentui/react-popover` + - feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com) +- `@fluentui/react-positioning` + - feat: Implement shared styles for slide animations ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com) +- `@fluentui/react-table` + - DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com) + - feat: Implement `focusMode` for DataGridCell ([PR #28167](https://github.com/microsoft/fluentui/pull/28167) by lingfangao@hotmail.com) +- `@fluentui/react-tabster` + - useArrowNavigationGroup grid-linear axis ([PR #28253](https://github.com/microsoft/fluentui/pull/28253) by jukapsia@microsoft.com) + +### Patches + +- `@fluentui/react-accordion` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-avatar` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) + - fix: Do not render the image when src prop is undefined. ([PR #28146](https://github.com/microsoft/fluentui/pull/28146) by esteban.230@hotmail.com) +- `@fluentui/react-badge` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-button` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-checkbox` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-combobox` + - fix: Option's checkIcon adds provided className at the end to avoid overrides. ([PR #28143](https://github.com/microsoft/fluentui/pull/28143) by esteban.230@hotmail.com) + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-datepicker-compat` + - fix: Do not move focus to the input on first render. ([PR #28188](https://github.com/microsoft/fluentui/pull/28188) by esteban.230@hotmail.com) + - feat: Add null to value prop for controlled cases to work correctly. ([PR #28056](https://github.com/microsoft/fluentui/pull/28056) by esteban.230@hotmail.com) + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-dialog` + - bugfix: Ensures dialog actions stretches on breakpoints ([PR #28258](https://github.com/microsoft/fluentui/pull/28258) by bernardo.sunderhus@gmail.com) + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) + - fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion. ([PR #28035](https://github.com/microsoft/fluentui/pull/28035) by derdem@microsoft.com) +- `@fluentui/react-field` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-menu` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-migration-v0-v9` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-migration-v8-v9` + - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-overflow` + - Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com) +- `@fluentui/react-portal` + - fix: use `position: absolute` to prevent scroll jumps ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com) +- `@fluentui/react-positioning` + - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + - fix: cleanup assignment of initial styles ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com) +- `@fluentui/react-radio` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-select` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-skeleton` + - fix: Add reduced motion styling for Skeleton ([PR #28086](https://github.com/microsoft/fluentui/pull/28086) by ololubek@microsoft.com) +- `@fluentui/react-spinbutton` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-switch` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-table` + - Update table styles to reflect token changes ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) + - fix: TableHeaderCell should not render button when not sortable ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by lingfangao@hotmail.com) + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-tabster` + - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) +- `@fluentui/react-textarea` + - fix: Remove fixed height so rows prop works and add missing max-height. ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by esteban.230@hotmail.com) +- `@fluentui/react-utilities` + - fix: getNativeElementProps should support animation event handlers ([PR #28094](https://github.com/microsoft/fluentui/pull/28094) by lingfangao@hotmail.com) + +### Changes + +- `@fluentui/react-alert` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-data-grid-react-window` + - Fixed an issue where columns would overflow when resizableColumns is on ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com) +- `@fluentui/react-infobutton` + - chore: Create InfoIconLabel component scaffold. ([PR #28200](https://github.com/microsoft/fluentui/pull/28200) by esteban.230@hotmail.com) + - chore: Create InfoTip component. ([PR #28071](https://github.com/microsoft/fluentui/pull/28071) by esteban.230@hotmail.com) + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) + - chore: Rename InfoTip to InfoIcon to better align with InfoButton. ([PR #28177](https://github.com/microsoft/fluentui/pull/28177) by esteban.230@hotmail.com) +- `@fluentui/react-theme-sass` + - Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) +- `@fluentui/react-tree` + - chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- `@fluentui/react-virtualizer` + - feature: Add scrollTo index hook and callbacks, isScrolling flag ([PR #27864](https://github.com/microsoft/fluentui/pull/27864) by mifraser@microsoft.com) + - chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) +- `@fluentui/tokens` + - Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) + - fix: cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + ## [9.21.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.21.0) Wed, 31 May 2023 06:46:07 GMT diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index e4ba55ddb0a11..50d0805d9ffb2 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-components", - "version": "9.21.0", + "version": "9.22.0", "description": "Suite package for converged React components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,50 +31,50 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-accordion": "^9.1.16", - "@fluentui/react-alert": "9.0.0-beta.51", - "@fluentui/react-avatar": "^9.5.5", - "@fluentui/react-badge": "^9.1.15", - "@fluentui/react-button": "^9.3.16", - "@fluentui/react-card": "^9.0.14", - "@fluentui/react-checkbox": "^9.1.17", - "@fluentui/react-combobox": "^9.4.0", - "@fluentui/react-dialog": "^9.5.9", - "@fluentui/react-divider": "^9.2.15", - "@fluentui/react-drawer": "9.0.0-beta.1", - "@fluentui/react-field": "^9.1.6", - "@fluentui/react-image": "^9.1.12", - "@fluentui/react-infobutton": "9.0.0-beta.34", - "@fluentui/react-input": "^9.4.16", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-link": "^9.0.42", - "@fluentui/react-menu": "^9.7.16", - "@fluentui/react-overflow": "^9.0.19", - "@fluentui/react-persona": "^9.2.15", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-popover": "^9.6.0", - "@fluentui/react-positioning": "^9.6.0", - "@fluentui/react-progress": "^9.1.16", - "@fluentui/react-provider": "^9.7.2", - "@fluentui/react-radio": "^9.1.17", - "@fluentui/react-select": "^9.1.16", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-skeleton": "^9.0.4", - "@fluentui/react-slider": "^9.1.17", - "@fluentui/react-spinbutton": "^9.2.16", - "@fluentui/react-spinner": "^9.2.2", - "@fluentui/react-switch": "^9.1.17", - "@fluentui/react-table": "^9.3.0", - "@fluentui/react-tabs": "^9.3.17", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-textarea": "^9.3.16", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-toolbar": "^9.1.17", - "@fluentui/react-tooltip": "^9.2.16", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-text": "^9.3.12", - "@fluentui/react-virtualizer": "9.0.0-alpha.22", - "@fluentui/react-tree": "9.0.0-beta.18", + "@fluentui/react-accordion": "^9.1.17", + "@fluentui/react-alert": "9.0.0-beta.52", + "@fluentui/react-avatar": "^9.5.6", + "@fluentui/react-badge": "^9.1.16", + "@fluentui/react-button": "^9.3.17", + "@fluentui/react-card": "^9.0.15", + "@fluentui/react-checkbox": "^9.1.18", + "@fluentui/react-combobox": "^9.4.1", + "@fluentui/react-dialog": "^9.5.10", + "@fluentui/react-divider": "^9.2.16", + "@fluentui/react-drawer": "9.0.0-beta.2", + "@fluentui/react-field": "^9.1.7", + "@fluentui/react-image": "^9.1.13", + "@fluentui/react-infobutton": "9.0.0-beta.35", + "@fluentui/react-input": "^9.4.17", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-link": "^9.0.43", + "@fluentui/react-menu": "^9.8.0", + "@fluentui/react-overflow": "^9.0.20", + "@fluentui/react-persona": "^9.2.16", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-popover": "^9.7.0", + "@fluentui/react-positioning": "^9.7.0", + "@fluentui/react-progress": "^9.1.17", + "@fluentui/react-provider": "^9.7.3", + "@fluentui/react-radio": "^9.1.18", + "@fluentui/react-select": "^9.1.17", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-skeleton": "^9.0.5", + "@fluentui/react-slider": "^9.1.18", + "@fluentui/react-spinbutton": "^9.2.17", + "@fluentui/react-spinner": "^9.2.3", + "@fluentui/react-switch": "^9.1.18", + "@fluentui/react-table": "^9.4.0", + "@fluentui/react-tabs": "^9.3.18", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-textarea": "^9.3.17", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-toolbar": "^9.1.18", + "@fluentui/react-tooltip": "^9.2.17", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-text": "^9.3.13", + "@fluentui/react-virtualizer": "9.0.0-alpha.23", + "@fluentui/react-tree": "9.0.0-beta.19", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-conformance-griffel/CHANGELOG.json b/packages/react-components/react-conformance-griffel/CHANGELOG.json index 422525f4db757..84c37d4e1355e 100644 --- a/packages/react-components/react-conformance-griffel/CHANGELOG.json +++ b/packages/react-components/react-conformance-griffel/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-conformance-griffel", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.23", + "version": "9.0.0-beta.23", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-conformance-griffel", + "comment": "Bump @fluentui/react-conformance to v0.17.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:12 GMT", "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.22", diff --git a/packages/react-components/react-conformance-griffel/CHANGELOG.md b/packages/react-components/react-conformance-griffel/CHANGELOG.md index 43fb6ae2c9433..1e066e569a4f9 100644 --- a/packages/react-components/react-conformance-griffel/CHANGELOG.md +++ b/packages/react-components/react-conformance-griffel/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-conformance-griffel -This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.23) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance-griffel_v9.0.0-beta.22..@fluentui/react-conformance-griffel_v9.0.0-beta.23) + +### Changes + +- Bump @fluentui/react-conformance to v0.17.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.22) Wed, 31 May 2023 06:46:12 GMT diff --git a/packages/react-components/react-conformance-griffel/package.json b/packages/react-components/react-conformance-griffel/package.json index 9aa582f01bfe2..a9a155d8741f6 100644 --- a/packages/react-components/react-conformance-griffel/package.json +++ b/packages/react-components/react-conformance-griffel/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-conformance-griffel", - "version": "9.0.0-beta.22", + "version": "9.0.0-beta.23", "description": "A set of conformance tests for Griffel CSS-in-JS", "main": "lib-commonjs/index.js", "typings": "./dist/index.d.ts", @@ -29,7 +29,7 @@ "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "typescript": "^4.3.0", - "@fluentui/react-conformance": "^0.16.3" + "@fluentui/react-conformance": "^0.17.0" }, "dependencies": { "@griffel/react": "^1.5.7", diff --git a/packages/react-components/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json index 7b4849312ca91..758d10f1de7c7 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.json +++ b/packages/react-components/react-context-selector/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-context-selector", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-context-selector_v9.1.23", + "version": "9.1.23", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-context-selector", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:23 GMT", "tag": "@fluentui/react-context-selector_v9.1.22", diff --git a/packages/react-components/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md index 26d8e0e3ddd2c..87b07a9415de9 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.md +++ b/packages/react-components/react-context-selector/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-context-selector -This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.23) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.22..@fluentui/react-context-selector_v9.1.23) + +### Patches + +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.22) Wed, 31 May 2023 06:46:23 GMT diff --git a/packages/react-components/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json index 7cd849005e640..0e21bd91a9f69 100644 --- a/packages/react-components/react-context-selector/package.json +++ b/packages/react-components/react-context-selector/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-context-selector", - "version": "9.1.22", + "version": "9.1.23", "description": "React useContextSelector hook in userland", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-utilities": "^9.9.3", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.json b/packages/react-components/react-data-grid-react-window/CHANGELOG.json index 508b50d0c88a2..d149f75ac90c9 100644 --- a/packages/react-components/react-data-grid-react-window/CHANGELOG.json +++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-data-grid-react-window", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:57 GMT", + "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.30", + "version": "9.0.0-beta.30", + "comments": { + "prerelease": [ + { + "author": "jirivyhnalek@microsoft.com", + "package": "@fluentui/react-data-grid-react-window", + "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6", + "comment": "Fixed an issue where columns would overflow when resizableColumns is on" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-table to v9.4.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-components to v9.22.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:23 GMT", "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.29", diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.md b/packages/react-components/react-data-grid-react-window/CHANGELOG.md index e305b0948eaed..3e0a37703da2c 100644 --- a/packages/react-components/react-data-grid-react-window/CHANGELOG.md +++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-data-grid-react-window -This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:57 GMT and should not be manually modified. +## [9.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.30) + +Tue, 20 Jun 2023 12:38:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-data-grid-react-window_v9.0.0-beta.29..@fluentui/react-data-grid-react-window_v9.0.0-beta.30) + +### Changes + +- Fixed an issue where columns would overflow when resizableColumns is on ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com) +- Bump @fluentui/react-table to v9.4.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.29) Wed, 31 May 2023 06:46:23 GMT diff --git a/packages/react-components/react-data-grid-react-window/package.json b/packages/react-components/react-data-grid-react-window/package.json index 473d355b82440..e046f1a2abbb4 100644 --- a/packages/react-components/react-data-grid-react-window/package.json +++ b/packages/react-components/react-data-grid-react-window/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-data-grid-react-window", - "version": "9.0.0-beta.29", + "version": "9.0.0-beta.30", "description": "Virtualized DataGrid components and utilities powered by react-window", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -25,19 +25,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-table": "^9.3.0", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-table": "^9.4.0", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@swc/helpers": "^0.4.14", "react-window": "^1.8.6" }, "peerDependencies": { - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-components": "^9.22.0", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-datepicker-compat/CHANGELOG.json b/packages/react-components/react-datepicker-compat/CHANGELOG.json index 0ee33ee101e7c..0a6a5030836e5 100644 --- a/packages/react-components/react-datepicker-compat/CHANGELOG.json +++ b/packages/react-components/react-datepicker-compat/CHANGELOG.json @@ -1,6 +1,99 @@ { "name": "@fluentui/react-datepicker-compat", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:57 GMT", + "tag": "@fluentui/react-datepicker-compat_v0.1.6", + "version": "0.1.6", + "comments": { + "patch": [ + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "723e89b9ca9b064375045bd61c8d7e04fd1af46e", + "comment": "fix: Do not move focus to the input on first render." + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "16a263106a6f81408d394432ffefc89f53b43efa", + "comment": "feat: Add null to value prop for controlled cases to work correctly." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-input to v9.4.17", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-popover to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-portal to v9.2.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-positioning to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:12 GMT", "tag": "@fluentui/react-datepicker-compat_v0.1.5", diff --git a/packages/react-components/react-datepicker-compat/CHANGELOG.md b/packages/react-components/react-datepicker-compat/CHANGELOG.md index 6a5002e001bbf..8344357a6205c 100644 --- a/packages/react-components/react-datepicker-compat/CHANGELOG.md +++ b/packages/react-components/react-datepicker-compat/CHANGELOG.md @@ -1,9 +1,31 @@ # Change Log - @fluentui/react-datepicker-compat -This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:57 GMT and should not be manually modified. +## [0.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.6) + +Tue, 20 Jun 2023 12:38:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.5..@fluentui/react-datepicker-compat_v0.1.6) + +### Patches + +- fix: Do not move focus to the input on first render. ([PR #28188](https://github.com/microsoft/fluentui/pull/28188) by esteban.230@hotmail.com) +- feat: Add null to value prop for controlled cases to work correctly. ([PR #28056](https://github.com/microsoft/fluentui/pull/28056) by esteban.230@hotmail.com) +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-input to v9.4.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [0.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.5) Wed, 31 May 2023 06:46:12 GMT diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json index e5d3cea930804..90f54e3de7eb3 100644 --- a/packages/react-components/react-datepicker-compat/package.json +++ b/packages/react-components/react-datepicker-compat/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-datepicker-compat", - "version": "0.1.5", + "version": "0.1.6", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,23 +30,23 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-input": "^9.4.16", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-popover": "^9.6.0", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-positioning": "^9.6.0", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-input": "^9.4.17", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-popover": "^9.7.0", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-positioning": "^9.7.0", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-dialog/CHANGELOG.json b/packages/react-components/react-dialog/CHANGELOG.json index 473442a082794..eb1906b3499d4 100644 --- a/packages/react-components/react-dialog/CHANGELOG.json +++ b/packages/react-components/react-dialog/CHANGELOG.json @@ -1,6 +1,87 @@ { "name": "@fluentui/react-dialog", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:58 GMT", + "tag": "@fluentui/react-dialog_v9.5.10", + "version": "9.5.10", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-dialog", + "commit": "9768e2c5f36cc6443917e10a44526a1d1050dd81", + "comment": "bugfix: Ensures dialog actions stretches on breakpoints" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-dialog", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "derdem@microsoft.com", + "package": "@fluentui/react-dialog", + "commit": "0eae1bc208e0d69febb4bc1e70ab1e2c7c96b623", + "comment": "fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion." + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-aria to v9.3.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-portal to v9.2.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:12 GMT", "tag": "@fluentui/react-dialog_v9.5.9", diff --git a/packages/react-components/react-dialog/CHANGELOG.md b/packages/react-components/react-dialog/CHANGELOG.md index ac3a8e6cd5c49..33cb26932fa95 100644 --- a/packages/react-components/react-dialog/CHANGELOG.md +++ b/packages/react-components/react-dialog/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/react-dialog -This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:58 GMT and should not be manually modified. +## [9.5.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.10) + +Tue, 20 Jun 2023 12:38:58 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.5.9..@fluentui/react-dialog_v9.5.10) + +### Patches + +- bugfix: Ensures dialog actions stretches on breakpoints ([PR #28258](https://github.com/microsoft/fluentui/pull/28258) by bernardo.sunderhus@gmail.com) +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- fix: dialog title now takes whole row when there are no actions. This fixes an earlier regresssion. ([PR #28035](https://github.com/microsoft/fluentui/pull/28035) by derdem@microsoft.com) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.9) Wed, 31 May 2023 06:46:12 GMT diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json index 0b53591f193f7..f68728f53d3f7 100644 --- a/packages/react-components/react-dialog/package.json +++ b/packages/react-components/react-dialog/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-dialog", - "version": "9.5.9", + "version": "9.5.10", "description": "Dialog component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,22 +30,22 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-aria": "^9.3.22", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-aria": "^9.3.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-portal": "^9.2.12", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-portal": "^9.2.13", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-divider/CHANGELOG.json b/packages/react-components/react-divider/CHANGELOG.json index 824fd40ba77ad..bdd5c1a5243b2 100644 --- a/packages/react-components/react-divider/CHANGELOG.json +++ b/packages/react-components/react-divider/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-divider", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-divider_v9.2.16", + "version": "9.2.16", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:12 GMT", "tag": "@fluentui/react-divider_v9.2.15", diff --git a/packages/react-components/react-divider/CHANGELOG.md b/packages/react-components/react-divider/CHANGELOG.md index 7d49afb9c1bd9..2ba2b82037243 100644 --- a/packages/react-components/react-divider/CHANGELOG.md +++ b/packages/react-components/react-divider/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-divider -This log was last generated on Wed, 31 May 2023 06:46:12 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.16) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.15..@fluentui/react-divider_v9.2.16) + +### Patches + +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.2.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.15) Wed, 31 May 2023 06:46:12 GMT diff --git a/packages/react-components/react-divider/package.json b/packages/react-components/react-divider/package.json index 0387b8bebb6e7..24d6a94b449ff 100644 --- a/packages/react-components/react-divider/package.json +++ b/packages/react-components/react-divider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-divider", - "version": "9.2.15", + "version": "9.2.16", "description": "Fluent UI component to visually separate content.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-drawer/CHANGELOG.json b/packages/react-components/react-drawer/CHANGELOG.json index 7cbefbd2e61ee..10be65a7663e1 100644 --- a/packages/react-components/react-drawer/CHANGELOG.json +++ b/packages/react-components/react-drawer/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-drawer", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-drawer_v9.0.0-beta.2", + "version": "9.0.0-beta.2", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-drawer", + "comment": "Bump @fluentui/react-dialog to v9.5.10", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-drawer", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-drawer", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-drawer", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-drawer", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-drawer", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:13 GMT", "tag": "@fluentui/react-drawer_v9.0.0-beta.1", diff --git a/packages/react-components/react-drawer/CHANGELOG.md b/packages/react-components/react-drawer/CHANGELOG.md index a4f12c30804f6..20668436e9716 100644 --- a/packages/react-components/react-drawer/CHANGELOG.md +++ b/packages/react-components/react-drawer/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-drawer -This log was last generated on Wed, 31 May 2023 06:46:13 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.2) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.1..@fluentui/react-drawer_v9.0.0-beta.2) + +### Changes + +- Bump @fluentui/react-dialog to v9.5.10 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.1) Wed, 31 May 2023 06:46:13 GMT diff --git a/packages/react-components/react-drawer/package.json b/packages/react-components/react-drawer/package.json index 51bff9ff037be..a0fba0e79cd60 100644 --- a/packages/react-components/react-drawer/package.json +++ b/packages/react-components/react-drawer/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-drawer", - "version": "9.0.0-beta.1", + "version": "9.0.0-beta.2", "description": "Drawer components for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,17 +29,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-cypress": "*" }, "dependencies": { - "@fluentui/react-dialog": "^9.5.9", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-dialog": "^9.5.10", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-field/CHANGELOG.json b/packages/react-components/react-field/CHANGELOG.json index 36101c90d8853..4ac23f220801a 100644 --- a/packages/react-components/react-field/CHANGELOG.json +++ b/packages/react-components/react-field/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-field", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:58 GMT", + "tag": "@fluentui/react-field_v9.1.7", + "version": "9.1.7", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-field", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:14 GMT", "tag": "@fluentui/react-field_v9.1.6", diff --git a/packages/react-components/react-field/CHANGELOG.md b/packages/react-components/react-field/CHANGELOG.md index 40cc65f0175e8..b66ba87493426 100644 --- a/packages/react-components/react-field/CHANGELOG.md +++ b/packages/react-components/react-field/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-field -This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:58 GMT and should not be manually modified. +## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.7) + +Tue, 20 Jun 2023 12:38:58 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.1.6..@fluentui/react-field_v9.1.7) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.6) Wed, 31 May 2023 06:46:14 GMT diff --git a/packages/react-components/react-field/package.json b/packages/react-components/react-field/package.json index 64d24be5368d1..1cdbcdd989e90 100644 --- a/packages/react-components/react-field/package.json +++ b/packages/react-components/react-field/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-field", - "version": "9.1.6", + "version": "9.1.7", "description": "Fluent UI Field components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,17 +28,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.22", + "@fluentui/react-context-selector": "^9.1.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-image/CHANGELOG.json b/packages/react-components/react-image/CHANGELOG.json index e9235e05774dc..446a13fa83dc4 100644 --- a/packages/react-components/react-image/CHANGELOG.json +++ b/packages/react-components/react-image/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-image", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-image_v9.1.13", + "version": "9.1.13", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:14 GMT", "tag": "@fluentui/react-image_v9.1.12", diff --git a/packages/react-components/react-image/CHANGELOG.md b/packages/react-components/react-image/CHANGELOG.md index 3d1ae535aa50d..99e0dc0032ff3 100644 --- a/packages/react-components/react-image/CHANGELOG.md +++ b/packages/react-components/react-image/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-image -This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.1.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.13) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.12..@fluentui/react-image_v9.1.13) + +### Patches + +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.12) Wed, 31 May 2023 06:46:14 GMT diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json index 495a1b4ba0693..5a51f4e3f0452 100644 --- a/packages/react-components/react-image/package.json +++ b/packages/react-components/react-image/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-image", - "version": "9.1.12", + "version": "9.1.13", "description": "Fluent UI React Image component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-theme": "^9.1.8", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-theme": "^9.1.9", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-infobutton/CHANGELOG.json b/packages/react-components/react-infobutton/CHANGELOG.json index 6c2e515d1a628..acf4f07498819 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.json +++ b/packages/react-components/react-infobutton/CHANGELOG.json @@ -1,6 +1,81 @@ { "name": "@fluentui/react-infobutton", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:58 GMT", + "tag": "@fluentui/react-infobutton_v9.0.0-beta.35", + "version": "9.0.0-beta.35", + "comments": { + "prerelease": [ + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-infobutton", + "commit": "2180922aed405f0a49734a64608749011cece831", + "comment": "chore: Create InfoIconLabel component scaffold." + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-infobutton", + "commit": "cb3741ddf649785332da7f0d57dfa93a965dab75", + "comment": "chore: Create InfoTip component." + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-infobutton", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-infobutton", + "commit": "91b9ce05995846aaa882d86755583e5b1a703717", + "comment": "chore: Rename InfoTip to InfoIcon to better align with InfoButton." + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-popover to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:14 GMT", "tag": "@fluentui/react-infobutton_v9.0.0-beta.34", diff --git a/packages/react-components/react-infobutton/CHANGELOG.md b/packages/react-components/react-infobutton/CHANGELOG.md index 916f6277651fd..a448e5d29a7bd 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.md +++ b/packages/react-components/react-infobutton/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-infobutton -This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:58 GMT and should not be manually modified. +## [9.0.0-beta.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.35) + +Tue, 20 Jun 2023 12:38:58 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.34..@fluentui/react-infobutton_v9.0.0-beta.35) + +### Changes + +- chore: Create InfoIconLabel component scaffold. ([PR #28200](https://github.com/microsoft/fluentui/pull/28200) by esteban.230@hotmail.com) +- chore: Create InfoTip component. ([PR #28071](https://github.com/microsoft/fluentui/pull/28071) by esteban.230@hotmail.com) +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- chore: Rename InfoTip to InfoIcon to better align with InfoButton. ([PR #28177](https://github.com/microsoft/fluentui/pull/28177) by esteban.230@hotmail.com) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.34) Wed, 31 May 2023 06:46:14 GMT diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json index ea305fc6a9a95..a367bbb37236e 100644 --- a/packages/react-components/react-infobutton/package.json +++ b/packages/react-components/react-infobutton/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-infobutton", - "version": "9.0.0-beta.34", + "version": "9.0.0-beta.35", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,18 +28,18 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-popover": "^9.6.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-popover": "^9.7.0", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json index 9b3fa56b9553e..4bc3f35aa9bb8 100644 --- a/packages/react-components/react-input/CHANGELOG.json +++ b/packages/react-components/react-input/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-input", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-input_v9.4.17", + "version": "9.4.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-text to v9.3.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:14 GMT", "tag": "@fluentui/react-input_v9.4.16", diff --git a/packages/react-components/react-input/CHANGELOG.md b/packages/react-components/react-input/CHANGELOG.md index bca97878d2aef..c5bd9fb4967b9 100644 --- a/packages/react-components/react-input/CHANGELOG.md +++ b/packages/react-components/react-input/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-input -This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.4.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.17) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.16..@fluentui/react-input_v9.4.17) + +### Patches + +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-text to v9.3.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.4.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.16) Wed, 31 May 2023 06:46:14 GMT diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json index 96440389addd8..985e9e3f14229 100644 --- a/packages/react-components/react-input/package.json +++ b/packages/react-components/react-input/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-input", - "version": "9.4.16", + "version": "9.4.17", "description": "Fluent UI React Input component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,17 +28,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", - "@fluentui/react-text": "^9.3.12", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", + "@fluentui/react-text": "^9.3.13", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-field": "^9.1.7", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.json b/packages/react-components/react-jsx-runtime/CHANGELOG.json index af7a4f48506df..9bb3db4ff837a 100644 --- a/packages/react-components/react-jsx-runtime/CHANGELOG.json +++ b/packages/react-components/react-jsx-runtime/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-jsx-runtime", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.7", + "version": "9.0.0-alpha.7", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-jsx-runtime", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-jsx-runtime", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:23 GMT", "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.6", diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.md b/packages/react-components/react-jsx-runtime/CHANGELOG.md index 7b3271026d7c7..060d7d2c2f40d 100644 --- a/packages/react-components/react-jsx-runtime/CHANGELOG.md +++ b/packages/react-components/react-jsx-runtime/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-jsx-runtime -This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.7) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.6..@fluentui/react-jsx-runtime_v9.0.0-alpha.7) + +### Changes + +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.6) Wed, 31 May 2023 06:46:23 GMT diff --git a/packages/react-components/react-jsx-runtime/package.json b/packages/react-components/react-jsx-runtime/package.json index 28187cefb579c..6e3f91a9b314a 100644 --- a/packages/react-components/react-jsx-runtime/package.json +++ b/packages/react-components/react-jsx-runtime/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-jsx-runtime", - "version": "9.0.0-alpha.6", + "version": "9.0.0-alpha.7", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -25,12 +25,12 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-utilities": "^9.9.3", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-label/CHANGELOG.json b/packages/react-components/react-label/CHANGELOG.json index 49bdc0689195c..3aa026d5c66d5 100644 --- a/packages/react-components/react-label/CHANGELOG.json +++ b/packages/react-components/react-label/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-label", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-label_v9.1.16", + "version": "9.1.16", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:14 GMT", "tag": "@fluentui/react-label_v9.1.15", diff --git a/packages/react-components/react-label/CHANGELOG.md b/packages/react-components/react-label/CHANGELOG.md index d09518391499e..ec2326ec7ad17 100644 --- a/packages/react-components/react-label/CHANGELOG.md +++ b/packages/react-components/react-label/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-label -This log was last generated on Wed, 31 May 2023 06:46:14 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.16) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.15..@fluentui/react-label_v9.1.16) + +### Patches + +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.15) Wed, 31 May 2023 06:46:14 GMT diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json index e7f160456ea3c..fdf314d1275d1 100644 --- a/packages/react-components/react-label/package.json +++ b/packages/react-components/react-label/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-label", - "version": "9.1.15", + "version": "9.1.16", "description": "Fluent UI React Label component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json index 4eaa88e2a06f1..f0d5b9a4cace9 100644 --- a/packages/react-components/react-link/CHANGELOG.json +++ b/packages/react-components/react-link/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-link", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-link_v9.0.43", + "version": "9.0.43", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:15 GMT", "tag": "@fluentui/react-link_v9.0.42", diff --git a/packages/react-components/react-link/CHANGELOG.md b/packages/react-components/react-link/CHANGELOG.md index 93f7e5dccff73..c1c8afb198578 100644 --- a/packages/react-components/react-link/CHANGELOG.md +++ b/packages/react-components/react-link/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-link -This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.43) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.42..@fluentui/react-link_v9.0.43) + +### Patches + +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.42) Wed, 31 May 2023 06:46:15 GMT diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json index 97145b3b5b32d..96441cd120427 100644 --- a/packages/react-components/react-link/package.json +++ b/packages/react-components/react-link/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-link", - "version": "9.0.42", + "version": "9.0.43", "description": "Fluent UI React Link component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,16 +29,16 @@ "@fluentui/a11y-testing": "^0.1.0", "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json index 7823b219752ee..25625071b8f6e 100644 --- a/packages/react-components/react-menu/CHANGELOG.json +++ b/packages/react-components/react-menu/CHANGELOG.json @@ -1,6 +1,89 @@ { "name": "@fluentui/react-menu", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:59 GMT", + "tag": "@fluentui/react-menu_v9.8.0", + "version": "9.8.0", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-menu", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + } + ], + "minor": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-menu", + "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775", + "comment": "feat: Add slide and fade in animation on open" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-aria to v9.3.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-portal to v9.2.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-positioning to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:15 GMT", "tag": "@fluentui/react-menu_v9.7.16", diff --git a/packages/react-components/react-menu/CHANGELOG.md b/packages/react-components/react-menu/CHANGELOG.md index e15c54aacc7e8..42a05b30b0cc3 100644 --- a/packages/react-components/react-menu/CHANGELOG.md +++ b/packages/react-components/react-menu/CHANGELOG.md @@ -1,9 +1,32 @@ # Change Log - @fluentui/react-menu -This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:59 GMT and should not be manually modified. +## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.8.0) + +Tue, 20 Jun 2023 12:38:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.7.16..@fluentui/react-menu_v9.8.0) + +### Minor changes + +- feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com) +- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) + ## [9.7.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.7.16) Wed, 31 May 2023 06:46:15 GMT diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json index bf38ad4c2d38d..9584911a53851 100644 --- a/packages/react-components/react-menu/package.json +++ b/packages/react-components/react-menu/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-menu", - "version": "9.7.16", + "version": "9.8.0", "description": "Fluent UI menu component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,23 +30,23 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-aria": "^9.3.22", - "@fluentui/react-context-selector": "^9.1.22", + "@fluentui/react-aria": "^9.3.23", + "@fluentui/react-context-selector": "^9.1.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-positioning": "^9.6.0", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-positioning": "^9.7.0", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-migration-v0-v9/CHANGELOG.json b/packages/react-components/react-migration-v0-v9/CHANGELOG.json index b79c322434968..60ac10424c859 100644 --- a/packages/react-components/react-migration-v0-v9/CHANGELOG.json +++ b/packages/react-components/react-migration-v0-v9/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-migration-v0-v9", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:00 GMT", + "tag": "@fluentui/react-migration-v0-v9_v9.0.3", + "version": "9.0.3", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-migration-v0-v9", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v0-v9", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v0-v9", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v0-v9", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v0-v9", + "comment": "Bump @fluentui/react-components to v9.22.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v0-v9", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:15 GMT", "tag": "@fluentui/react-migration-v0-v9_v9.0.2", diff --git a/packages/react-components/react-migration-v0-v9/CHANGELOG.md b/packages/react-components/react-migration-v0-v9/CHANGELOG.md index 9b9d3ef0f3718..6f9e50a712aa6 100644 --- a/packages/react-components/react-migration-v0-v9/CHANGELOG.md +++ b/packages/react-components/react-migration-v0-v9/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-migration-v0-v9 -This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:00 GMT and should not be manually modified. +## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.3) + +Tue, 20 Jun 2023 12:39:00 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.2..@fluentui/react-migration-v0-v9_v9.0.3) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.2) Wed, 31 May 2023 06:46:15 GMT diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json index 04038c2af7bcf..c5ff0f4455a65 100644 --- a/packages/react-components/react-migration-v0-v9/package.json +++ b/packages/react-components/react-migration-v0-v9/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-migration-v0-v9", - "version": "9.0.2", + "version": "9.0.3", "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.", "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.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-storybook": "*" }, "dependencies": { "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-components": "^9.22.0", "@fluentui/react-northstar": "^0.66.4", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/CHANGELOG.json index 7e2875a138da9..75badfff72dd4 100644 --- a/packages/react-components/react-migration-v8-v9/CHANGELOG.json +++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-migration-v8-v9", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:00 GMT", + "tag": "@fluentui/react-migration-v8-v9_v9.3.0", + "version": "9.3.0", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-migration-v8-v9", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-migration-v8-v9", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + } + ], + "minor": [ + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-migration-v8-v9", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Add/update theme tokens" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react-components to v9.22.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:15 GMT", "tag": "@fluentui/react-migration-v8-v9_v9.2.16", diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/CHANGELOG.md index 4463c943d1474..e17d2ddfc348f 100644 --- a/packages/react-components/react-migration-v8-v9/CHANGELOG.md +++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/react-migration-v8-v9 -This log was last generated on Wed, 31 May 2023 06:46:15 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:00 GMT and should not be manually modified. +## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.3.0) + +Tue, 20 Jun 2023 12:39:00 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.16..@fluentui/react-migration-v8-v9_v9.3.0) + +### Minor changes + +- Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) +- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + +### Patches + +- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) + ## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.16) Wed, 31 May 2023 06:46:15 GMT diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json index 4cf356c6fdd5a..6cdcec785c114 100644 --- a/packages/react-components/react-migration-v8-v9/package.json +++ b/packages/react-components/react-migration-v8-v9/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-migration-v8-v9", - "version": "9.2.16", + "version": "9.3.0", "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, @@ -34,10 +34,10 @@ "@ctrl/tinycolor": "3.3.4", "@fluentui/fluent2-theme": "^8.107.23", "@fluentui/react": "^8.110.4", - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-components": "^9.22.0", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json index 4d47e90a8ceb3..fb4f844a502d9 100644 --- a/packages/react-components/react-overflow/CHANGELOG.json +++ b/packages/react-components/react-overflow/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-overflow", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:01 GMT", + "tag": "@fluentui/react-overflow_v9.0.20", + "version": "9.0.20", + "comments": { + "none": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-overflow", + "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101", + "comment": "chore: update E2E tests" + } + ], + "patch": [ + { + "author": "vkozlova@microsoft.com", + "package": "@fluentui/react-overflow", + "commit": "4dedf40597f3b5cfa63d8f2e28a79276eb816bda", + "comment": "Added support for custom divider" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/priority-overflow to v9.1.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:16 GMT", "tag": "@fluentui/react-overflow_v9.0.19", diff --git a/packages/react-components/react-overflow/CHANGELOG.md b/packages/react-components/react-overflow/CHANGELOG.md index 809398d26b4e5..7641442e9d5dc 100644 --- a/packages/react-components/react-overflow/CHANGELOG.md +++ b/packages/react-components/react-overflow/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-overflow -This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:01 GMT and should not be manually modified. +## [9.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.20) + +Tue, 20 Jun 2023 12:39:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.19..@fluentui/react-overflow_v9.0.20) + +### Patches + +- Added support for custom divider ([PR #28011](https://github.com/microsoft/fluentui/pull/28011) by vkozlova@microsoft.com) +- Bump @fluentui/priority-overflow to v9.1.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.19) Wed, 31 May 2023 06:46:16 GMT diff --git a/packages/react-components/react-overflow/package.json b/packages/react-components/react-overflow/package.json index 94c1d545d228f..cb78f15e18d99 100644 --- a/packages/react-components/react-overflow/package.json +++ b/packages/react-components/react-overflow/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-overflow", - "version": "9.0.19", + "version": "9.0.20", "description": "React bindings for @fluentui/priority-overflow", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,10 +34,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/priority-overflow": "^9.0.3", - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/priority-overflow": "^9.1.0", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-persona/CHANGELOG.json b/packages/react-components/react-persona/CHANGELOG.json index d866bd0843eaa..8273b33961685 100644 --- a/packages/react-components/react-persona/CHANGELOG.json +++ b/packages/react-components/react-persona/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-persona", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-persona_v9.2.16", + "version": "9.2.16", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-avatar to v9.5.6", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-badge to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:16 GMT", "tag": "@fluentui/react-persona_v9.2.15", diff --git a/packages/react-components/react-persona/CHANGELOG.md b/packages/react-components/react-persona/CHANGELOG.md index 8ecd8a4d56d97..8fd7d4d020606 100644 --- a/packages/react-components/react-persona/CHANGELOG.md +++ b/packages/react-components/react-persona/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-persona -This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.16) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.15..@fluentui/react-persona_v9.2.16) + +### Patches + +- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-badge to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.2.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.15) Wed, 31 May 2023 06:46:16 GMT diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index 765357cb9a1a6..3c4a568f271b0 100644 --- a/packages/react-components/react-persona/package.json +++ b/packages/react-components/react-persona/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-persona", - "version": "9.2.15", + "version": "9.2.16", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,17 +28,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.5.5", - "@fluentui/react-badge": "^9.1.15", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-avatar": "^9.5.6", + "@fluentui/react-badge": "^9.1.16", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json index 4e50e3f750e8e..57309659635ec 100644 --- a/packages/react-components/react-popover/CHANGELOG.json +++ b/packages/react-components/react-popover/CHANGELOG.json @@ -1,6 +1,81 @@ { "name": "@fluentui/react-popover", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:01 GMT", + "tag": "@fluentui/react-popover_v9.7.0", + "version": "9.7.0", + "comments": { + "minor": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-popover", + "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775", + "comment": "feat: Add slide and fade in animation on open" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-aria to v9.3.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-portal to v9.2.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-positioning to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:16 GMT", "tag": "@fluentui/react-popover_v9.6.0", diff --git a/packages/react-components/react-popover/CHANGELOG.md b/packages/react-components/react-popover/CHANGELOG.md index 36e010755904d..3778fd1da43d1 100644 --- a/packages/react-components/react-popover/CHANGELOG.md +++ b/packages/react-components/react-popover/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-popover -This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:01 GMT and should not be manually modified. +## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.7.0) + +Tue, 20 Jun 2023 12:39:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.6.0..@fluentui/react-popover_v9.7.0) + +### Minor changes + +- feat: Add slide and fade in animation on open ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com) +- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.6.0) Wed, 31 May 2023 06:46:16 GMT diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json index 651928d85c64e..b73c9e6d591fc 100644 --- a/packages/react-components/react-popover/package.json +++ b/packages/react-components/react-popover/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-popover", - "version": "9.6.0", + "version": "9.7.0", "description": "Popover component for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,22 +30,22 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-aria": "^9.3.22", - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-positioning": "^9.6.0", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-aria": "^9.3.23", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-positioning": "^9.7.0", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json index cb213f7163886..159e1a0ca9cea 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.json +++ b/packages/react-components/react-portal-compat/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-portal-compat", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-portal-compat_v9.0.61", + "version": "9.0.61", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-components to v9.22.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:23 GMT", "tag": "@fluentui/react-portal-compat_v9.0.60", diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md index 127c25dc11c40..bd70c6a9f8ee3 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.md +++ b/packages/react-components/react-portal-compat/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-portal-compat -This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.0.61](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.61) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.60..@fluentui/react-portal-compat_v9.0.61) + +### Patches + +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-components to v9.22.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.60) Wed, 31 May 2023 06:46:23 GMT diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json index 5a21af6f67beb..a4bc44822e632 100644 --- a/packages/react-components/react-portal-compat/package.json +++ b/packages/react-components/react-portal-compat/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-portal-compat", - "version": "9.0.60", + "version": "9.0.61", "description": "A package that contains compatibility layer for React Portals", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,19 +27,19 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-components": "^9.21.0", - "@fluentui/react-shared-contexts": "^9.5.0", + "@fluentui/react-components": "^9.22.0", + "@fluentui/react-shared-contexts": "^9.5.1", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/react-portal-compat-context": "^9.0.6", - "@fluentui/react-tabster": "^9.7.5", + "@fluentui/react-tabster": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { - "@fluentui/react-components": "^9.21.0", + "@fluentui/react-components": "^9.22.0", "@types/react": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0" }, diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json index ff455b738ed47..e7a09e130f633 100644 --- a/packages/react-components/react-portal/CHANGELOG.json +++ b/packages/react-components/react-portal/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-portal", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:01 GMT", + "tag": "@fluentui/react-portal_v9.2.13", + "version": "9.2.13", + "comments": { + "patch": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-portal", + "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101", + "comment": "fix: use `position: absolute` to prevent scroll jumps" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:16 GMT", "tag": "@fluentui/react-portal_v9.2.12", diff --git a/packages/react-components/react-portal/CHANGELOG.md b/packages/react-components/react-portal/CHANGELOG.md index 28fdf3bb51940..c26b95e4938c0 100644 --- a/packages/react-components/react-portal/CHANGELOG.md +++ b/packages/react-components/react-portal/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-portal -This log was last generated on Wed, 31 May 2023 06:46:16 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:01 GMT and should not be manually modified. +## [9.2.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.13) + +Tue, 20 Jun 2023 12:39:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.2.12..@fluentui/react-portal_v9.2.13) + +### Patches + +- fix: use `position: absolute` to prevent scroll jumps ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.12) Wed, 31 May 2023 06:46:16 GMT diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json index e7552424e875f..145b4da044953 100644 --- a/packages/react-components/react-portal/package.json +++ b/packages/react-components/react-portal/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-portal", - "version": "9.2.12", + "version": "9.2.13", "description": "A utility component that creates portals compatible with Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,9 +32,9 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14", "use-disposable": "^1.0.1" diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json index 7b15c0867a44a..d647b88fd8d5e 100644 --- a/packages/react-components/react-positioning/CHANGELOG.json +++ b/packages/react-components/react-positioning/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-positioning", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:02 GMT", + "tag": "@fluentui/react-positioning_v9.7.0", + "version": "9.7.0", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-positioning", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-positioning", + "commit": "cbdfdd61ae2ea8954fad2eb53d62c2b036416101", + "comment": "fix: cleanup assignment of initial styles" + } + ], + "minor": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-positioning", + "commit": "71fcadc8347a9c547066b631eb7f3ec527ca9775", + "comment": "feat: Implement shared styles for slide animations" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:17 GMT", "tag": "@fluentui/react-positioning_v9.6.0", diff --git a/packages/react-components/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md index 9ca5ae517cbd6..f9a2a4ee860b3 100644 --- a/packages/react-components/react-positioning/CHANGELOG.md +++ b/packages/react-components/react-positioning/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-positioning -This log was last generated on Wed, 31 May 2023 06:46:17 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:02 GMT and should not be manually modified. +## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.7.0) + +Tue, 20 Jun 2023 12:39:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.6.0..@fluentui/react-positioning_v9.7.0) + +### Minor changes + +- feat: Implement shared styles for slide animations ([PR #28119](https://github.com/microsoft/fluentui/pull/28119) by lingfangao@hotmail.com) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + +### Patches + +- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) +- fix: cleanup assignment of initial styles ([PR #28109](https://github.com/microsoft/fluentui/pull/28109) by olfedias@microsoft.com) + ## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.6.0) Wed, 31 May 2023 06:46:17 GMT diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json index 8dd451b1a12ed..715cc8e8cf990 100644 --- a/packages/react-components/react-positioning/package.json +++ b/packages/react-components/react-positioning/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-positioning", - "version": "9.6.0", + "version": "9.7.0", "description": "A react wrapper around Popper.js for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,9 +30,9 @@ }, "dependencies": { "@floating-ui/dom": "^1.2.0", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-progress/CHANGELOG.json b/packages/react-components/react-progress/CHANGELOG.json index aed76968afb44..df399e527af8b 100644 --- a/packages/react-components/react-progress/CHANGELOG.json +++ b/packages/react-components/react-progress/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-progress", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-progress_v9.1.17", + "version": "9.1.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:17 GMT", "tag": "@fluentui/react-progress_v9.1.16", diff --git a/packages/react-components/react-progress/CHANGELOG.md b/packages/react-components/react-progress/CHANGELOG.md index 86a2255435d08..5ad694e155624 100644 --- a/packages/react-components/react-progress/CHANGELOG.md +++ b/packages/react-components/react-progress/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-progress -This log was last generated on Wed, 31 May 2023 06:46:17 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.17) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.16..@fluentui/react-progress_v9.1.17) + +### Patches + +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.16) Wed, 31 May 2023 06:46:17 GMT diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json index 7743a8d054d6c..a167a3278d37a 100644 --- a/packages/react-components/react-progress/package.json +++ b/packages/react-components/react-progress/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-progress", - "version": "9.1.16", + "version": "9.1.17", "description": "Progress component for FluentUI v9", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,16 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-field": "^9.1.7", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-provider/CHANGELOG.json b/packages/react-components/react-provider/CHANGELOG.json index 7baaa9aaf32bd..c77db644ba522 100644 --- a/packages/react-components/react-provider/CHANGELOG.json +++ b/packages/react-components/react-provider/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-provider", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-provider_v9.7.3", + "version": "9.7.3", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:17 GMT", "tag": "@fluentui/react-provider_v9.7.2", diff --git a/packages/react-components/react-provider/CHANGELOG.md b/packages/react-components/react-provider/CHANGELOG.md index 33449537666a6..444ed6adcef2b 100644 --- a/packages/react-components/react-provider/CHANGELOG.md +++ b/packages/react-components/react-provider/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-provider -This log was last generated on Wed, 31 May 2023 06:46:17 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.7.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.3) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.7.2..@fluentui/react-provider_v9.7.3) + +### Patches + +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.7.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.2) Wed, 31 May 2023 06:46:17 GMT diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json index ee0415edcedd3..bf499e95ad61c 100644 --- a/packages/react-components/react-provider/package.json +++ b/packages/react-components/react-provider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-provider", - "version": "9.7.2", + "version": "9.7.3", "description": "Fluent UI React provider component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,16 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/core": "^1.11.0", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" diff --git a/packages/react-components/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json index 37747c58208ba..1ed4c5517f092 100644 --- a/packages/react-components/react-radio/CHANGELOG.json +++ b/packages/react-components/react-radio/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-radio", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:02 GMT", + "tag": "@fluentui/react-radio_v9.1.18", + "version": "9.1.18", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:18 GMT", "tag": "@fluentui/react-radio_v9.1.17", diff --git a/packages/react-components/react-radio/CHANGELOG.md b/packages/react-components/react-radio/CHANGELOG.md index db4f72b98efc5..82e352f000f99 100644 --- a/packages/react-components/react-radio/CHANGELOG.md +++ b/packages/react-components/react-radio/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-radio -This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:02 GMT and should not be manually modified. +## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.18) + +Tue, 20 Jun 2023 12:39:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.17..@fluentui/react-radio_v9.1.18) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.17) Wed, 31 May 2023 06:46:18 GMT diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json index 75d670bc510f6..e03047b8649c9 100644 --- a/packages/react-components/react-radio/package.json +++ b/packages/react-components/react-radio/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-radio", - "version": "9.1.17", + "version": "9.1.18", "description": "Fluent UI Radio component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,19 +28,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-search/package.json b/packages/react-components/react-search/package.json index 2bc8da226d1d6..77bf5253ee815 100644 --- a/packages/react-components/react-search/package.json +++ b/packages/react-components/react-search/package.json @@ -28,16 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-input": "^9.4.16", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-input": "^9.4.17", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-select/CHANGELOG.json b/packages/react-components/react-select/CHANGELOG.json index 582e4e834d8bf..ddb4297ee2886 100644 --- a/packages/react-components/react-select/CHANGELOG.json +++ b/packages/react-components/react-select/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-select", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:02 GMT", + "tag": "@fluentui/react-select_v9.1.17", + "version": "9.1.17", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-select", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:18 GMT", "tag": "@fluentui/react-select_v9.1.16", diff --git a/packages/react-components/react-select/CHANGELOG.md b/packages/react-components/react-select/CHANGELOG.md index 5df5e8513e225..539d6a55348eb 100644 --- a/packages/react-components/react-select/CHANGELOG.md +++ b/packages/react-components/react-select/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-select -This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:02 GMT and should not be manually modified. +## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.17) + +Tue, 20 Jun 2023 12:39:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.16..@fluentui/react-select_v9.1.17) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.16) Wed, 31 May 2023 06:46:18 GMT diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json index ba1c404db86e8..edf5af2f6620c 100644 --- a/packages/react-components/react-select/package.json +++ b/packages/react-components/react-select/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-select", - "version": "9.1.16", + "version": "9.1.17", "description": "Fluent UI React Select component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,17 +28,17 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-shared-contexts/CHANGELOG.json b/packages/react-components/react-shared-contexts/CHANGELOG.json index 2f37df779dbb7..c5a9a8355f087 100644 --- a/packages/react-components/react-shared-contexts/CHANGELOG.json +++ b/packages/react-components/react-shared-contexts/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/react-shared-contexts", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:03 GMT", + "tag": "@fluentui/react-shared-contexts_v9.5.1", + "version": "9.5.1", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-shared-contexts", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: re-generate api.md" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-shared-contexts", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 24 May 2023 20:45:32 GMT", "tag": "@fluentui/react-shared-contexts_v9.5.0", diff --git a/packages/react-components/react-shared-contexts/CHANGELOG.md b/packages/react-components/react-shared-contexts/CHANGELOG.md index 9083dd07650e9..728568339269c 100644 --- a/packages/react-components/react-shared-contexts/CHANGELOG.md +++ b/packages/react-components/react-shared-contexts/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-shared-contexts -This log was last generated on Wed, 24 May 2023 20:45:32 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified. +## [9.5.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.5.1) + +Tue, 20 Jun 2023 12:39:03 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-shared-contexts_v9.5.0..@fluentui/react-shared-contexts_v9.5.1) + +### Patches + +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.5.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.5.0) Wed, 24 May 2023 20:45:32 GMT diff --git a/packages/react-components/react-shared-contexts/package.json b/packages/react-components/react-shared-contexts/package.json index 45605c88d75dd..5080ee15429dc 100644 --- a/packages/react-components/react-shared-contexts/package.json +++ b/packages/react-components/react-shared-contexts/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-shared-contexts", - "version": "9.5.0", + "version": "9.5.1", "description": "Fluent UI React Contexts shared by multiple components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-theme": "^9.1.8", + "@fluentui/react-theme": "^9.1.9", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-skeleton/CHANGELOG.json b/packages/react-components/react-skeleton/CHANGELOG.json index 13524c8662e8d..c330b73bcaae6 100644 --- a/packages/react-components/react-skeleton/CHANGELOG.json +++ b/packages/react-components/react-skeleton/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-skeleton", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:03 GMT", + "tag": "@fluentui/react-skeleton_v9.0.5", + "version": "9.0.5", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-skeleton", + "commit": "1289febede874642bab144c3f59b0498cbc85d72", + "comment": "fix: Add reduced motion styling for Skeleton" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:18 GMT", "tag": "@fluentui/react-skeleton_v9.0.4", diff --git a/packages/react-components/react-skeleton/CHANGELOG.md b/packages/react-components/react-skeleton/CHANGELOG.md index 027541d0ba236..0992218d35b23 100644 --- a/packages/react-components/react-skeleton/CHANGELOG.md +++ b/packages/react-components/react-skeleton/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-skeleton -This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified. +## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.5) + +Tue, 20 Jun 2023 12:39:03 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.4..@fluentui/react-skeleton_v9.0.5) + +### Patches + +- fix: Add reduced motion styling for Skeleton ([PR #28086](https://github.com/microsoft/fluentui/pull/28086) by ololubek@microsoft.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.4) Wed, 31 May 2023 06:46:18 GMT diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json index 83ff369e602fb..3dc30e54af966 100644 --- a/packages/react-components/react-skeleton/package.json +++ b/packages/react-components/react-skeleton/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-skeleton", - "version": "9.0.4", + "version": "9.0.5", "description": "Converged v9 Skeleton Component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,16 +27,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-field": "^9.1.7", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json index ccf1a0d209483..9fb4f0fa9149a 100644 --- a/packages/react-components/react-slider/CHANGELOG.json +++ b/packages/react-components/react-slider/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-slider", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-slider_v9.1.18", + "version": "9.1.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:18 GMT", "tag": "@fluentui/react-slider_v9.1.17", diff --git a/packages/react-components/react-slider/CHANGELOG.md b/packages/react-components/react-slider/CHANGELOG.md index 8e84a4ddad403..86c82b694c325 100644 --- a/packages/react-components/react-slider/CHANGELOG.md +++ b/packages/react-components/react-slider/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-slider -This log was last generated on Wed, 31 May 2023 06:46:18 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.18) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.17..@fluentui/react-slider_v9.1.18) + +### Patches + +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.17) Wed, 31 May 2023 06:46:18 GMT diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json index 61bde88366927..349667dbfeac8 100644 --- a/packages/react-components/react-slider/package.json +++ b/packages/react-components/react-slider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-slider", - "version": "9.1.17", + "version": "9.1.18", "description": "Fluent UI React Slider component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,18 +28,18 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", - "@fluentui/react-label": "^9.1.15", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", + "@fluentui/react-label": "^9.1.16", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-field": "^9.1.7", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-spinbutton/CHANGELOG.json b/packages/react-components/react-spinbutton/CHANGELOG.json index 8d669a18d4620..44ee935943de6 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.json +++ b/packages/react-components/react-spinbutton/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-spinbutton", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:03 GMT", + "tag": "@fluentui/react-spinbutton_v9.2.17", + "version": "9.2.17", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:19 GMT", "tag": "@fluentui/react-spinbutton_v9.2.16", diff --git a/packages/react-components/react-spinbutton/CHANGELOG.md b/packages/react-components/react-spinbutton/CHANGELOG.md index 7491f10144702..7a5042b042e17 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.md +++ b/packages/react-components/react-spinbutton/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-spinbutton -This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified. +## [9.2.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.17) + +Tue, 20 Jun 2023 12:39:03 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.16..@fluentui/react-spinbutton_v9.2.17) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.16) Wed, 31 May 2023 06:46:19 GMT diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json index b2a95f474ef35..79f936606c528 100644 --- a/packages/react-components/react-spinbutton/package.json +++ b/packages/react-components/react-spinbutton/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-spinbutton", - "version": "9.2.16", + "version": "9.2.17", "description": "Fluent UI React SpinButton component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,19 +28,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", - "@fluentui/react-label": "^9.1.15", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", + "@fluentui/react-label": "^9.1.16", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-spinner/CHANGELOG.json b/packages/react-components/react-spinner/CHANGELOG.json index d2d3143b9dd1f..2ca56616e1285 100644 --- a/packages/react-components/react-spinner/CHANGELOG.json +++ b/packages/react-components/react-spinner/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-spinner", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-spinner_v9.2.3", + "version": "9.2.3", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:19 GMT", "tag": "@fluentui/react-spinner_v9.2.2", diff --git a/packages/react-components/react-spinner/CHANGELOG.md b/packages/react-components/react-spinner/CHANGELOG.md index b5f85a12f354d..d121dc6ef39fe 100644 --- a/packages/react-components/react-spinner/CHANGELOG.md +++ b/packages/react-components/react-spinner/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-spinner -This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.2.3) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.2.2..@fluentui/react-spinner_v9.2.3) + +### Patches + +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.2.2) Wed, 31 May 2023 06:46:19 GMT diff --git a/packages/react-components/react-spinner/package.json b/packages/react-components/react-spinner/package.json index 33c722174511a..7e2782b16ff6c 100644 --- a/packages/react-components/react-spinner/package.json +++ b/packages/react-components/react-spinner/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-spinner", - "version": "9.2.2", + "version": "9.2.3", "description": "Spinner component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,16 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json index 7707a3e85f031..0fcb472672a89 100644 --- a/packages/react-components/react-storybook-addon/package.json +++ b/packages/react-components/react-storybook-addon/package.json @@ -30,8 +30,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-provider": "^9.7.2", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-provider": "^9.7.3", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json index dcda99bb37208..53b57868b932b 100644 --- a/packages/react-components/react-switch/CHANGELOG.json +++ b/packages/react-components/react-switch/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-switch", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:03 GMT", + "tag": "@fluentui/react-switch_v9.1.18", + "version": "9.1.18", + "comments": { + "patch": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-label to v9.1.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:19 GMT", "tag": "@fluentui/react-switch_v9.1.17", diff --git a/packages/react-components/react-switch/CHANGELOG.md b/packages/react-components/react-switch/CHANGELOG.md index 987856f5964da..a0f52b707d574 100644 --- a/packages/react-components/react-switch/CHANGELOG.md +++ b/packages/react-components/react-switch/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-switch -This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:03 GMT and should not be manually modified. +## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.18) + +Tue, 20 Jun 2023 12:39:03 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.1.17..@fluentui/react-switch_v9.1.18) + +### Patches + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.17) Wed, 31 May 2023 06:46:19 GMT diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json index dd0fa1f24d340..cc276f92427b6 100644 --- a/packages/react-components/react-switch/package.json +++ b/packages/react-components/react-switch/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-switch", - "version": "9.1.17", + "version": "9.1.18", "description": "Fluent UI React Switch component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,19 +28,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", + "@fluentui/react-field": "^9.1.7", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-label": "^9.1.15", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-label": "^9.1.16", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-table/CHANGELOG.json b/packages/react-components/react-table/CHANGELOG.json index 9a766b9fec49e..6328692e95ffb 100644 --- a/packages/react-components/react-table/CHANGELOG.json +++ b/packages/react-components/react-table/CHANGELOG.json @@ -1,6 +1,113 @@ { "name": "@fluentui/react-table", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:04 GMT", + "tag": "@fluentui/react-table_v9.4.0", + "version": "9.4.0", + "comments": { + "patch": [ + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-table", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Update table styles to reflect token changes" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "93620cf72318e14967fcfc15b3debc96ce20b13e", + "comment": "fix: TableHeaderCell should not render button when not sortable" + }, + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-table", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + } + ], + "minor": [ + { + "author": "jirivyhnalek@microsoft.com", + "package": "@fluentui/react-table", + "commit": "54316f1ded96bffa3505140ec68031afd0cebdb6", + "comment": "DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "d33397e28ac542798cfdc4a7b917f1d27db9ed63", + "comment": "feat: Implement `focusMode` for DataGridCell" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-aria to v9.3.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-avatar to v9.5.6", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-checkbox to v9.1.18", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-radio to v9.1.18", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:19 GMT", "tag": "@fluentui/react-table_v9.3.0", diff --git a/packages/react-components/react-table/CHANGELOG.md b/packages/react-components/react-table/CHANGELOG.md index 91dffcf73992e..c6b35933c3c50 100644 --- a/packages/react-components/react-table/CHANGELOG.md +++ b/packages/react-components/react-table/CHANGELOG.md @@ -1,9 +1,36 @@ # Change Log - @fluentui/react-table -This log was last generated on Wed, 31 May 2023 06:46:19 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:04 GMT and should not be manually modified. +## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.4.0) + +Tue, 20 Jun 2023 12:39:04 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.3.0..@fluentui/react-table_v9.4.0) + +### Minor changes + +- DataGrid now exposes containerWidthOffset prop, which is mainly used internally to adjust available space for column resizing based on other props ([PR #27983](https://github.com/microsoft/fluentui/pull/27983) by jirivyhnalek@microsoft.com) +- feat: Implement `focusMode` for DataGridCell ([PR #28167](https://github.com/microsoft/fluentui/pull/28167) by lingfangao@hotmail.com) +- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-checkbox to v9.1.18 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-radio to v9.1.18 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + +### Patches + +- Update table styles to reflect token changes ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) +- fix: TableHeaderCell should not render button when not sortable ([PR #28097](https://github.com/microsoft/fluentui/pull/28097) by lingfangao@hotmail.com) +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) + ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.3.0) Wed, 31 May 2023 06:46:19 GMT diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json index effdfe42942c4..a1bf7de51bd51 100644 --- a/packages/react-components/react-table/package.json +++ b/packages/react-components/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-table", - "version": "9.3.0", + "version": "9.4.0", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,23 +30,23 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-aria": "^9.3.22", - "@fluentui/react-avatar": "^9.5.5", - "@fluentui/react-checkbox": "^9.1.17", - "@fluentui/react-context-selector": "^9.1.22", + "@fluentui/react-aria": "^9.3.23", + "@fluentui/react-avatar": "^9.5.6", + "@fluentui/react-checkbox": "^9.1.18", + "@fluentui/react-context-selector": "^9.1.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-radio": "^9.1.17", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-radio": "^9.1.18", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json index 60d345ef17cf6..1a6b6e1e20516 100644 --- a/packages/react-components/react-tabs/CHANGELOG.json +++ b/packages/react-components/react-tabs/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-tabs", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-tabs_v9.3.18", + "version": "9.3.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:20 GMT", "tag": "@fluentui/react-tabs_v9.3.17", diff --git a/packages/react-components/react-tabs/CHANGELOG.md b/packages/react-components/react-tabs/CHANGELOG.md index 1c85032fec797..36abdc785d8f6 100644 --- a/packages/react-components/react-tabs/CHANGELOG.md +++ b/packages/react-components/react-tabs/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-tabs -This log was last generated on Wed, 31 May 2023 06:46:20 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.3.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.18) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.17..@fluentui/react-tabs_v9.3.18) + +### Patches + +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.17) Wed, 31 May 2023 06:46:20 GMT diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json index 97f7785b3b533..7ade0319be027 100644 --- a/packages/react-components/react-tabs/package.json +++ b/packages/react-components/react-tabs/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tabs", - "version": "9.3.17", + "version": "9.3.18", "description": "Fluent UI React tabs components", "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.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json index 7793d2f74d129..312898066a8ef 100644 --- a/packages/react-components/react-tabster/CHANGELOG.json +++ b/packages/react-components/react-tabster/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-tabster", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:05 GMT", + "tag": "@fluentui/react-tabster_v9.8.0", + "version": "9.8.0", + "comments": { + "patch": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + } + ], + "minor": [ + { + "author": "jukapsia@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "1a277b9c4d55bc1b7c65a73383425b1934ec1dad", + "comment": "useArrowNavigationGroup grid-linear axis" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:20 GMT", "tag": "@fluentui/react-tabster_v9.7.5", diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md index 076c0a144ba8c..4563956a6a5e6 100644 --- a/packages/react-components/react-tabster/CHANGELOG.md +++ b/packages/react-components/react-tabster/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-tabster -This log was last generated on Wed, 31 May 2023 06:46:20 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:05 GMT and should not be manually modified. +## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.8.0) + +Tue, 20 Jun 2023 12:39:05 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.7.5..@fluentui/react-tabster_v9.8.0) + +### Minor changes + +- useArrowNavigationGroup grid-linear axis ([PR #28253](https://github.com/microsoft/fluentui/pull/28253) by jukapsia@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + +### Patches + +- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + ## [9.7.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.7.5) Wed, 31 May 2023 06:46:20 GMT diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json index 93e3aa10dee27..bc8fba8746595 100644 --- a/packages/react-components/react-tabster/package.json +++ b/packages/react-components/react-tabster/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tabster", - "version": "9.7.5", + "version": "9.8.0", "description": "Utilities for focus management and facade for tabster", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,9 +31,9 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14", "keyborg": "^2.0.0", diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json index b917884a8a08f..3d9e3e6584032 100644 --- a/packages/react-components/react-tags/package.json +++ b/packages/react-components/react-tags/package.json @@ -29,20 +29,20 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-aria": "^9.3.22", - "@fluentui/react-avatar": "^9.5.5", + "@fluentui/react-aria": "^9.3.23", + "@fluentui/react-avatar": "^9.5.6", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json index bf9a5be27a6c0..bb0ec10136254 100644 --- a/packages/react-components/react-text/CHANGELOG.json +++ b/packages/react-components/react-text/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-text", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-text_v9.3.13", + "version": "9.3.13", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:21 GMT", "tag": "@fluentui/react-text_v9.3.12", diff --git a/packages/react-components/react-text/CHANGELOG.md b/packages/react-components/react-text/CHANGELOG.md index d4976ef8d0c39..f15422e162ae7 100644 --- a/packages/react-components/react-text/CHANGELOG.md +++ b/packages/react-components/react-text/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-text -This log was last generated on Wed, 31 May 2023 06:46:21 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.3.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.13) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.12..@fluentui/react-text_v9.3.13) + +### Patches + +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.3.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.12) Wed, 31 May 2023 06:46:21 GMT diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json index 215515bfe2712..d4f753f377d8c 100644 --- a/packages/react-components/react-text/package.json +++ b/packages/react-components/react-text/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-text", - "version": "9.3.12", + "version": "9.3.13", "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json index b66d056786257..a908343ab20a0 100644 --- a/packages/react-components/react-textarea/CHANGELOG.json +++ b/packages/react-components/react-textarea/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-textarea", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:05 GMT", + "tag": "@fluentui/react-textarea_v9.3.17", + "version": "9.3.17", + "comments": { + "patch": [ + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-textarea", + "commit": "122c0d6057ad16e9e005e68214b083a77686d1df", + "comment": "fix: Remove fixed height so rows prop works and add missing max-height." + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-field to v9.1.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:21 GMT", "tag": "@fluentui/react-textarea_v9.3.16", diff --git a/packages/react-components/react-textarea/CHANGELOG.md b/packages/react-components/react-textarea/CHANGELOG.md index 29219736b6e39..3a46502b39297 100644 --- a/packages/react-components/react-textarea/CHANGELOG.md +++ b/packages/react-components/react-textarea/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-textarea -This log was last generated on Wed, 31 May 2023 06:46:21 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:05 GMT and should not be manually modified. +## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.17) + +Tue, 20 Jun 2023 12:39:05 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.16..@fluentui/react-textarea_v9.3.17) + +### Patches + +- fix: Remove fixed height so rows prop works and add missing max-height. ([PR #28181](https://github.com/microsoft/fluentui/pull/28181) by esteban.230@hotmail.com) +- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.3.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.16) Wed, 31 May 2023 06:46:21 GMT diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json index 479d3627ecd5c..159ffabb034ad 100644 --- a/packages/react-components/react-textarea/package.json +++ b/packages/react-components/react-textarea/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-textarea", - "version": "9.3.16", + "version": "9.3.17", "description": "Fluent UI TextArea component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,16 +28,16 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.1.6", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-field": "^9.1.7", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-theme-sass/CHANGELOG.json b/packages/react-components/react-theme-sass/CHANGELOG.json index c5a5e923dfab2..3180d6745c2d1 100644 --- a/packages/react-components/react-theme-sass/CHANGELOG.json +++ b/packages/react-components/react-theme-sass/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-theme-sass", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:05 GMT", + "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.13", + "version": "9.0.0-alpha.13", + "comments": { + "prerelease": [ + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-theme-sass", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Add theme tokens" + }, + { + "author": "beachball", + "package": "@fluentui/react-theme-sass", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 24 May 2023 20:45:36 GMT", "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.12", diff --git a/packages/react-components/react-theme-sass/CHANGELOG.md b/packages/react-components/react-theme-sass/CHANGELOG.md index 99c6eb6e413fe..284d8a7c4f1ef 100644 --- a/packages/react-components/react-theme-sass/CHANGELOG.md +++ b/packages/react-components/react-theme-sass/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-theme-sass -This log was last generated on Fri, 12 May 2023 20:27:57 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:05 GMT and should not be manually modified. +## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.13) + +Tue, 20 Jun 2023 12:39:05 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.12..@fluentui/react-theme-sass_v9.0.0-alpha.13) + +### Changes + +- Add theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.12) Fri, 12 May 2023 20:27:57 GMT diff --git a/packages/react-components/react-theme-sass/package.json b/packages/react-components/react-theme-sass/package.json index 4facdcde7bac4..22aad39012ba5 100644 --- a/packages/react-components/react-theme-sass/package.json +++ b/packages/react-components/react-theme-sass/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-theme-sass", - "version": "9.0.0-alpha.12", + "version": "9.0.0-alpha.13", "description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -25,7 +25,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-theme": "^9.1.8", + "@fluentui/react-theme": "^9.1.9", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, diff --git a/packages/react-components/react-theme/CHANGELOG.json b/packages/react-components/react-theme/CHANGELOG.json index 13bcfb8505461..841be3269815f 100644 --- a/packages/react-components/react-theme/CHANGELOG.json +++ b/packages/react-components/react-theme/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-theme", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-theme_v9.1.9", + "version": "9.1.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-theme", + "comment": "Bump @fluentui/tokens to v1.0.0-alpha.6", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 24 May 2023 20:45:36 GMT", "tag": "@fluentui/react-theme_v9.1.8", diff --git a/packages/react-components/react-theme/CHANGELOG.md b/packages/react-components/react-theme/CHANGELOG.md index efb328fd00739..908322e2448eb 100644 --- a/packages/react-components/react-theme/CHANGELOG.md +++ b/packages/react-components/react-theme/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-theme -This log was last generated on Fri, 12 May 2023 20:27:56 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.9) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.8..@fluentui/react-theme_v9.1.9) + +### Patches + +- Bump @fluentui/tokens to v1.0.0-alpha.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.8) Fri, 12 May 2023 20:27:56 GMT diff --git a/packages/react-components/react-theme/package.json b/packages/react-components/react-theme/package.json index 0483c45a2a381..0de3a92441ba4 100644 --- a/packages/react-components/react-theme/package.json +++ b/packages/react-components/react-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-theme", - "version": "9.1.8", + "version": "9.1.9", "description": "Fluent UI themes", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,7 +30,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/tokens": "1.0.0-alpha.5", + "@fluentui/tokens": "1.0.0-alpha.6", "@swc/helpers": "^0.4.14" }, "beachball": { diff --git a/packages/react-components/react-toast/package.json b/packages/react-components/react-toast/package.json index 426793bd20d51..047597e2a33b7 100644 --- a/packages/react-components/react-toast/package.json +++ b/packages/react-components/react-toast/package.json @@ -28,19 +28,19 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "react-transition-group": "^4.4.1", - "@fluentui/react-aria": "^9.3.22", + "@fluentui/react-aria": "^9.3.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json index f93724ed32d9f..798e8904b6881 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.json +++ b/packages/react-components/react-toolbar/CHANGELOG.json @@ -1,6 +1,75 @@ { "name": "@fluentui/react-toolbar", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-toolbar_v9.1.18", + "version": "9.1.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-button to v9.3.17", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-divider to v9.2.16", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-radio to v9.1.18", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:21 GMT", "tag": "@fluentui/react-toolbar_v9.1.17", diff --git a/packages/react-components/react-toolbar/CHANGELOG.md b/packages/react-components/react-toolbar/CHANGELOG.md index d86ec18674b65..b7b88862db31b 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.md +++ b/packages/react-components/react-toolbar/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/react-toolbar -This log was last generated on Wed, 31 May 2023 06:46:21 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.18) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.17..@fluentui/react-toolbar_v9.1.18) + +### Patches + +- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-divider to v9.2.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-radio to v9.1.18 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.17) Wed, 31 May 2023 06:46:21 GMT diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json index 2ce68765dcf78..cf46e8c96a93a 100644 --- a/packages/react-components/react-toolbar/package.json +++ b/packages/react-components/react-toolbar/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-toolbar", - "version": "9.1.17", + "version": "9.1.18", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,21 +29,21 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-button": "^9.3.16", - "@fluentui/react-divider": "^9.2.15", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-context-selector": "^9.1.22", - "@fluentui/react-radio": "^9.1.17", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", + "@fluentui/react-button": "^9.3.17", + "@fluentui/react-divider": "^9.2.16", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-context-selector": "^9.1.23", + "@fluentui/react-radio": "^9.1.18", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tooltip/CHANGELOG.json b/packages/react-components/react-tooltip/CHANGELOG.json index 21972b672d341..3dc4f02045a5f 100644 --- a/packages/react-components/react-tooltip/CHANGELOG.json +++ b/packages/react-components/react-tooltip/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-tooltip", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/react-tooltip_v9.2.17", + "version": "9.2.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-portal to v9.2.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-positioning to v9.7.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:22 GMT", "tag": "@fluentui/react-tooltip_v9.2.16", diff --git a/packages/react-components/react-tooltip/CHANGELOG.md b/packages/react-components/react-tooltip/CHANGELOG.md index 02f585568b50c..62aac610e545d 100644 --- a/packages/react-components/react-tooltip/CHANGELOG.md +++ b/packages/react-components/react-tooltip/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-tooltip -This log was last generated on Wed, 31 May 2023 06:46:22 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [9.2.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.17) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.16..@fluentui/react-tooltip_v9.2.17) + +### Patches + +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.2.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.16) Wed, 31 May 2023 06:46:22 GMT diff --git a/packages/react-components/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json index d5fc6c47dea53..4e6f8e6b6fe96 100644 --- a/packages/react-components/react-tooltip/package.json +++ b/packages/react-components/react-tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tooltip", - "version": "9.2.16", + "version": "9.2.17", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,18 +28,18 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-positioning": "^9.6.0", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-positioning": "^9.7.0", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tree/CHANGELOG.json b/packages/react-components/react-tree/CHANGELOG.json index e4e807028e5fb..f1f34116e22a8 100644 --- a/packages/react-components/react-tree/CHANGELOG.json +++ b/packages/react-components/react-tree/CHANGELOG.json @@ -1,6 +1,87 @@ { "name": "@fluentui/react-tree", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:06 GMT", + "tag": "@fluentui/react-tree_v9.0.0-beta.19", + "version": "9.0.0-beta.19", + "comments": { + "prerelease": [ + { + "author": "ololubek@microsoft.com", + "package": "@fluentui/react-tree", + "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee", + "comment": "chore: update @fluentui/react-icons to 2.0.203" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-aria to v9.3.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-avatar to v9.5.6", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-button to v9.3.17", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-context-selector to v9.1.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-portal to v9.2.13", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-shared-contexts to v9.5.1", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-tabster to v9.8.0", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-theme to v9.1.9", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:22 GMT", "tag": "@fluentui/react-tree_v9.0.0-beta.18", diff --git a/packages/react-components/react-tree/CHANGELOG.md b/packages/react-components/react-tree/CHANGELOG.md index ba67c94f37499..fdb1b0c4fe195 100644 --- a/packages/react-components/react-tree/CHANGELOG.md +++ b/packages/react-components/react-tree/CHANGELOG.md @@ -1,9 +1,29 @@ # Change Log - @fluentui/react-tree -This log was last generated on Wed, 31 May 2023 06:46:22 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:06 GMT and should not be manually modified. +## [9.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.19) + +Tue, 20 Jun 2023 12:39:06 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.0.0-beta.18..@fluentui/react-tree_v9.0.0-beta.19) + +### Changes + +- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com) +- Bump @fluentui/react-aria to v9.3.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-avatar to v9.5.6 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-button to v9.3.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-context-selector to v9.1.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.18) Wed, 31 May 2023 06:46:22 GMT diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json index 06864a9ce7fc7..a4edf054899db 100644 --- a/packages/react-components/react-tree/package.json +++ b/packages/react-components/react-tree/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tree", - "version": "9.0.0-beta.18", + "version": "9.0.0-beta.19", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,7 +29,7 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-cypress": "*", @@ -37,17 +37,17 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.3", - "@fluentui/react-aria": "^9.3.22", - "@fluentui/react-avatar": "^9.5.5", - "@fluentui/react-button": "^9.3.16", - "@fluentui/react-context-selector": "^9.1.22", + "@fluentui/react-aria": "^9.3.23", + "@fluentui/react-avatar": "^9.5.6", + "@fluentui/react-button": "^9.3.17", + "@fluentui/react-context-selector": "^9.1.23", "@fluentui/react-icons": "^2.0.203", - "@fluentui/react-portal": "^9.2.12", - "@fluentui/react-shared-contexts": "^9.5.0", - "@fluentui/react-tabster": "^9.7.5", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", + "@fluentui/react-portal": "^9.2.13", + "@fluentui/react-shared-contexts": "^9.5.1", + "@fluentui/react-tabster": "^9.8.0", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-utilities/CHANGELOG.json b/packages/react-components/react-utilities/CHANGELOG.json index 373f7d703135f..320d621f77588 100644 --- a/packages/react-components/react-utilities/CHANGELOG.json +++ b/packages/react-components/react-utilities/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-utilities", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:06 GMT", + "tag": "@fluentui/react-utilities_v9.9.3", + "version": "9.9.3", + "comments": { + "patch": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-utilities", + "commit": "8b6d1d1fee189c864aa6a201888ed94f61b6dc7d", + "comment": "fix: getNativeElementProps should support animation event handlers" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:22 GMT", "tag": "@fluentui/react-utilities_v9.9.2", diff --git a/packages/react-components/react-utilities/CHANGELOG.md b/packages/react-components/react-utilities/CHANGELOG.md index d316aea2a757e..605a5ec85f0db 100644 --- a/packages/react-components/react-utilities/CHANGELOG.md +++ b/packages/react-components/react-utilities/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-utilities -This log was last generated on Wed, 31 May 2023 06:46:22 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:06 GMT and should not be manually modified. +## [9.9.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.9.3) + +Tue, 20 Jun 2023 12:39:06 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.9.2..@fluentui/react-utilities_v9.9.3) + +### Patches + +- fix: getNativeElementProps should support animation event handlers ([PR #28094](https://github.com/microsoft/fluentui/pull/28094) by lingfangao@hotmail.com) + ## [9.9.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.9.2) Wed, 31 May 2023 06:46:22 GMT diff --git a/packages/react-components/react-utilities/package.json b/packages/react-components/react-utilities/package.json index c01782f232ee9..b6ac8115797ae 100644 --- a/packages/react-components/react-utilities/package.json +++ b/packages/react-components/react-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-utilities", - "version": "9.9.2", + "version": "9.9.3", "description": "A set of general React-specific utilities.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-virtualizer/CHANGELOG.json b/packages/react-components/react-virtualizer/CHANGELOG.json index b839285565572..6d7053d8d91a7 100644 --- a/packages/react-components/react-virtualizer/CHANGELOG.json +++ b/packages/react-components/react-virtualizer/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-virtualizer", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:06 GMT", + "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.23", + "version": "9.0.0-alpha.23", + "comments": { + "prerelease": [ + { + "author": "mifraser@microsoft.com", + "package": "@fluentui/react-virtualizer", + "commit": "ab901891c51f8bd5d1a5099e66011c9c84372566", + "comment": "feature: Add scrollTo index hook and callbacks, isScrolling flag" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-virtualizer", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments" + }, + { + "author": "beachball", + "package": "@fluentui/react-virtualizer", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-virtualizer", + "comment": "Bump @fluentui/react-utilities to v9.9.3", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + }, + { + "author": "beachball", + "package": "@fluentui/react-virtualizer", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23", + "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647" + } + ] + } + }, { "date": "Wed, 31 May 2023 06:46:23 GMT", "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.22", diff --git a/packages/react-components/react-virtualizer/CHANGELOG.md b/packages/react-components/react-virtualizer/CHANGELOG.md index b175e8b3fcd0e..d5a001502edd8 100644 --- a/packages/react-components/react-virtualizer/CHANGELOG.md +++ b/packages/react-components/react-virtualizer/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-virtualizer -This log was last generated on Wed, 31 May 2023 06:46:23 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:06 GMT and should not be manually modified. +## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.23) + +Tue, 20 Jun 2023 12:39:06 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.22..@fluentui/react-virtualizer_v9.0.0-alpha.23) + +### Changes + +- feature: Add scrollTo index hook and callbacks, isScrolling flag ([PR #27864](https://github.com/microsoft/fluentui/pull/27864) by mifraser@microsoft.com) +- chore: migrate to ts 4.7 which wont emit undefined anymore for optional arguments ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball) + ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.22) Wed, 31 May 2023 06:46:23 GMT diff --git a/packages/react-components/react-virtualizer/package.json b/packages/react-components/react-virtualizer/package.json index 98319253d07e9..aa7026f18d721 100644 --- a/packages/react-components/react-virtualizer/package.json +++ b/packages/react-components/react-virtualizer/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-virtualizer", - "version": "9.0.0-alpha.22", + "version": "9.0.0-alpha.23", "description": "Generic and composable virtualizer framework built on browser intersection observer", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,13 +27,13 @@ "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", - "@fluentui/react-conformance-griffel": "9.0.0-beta.22", + "@fluentui/react-conformance-griffel": "9.0.0-beta.23", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-jsx-runtime": "9.0.0-alpha.6", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.7", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json index 7c5fb0fb11760..8bec0a979afc6 100644 --- a/packages/react-components/theme-designer/package.json +++ b/packages/react-components/theme-designer/package.json @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-alert": "9.0.0-beta.51", - "@fluentui/react-components": "^9.21.0", - "@fluentui/react-context-selector": "^9.1.22", + "@fluentui/react-alert": "9.0.0-beta.52", + "@fluentui/react-components": "^9.22.0", + "@fluentui/react-context-selector": "^9.1.23", "@fluentui/react-icons": "^2.0.203", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", - "@fluentui/react-theme": "^9.1.8", - "@fluentui/react-utilities": "^9.9.2", + "@fluentui/react-theme": "^9.1.9", + "@fluentui/react-utilities": "^9.9.3", "@griffel/react": "^1.5.7", "@swc/helpers": "^0.4.14", "@types/dedent": "0.7.0", diff --git a/packages/react-conformance/CHANGELOG.json b/packages/react-conformance/CHANGELOG.json index 7401d2d959400..06499428855b9 100644 --- a/packages/react-conformance/CHANGELOG.json +++ b/packages/react-conformance/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-conformance", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:38:56 GMT", + "tag": "@fluentui/react-conformance_v0.17.0", + "version": "0.17.0", + "comments": { + "minor": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-conformance", + "commit": "402599eb2172bf1cd13c003f5050e4d172ed9742", + "comment": "BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build" + } + ] + } + }, { "date": "Mon, 05 Jun 2023 07:37:25 GMT", "tag": "@fluentui/react-conformance_v0.16.3", diff --git a/packages/react-conformance/CHANGELOG.md b/packages/react-conformance/CHANGELOG.md index 5664fcf9fcdad..0eaba29976c12 100644 --- a/packages/react-conformance/CHANGELOG.md +++ b/packages/react-conformance/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-conformance -This log was last generated on Mon, 05 Jun 2023 07:37:25 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:38:56 GMT and should not be manually modified. +## [0.17.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance_v0.17.0) + +Tue, 20 Jun 2023 12:38:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance_v0.16.3..@fluentui/react-conformance_v0.17.0) + +### Minor changes + +- BREAKING CHANGE: migrate package to v9 setup in order to be able to run generate-api task without build ([PR #28215](https://github.com/microsoft/fluentui/pull/28215) by martinhochel@microsoft.com) + ## [0.16.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance_v0.16.3) Mon, 05 Jun 2023 07:37:25 GMT diff --git a/packages/react-conformance/package.json b/packages/react-conformance/package.json index 001cab5736d4a..6ab0a14ee718c 100644 --- a/packages/react-conformance/package.json +++ b/packages/react-conformance/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-conformance", - "version": "0.16.3", + "version": "0.17.0", "description": "Customizable conformance testing utility for Fluent UI React components.", "main": "lib-commonjs/index.js", "typings": "dist/index.d.ts", diff --git a/packages/tokens/CHANGELOG.json b/packages/tokens/CHANGELOG.json index 6e3205c1ab2d4..82d8ceda0f392 100644 --- a/packages/tokens/CHANGELOG.json +++ b/packages/tokens/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/tokens", "entries": [ + { + "date": "Tue, 20 Jun 2023 12:39:07 GMT", + "tag": "@fluentui/tokens_v1.0.0-alpha.6", + "version": "1.0.0-alpha.6", + "comments": { + "prerelease": [ + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/tokens", + "commit": "7516a6bde1bd7b8c957ca479ffcb0e737e9ca693", + "comment": "Add/update theme tokens" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/tokens", + "commit": "cf6b94ba6559236150bc1f1814b023607edaeb20", + "comment": "fix: cast to String keys interpolated within string literals" + } + ] + } + }, { "date": "Wed, 24 May 2023 20:45:37 GMT", "tag": "@fluentui/tokens_v1.0.0-alpha.5", diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md index 3aa4edcd3dfe5..6a7e84957f5b6 100644 --- a/packages/tokens/CHANGELOG.md +++ b/packages/tokens/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/tokens -This log was last generated on Fri, 12 May 2023 20:28:07 GMT and should not be manually modified. +This log was last generated on Tue, 20 Jun 2023 12:39:07 GMT and should not be manually modified. +## [1.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.6) + +Tue, 20 Jun 2023 12:39:07 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.5..@fluentui/tokens_v1.0.0-alpha.6) + +### Changes + +- Add/update theme tokens ([PR #27791](https://github.com/microsoft/fluentui/pull/27791) by miroslav.stastny@microsoft.com) +- fix: cast to String keys interpolated within string literals ([PR #28067](https://github.com/microsoft/fluentui/pull/28067) by martinhochel@microsoft.com) + ## [1.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.5) Fri, 12 May 2023 20:28:07 GMT diff --git a/packages/tokens/package.json b/packages/tokens/package.json index 7bd4c1ce2836d..4ffd22714da84 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/tokens", - "version": "1.0.0-alpha.5", + "version": "1.0.0-alpha.6", "description": "Fluent UI Theme Tokens", "main": "lib-commonjs/index.js", "module": "lib/index.js",