From a042eed1cdac0cc86fc70ca6bd0f02c1c3727190 Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Thu, 19 Jun 2025 21:35:28 +0100 Subject: [PATCH] Add report Signed-off-by: Charles de Dreuille --- packages/canon/css/components.css | 14 +++++++------- packages/canon/css/fielderror.css | 6 ++++++ packages/canon/css/styles.css | 14 +++++++------- packages/canon/css/textfield.css | 7 ------- packages/canon/report.api.md | 6 ++++++ 5 files changed, 26 insertions(+), 21 deletions(-) create mode 100644 packages/canon/css/fielderror.css diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css index 74e678f845..b080e11f82 100644 --- a/packages/canon/css/components.css +++ b/packages/canon/css/components.css @@ -272,6 +272,13 @@ min-width: 10.5rem; } +.canon-FieldError { + color: var(--canon-fg-danger); + font-size: var(--canon-font-size-2); + font-weight: var(--canon-font-weight-regular); + margin-top: var(--canon-space-2); +} + .canon-FieldLabel { margin-bottom: var(--canon-space-3); gap: var(--canon-space-1); @@ -985,13 +992,6 @@ border: 1px solid var(--canon-border-disabled); } -.canon-TextFieldError { - color: var(--canon-fg-danger); - font-size: var(--canon-font-size-2); - font-weight: var(--canon-font-weight-regular); - margin-top: var(--canon-space-2); -} - .canon-TooltipPopup { box-sizing: border-box; transform-origin: var(--transform-origin); diff --git a/packages/canon/css/fielderror.css b/packages/canon/css/fielderror.css new file mode 100644 index 0000000000..816eb3c35e --- /dev/null +++ b/packages/canon/css/fielderror.css @@ -0,0 +1,6 @@ +.canon-FieldError { + color: var(--canon-fg-danger); + font-size: var(--canon-font-size-2); + font-weight: var(--canon-font-weight-regular); + margin-top: var(--canon-space-2); +} diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css index 55effe9948..806ee771d2 100644 --- a/packages/canon/css/styles.css +++ b/packages/canon/css/styles.css @@ -9496,6 +9496,13 @@ min-width: 10.5rem; } +.canon-FieldError { + color: var(--canon-fg-danger); + font-size: var(--canon-font-size-2); + font-weight: var(--canon-font-weight-regular); + margin-top: var(--canon-space-2); +} + .canon-FieldLabel { margin-bottom: var(--canon-space-3); gap: var(--canon-space-1); @@ -10209,13 +10216,6 @@ border: 1px solid var(--canon-border-disabled); } -.canon-TextFieldError { - color: var(--canon-fg-danger); - font-size: var(--canon-font-size-2); - font-weight: var(--canon-font-weight-regular); - margin-top: var(--canon-space-2); -} - .canon-TooltipPopup { box-sizing: border-box; transform-origin: var(--transform-origin); diff --git a/packages/canon/css/textfield.css b/packages/canon/css/textfield.css index fdb3621016..45759c1c4c 100644 --- a/packages/canon/css/textfield.css +++ b/packages/canon/css/textfield.css @@ -85,10 +85,3 @@ cursor: not-allowed; border: 1px solid var(--canon-border-disabled); } - -.canon-TextFieldError { - color: var(--canon-fg-danger); - font-size: var(--canon-font-size-2); - font-weight: var(--canon-font-weight-regular); - margin-top: var(--canon-space-2); -} diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md index 97b547a66a..34e5379156 100644 --- a/packages/canon/report.api.md +++ b/packages/canon/report.api.md @@ -14,6 +14,7 @@ import { Context } from 'react'; import type { CSSProperties } from 'react'; import type { ElementType } from 'react'; import { FC } from 'react'; +import { FieldErrorProps } from 'react-aria-components'; import { FocusEvent as FocusEvent_2 } from 'react'; import { ForwardRefExoticComponent } from 'react'; import { HTMLAttributes } from 'react'; @@ -388,6 +389,11 @@ export type EnumPropDef = { required?: boolean; }; +// @public (undocumented) +export const FieldError: ForwardRefExoticComponent< + FieldErrorProps & RefAttributes +>; + // @public (undocumented) export const FieldLabel: ForwardRefExoticComponent< FieldLabelProps & RefAttributes