From 64c2da38abbb22741e2e0df025c295f86a3ab0df Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 18 Feb 2026 12:24:04 +0000 Subject: [PATCH 1/3] Initial plan From e1fca2805a543f1a96317622d0d35b6d340264c8 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 18 Feb 2026 12:34:49 +0000 Subject: [PATCH 2/3] Update MessageBar, Field, and Toast to use Dismiss Diamond icons Co-authored-by: mainframev <14054752+mainframev@users.noreply.github.com> --- .../react-field/library/src/components/Field/useField.tsx | 4 ++-- .../library/src/components/MessageBar/getIntentIcon.tsx | 4 ++-- .../library/src/components/ToastTitle/useToastTitle.tsx | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/react-components/react-field/library/src/components/Field/useField.tsx b/packages/react-components/react-field/library/src/components/Field/useField.tsx index 303d328f75bde2..13c4efc8f2c344 100644 --- a/packages/react-components/react-field/library/src/components/Field/useField.tsx +++ b/packages/react-components/react-field/library/src/components/Field/useField.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; -import { CheckmarkCircle12Filled, ErrorCircle12Filled, Warning12Filled } from '@fluentui/react-icons'; +import { CheckmarkCircle12Filled, DiamondDismiss12Filled, Warning12Filled } from '@fluentui/react-icons'; import { Label } from '@fluentui/react-label'; import { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities'; import type { FieldProps, FieldState } from './Field.types'; const validationMessageIcons = { - error: , + error: , warning: , success: , none: undefined, diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/getIntentIcon.tsx b/packages/react-components/react-message-bar/library/src/components/MessageBar/getIntentIcon.tsx index 296cd75bb1ff6a..c7e182a7e2fe9b 100644 --- a/packages/react-components/react-message-bar/library/src/components/MessageBar/getIntentIcon.tsx +++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/getIntentIcon.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { MessageBarProps } from './MessageBar.types'; -import { CheckmarkCircleFilled, InfoFilled, WarningFilled, DismissCircleFilled } from '@fluentui/react-icons'; +import { CheckmarkCircleFilled, InfoFilled, WarningFilled, DiamondDismissFilled } from '@fluentui/react-icons'; import type { JSXElement } from '@fluentui/react-utilities'; export function getIntentIcon(intent: MessageBarProps['intent']): JSXElement | null { @@ -10,7 +10,7 @@ export function getIntentIcon(intent: MessageBarProps['intent']): JSXElement | n case 'warning': return ; case 'error': - return ; + return ; case 'success': return ; diff --git a/packages/react-components/react-toast/library/src/components/ToastTitle/useToastTitle.tsx b/packages/react-components/react-toast/library/src/components/ToastTitle/useToastTitle.tsx index 303019f1e73a28..a0416ad8dc53fe 100644 --- a/packages/react-components/react-toast/library/src/components/ToastTitle/useToastTitle.tsx +++ b/packages/react-components/react-toast/library/src/components/ToastTitle/useToastTitle.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; -import { CheckmarkCircleFilled, DismissCircleFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons'; +import { CheckmarkCircleFilled, DiamondDismissFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons'; import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities'; import { useBackgroundAppearance } from '@fluentui/react-shared-contexts'; @@ -29,7 +29,7 @@ export const useToastTitle_unstable = (props: ToastTitleProps, ref: React.Ref; break; case 'error': - defaultIcon = ; + defaultIcon = ; break; case 'warning': defaultIcon = ; From 07f149057e4bd6d394d58979a3d016275b0dfaef Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 18 Feb 2026 12:36:49 +0000 Subject: [PATCH 3/3] Add beachball change files for icon updates Co-authored-by: mainframev <14054752+mainframev@users.noreply.github.com> --- ...i-react-field-43eec86b-ad93-4387-bfbe-804eb036cb1a.json | 7 +++++++ ...t-message-bar-2ba35155-212f-4545-be7f-c76445851fce.json | 7 +++++++ ...i-react-toast-95e77c69-5879-4ce7-9e71-f7b708b50f01.json | 7 +++++++ 3 files changed, 21 insertions(+) create mode 100644 change/@fluentui-react-field-43eec86b-ad93-4387-bfbe-804eb036cb1a.json create mode 100644 change/@fluentui-react-message-bar-2ba35155-212f-4545-be7f-c76445851fce.json create mode 100644 change/@fluentui-react-toast-95e77c69-5879-4ce7-9e71-f7b708b50f01.json diff --git a/change/@fluentui-react-field-43eec86b-ad93-4387-bfbe-804eb036cb1a.json b/change/@fluentui-react-field-43eec86b-ad93-4387-bfbe-804eb036cb1a.json new file mode 100644 index 00000000000000..3d4ed5b0e348d9 --- /dev/null +++ b/change/@fluentui-react-field-43eec86b-ad93-4387-bfbe-804eb036cb1a.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Update MessageBar, Field, and Toast to use Dismiss Diamond icons", + "packageName": "@fluentui/react-field", + "email": "198982749+Copilot@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-message-bar-2ba35155-212f-4545-be7f-c76445851fce.json b/change/@fluentui-react-message-bar-2ba35155-212f-4545-be7f-c76445851fce.json new file mode 100644 index 00000000000000..3886b740aad250 --- /dev/null +++ b/change/@fluentui-react-message-bar-2ba35155-212f-4545-be7f-c76445851fce.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Update MessageBar, Field, and Toast to use Dismiss Diamond icons", + "packageName": "@fluentui/react-message-bar", + "email": "198982749+Copilot@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-toast-95e77c69-5879-4ce7-9e71-f7b708b50f01.json b/change/@fluentui-react-toast-95e77c69-5879-4ce7-9e71-f7b708b50f01.json new file mode 100644 index 00000000000000..5e7bc6847d4991 --- /dev/null +++ b/change/@fluentui-react-toast-95e77c69-5879-4ce7-9e71-f7b708b50f01.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Update MessageBar, Field, and Toast to use Dismiss Diamond icons", + "packageName": "@fluentui/react-toast", + "email": "198982749+Copilot@users.noreply.github.com", + "dependentChangeType": "patch" +}