Colors

Summary: _typescript_

Reviewed By: priteshrnandgaonkar

Differential Revision: D16828226

fbshipit-source-id: e6dd9946ae642a27ebc8a3f6dfce6773051f5a7a

src/ui/components/Button.js

@@ -10,7 +10,7 @@ import Glyph from './Glyph.js';
 import PropTypes from 'prop-types';
 import electron from 'electron';
 import styled from '../styled/index.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import {connect} from 'react-redux';
 import {findDOMNode} from 'react-dom';
 import {keyframes} from 'react-emotion';

src/ui/components/FocusableBox.js

@@ -7,7 +7,7 @@
 
 import {Component} from 'react';
 import Box from './Box.js';
-import {colors} from './colors';
+import {colors} from './colors.tsx';
 import styled from '../styled/index.js';
 
 const FocusableBoxBorder = styled(Box)({

src/ui/components/Input.js

@@ -6,7 +6,7 @@
  */
 
 import styled from '../styled/index.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 
 export const inputStyle = (compact: boolean) => ({
   border: `1px solid ${colors.light15}`,

src/ui/components/Link.js

@@ -6,7 +6,7 @@
  */
 
 import styled from '../styled/index.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import {Component} from 'react';
 import {shell} from 'electron';
 

src/ui/components/MarkerTimeline.js

@@ -9,7 +9,7 @@ import {Component} from 'react';
 import styled from '../styled/index.js';
 import Text from './Text.js';
 import FlexRow from './FlexRow.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 
 type DataPoint = {
   time: number,

src/ui/components/Panel.js

@@ -9,7 +9,7 @@ import React from 'react';
 import styled from '../styled/index.js';
 import FlexColumn from './FlexColumn.js';
 import FlexBox from './FlexBox.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import Glyph from './Glyph.js';
 
 const BORDER = '1px solid #dddfe2';

src/ui/components/Popover.js

@@ -8,7 +8,7 @@
 import {PureComponent} from 'react';
 import FlexColumn from './FlexColumn.js';
 import styled from '../styled/index.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 
 const Anchor = styled('img')({
   zIndex: 6,

src/ui/components/Sidebar.js

@@ -7,7 +7,7 @@
 
 import Interactive from './Interactive.js';
 import FlexColumn from './FlexColumn.js';
-import {colors} from './colors';
+import {colors} from './colors.tsx';
 import {Component} from 'react';
 import styled from '../styled/index.js';
 

src/ui/components/SidebarLabel.js

@@ -5,7 +5,7 @@
  * @format
  */
 
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import Label from './Label.js';
 import styled from '../styled/index.js';
 

src/ui/components/StackTrace.js

@@ -7,7 +7,7 @@
 
 import {Component} from 'react';
 import Text from './Text';
-import {colors} from './colors';
+import {colors} from './colors.tsx';
 import ManagedTable from './table/ManagedTable';
 import FlexRow from './FlexRow';
 import Glyph from './Glyph';

src/ui/components/Tabs.js

@@ -9,7 +9,7 @@ import FlexColumn from './FlexColumn.js';
 import styled from '../styled/index.js';
 import Orderable from './Orderable.js';
 import FlexRow from './FlexRow.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import Tab from './Tab.js';
 
 const TabList = styled(FlexRow)({

src/ui/components/ToggleSwitch.js

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import styled from '../styled/index.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import Text from './Text';
 
 export const StyledButton = styled('div')(props => ({

src/ui/components/Toolbar.js

@@ -5,7 +5,7 @@
  * @format
  */
 
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import FlexRow from './FlexRow.js';
 import FlexBox from './FlexBox.js';
 import styled from '../styled/index.js';

src/ui/components/TooltipProvider.js

@@ -6,7 +6,7 @@
  */
 
 import styled from '../styled/index.js';
-import {colors} from './colors.js';
+import {colors} from './colors.tsx';
 import {Component} from 'react';
 
 import PropTypes from 'prop-types';

src/ui/components/data-inspector/DataDescription.js

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

src/ui/components/data-inspector/DataInspector.js

@@ -14,7 +14,7 @@ import DataPreview from './DataPreview.js';
 import createPaste from '../../../fb-stubs/createPaste.tsx';
 import {reportInteraction} from '../../../utils/InteractionTracker.tsx';
 import {getSortedKeys} from './utils.js';
-import {colors} from '../colors.js';
+import {colors} from '../colors.tsx';
 import {clipboard} from 'electron';
 
 const deepEqual = require('deep-equal');

src/ui/components/elements-inspector/elements.js

@@ -16,7 +16,7 @@ import {PureComponent, type Element as ReactElement} from 'react';
 import FlexRow from '../FlexRow.js';
 import FlexColumn from '../FlexColumn.js';
 import Glyph from '../Glyph.js';
-import {colors} from '../colors.js';
+import {colors} from '../colors.tsx';
 import Text from '../Text.js';
 import styled from '../../styled/index.js';
 import {clipboard} from 'electron';

src/ui/components/filter/FilterRow.js

@@ -10,7 +10,7 @@ import {PureComponent} from 'react';
 import ContextMenu from '../ContextMenu.js';
 import textContent from '../../../utils/textContent.tsx';
 import styled from '../../styled/index.js';
-import {colors} from '../colors.js';
+import {colors} from '../colors.tsx';
 
 const FilterText = styled('div')({
   display: 'flex',

src/ui/components/searchable/FilterToken.js

@@ -10,7 +10,7 @@ import {PureComponent} from 'react';
 import Text from '../Text.js';
 import styled from '../../styled/index.js';
 import {findDOMNode} from 'react-dom';
-import {colors} from '../colors.js';
+import {colors} from '../colors.tsx';
 import electron from 'electron';
 
 const Token = styled(Text)(props => ({

src/ui/components/searchable/Searchable.js

@@ -11,7 +11,7 @@ import {PureComponent} from 'react';
 import Toolbar from '../Toolbar.js';
 import FlexRow from '../FlexRow.js';
 import Input from '../Input.js';
-import {colors} from '../colors.js';
+import {colors} from '../colors.tsx';
 import Text from '../Text.js';
 import FlexBox from '../FlexBox.js';
 import Glyph from '../Glyph.js';

src/ui/components/table/TableHead.js

@@ -19,7 +19,7 @@ import {PureComponent} from 'react';
 import ContextMenu from '../ContextMenu.js';
 import Interactive from '../Interactive.js';
 import styled from '../../styled/index.js';
-import {colors} from '../colors.js';
+import {colors} from '../colors.tsx';
 
 import FlexRow from '../FlexRow.js';
 

src/ui/components/table/TableRow.js

@@ -16,7 +16,7 @@ import React from 'react';
 import FilterRow from '../filter/FilterRow.js';
 import styled from '../../styled/index.js';
 import FlexRow from '../FlexRow.js';
-import {colors} from '../colors.js';
+import {colors} from '../colors.tsx';
 import {normaliseColumnWidth} from './utils.js';
 import {DEFAULT_ROW_HEIGHT} from './types';
 

src/ui/components/table/TypeBasedValueRenderer.js

@@ -5,7 +5,7 @@
  * @format
  */
 import {default as styled} from 'react-emotion';
-import {colors} from '../colors';
+import {colors} from '../colors.tsx';
 import {default as Text} from '../Text';
 
 export type Value =

src/ui/index.js

@@ -15,7 +15,7 @@ export {default as ButtonGroup} from './components/ButtonGroup.js';
 export {default as ButtonGroupChain} from './components/ButtonGroupChain.js';
 
 //
-export {colors, darkColors, brandColors} from './components/colors.js';
+export {colors, darkColors, brandColors} from './components/colors.tsx';
 
 //
 export {default as Glyph} from './components/Glyph.js';