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 00000000000000..d9c1c9e4b8cf8f --- /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 00000000000000..784dca56f6ea76 --- /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 00000000000000..6feeff353b77ff --- /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 00000000000000..262fccf9227b1e --- /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 ae5d43b4007e3c..3cc5008e14d8ea 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 ae94cbd9054128..ea464e824bd06c 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 5a36a12984fd08..3ddb8a3572dce8 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 f06037bf85e442..b4723ae9f53d2d 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 0f6f6ab28e158f..7a8f5706ece304 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 7f99cbd78b1800..d8d76b28b13fab 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 2b18289d01f065..e2daec2d9b7bfb 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 1629e423a12e3a..3fd32aa951abf0 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 5dea81935ed88d..793f2ad12d53b9 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 4d447a7b17e376..0028de1c87fd74 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 ab8921517bfa5c..b12466eeca2e71 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 a6f59dcb785691..5c93612918e93e 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 d4684b98b18087..09a0f6b5230bc1 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 5956f7e8f31383..466f767921c64b 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 8789b07223c6f4..7be736ec8522ac 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 ff41d6e4bcbc38..e18587a9544d19 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 87666d2c656d45..ffc509a5283231 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 8bc5693d0d3d83..c7b74a0d8ab6a2 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 6977518d143801..40bbd964327d2e 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 6061974fe2378d..28c83ce623f0fd 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 3cd6bdbb16b364..49fd3a1de9af66 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 0b73a231dae28e..f76b2a56059c7e 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 3a0eaa9e64c602..f9e19353691565 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 1d5ae79123f277..ea11c0ddbb9723 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 1472bc83a726ad..7e2c255967bc64 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 7b87f6575a9aeb..46ba43d40d21d4 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 6e388d93101a0d..99decd43801987 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 ccab3384f2fa30..416ca7f574f2b9 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 1d35136b3a242e..2958580ae3bc64 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 fd0903eefc4ac3..5e4384383b077b 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 cba18489b04bb8..00000000000000 --- 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 78411942881bb9..9d49031ea4ceac 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 b9838a48e2eea8..acd15f5ad3e12e 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 38e00934fda594..d872b259e1df0c 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 78ead768b3095a..d2fcf0ede0a42f 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 0a88eedc3dd7aa..526402fab05bfe 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 ad0ebcde564771..e36839a8ddfdfb 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 ce3b7117d7e9f7..46bead47250046 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 9834e0aa165daa..af7c7750072729 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 37024a4a0ee3b0..4cd63e09f95db4 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 275aa634b84890..b85acb48fa9335 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 577a846b831216..4bec7eb96b1f97 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 e0f1c8c408d53d..b215e18945b97c 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 470ec1b83fc00c..b1d739aec6860e 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 901dff93e101ff..dfc4b29c59e837 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 62ecd2c91c3dc4..a45220c53b2e9b 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 e6f8e55e803a6c..edcc033a4faac1 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 e128e46ca03900..3e5e5915ca408f 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 d8f14479697412..498e9570df4c9e 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 c690cd49b5358a..0b5b8fb15b0c47 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 6f7cd63fc7140f..ab768e998c7987 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 f6f646c9a30558..4348ba7a8e905d 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 baa906c1330537..bb6837eade01a1 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 b4609027227ae4..a83651462460ee 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 b883b03c4d0170..dabf3d37bd9a6e 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 af6e44bfac6de9..be8cca7cff0fa1 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 2d24fa1ffee8fc..e92347afd0edf8 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 78f30f5fc3d670..49b3af2ca775f7 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 5d7e2463b81350..95b3d89a73a56c 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 31d459af05fb2f..7b78053e98cffa 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 0fe84ba66d25bd..a8cbb8a5d58176 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 8da05d4fdc2da1..c7ffb588b47669 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 0ca99b978e2bd1..cc629ac2bb4d83 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 c293ed40a20c85..34ce0c30b7d45e 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 30aa4024446e02..31031e96c72a19 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 24e4c37b2a7253..b8fd2f600c8284 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 7a6e62534ed391..0d8d8a34b23014 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 622da83a682108..51e6dfbeeefd7e 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 19d7439f794da0..b09c526ec477bf 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 9dd8978fd26047..69c846e7b137e2 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 6f7f04684df0da..bbc1dfcb70ce56 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 69025bdba04b78..83795c2aad944d 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 62b2e361dd99a1..a766a8b4466002 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 237b89e41f056a..588533d988fe13 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 e47f99903706a0..ef5226d175456c 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 c6df8b5c4d7b29..1a45e17ffe3b18 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 54169332d69619..7b2b64133fad61 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 3383f299d5a89f..bf69677b321d65 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 bab394eb2a9f6e..cf1a82741c3e3a 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 381380e2f89cab..49c5e9226538e1 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 23414426738ac0..cc7d062c885284 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