From 4777ad78fcf5b2c4b0cb4013a3e96a7132c9afcb Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Thu, 11 May 2023 12:59:23 +0000 Subject: [PATCH] bugfix(react-dialog): change DialogTitle default action icon size --- ...-react-dialog-c5aaea70-5d6e-43f8-8ac5-f846042dfcce.json | 7 +++++++ .../src/components/DialogTitle/useDialogTitle.tsx | 4 ++-- 2 files changed, 9 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-dialog-c5aaea70-5d6e-43f8-8ac5-f846042dfcce.json diff --git a/change/@fluentui-react-dialog-c5aaea70-5d6e-43f8-8ac5-f846042dfcce.json b/change/@fluentui-react-dialog-c5aaea70-5d6e-43f8-8ac5-f846042dfcce.json new file mode 100644 index 00000000000000..16fd40260cb044 --- /dev/null +++ b/change/@fluentui-react-dialog-c5aaea70-5d6e-43f8-8ac5-f846042dfcce.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: change DialogTitle default action icon from 24x24 to 20x20", + "packageName": "@fluentui/react-dialog", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx b/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx index 5aef3e2cbfb26f..76b0fdc66b6b7a 100644 --- a/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { getNativeElementProps } from '@fluentui/react-utilities'; import type { DialogTitleProps, DialogTitleState } from './DialogTitle.types'; import { useDialogContext_unstable } from '../../contexts/dialogContext'; -import { Dismiss24Regular } from '@fluentui/react-icons'; +import { Dismiss20Regular } from '@fluentui/react-icons'; import { resolveShorthand } from '@fluentui/react-utilities'; import { DialogTrigger } from '../DialogTrigger/DialogTrigger'; import { useDialogTitleInternalStyles } from './useDialogTitleStyles.styles'; @@ -42,7 +42,7 @@ export const useDialogTitle_unstable = (props: DialogTitleProps, ref: React.Ref< // TODO: find a better way to add internal labels aria-label="close" > - + ),