From a251b3e084ad201db6ae04cd912897e20e43641b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sofia=20Sj=C3=B6blad?= <ssjoblad@spotify.com>
Date: Wed, 13 Aug 2025 17:17:13 +0200
Subject: [PATCH 1/2] fix: export card components from index
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Sofia Sjöblad <ssjoblad@spotify.com>
---
 .changeset/curly-memes-roll.md           | 5 +++++
 packages/ui/src/components/Card/index.ts | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/curly-memes-roll.md

diff --git a/.changeset/curly-memes-roll.md b/.changeset/curly-memes-roll.md
new file mode 100644
index 0000000000..bb131f46ac
--- /dev/null
+++ b/.changeset/curly-memes-roll.md
@@ -0,0 +1,5 @@
+---
+'@backstage/ui': patch
+---
+
+Export CardHeader, CardBody and CardFooter from Card component index
diff --git a/packages/ui/src/components/Card/index.ts b/packages/ui/src/components/Card/index.ts
index 27bab991a4..4b710ee7f1 100644
--- a/packages/ui/src/components/Card/index.ts
+++ b/packages/ui/src/components/Card/index.ts
@@ -14,7 +14,8 @@
  * limitations under the License.
  */
 
-export { Card } from './Card';
+export { Card, CardHeader, CardBody, CardFooter } from './Card';
+
 export type {
   CardProps,
   CardHeaderProps,

From 6340c0446dc7f2025b842b7575bf02774670aa54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sofia=20Sj=C3=B6blad?= <ssjoblad@spotify.com>
Date: Thu, 14 Aug 2025 09:46:27 +0200
Subject: [PATCH 2/2] Update API reports
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Sofia Sjöblad <ssjoblad@spotify.com>
---
 packages/ui/report.api.md | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/ui/report.api.md b/packages/ui/report.api.md
index a69794fe0c..c099a31e05 100644
--- a/packages/ui/report.api.md
+++ b/packages/ui/report.api.md
@@ -207,18 +207,33 @@ export const Card: ForwardRefExoticComponent<
   CardProps & RefAttributes<HTMLDivElement>
 >;
 
+// @public
+export const CardBody: ForwardRefExoticComponent<
+  CardBodyProps & RefAttributes<HTMLDivElement>
+>;
+
 // @public
 export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
   // (undocumented)
   children?: React.ReactNode;
 }
 
+// @public
+export const CardFooter: ForwardRefExoticComponent<
+  CardFooterProps & RefAttributes<HTMLDivElement>
+>;
+
 // @public
 export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
   // (undocumented)
   children?: React.ReactNode;
 }
 
+// @public
+export const CardHeader: ForwardRefExoticComponent<
+  CardHeaderProps & RefAttributes<HTMLDivElement>
+>;
+
 // @public
 export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
   // (undocumented)