feat: Change from 1px to 2px outline on input for error state

dnbexperience · Jan 21, 2019 · 0d12ef1 · 0d12ef1
1 parent d3d0575
commit 0d12ef1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/dnb-ui-lib/src/components/input/__tests__/__snapshots__/Input.test.js.snap b/packages/dnb-ui-lib/src/components/input/__tests__/__snapshots__/Input.test.js.snap
@@ -215,6 +215,8 @@ exports[`Input scss have to match default theme snapshot 1`] = `
         border-color: transparent; }
   .dnb-input__status--error .dnb-input__shell {
     border-color: var(--color-cherry-red); }
+    .dnb-input__status--error .dnb-input__shell, .dnb-input__status--error .dnb-input__shell[data-input-state='focus'] {
+      box-shadow: 0 0 0 1px var(--color-cherry-red); }
   .dnb-input__placeholder {
     color: var(--color-sea-green); }
   .dnb-input__shell[data-input-state='focus'][data-has-content='false'] .dnb-input__placeholder {

diff --git a/packages/dnb-ui-lib/src/components/input/style/themes/dnb-input-theme-ui.scss b/packages/dnb-ui-lib/src/components/input/style/themes/dnb-input-theme-ui.scss
@@ -49,7 +49,7 @@
     &,
     &[data-input-state='focus'] {
       // In case we want to have a larger border size on the input
-      // @include extendBorder(var(--color-cherry-red));
+      @include extendBorder(var(--color-cherry-red));
     }
   }