diff --git a/change/@fluentui-react-avatar-73954508-ffed-4bfe-a16f-39fd287dafd4.json b/change/@fluentui-react-avatar-73954508-ffed-4bfe-a16f-39fd287dafd4.json new file mode 100644 index 0000000000000..d9c1c9e4b8cf8 --- /dev/null +++ b/change/@fluentui-react-avatar-73954508-ffed-4bfe-a16f-39fd287dafd4.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: adds disableButtonEnhancement on triggers", + "packageName": "@fluentui/react-avatar", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-dialog-914ff253-e601-4337-91a3-f7f8648eb1a5.json b/change/@fluentui-react-dialog-914ff253-e601-4337-91a3-f7f8648eb1a5.json new file mode 100644 index 0000000000000..784dca56f6ea7 --- /dev/null +++ b/change/@fluentui-react-dialog-914ff253-e601-4337-91a3-f7f8648eb1a5.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: adds disableButtonEnhancement on triggers", + "packageName": "@fluentui/react-dialog", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-menu-4dd93206-2702-4680-829c-617e8b250bc0.json b/change/@fluentui-react-menu-4dd93206-2702-4680-829c-617e8b250bc0.json new file mode 100644 index 0000000000000..6feeff353b77f --- /dev/null +++ b/change/@fluentui-react-menu-4dd93206-2702-4680-829c-617e8b250bc0.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: adds disableButtonEnhancement on triggers", + "packageName": "@fluentui/react-menu", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-popover-c9f8a637-4cdc-438c-b74a-b38279f3e1df.json b/change/@fluentui-react-popover-c9f8a637-4cdc-438c-b74a-b38279f3e1df.json new file mode 100644 index 0000000000000..262fccf9227b1 --- /dev/null +++ b/change/@fluentui-react-popover-c9f8a637-4cdc-438c-b74a-b38279f3e1df.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: adds disableButtonEnhancement on triggers", + "packageName": "@fluentui/react-popover", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/renderAvatarGroupPopover.tsx b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/renderAvatarGroupPopover.tsx index ae5d43b4007e3..3cc5008e14d8e 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/renderAvatarGroupPopover.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/renderAvatarGroupPopover.tsx @@ -17,7 +17,7 @@ export const renderAvatarGroupPopover_unstable = ( return ( - + diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx index ae94cbd905412..ea464e824bd06 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonAppearance.stories.tsx @@ -14,7 +14,7 @@ export const Appearance = () => { return (
- + Default @@ -27,7 +27,7 @@ export const Appearance = () => { - + Primary @@ -40,7 +40,7 @@ export const Appearance = () => { - + Outline @@ -53,7 +53,7 @@ export const Appearance = () => { - + Subtle @@ -66,7 +66,7 @@ export const Appearance = () => { - + Transparent diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonDefault.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonDefault.stories.tsx index 5a36a12984fd0..3ddb8a3572dce 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonDefault.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonDefault.stories.tsx @@ -3,7 +3,7 @@ import { Menu, MenuButton, MenuItem, MenuList, MenuPopover, MenuTrigger } from ' export const Default = () => ( - + Example diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonDisabled.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonDisabled.stories.tsx index f06037bf85e44..b4723ae9f53d2 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonDisabled.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonDisabled.stories.tsx @@ -14,7 +14,7 @@ export const Disabled = () => { return (
- + Enabled state @@ -26,7 +26,7 @@ export const Disabled = () => { - + Disabled state @@ -38,7 +38,7 @@ export const Disabled = () => { - + Disabled focusable state diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonIcon.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonIcon.stories.tsx index 0f6f6ab28e158..7a8f5706ece30 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonIcon.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonIcon.stories.tsx @@ -33,7 +33,7 @@ export const Icon = () => { return (
- + }>With calendar icon @@ -45,7 +45,7 @@ export const Icon = () => { - + } menuIcon={}> With calendar icon and custom filter menu icon @@ -59,7 +59,7 @@ export const Icon = () => { - + } /> diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonShape.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonShape.stories.tsx index 7f99cbd78b180..d8d76b28b13fa 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonShape.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonShape.stories.tsx @@ -14,7 +14,7 @@ export const Shape = () => { return (
- + Rounded @@ -27,7 +27,7 @@ export const Shape = () => { - + Circular @@ -40,7 +40,7 @@ export const Shape = () => { - + Square diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonSize.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonSize.stories.tsx index 2b18289d01f06..e2daec2d9b7bf 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonSize.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonSize.stories.tsx @@ -15,7 +15,7 @@ export const Size = () => { return (
- + Size: small @@ -28,7 +28,7 @@ export const Size = () => { - + Size: medium @@ -41,7 +41,7 @@ export const Size = () => { - + Size: large diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeLarge.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeLarge.stories.tsx index 1629e423a12e3..3fd32aa951abf 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeLarge.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeLarge.stories.tsx @@ -26,7 +26,7 @@ export const SizeLarge = () => { return (
- + Large @@ -39,7 +39,7 @@ export const SizeLarge = () => { - + } size="large"> Large with calendar icon @@ -54,7 +54,7 @@ export const SizeLarge = () => { - + } size="large" /> diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeMedium.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeMedium.stories.tsx index 5dea81935ed88..793f2ad12d53b 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeMedium.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeMedium.stories.tsx @@ -26,7 +26,7 @@ export const SizeMedium = () => { return (
- + Medium @@ -39,7 +39,7 @@ export const SizeMedium = () => { - + } size="medium"> Medium with calendar icon @@ -54,7 +54,7 @@ export const SizeMedium = () => { - + } size="medium" /> diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeSmall.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeSmall.stories.tsx index 4d447a7b17e37..0028de1c87fd7 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeSmall.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonSizeSmall.stories.tsx @@ -26,7 +26,7 @@ export const SizeSmall = () => { return (
- + Small @@ -39,7 +39,7 @@ export const SizeSmall = () => { - + } size="small"> Small with calendar icon @@ -54,7 +54,7 @@ export const SizeSmall = () => { - + } size="small" /> diff --git a/packages/react-components/react-button/stories/MenuButton/MenuButtonWithLongText.stories.tsx b/packages/react-components/react-button/stories/MenuButton/MenuButtonWithLongText.stories.tsx index ab8921517bfa5..b12466eeca2e7 100644 --- a/packages/react-components/react-button/stories/MenuButton/MenuButtonWithLongText.stories.tsx +++ b/packages/react-components/react-button/stories/MenuButton/MenuButtonWithLongText.stories.tsx @@ -18,7 +18,7 @@ export const WithLongText = () => { return (
- + Short text @@ -31,7 +31,7 @@ export const WithLongText = () => { - + Long text wraps after it hits the max width of the component diff --git a/packages/react-components/react-button/stories/SplitButton/SplitButtonAppearance.stories.tsx b/packages/react-components/react-button/stories/SplitButton/SplitButtonAppearance.stories.tsx index a6f59dcb78569..5c93612918e93 100644 --- a/packages/react-components/react-button/stories/SplitButton/SplitButtonAppearance.stories.tsx +++ b/packages/react-components/react-button/stories/SplitButton/SplitButtonAppearance.stories.tsx @@ -23,7 +23,7 @@ export const Appearance = () => { return (
- + {(triggerProps: MenuButtonProps) => Default} @@ -36,7 +36,7 @@ export const Appearance = () => { - + {(triggerProps: MenuButtonProps) => ( Primary @@ -53,7 +53,7 @@ export const Appearance = () => { - + {(triggerProps: MenuButtonProps) => ( Outline @@ -70,7 +70,7 @@ export const Appearance = () => { - + {(triggerProps: MenuButtonProps) => ( Subtle @@ -87,7 +87,7 @@ export const Appearance = () => { - + {(triggerProps: MenuButtonProps) => ( Transparent diff --git a/packages/react-components/react-button/stories/SplitButton/SplitButtonDefault.stories.tsx b/packages/react-components/react-button/stories/SplitButton/SplitButtonDefault.stories.tsx index d4684b98b1808..09a0f6b5230bc 100644 --- a/packages/react-components/react-button/stories/SplitButton/SplitButtonDefault.stories.tsx +++ b/packages/react-components/react-button/stories/SplitButton/SplitButtonDefault.stories.tsx @@ -4,7 +4,7 @@ import type { MenuButtonProps } from '@fluentui/react-components'; export const Default = () => ( - + {(triggerProps: MenuButtonProps) => Example} diff --git a/packages/react-components/react-button/stories/SplitButton/SplitButtonDisabled.stories.tsx b/packages/react-components/react-button/stories/SplitButton/SplitButtonDisabled.stories.tsx index 5956f7e8f3138..466f767921c64 100644 --- a/packages/react-components/react-button/stories/SplitButton/SplitButtonDisabled.stories.tsx +++ b/packages/react-components/react-button/stories/SplitButton/SplitButtonDisabled.stories.tsx @@ -23,7 +23,7 @@ export const Disabled = () => { return (
- + {(triggerProps: MenuButtonProps) => Enabled state} @@ -35,7 +35,7 @@ export const Disabled = () => { - + {(triggerProps: MenuButtonProps) => ( Disabled state @@ -51,7 +51,7 @@ export const Disabled = () => { - + {(triggerProps: MenuButtonProps) => ( Disabled focusable state diff --git a/packages/react-components/react-button/stories/SplitButton/SplitButtonIcon.stories.tsx b/packages/react-components/react-button/stories/SplitButton/SplitButtonIcon.stories.tsx index 8789b07223c6f..7be736ec8522a 100644 --- a/packages/react-components/react-button/stories/SplitButton/SplitButtonIcon.stories.tsx +++ b/packages/react-components/react-button/stories/SplitButton/SplitButtonIcon.stories.tsx @@ -38,7 +38,7 @@ export const Icon = () => { return (
- + {(triggerProps: MenuButtonProps) => ( }> With calendar icon before contents @@ -54,7 +54,7 @@ export const Icon = () => { - + {(triggerProps: MenuButtonProps) => ( } iconPosition="after"> With calendar icon after contents @@ -70,7 +70,7 @@ export const Icon = () => { - + {(triggerProps: MenuButtonProps) => ( } menuIcon={}> With calendar icon and custom filter menu icon @@ -86,7 +86,7 @@ export const Icon = () => { - + {(triggerProps: MenuButtonProps) => ( { return (
- + {(triggerProps: MenuButtonProps) => Rounded} @@ -36,7 +36,7 @@ export const Shape = () => { - + {(triggerProps: MenuButtonProps) => ( Circular @@ -53,7 +53,7 @@ export const Shape = () => { - + {(triggerProps: MenuButtonProps) => ( Square diff --git a/packages/react-components/react-button/stories/SplitButton/SplitButtonSize.stories.tsx b/packages/react-components/react-button/stories/SplitButton/SplitButtonSize.stories.tsx index ff41d6e4bcbc3..e18587a9544d1 100644 --- a/packages/react-components/react-button/stories/SplitButton/SplitButtonSize.stories.tsx +++ b/packages/react-components/react-button/stories/SplitButton/SplitButtonSize.stories.tsx @@ -24,7 +24,7 @@ export const Size = () => { return (
- + {(triggerProps: MenuButtonProps) => ( Size: small @@ -41,7 +41,7 @@ export const Size = () => { - + {(triggerProps: MenuButtonProps) => ( Size: medium @@ -58,7 +58,7 @@ export const Size = () => { - + {(triggerProps: MenuButtonProps) => ( Size: large diff --git a/packages/react-components/react-button/stories/SplitButton/SplitButtonSizeLarge.stories.tsx b/packages/react-components/react-button/stories/SplitButton/SplitButtonSizeLarge.stories.tsx index 87666d2c656d4..ffc509a528323 100644 --- a/packages/react-components/react-button/stories/SplitButton/SplitButtonSizeLarge.stories.tsx +++ b/packages/react-components/react-button/stories/SplitButton/SplitButtonSizeLarge.stories.tsx @@ -31,7 +31,7 @@ export const SizeLarge = () => { return (
- + {(triggerProps: MenuButtonProps) => ( Large @@ -48,7 +48,7 @@ export const SizeLarge = () => { - + {(triggerProps: MenuButtonProps) => ( } size="large"> Large with calendar icon @@ -65,7 +65,7 @@ export const SizeLarge = () => { - + {(triggerProps: MenuButtonProps) => ( { return (
- + {(triggerProps: MenuButtonProps) => ( Medium @@ -48,7 +48,7 @@ export const SizeMedium = () => { - + {(triggerProps: MenuButtonProps) => ( } size="medium"> Medium with calendar icon @@ -65,7 +65,7 @@ export const SizeMedium = () => { - + {(triggerProps: MenuButtonProps) => ( { return (
- + {(triggerProps: MenuButtonProps) => ( Small @@ -48,7 +48,7 @@ export const SizeSmall = () => { - + {(triggerProps: MenuButtonProps) => ( } size="small"> Small with calendar icon @@ -65,7 +65,7 @@ export const SizeSmall = () => { - + {(triggerProps: MenuButtonProps) => ( { return (
- + {(triggerProps: MenuButtonProps) => Short text} @@ -40,7 +40,7 @@ export const WithLongText = () => { - + {(triggerProps: MenuButtonProps) => ( Long text wraps after it hits the max width of the component diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Menu.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Menu.stories.tsx index 8bc5693d0d3d8..c7b74a0d8ab6a 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Menu.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Menu.stories.tsx @@ -25,7 +25,7 @@ const StatusSubmenu: React.FunctionComponent = props => { return ( - + Status @@ -70,7 +70,7 @@ export const ProfileMenu: React.FunctionComponent = () => { return ( - + Profile diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx index 6977518d14380..40bbd964327d2 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx @@ -16,7 +16,7 @@ export const MenuWithSplitItem: React.FunctionComponent = () => { return ( - + More actions @@ -27,7 +27,7 @@ export const MenuWithSplitItem: React.FunctionComponent = () => { Open - + diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx index 6061974fe2378..28c83ce623f0f 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx @@ -38,7 +38,7 @@ export const AddPeoplePopover: React.FunctionComponent = () => { }} trapFocus > - + diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx index 3cd6bdbb16b36..49fd3a1de9af6 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx @@ -36,7 +36,7 @@ export const EventReminderSplitButton: React.FunctionComponent = () => {

Your meeting starts in 10 minutes.

- + {(menuButtonProps: MenuButtonProps) => { const extendedMenuButtonProps = { ...menuButtonProps, diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx index 0b73a231dae28..f76b2a56059c7 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx @@ -6,7 +6,7 @@ export const AnchorToTarget = () => { return (
- + diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx index 3a0eaa9e64c60..f9e1935369156 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx @@ -244,7 +244,7 @@ const PositionedComponent = (props: { return ( - + diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx index 1d5ae79123f27..ea11c0ddbb972 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx @@ -35,14 +35,14 @@ export const FlipBoundary = () => { setOpen(data.checked as boolean)} />
- + Stays within the flip boundary - + Overflows the flip boundary diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx index 1472bc83a726a..7e2c255967bc6 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx @@ -28,7 +28,7 @@ export const ImperativePositionUpdate = () => { return ( - + diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx index 7b87f6575a9ae..46ba43d40d21d 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx @@ -9,7 +9,7 @@ export const OffsetFunction = () => { return ( - + diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx index 6e388d93101a0..99decd4380198 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx @@ -17,14 +17,14 @@ export const OffsetValue = () => { - + Container ({ crossAxis: crossAxis, mainAxis: mainAxis }) }}> - + diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx index ccab3384f2fa3..416ca7f574f2b 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx @@ -36,14 +36,14 @@ export const OverflowBoundary = () => { setOpen(data.checked as boolean)} />
- + Stays within the overflow boundary - + Overflows the overflow boundary diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx b/packages/react-components/react-components/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx index 1d35136b3a242..2958580ae3bc6 100644 --- a/packages/react-components/react-components/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx +++ b/packages/react-components/react-components/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx @@ -210,7 +210,7 @@ const PositionedComponent = (props: { const styles = useExampleStyles(); return ( - + @@ -50,7 +50,7 @@ describe('Dialog', () => { cumque eaque? - + @@ -65,7 +65,7 @@ describe('Dialog', () => { it('should open when trigger is clicked', () => { mount( - + @@ -77,7 +77,7 @@ describe('Dialog', () => { cumque eaque? - + @@ -92,7 +92,7 @@ describe('Dialog', () => { it('should focus on first focusabled element when opened', () => { mount( - + @@ -104,7 +104,7 @@ describe('Dialog', () => { cumque eaque? - + @@ -121,7 +121,7 @@ describe('Dialog', () => { it('should focus on dialog surface if no focusable element in dialog', () => { mount( - + @@ -142,7 +142,7 @@ describe('Dialog', () => { it('should focus back on trigger when dialog closed', () => { mount( - + @@ -154,7 +154,7 @@ describe('Dialog', () => { cumque eaque? - + @@ -180,7 +180,7 @@ describe('Dialog', () => { }, [open]); return ( setOpen(data.open)}> - + @@ -191,7 +191,7 @@ describe('Dialog', () => { - + @@ -210,7 +210,7 @@ describe('Dialog', () => { it('should not close with Escape keydown while focusing other elements that control Escape', () => { mount( - + @@ -218,7 +218,7 @@ describe('Dialog', () => { Dialog title - + @@ -229,14 +229,14 @@ describe('Dialog', () => { - + Content - + @@ -280,7 +280,7 @@ describe('Dialog', () => { natus iure cumque eaque? - + @@ -296,7 +296,7 @@ describe('Dialog', () => { it('should lock body scroll when dialog open', () => { mount( - + @@ -307,7 +307,7 @@ describe('Dialog', () => { cumque eaque? - + @@ -323,7 +323,7 @@ describe('Dialog', () => { it('should close with escape keydown', () => { mount( - + @@ -335,7 +335,7 @@ describe('Dialog', () => { natus iure cumque eaque? - + @@ -351,7 +351,7 @@ describe('Dialog', () => { it('should not lock body scroll when dialog open', () => { mount( - + @@ -363,7 +363,7 @@ describe('Dialog', () => { natus iure cumque eaque? - + @@ -380,7 +380,7 @@ describe('Dialog', () => { it('should not close with escape keydown', () => { mount( - + @@ -392,7 +392,7 @@ describe('Dialog', () => { natus iure cumque eaque? - + @@ -408,7 +408,7 @@ describe('Dialog', () => { it('should lock body scroll when dialog open', () => { mount( - + @@ -420,7 +420,7 @@ describe('Dialog', () => { natus iure cumque eaque? - + @@ -437,18 +437,18 @@ describe('Dialog', () => { it('should allow nested dialogs', () => { mount( - + Dialog title - + - + @@ -460,7 +460,7 @@ describe('Dialog', () => { ⛔️ just because you can doesn't mean you should have nested dialogs ⛔️ - + diff --git a/packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx b/packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx index fd0903eefc4ac..5e4384383b077 100644 --- a/packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx +++ b/packages/react-components/react-dialog/e2e/DialogTitle.e2e.tsx @@ -23,7 +23,7 @@ describe('DialogTitle', () => { it('should not have closeButton by default', () => { mount( - + @@ -35,7 +35,7 @@ describe('DialogTitle', () => { natus iure cumque eaque? - + @@ -52,7 +52,7 @@ describe('DialogTitle', () => { it('should have closeButton by default', () => { mount( - + @@ -64,7 +64,7 @@ describe('DialogTitle', () => { natus iure cumque eaque? - + @@ -81,7 +81,7 @@ describe('DialogTitle', () => { it('should not have closeButton by default', () => { mount( - + @@ -93,7 +93,7 @@ describe('DialogTitle', () => { natus iure cumque eaque? - + diff --git a/packages/react-components/react-dialog/e2e/DialogTrigger.e2e.tsx b/packages/react-components/react-dialog/e2e/DialogTrigger.e2e.tsx deleted file mode 100644 index cba18489b04bb..0000000000000 --- a/packages/react-components/react-dialog/e2e/DialogTrigger.e2e.tsx +++ /dev/null @@ -1,103 +0,0 @@ -import * as React from 'react'; -import { mount as mountBase } from '@cypress/react'; - -import { FluentProvider } from '@fluentui/react-provider'; -import { teamsLightTheme } from '@fluentui/react-theme'; - -import { - Dialog, - DialogActions, - DialogBody, - DialogContent, - DialogSurface, - DialogTitle, - DialogTrigger, -} from '@fluentui/react-dialog'; -import { Button } from '@fluentui/react-components'; -import { dialogSurfaceSelector, dialogTriggerOpenSelector } from './selectors'; - -const mount = (element: JSX.Element) => mountBase({element}); - -describe('DialogTrigger', () => { - it(`should not open dialog when 'aria-disabled' is true`, () => { - mount( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - , - ); - cy.get(dialogTriggerOpenSelector).realClick(); - cy.get(dialogSurfaceSelector).should('not.exist'); - }); - it(`should open dialog when 'aria-disabled' is false`, () => { - mount( - - - - - - - Dialog title - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque - est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure - cumque eaque? - - - - - - - - - - , - ); - cy.get(dialogTriggerOpenSelector).realClick(); - cy.get(dialogSurfaceSelector).should('exist'); - }); - it('should work with any element besides - - - - - - , - ); - cy.get(dialogTriggerOpenSelector).realClick(); - cy.get(dialogSurfaceSelector).should('exist'); - }); -}); diff --git a/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx b/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx index 78411942881bb..9d49031ea4cea 100644 --- a/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.test.tsx @@ -95,20 +95,6 @@ describe('DialogTrigger', () => { `); }); - it('should not open dialog when aria-disabled is true', () => { - const requestOpenChange = jest.fn(); - mockUseDialogContext({ requestOpenChange }); - - const { getByRole } = render( - - - , - ); - fireEvent.click(getByRole('button')); - - expect(requestOpenChange).toBeCalledTimes(0); - }); - it('should open dialog when aria-disabled is false', () => { const requestOpenChange = jest.fn(); mockUseDialogContext({ requestOpenChange }); diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.stories.tsx index b9838a48e2eea..acd15f5ad3e12 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogAlert.stories.tsx @@ -14,7 +14,7 @@ import story from './DialogAlert.md'; export const Alert = () => { return ( - + @@ -25,7 +25,7 @@ export const Alert = () => { pressed to dismiss this Alert - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogChangeFocus.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogChangeFocus.stories.tsx index 38e00934fda59..d872b259e1df0 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogChangeFocus.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogChangeFocus.stories.tsx @@ -20,7 +20,7 @@ export const ChangeFocus = () => { }, [open]); return ( setOpen(data.open)}> - + @@ -31,7 +31,7 @@ export const ChangeFocus = () => { - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.stories.tsx index 78ead768b3095..d2fcf0ede0a42 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogControllingOpenAndClose.stories.tsx @@ -15,7 +15,7 @@ export const ControllingOpenAndClose = () => { const [open, setOpen] = React.useState(false); return ( setOpen(data.open)}> - + @@ -27,7 +27,7 @@ export const ControllingOpenAndClose = () => { cumque eaque? - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.stories.tsx index 0a88eedc3dd7a..526402fab05bf 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogCustomTrigger.stories.tsx @@ -23,7 +23,7 @@ const CustomDialogTrigger = React.forwardRef { return ( - + @@ -35,7 +35,7 @@ export const CustomTrigger = () => { cumque eaque? - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogDefault.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogDefault.stories.tsx index ad0ebcde56477..e36839a8ddfdf 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogDefault.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogDefault.stories.tsx @@ -13,7 +13,7 @@ import { export const Default = () => { return ( - + @@ -25,7 +25,7 @@ export const Default = () => { cumque eaque? - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.stories.tsx index ce3b7117d7e9f..46bead4725004 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogNoFocusableElement.stories.tsx @@ -15,7 +15,7 @@ export const NoFocusableElement = () => { return ( <> - + @@ -30,7 +30,7 @@ export const NoFocusableElement = () => { - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.stories.tsx index 9834e0aa165da..af7c775007272 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogNonModal.stories.tsx @@ -13,7 +13,7 @@ import story from './DialogNonModal.md'; export const NonModal = () => { return ( - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogScrollingLongContent.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogScrollingLongContent.stories.tsx index 37024a4a0ee3b..4cd63e09f95db 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogScrollingLongContent.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogScrollingLongContent.stories.tsx @@ -13,7 +13,7 @@ import { export const ScrollingLongContent = () => { return ( - + @@ -126,7 +126,7 @@ export const ScrollingLongContent = () => {

- + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.stories.tsx index 275aa634b8489..b85acb48fa933 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleCustomAction.stories.tsx @@ -14,7 +14,7 @@ import { Dismiss24Regular } from '@fluentui/react-icons'; export const TitleCustomAction = () => { return ( - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.stories.tsx index 577a846b83121..4bec7eb96b1f9 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogTitleNoAction.stories.tsx @@ -14,7 +14,7 @@ import story from './DialogTitleNoAction.md'; export const TitleNoAction = () => { return ( - + @@ -26,7 +26,7 @@ export const TitleNoAction = () => { Consequuntur, repellendus nostrum? - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx index e0f1c8c408d53..b215e18945b97 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogTriggerOutsideDialog.stories.tsx @@ -15,7 +15,7 @@ export const TriggerOutsideDialog = () => { const [open, setOpen] = React.useState(false); return ( <> - + setOpen(data.open)}> @@ -28,7 +28,7 @@ export const TriggerOutsideDialog = () => { cumque eaque? - + diff --git a/packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.stories.tsx b/packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.stories.tsx index 470ec1b83fc00..b1d739aec6860 100644 --- a/packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.stories.tsx +++ b/packages/react-components/react-dialog/src/stories/Dialog/DialogWithForm.stories.tsx @@ -30,7 +30,7 @@ export const WithForm = () => { }; return ( - + @@ -48,7 +48,7 @@ export const WithForm = () => { - + @@ -54,7 +54,7 @@ describe('MenuTrigger', () => { it('should open menu on hover if openOnHover is set', () => { mount( - + @@ -76,7 +76,7 @@ describe('MenuTrigger', () => { it('should close menu on escape when focus is on the trigger', () => { mount( - + @@ -100,7 +100,7 @@ describe('MenuTrigger', () => { it(`should open menu with ${key} and focus first menuitem`, () => { mount( - + @@ -119,7 +119,7 @@ describe('MenuTrigger', () => { it('should not automatically focus itself when mounted', () => { mount( - + @@ -151,7 +151,7 @@ describe('Custom Trigger', () => { return ( // eslint-disable-next-line react/jsx-no-bind - + @@ -180,7 +180,7 @@ describe('MenuItem', () => { it('should close the menu when clicked', () => { mount( - + @@ -202,7 +202,7 @@ describe('MenuItem', () => { it('should not close the menu when disabled on click', () => { mount( - + @@ -224,7 +224,7 @@ describe('MenuItem', () => { it('should focus on hover', () => { mount( - + @@ -247,7 +247,7 @@ describe('MenuItemCheckbox', () => { it('should be selected on click', () => { mount( - + @@ -271,7 +271,7 @@ describe('MenuItemCheckbox', () => { it(`should be selected on ${key === ' ' ? 'space' : key} key`, () => { mount( - + @@ -297,7 +297,7 @@ describe('MenuItemRadio', () => { it('should be selected on', () => { mount( - + @@ -322,7 +322,7 @@ describe('MenuItemRadio', () => { it(`should be selected on ${key === ' ' ? 'space' : key} key`, () => { mount( - + @@ -350,7 +350,7 @@ describe('MenuItemRadio', () => { it('should only have one item selected', () => { mount( - + @@ -394,7 +394,7 @@ describe('Menu', () => { it('should be dismissed with Escape', () => { mount( - + @@ -417,7 +417,7 @@ describe('Menu', () => { it('should be dismissed on outside click', () => { mount( - + @@ -433,7 +433,7 @@ describe('Menu', () => { it('should be dismissed on with {leftarrow} when not a submenu', () => { mount( - + @@ -449,7 +449,7 @@ describe('Menu', () => { it('should dismiss when clicking a menu item', () => { mount( - + @@ -465,7 +465,7 @@ describe('Menu', () => { it('should not dismiss when clicking a group header', () => { mount( - + @@ -490,7 +490,7 @@ describe('Menu', () => { it('should close on scroll when closeOnScroll is set', () => { mount( - + @@ -514,7 +514,7 @@ describe('Menu', () => { mount( <> - + @@ -536,7 +536,7 @@ describe('Menu', () => { <> - + @@ -576,7 +576,7 @@ describe('Menu', () => { describe('SplitMenuItem', () => { const example = ( - + @@ -585,7 +585,7 @@ describe('SplitMenuItem', () => { Split item - + @@ -639,7 +639,7 @@ describe('SplitMenuItem', () => { describe(`Nested Menus`, () => { const MenuL22Uncontrolled = () => ( - + Editor Layout @@ -655,7 +655,7 @@ describe(`Nested Menus`, () => { const MenuL2Uncontrolled = () => ( - + Appearance @@ -672,7 +672,7 @@ describe(`Nested Menus`, () => { const MenuL1Uncontrolled = () => ( - + Preferences @@ -690,7 +690,7 @@ describe(`Nested Menus`, () => { const UncontrolledExample = () => ( - + @@ -715,7 +715,7 @@ describe(`Nested Menus`, () => { return ( // eslint-disable-next-line react/jsx-no-bind - + Editor Layout @@ -739,7 +739,7 @@ describe(`Nested Menus`, () => { return ( // eslint-disable-next-line react/jsx-no-bind - + Appearance @@ -764,7 +764,7 @@ describe(`Nested Menus`, () => { return ( // eslint-disable-next-line react/jsx-no-bind - + Preferences @@ -784,7 +784,7 @@ describe(`Nested Menus`, () => { const ControlledExample = () => { return ( - + @@ -963,7 +963,7 @@ describe(`Nested Menus`, () => { describe('Context menu', () => { const ContextMenuExample = () => ( - + diff --git a/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx b/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx index 901dff93e101f..dfc4b29c59e83 100644 --- a/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx +++ b/packages/react-components/react-menu/src/components/MenuList/MenuList.cy.tsx @@ -35,7 +35,7 @@ describe('MenuList', () => { Paste Edit - + Preferences diff --git a/packages/react-components/react-menu/stories/Menu/MenuAligningWithIcons.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuAligningWithIcons.stories.tsx index 62ecd2c91c3dc..a45220c53b2e9 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuAligningWithIcons.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuAligningWithIcons.stories.tsx @@ -7,7 +7,7 @@ const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular); export const AligningWithIcons = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuAligningWithSelectableItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuAligningWithSelectableItems.stories.tsx index e6f8e55e803a6..edcc033a4faac 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuAligningWithSelectableItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuAligningWithSelectableItems.stories.tsx @@ -15,7 +15,7 @@ const CutIcon = bundleIcon(CutFilled, CutRegular); export const AligningWithSelectableItems = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuCheckboxItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuCheckboxItems.stories.tsx index e128e46ca0390..3e5e5915ca408 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuCheckboxItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuCheckboxItems.stories.tsx @@ -18,7 +18,7 @@ const EditIcon = bundleIcon(EditFilled, EditRegular); export const CheckboxItems = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx index d8f1447969741..498e9570df4c9 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx @@ -26,7 +26,7 @@ export const ControlledCheckboxItems = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx index c690cd49b5358..0b5b8fb15b0c4 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx @@ -24,7 +24,7 @@ export const ControlledRadioItems = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuControllingOpenAndClose.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuControllingOpenAndClose.stories.tsx index 6f7cd63fc7140..ab768e998c798 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuControllingOpenAndClose.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuControllingOpenAndClose.stories.tsx @@ -22,7 +22,7 @@ export const ControllingOpenAndClose = () => {
- + diff --git a/packages/react-components/react-menu/stories/Menu/MenuCustomTrigger.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuCustomTrigger.stories.tsx index f6f646c9a3055..4348ba7a8e905 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuCustomTrigger.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuCustomTrigger.stories.tsx @@ -18,7 +18,7 @@ export const CustomTrigger = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuDefault.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuDefault.stories.tsx index baa906c133053..bb6837eade01a 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuDefault.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuDefault.stories.tsx @@ -4,7 +4,7 @@ import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@flu export const Default = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuGroupingItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuGroupingItems.stories.tsx index b4609027227ae..a83651462460e 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuGroupingItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuGroupingItems.stories.tsx @@ -26,7 +26,7 @@ const EditIcon = bundleIcon(EditFilled, EditRegular); export const GroupingItems = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuInteraction.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuInteraction.stories.tsx index b883b03c4d017..dabf3d37bd9a6 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuInteraction.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuInteraction.stories.tsx @@ -18,7 +18,7 @@ const CutIcon = bundleIcon(CutFilled, CutRegular); export const Interaction = (props: Partial) => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuMemoizedMenuItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuMemoizedMenuItems.stories.tsx index af6e44bfac6de..be8cca7cff0fa 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuMemoizedMenuItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuMemoizedMenuItems.stories.tsx @@ -18,7 +18,7 @@ const MemoCheckbox = React.memo((props: MenuItemCheckboxProps) => { export const MemoizedMenuItems = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuMenuItemsWithIcons.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuMenuItemsWithIcons.stories.tsx index 2d24fa1ffee8f..e92347afd0edf 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuMenuItemsWithIcons.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuMenuItemsWithIcons.stories.tsx @@ -17,7 +17,7 @@ const EditIcon = bundleIcon(EditFilled, EditRegular); export const MenuItemsWithIcons = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenus.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenus.stories.tsx index 78f30f5fc3d67..49b3af2ca775f 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenus.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenus.stories.tsx @@ -5,7 +5,7 @@ import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@flu const EditorLayoutSubMenu = () => { return ( - + Editor Layout @@ -23,7 +23,7 @@ const EditorLayoutSubMenu = () => { const AppearanceSubMenu = () => { return ( - + Appearance @@ -42,7 +42,7 @@ const AppearanceSubMenu = () => { const PreferencesSubMenu = () => { return ( - + Preferences @@ -62,7 +62,7 @@ const PreferencesSubMenu = () => { export const NestedSubmenus = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenusControlled.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenusControlled.stories.tsx index 5d7e2463b8135..95b3d89a73a56 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenusControlled.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuNestedSubmenusControlled.stories.tsx @@ -11,7 +11,7 @@ const EditorLayoutSubMenu = () => { return ( - + Editor Layout @@ -34,7 +34,7 @@ const AppearanceSubMenu = () => { return ( - + Appearance @@ -58,7 +58,7 @@ const PreferencesSubMenu = () => { return ( - + Preferences @@ -78,7 +78,7 @@ const PreferencesSubMenu = () => { export const NestedSubmenusControlled = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuRadioItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuRadioItems.stories.tsx index 31d459af05fb2..7b78053e98cff 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuRadioItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuRadioItems.stories.tsx @@ -18,7 +18,7 @@ const EditIcon = bundleIcon(EditFilled, EditRegular); export const RadioItems = () => { return ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuRenderFunctionTrigger.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuRenderFunctionTrigger.stories.tsx index 0fe84ba66d25b..a8cbb8a5d5817 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuRenderFunctionTrigger.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuRenderFunctionTrigger.stories.tsx @@ -14,7 +14,7 @@ export const RenderFunctionTrigger = () => { return ( - + {(props: MenuTriggerChildProps<'button'>) => (
diff --git a/packages/react-components/react-menu/stories/Menu/MenuSecondaryContentForMenuItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuSecondaryContentForMenuItems.stories.tsx index 8da05d4fdc2da..c7ffb588b4766 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuSecondaryContentForMenuItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuSecondaryContentForMenuItems.stories.tsx @@ -4,7 +4,7 @@ import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover } from '@flu export const SecondaryContentForMenuItems = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuSelectionGroup.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuSelectionGroup.stories.tsx index 0ca99b978e2bd..cc629ac2bb4d8 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuSelectionGroup.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuSelectionGroup.stories.tsx @@ -27,7 +27,7 @@ const EditIcon = bundleIcon(EditFilled, EditRegular); export const SelectionGroup = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuSplitMenuItem.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuSplitMenuItem.stories.tsx index c293ed40a20c8..34ce0c30b7d45 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuSplitMenuItem.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuSplitMenuItem.stories.tsx @@ -4,7 +4,7 @@ import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, MenuSplitGr export const SplitMenuItem = () => ( - + @@ -14,7 +14,7 @@ export const SplitMenuItem = () => ( Open - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuTriggerWithTooltip.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuTriggerWithTooltip.stories.tsx index 30aa4024446e0..31031e96c72a1 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuTriggerWithTooltip.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuTriggerWithTooltip.stories.tsx @@ -4,7 +4,7 @@ import { Button, Menu, MenuTrigger, MenuList, MenuItem, MenuPopover, Tooltip } f export const MenuTriggerWithTooltip = () => ( - + diff --git a/packages/react-components/react-menu/stories/Menu/MenuVisualDividerOnly.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuVisualDividerOnly.stories.tsx index 24e4c37b2a725..b8fd2f600c828 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuVisualDividerOnly.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuVisualDividerOnly.stories.tsx @@ -18,7 +18,7 @@ const EditIcon = bundleIcon(EditFilled, EditRegular); export const VisualDividerOnly = () => ( - + diff --git a/packages/react-components/react-menu/stories/MenuList/MenuListNestedSubmenus.stories.tsx b/packages/react-components/react-menu/stories/MenuList/MenuListNestedSubmenus.stories.tsx index 7a6e62534ed39..0d8d8a34b2301 100644 --- a/packages/react-components/react-menu/stories/MenuList/MenuListNestedSubmenus.stories.tsx +++ b/packages/react-components/react-menu/stories/MenuList/MenuListNestedSubmenus.stories.tsx @@ -23,7 +23,7 @@ export const MenuListWithNestedSubmenus = () => { Paste Edit - + Preferences diff --git a/packages/react-components/react-overflow/src/stories/Overflow/Selection.stories.tsx b/packages/react-components/react-overflow/src/stories/Overflow/Selection.stories.tsx index 622da83a68210..51e6dfbeeefd7 100644 --- a/packages/react-components/react-overflow/src/stories/Overflow/Selection.stories.tsx +++ b/packages/react-components/react-overflow/src/stories/Overflow/Selection.stories.tsx @@ -90,7 +90,7 @@ const OverflowMenu: React.FC<{ return ( - + diff --git a/packages/react-components/react-overflow/src/stories/Overflow/utils.stories.tsx b/packages/react-components/react-overflow/src/stories/Overflow/utils.stories.tsx index 19d7439f794da..b09c526ec477b 100644 --- a/packages/react-components/react-overflow/src/stories/Overflow/utils.stories.tsx +++ b/packages/react-components/react-overflow/src/stories/Overflow/utils.stories.tsx @@ -51,7 +51,7 @@ export const OverflowMenu: React.FC<{ itemIds: string[] }> = ({ itemIds }) => { return ( - + diff --git a/packages/react-components/react-popover/e2e/Popover.e2e.tsx b/packages/react-components/react-popover/e2e/Popover.e2e.tsx index 9dd8978fd2604..69c846e7b137e 100644 --- a/packages/react-components/react-popover/e2e/Popover.e2e.tsx +++ b/packages/react-components/react-popover/e2e/Popover.e2e.tsx @@ -18,7 +18,7 @@ describe('Popover', () => { ['uncontrolled', 'controlled'].forEach(scenario => { const UncontrolledExample = () => ( - + This is a popover @@ -30,7 +30,7 @@ describe('Popover', () => { return ( setOpen(data.open)}> - + This is a popover @@ -83,7 +83,7 @@ describe('Popover', () => { beforeEach(() => { mount( - + This is a popover @@ -110,7 +110,7 @@ describe('Popover', () => { it('should dismiss on click outside', () => { mount( - + This is a popover @@ -124,7 +124,7 @@ describe('Popover', () => { beforeEach(() => { mount( - + This is a popover @@ -151,7 +151,7 @@ describe('Popover', () => { beforeEach(() => { mount( - + This is a popover @@ -171,7 +171,7 @@ describe('Popover', () => { const id = 'first'; return ( - + @@ -188,7 +188,7 @@ describe('Popover', () => { const id = 'second'; return ( - + @@ -202,7 +202,7 @@ describe('Popover', () => { const Example = () => { return ( - + @@ -297,7 +297,7 @@ describe('Popover', () => { return ( - + @@ -333,7 +333,7 @@ describe('Popover', () => { <>
- + @@ -359,7 +359,7 @@ describe('Popover', () => { it('Tab should not go to the window', () => { mount( - + @@ -383,7 +383,7 @@ describe('Popover', () => { it('should focus on PopoverSurface when its tabIndex is a number', () => { mount( - + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverAnchorToCustomTarget.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverAnchorToCustomTarget.stories.tsx index 6f7f04684df0d..bbc1dfcb70ce5 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverAnchorToCustomTarget.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverAnchorToCustomTarget.stories.tsx @@ -37,7 +37,7 @@ export const AnchorToCustomTarget = () => { return (
- + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverAppearance.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverAppearance.stories.tsx index 69025bdba04b7..83795c2aad944 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverAppearance.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverAppearance.stories.tsx @@ -32,7 +32,7 @@ export const Appearance = () => { return (
- + @@ -42,7 +42,7 @@ export const Appearance = () => { - + @@ -52,7 +52,7 @@ export const Appearance = () => { - + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverControllingOpenAndClose.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverControllingOpenAndClose.stories.tsx index 62b2e361dd99a..a766a8b446600 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverControllingOpenAndClose.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverControllingOpenAndClose.stories.tsx @@ -30,7 +30,7 @@ export const ControllingOpenAndClose = () => { return (
- + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverDefault.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverDefault.stories.tsx index 237b89e41f056..588533d988fe1 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverDefault.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverDefault.stories.tsx @@ -21,7 +21,7 @@ const ExampleContent = () => { export const Default = (props: PopoverProps) => ( - + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverInternalUpdateContent.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverInternalUpdateContent.stories.tsx index e47f99903706a..ef5226d175456 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverInternalUpdateContent.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverInternalUpdateContent.stories.tsx @@ -31,7 +31,7 @@ export const InternalUpdateContent = () => { return ( - + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverNestedPopovers.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverNestedPopovers.stories.tsx index c6df8b5c4d7b2..1a45e17ffe3b1 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverNestedPopovers.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverNestedPopovers.stories.tsx @@ -13,7 +13,7 @@ const FirstNestedPopover = () => { return ( - + @@ -39,7 +39,7 @@ const SecondNestedPopover = () => { return ( - + @@ -63,7 +63,7 @@ export const NestedPopovers = () => { return ( - + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverTrappingFocus.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverTrappingFocus.stories.tsx index 54169332d6961..7b2b64133fad6 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverTrappingFocus.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverTrappingFocus.stories.tsx @@ -13,7 +13,7 @@ export const TrappingFocus = () => { return ( - + diff --git a/packages/react-components/react-popover/src/stories/Popover/PopoverWithArrow.stories.tsx b/packages/react-components/react-popover/src/stories/Popover/PopoverWithArrow.stories.tsx index 3383f299d5a89..bf69677b321d6 100644 --- a/packages/react-components/react-popover/src/stories/Popover/PopoverWithArrow.stories.tsx +++ b/packages/react-components/react-popover/src/stories/Popover/PopoverWithArrow.stories.tsx @@ -20,7 +20,7 @@ const ExampleContent = () => { export const WithArrow = () => ( - + diff --git a/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx b/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx index bab394eb2a9f6..cf1a82741c3e3 100644 --- a/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx +++ b/packages/react-components/react-tabs/stories/Tabs/TabListWithOverflow.stories.tsx @@ -144,7 +144,7 @@ const OverflowMenu = (props: OverflowMenuProps) => { return ( - +
- + }> {name} {colorValue} diff --git a/packages/react-components/theme-designer/src/components/ExportButton/ExportButton.tsx b/packages/react-components/theme-designer/src/components/ExportButton/ExportButton.tsx index 381380e2f89ca..49c5e9226538e 100644 --- a/packages/react-components/theme-designer/src/components/ExportButton/ExportButton.tsx +++ b/packages/react-components/theme-designer/src/components/ExportButton/ExportButton.tsx @@ -89,7 +89,7 @@ export const ExportButton = () => { return (
- + diff --git a/packages/react-components/theme-designer/src/components/ExportButton/ExportLink.tsx b/packages/react-components/theme-designer/src/components/ExportButton/ExportLink.tsx index 23414426738ac..cc7d062c88528 100644 --- a/packages/react-components/theme-designer/src/components/ExportButton/ExportLink.tsx +++ b/packages/react-components/theme-designer/src/components/ExportButton/ExportLink.tsx @@ -163,7 +163,7 @@ export const ExportLink = () => { const EditIcon = bundleIcon(EditFilled, EditRegular); return ( - + Select