do as in textfield

digdir · Apr 19, 2024 · 75953ea · 75953ea
1 parent 350c4c0
commit 75953ea
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/css/react-css-modules.css b/packages/css/react-css-modules.css
@@ -2216,7 +2216,7 @@
     border-color: var(--fds-semantic-border-neutral-default);
   }
 
-  .fds-textarea-textarea-3d0e29bc[aria-invalid='true']:not(:focus-visible) {
+  .fds-textarea-error-3d0e29bc > .fds-textarea-textarea-3d0e29bc:not(:focus-visible) {
     border-color: var(--fds-semantic-border-danger-default);
     box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
   }

diff --git a/packages/react/src/components/form/Textarea/Textarea.module.css b/packages/react/src/components/form/Textarea/Textarea.module.css
@@ -66,7 +66,7 @@
     border-color: var(--fds-semantic-border-neutral-default);
   }
 
-  .textarea[aria-invalid='true']:not(:focus-visible) {
+  .error > .textarea:not(:focus-visible) {
     border-color: var(--fds-semantic-border-danger-default);
     box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
   }

diff --git a/packages/react/src/components/form/Textarea/Textarea.tsx b/packages/react/src/components/form/Textarea/Textarea.tsx
@@ -83,6 +83,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
             classes.formField,
             textareaProps.disabled && classes.disabled,
             readOnly && classes.readonly,
+            hasError && classes.error,
             className,
           )}
         >