jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Input

Browse Source 
Summary: _typescript_

Reviewed By: bnelo12

Differential Revision: D16830541

fbshipit-source-id: ee8b25fae3f553823d4b63e1a963a005f21df7a6
This commit is contained in:
Daniel Büchele
2019-08-20 03:18:32 -07:00
committed by Facebook Github Bot
parent 28a295bcf1
commit e4c93791cd
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/ui/components/Input.js → src/ui/components/Input.tsx
View File

@@ -5,8 +5,8 @@
* @format * @format
*/ */
import styled from '../styled/index.js'; import styled from 'react-emotion';
import {colors} from './colors.tsx'; import {colors} from './colors';
export const inputStyle = (compact: boolean) => ({ export const inputStyle = (compact: boolean) => ({
border: `1px solid ${colors.light15}`, border: `1px solid ${colors.light15}`,
@@ -24,7 +24,7 @@ export const inputStyle = (compact: boolean) => ({
}, },
}); });
const Input = styled('input')(({compact}) => ({ const Input = styled('input')(({compact}: {compact?: boolean}) => ({
...inputStyle(compact), ...inputStyle(compact),
padding: compact ? '0 5px' : '0 10px', padding: compact ? '0 5px' : '0 10px',
})); }));

2
src/ui/components/data-inspector/DataDescription.js
View File

@@ -12,7 +12,7 @@ import {SketchPicker} from 'react-color';
import {Component, Fragment} from 'react'; import {Component, Fragment} from 'react';
import Popover from '../Popover.tsx'; import Popover from '../Popover.tsx';
import {colors} from '../colors.tsx'; import {colors} from '../colors.tsx';
import Input from '../Input.js'; import Input from '../Input.tsx';
const NullValue = styled('span')({ const NullValue = styled('span')({
color: 'rgb(128, 128, 128)', color: 'rgb(128, 128, 128)',

2
src/ui/components/searchable/Searchable.js
View File

@@ -10,7 +10,7 @@ import type {TableColumns} from '../table/types';
import {PureComponent} from 'react'; import {PureComponent} from 'react';
import Toolbar from '../Toolbar.tsx'; import Toolbar from '../Toolbar.tsx';
import FlexRow from '../FlexRow.js'; import FlexRow from '../FlexRow.js';
import Input from '../Input.js'; import Input from '../Input.tsx';
import {colors} from '../colors.tsx'; import {colors} from '../colors.tsx';
import Text from '../Text.tsx'; import Text from '../Text.tsx';
import FlexBox from '../FlexBox.js'; import FlexBox from '../FlexBox.js';

2
src/ui/index.js
View File

@@ -71,7 +71,7 @@ export {default as Tabs} from './components/Tabs.tsx';
export {default as Tab} from './components/Tab.tsx'; export {default as Tab} from './components/Tab.tsx';
// inputs // inputs
export {default as Input} from './components/Input.js'; export {default as Input} from './components/Input.tsx';
export {default as Textarea} from './components/Textarea.tsx'; export {default as Textarea} from './components/Textarea.tsx';
export {default as Select} from './components/Select.tsx'; export {default as Select} from './components/Select.tsx';
export {default as Checkbox} from './components/Checkbox.js'; export {default as Checkbox} from './components/Checkbox.js';