From 598725a5f8dec266b672743340ab44af4f6f36ad Mon Sep 17 00:00:00 2001
From: ChrisLaneAU <43688949+ChrisLaneAU@users.noreply.github.com>
Date: Fri, 13 Dec 2024 16:30:31 +1100
Subject: [PATCH] callout: Remove conditional reveal story (#1910)

---
 .changeset/odd-ants-push.md                   |  5 +++++
 .../react/src/callout/Callout.stories.tsx     | 22 -------------------
 2 files changed, 5 insertions(+), 22 deletions(-)
 create mode 100644 .changeset/odd-ants-push.md

diff --git a/.changeset/odd-ants-push.md b/.changeset/odd-ants-push.md
new file mode 100644
index 000000000000..73e8a7f3378f
--- /dev/null
+++ b/.changeset/odd-ants-push.md
@@ -0,0 +1,5 @@
+---
+'@ag.ds-next/react': patch
+---
+
+callout: Remove callout in control group story as we no longer support this pattern.
diff --git a/packages/react/src/callout/Callout.stories.tsx b/packages/react/src/callout/Callout.stories.tsx
index 9abd8bd0da47..9bf022944a13 100644
--- a/packages/react/src/callout/Callout.stories.tsx
+++ b/packages/react/src/callout/Callout.stories.tsx
@@ -1,11 +1,8 @@
 import { StoryObj, Meta } from '@storybook/react';
-import { ConditionalFieldContainer } from '../../../../docs/components/ConditionalFieldContainer';
 import { VisuallyHidden } from '../a11y';
 import { Box } from '../box';
-import { ControlGroup } from '../control-group';
 import { Flex } from '../flex';
 import { CalendarIcon } from '../icon';
-import { Radio } from '../radio';
 import { Text } from '../text';
 import { Callout } from './Callout';
 import { CalloutTitle } from './CalloutTitle';
@@ -158,25 +155,6 @@ export const CalendarExample: Story = {
 	),
 };
 
-export const InControlGroup: Story = {
-	render: (args) => (
-		<ControlGroup label="Control group label" required block>
-			<Radio checked={false}>Radio option one</Radio>
-			<Radio checked={true}>Radio option two</Radio>
-			<ConditionalFieldContainer>
-				<Callout {...args} />
-			</ConditionalFieldContainer>
-			<Radio checked={false}>Text message</Radio>
-		</ControlGroup>
-	),
-	args: {
-		title: 'Callout heading',
-		children: <Text as="p">Description of the callout.</Text>,
-		tone: 'info',
-		variant: 'compact',
-	},
-};
-
 export const NoTitle: Story = {
 	args: {
 		title: undefined,