fix: workaround invalid textarea styling

nl-design-system · Nov 20, 2024 · daec722 · daec722
1 parent 2da8f9e
commit daec722
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/storybook-react/src/stories/prototype-src/index.css b/packages/storybook-react/src/stories/prototype-src/index.css
@@ -46,6 +46,14 @@
   .utrecht-form-field-error-message {
     margin-block-end: var(--utrecht-space-row-xs);
   }
+
+  /* invalid styling (border) op formfield-textarea niet wordt opgepakt via Github, dus deze toegevoegd als extraatje */
+  .utrecht-form-field--invalid {
+    border-inline-start-color: var(--utrecht-form-field-invalid-border-inline-start-color);
+    border-inline-start-style: solid;
+    border-inline-start-width: var(--utrecht-form-field-invalid-border-inline-start-width, 0);
+    padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
+  }
   .utrecht-html .utrecht-breadcrumb-nav ol,
   footer ul,
   footer li {