Fix 2 stories

storybookjs · Jun 17, 2019 · 4986f21 · 4986f21
1 parent 4fc6e49
commit 4986f21
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Input.js b/src/components/Input.js
@@ -176,6 +176,7 @@ const InputWrapper = styled.div`
   ${props => props.error && css`
     ${Error} {
       color: ${color.negative};
+      background: none;
       transform: translate3d(0%, -50%, 0);
       opacity: 1;
       padding: .25em 1.25em .25em .5em;

diff --git a/src/components/Input.stories.js b/src/components/Input.stories.js
@@ -80,7 +80,13 @@ storiesOf('Design System|forms/Input', module)
         placeholder="Placeholder"
         onChange={onChange}
       />
-      <Input id="With-value" value="With value" aria-label="Input with value" onChange={onChange} />
+      <Input
+        id="With-value"
+        value="With value"
+        label="Input with value"
+        hideLabel
+        onChange={onChange}
+      />
       <Input
         id="Disabled"
         value="Disabled"
@@ -238,7 +244,7 @@ storiesOf('Design System|forms/Input', module)
         appearance="code"
         onChange={onChange}
       />
-      <Input id="Code" value="Code" aria-label="Code" appearance="code" onChange={onChange} />
+      <Input id="Code" value="Code" label="Code" hideLabel appearance="code" onChange={onChange} />
       <Input
         id="Code-with-error"
         placeholder="Code"