@orangecheck/design 0.5.2 → 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -257,6 +257,9 @@ function Textarea({ className, ...props }) {
257
257
  className: cn(
258
258
  "placeholder:text-muted-foreground border-input bg-input/30 hover:bg-input/50 dark:bg-input/30 dark:hover:bg-input/50 w-full min-w-0 rounded-md border px-3 py-2 font-mono text-xs leading-relaxed shadow-xs transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
259
259
  "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
260
+ // aria-invalid parity with Input — error styling when a consumer
261
+ // marks the field invalid.
262
+ "aria-invalid:ring-brand/25 dark:aria-invalid:ring-brand/35 aria-invalid:border-brand",
260
263
  className
261
264
  ),
262
265
  ...props