feat(numberfield,textfield): convert to TypeScript and export types

BREAKING CHANGE: NumberField onChange is now called with a number instead of a string
react95-io · Jul 27, 2022 · 64e4279 · 64e4279
1 parent ec7c478
commit 64e4279
Show file tree

Hide file tree

Showing 14 changed files with 414 additions and 376 deletions.
diff --git a/src/AppBar/AppBar.mdx b/src/AppBar/AppBar.mdx
@@ -6,7 +6,7 @@ menu: Components
 import { AppBar } from './AppBar';
 import Toolbar from '../Toolbar/Toolbar';
 import { Button } from '../Button/Button';
-import TextField from '../TextField/TextField';
+import { TextField } from '../TextField/TextField';
 import List from '../List/List';
 import ListItem from '../ListItem/ListItem';
 import Divider from '../Divider/Divider';

diff --git a/src/DatePicker/DatePicker.js b/src/DatePicker/DatePicker.js
@@ -4,7 +4,7 @@ import styled from 'styled-components';
 
 import { Button } from '../Button/Button';
 import { Cutout } from '../Cutout/Cutout';
-import NumberField from '../NumberField/NumberField';
+import { NumberField } from '../NumberField/NumberField';
 import Select from '../Select/Select';
 import Toolbar from '../Toolbar/Toolbar';
 import Window from '../Window/Window';

diff --git a/src/NumberField/NumberField.js b/src/NumberField/NumberField.js
diff --git a/src/NumberField/NumberField.mdx b/src/NumberField/NumberField.mdx
@@ -3,7 +3,7 @@ name: NumberField
 menu: Components
 ---
 
-import NumberField from './NumberField';
+import { NumberField } from './NumberField';
 import { Cutout } from '../Cutout/Cutout';
 
 # NumberField
@@ -52,17 +52,17 @@ import { Cutout } from '../Cutout/Cutout';
 
 <Playground>
   <Cutout style={{ padding: '2rem', width: '300px' }}>
-      <p style={{ lineHeight: 1.3, marginBottom: '1rem' }}>
-        When you want to use NumberField on a light background (like scrollable
-        content), just use the flat variant:
-      </p>
-      <NumberField
-        variant='flat'
-        shadow={false}
-        value={1991}
-        onChange={value => console.log(value)}
-      />
-    </Cutout>
+    <p style={{ lineHeight: 1.3, marginBottom: '1rem' }}>
+      When you want to use NumberField on a light background (like scrollable
+      content), just use the flat variant:
+    </p>
+    <NumberField
+      variant='flat'
+      shadow={false}
+      value={1991}
+      onChange={value => console.log(value)}
+    />
+  </Cutout>
 </Playground>
 
 ## API