From 0a5d96e7bbd1c9c0fd2925c4bc5db48a4af37d9b Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 17 Jun 2025 14:37:57 +0100
Subject: [PATCH] Fix types

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/report.api.md                  | 7 +++++--
 packages/canon/src/components/Button/types.ts | 8 ++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index df15e5c20d..5361e8ef2f 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -166,8 +166,11 @@ export type ButtonAnchorProps = ButtonCommonProps &
 
 // @public (undocumented)
 export type ButtonCommonProps = {
-  size?: 'small' | 'medium';
-  variant?: 'primary' | 'secondary';
+  size?: 'small' | 'medium' | Partial<Record<Breakpoint_2, 'small' | 'medium'>>;
+  variant?:
+    | 'primary'
+    | 'secondary'
+    | Partial<Record<Breakpoint_2, 'primary' | 'secondary'>>;
   iconStart?: ReactElement;
   iconEnd?: ReactElement;
   className?: string;
diff --git a/packages/canon/src/components/Button/types.ts b/packages/canon/src/components/Button/types.ts
index c7ac2b88b7..b4f1df2fad 100644
--- a/packages/canon/src/components/Button/types.ts
+++ b/packages/canon/src/components/Button/types.ts
@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { Breakpoint } from '@backstage/canon';
 import {
   ReactElement,
   AnchorHTMLAttributes,
@@ -22,8 +23,11 @@ import {
 
 /** @public */
 export type ButtonCommonProps = {
-  size?: 'small' | 'medium';
-  variant?: 'primary' | 'secondary';
+  size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+  variant?:
+    | 'primary'
+    | 'secondary'
+    | Partial<Record<Breakpoint, 'primary' | 'secondary'>>;
   iconStart?: ReactElement;
   iconEnd?: ReactElement;
   className?: string;