From 185d3a8305b98d1bf130f290cc0661a5623e091e Mon Sep 17 00:00:00 2001 From: James Brooks Date: Fri, 2 May 2025 10:15:11 +0100 Subject: [PATCH] Add changeset Signed-off-by: James Brooks --- .changeset/wise-cobras-sink.md | 5 +++++ packages/canon/css/components.css | 1 + packages/canon/css/styles.css | 1 + packages/canon/css/textfield.css | 1 + packages/canon/src/components/TextField/TextField.styles.css | 1 + 5 files changed, 9 insertions(+) create mode 100644 .changeset/wise-cobras-sink.md diff --git a/.changeset/wise-cobras-sink.md b/.changeset/wise-cobras-sink.md new file mode 100644 index 0000000000..7a6a73c726 --- /dev/null +++ b/.changeset/wise-cobras-sink.md @@ -0,0 +1,5 @@ +--- +'@backstage/canon': patch +--- + +Use the Field component from Base UI within the TextField. diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css index 6496363868..1fc7f275c3 100644 --- a/packages/canon/css/components.css +++ b/packages/canon/css/components.css @@ -544,6 +544,7 @@ color: var(--canon-fg-primary); margin-bottom: var(--canon-space-1_5); cursor: pointer; + margin-right: auto; } .canon-TextFieldLabel[data-disabled] { diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css index b2743220c7..3382c15675 100644 --- a/packages/canon/css/styles.css +++ b/packages/canon/css/styles.css @@ -9768,6 +9768,7 @@ color: var(--canon-fg-primary); margin-bottom: var(--canon-space-1_5); cursor: pointer; + margin-right: auto; } .canon-TextFieldLabel[data-disabled] { diff --git a/packages/canon/css/textfield.css b/packages/canon/css/textfield.css index 4caf7cb2e9..8315d48bc6 100644 --- a/packages/canon/css/textfield.css +++ b/packages/canon/css/textfield.css @@ -11,6 +11,7 @@ color: var(--canon-fg-primary); margin-bottom: var(--canon-space-1_5); cursor: pointer; + margin-right: auto; } .canon-TextFieldLabel[data-disabled] { diff --git a/packages/canon/src/components/TextField/TextField.styles.css b/packages/canon/src/components/TextField/TextField.styles.css index 7ee0a937dc..5acc8480f3 100644 --- a/packages/canon/src/components/TextField/TextField.styles.css +++ b/packages/canon/src/components/TextField/TextField.styles.css @@ -26,6 +26,7 @@ font-weight: var(--canon-font-weight-regular); color: var(--canon-fg-primary); margin-bottom: var(--canon-space-1_5); + margin-right: auto; cursor: pointer; } .canon-TextFieldLabel[data-disabled] {