Merge pull request #394 from 8base/feat-make-disbled-text-gray

feat: make text in the disabled input gray

Author: PetrBukov

e2e/__tests__/__image_snapshots__/date-input-test-js-components-date-input-common-1-snap.png

@@ -14,6 +14,7 @@ const name = 'formSectionTitle';
 const [FormSectionTitleTag, theme] = createThemeTag(name, ({ FONTS }: *) => ({
   root: {
     ...FONTS.H5,
+    letterSpacing: '0.5px',
   },
   modifiers: {},
   defaults: {},

e2e/__tests__/__image_snapshots__/date-input-test-js-components-date-input-common-open-date-1-snap.png

@@ -104,3 +104,9 @@ export const withKindUnderline = () => (
 withKindUnderline.story = {
   name: 'with kind="underline"',
 };
+
+export const disabledStory = () => <Input value="hello@8base.com" name="input" onChange={ () => null } disabled />;
+
+disabledStory.story = {
+  name: 'with disabled=true',
+};