Remove react95 as dev dependency for documentation and fix all imports

luizbaldi · arturbien · commit 2fd78a4c62b1 · 2020-04-30T00:37:30.000+02:00
diff --git a/package.json b/package.json
@@ -84,7 +84,6 @@
     "prop-types": "^15.7.2",
     "react": "^16.10.1",
     "react-dom": "^16.10.1",
-    "react95": "^2.0.0",
     "rimraf": "^3.0.0",
     "rollup": "^1.9.0",
     "rollup-plugin-babel": "^4.3.2",
diff --git a/src/components/Anchor/Anchor.mdx b/src/components/Anchor/Anchor.mdx
@@ -5,7 +5,7 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import Anchor from './Anchor.js';
+import Anchor from './Anchor';
 
 # Anchor
 
diff --git a/src/components/AppBar/AppBar.mdx b/src/components/AppBar/AppBar.mdx
@@ -5,13 +5,13 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import AppBar from './AppBar.js'
-import Toolbar from '../Toolbar/Toolbar.js'
-import Button from '../Button/Button.js'
-import TextField from '../TextField/TextField.js'
-import List from '../List/List.js'
-import ListItem from '../ListItem/ListItem.js'
-import Divider from '../Divider/Divider.js'
+import AppBar from './AppBar'
+import Toolbar from '../Toolbar/Toolbar'
+import Button from '../Button/Button'
+import TextField from '../TextField/TextField'
+import List from '../List/List'
+import ListItem from '../ListItem/ListItem'
+import Divider from '../Divider/Divider'
 
 # AppBar
 
diff --git a/src/components/Avatar/Avatar.mdx b/src/components/Avatar/Avatar.mdx
@@ -5,7 +5,7 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import Avatar from './Avatar.js';
+import Avatar from './Avatar';
 
 # Avatar
 
diff --git a/src/components/Button/Button.mdx b/src/components/Button/Button.mdx
@@ -5,7 +5,11 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Button, Window, WindowContent, Cutout, Toolbar } from 'react95';
+import Button from './Button'
+import Window from '../Window/Window'
+import WindowContent from '../WindowContent/WindowContent'
+import Cutout from '../Cutout/Cutout'
+import Toolbar from '../Toolbar/Toolbar'
 
 # Button
 
diff --git a/src/components/Checkbox/Checkbox.mdx b/src/components/Checkbox/Checkbox.mdx
@@ -5,15 +5,13 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import {
-  Checkbox,
-  Fieldset,
-  Button,
-  Cutout,
-  List,
-  ListItem,
-  Divider
-} from 'react95';
+import Checkbox from './Checkbox'
+import Fieldset from '../Fieldset/Fieldset'
+import Button from '../Button/Button'
+import Cutout from '../Cutout/Cutout'
+import List from '../List/List'
+import ListItem from '../ListItem/ListItem'
+import Divider from '../Divider/Divider'
 
 # Checkbox
 
diff --git a/src/components/Cutout/Cutout.mdx b/src/components/Cutout/Cutout.mdx
@@ -5,7 +5,9 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Cutout, Window, WindowContent } from 'react95';
+import Cutout from './Cutout'
+import Window from '../Cutout/Cutout'
+import WindowContent from '../Cutout/Cutout'
 
 # Cutout
 
diff --git a/src/components/DatePicker/DatePicker.mdx b/src/components/DatePicker/DatePicker.mdx
@@ -5,7 +5,7 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { DatePicker } from 'react95';
+import DatePicker from './DatePicker';
 
 # DatePicker
 
diff --git a/src/components/Divider/Divider.mdx b/src/components/Divider/Divider.mdx
@@ -3,7 +3,9 @@ name: Divider
 menu: Components
 ---import { Playground, Props } from 'docz';
 
-import { Divider, List, ListItem } from 'react95';
+import Divider from './Divider'
+import List from '../List/List'
+import ListItem from '../ListItem/ListItem'
 
 # Divider
 
diff --git a/src/components/Fieldset/Fieldset.mdx b/src/components/Fieldset/Fieldset.mdx
@@ -5,7 +5,11 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Fieldset, Window, WindowContent, Cutout, Checkbox } from 'react95';
+import Fieldset from './Fieldset'
+import Window from '../Window/Window'
+import WindowContent from '../WindowContent/WindowContent'
+import Cutout from '../Cutout/Cutout'
+import Checkbox from '../Checkbox/Checkbox'
 
 # Fieldset
 
diff --git a/src/components/Hourglass/Hourglass.mdx b/src/components/Hourglass/Hourglass.mdx
@@ -5,7 +5,7 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Hourglass } from 'react95';
+import Hourglass from './Hourglass';
 
 # Hourglass
 
diff --git a/src/components/List/List.mdx b/src/components/List/List.mdx
@@ -5,7 +5,8 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { List, ListItem } from 'react95';
+import List from './List'
+import ListItem from '../ListItem/ListItem'
 
 # List
 
diff --git a/src/components/ListItem/ListItem.mdx b/src/components/ListItem/ListItem.mdx
@@ -5,7 +5,9 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { ListItem, List, Divider } from 'react95';
+import ListItem from './ListItem'
+import List from '../List/List'
+import Divider from '../Divider/Divider'
 
 # ListItem
 
diff --git a/src/components/NumberField/NumberField.mdx b/src/components/NumberField/NumberField.mdx
@@ -5,7 +5,8 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { NumberField, Cutout } from 'react95';
+import NumberField from './NumberField';
+import Cutout from '../Cutout/Cutout'
 
 # NumberField
 
diff --git a/src/components/Progress/Progress.mdx b/src/components/Progress/Progress.mdx
@@ -5,7 +5,7 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Progress } from 'react95';
+import Progress from './Progress';
 
 # Progress
 
diff --git a/src/components/Radio/Radio.mdx b/src/components/Radio/Radio.mdx
@@ -5,7 +5,10 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Fieldset, Radio, Window, WindowContent } from 'react95';
+import Radio from './Radio'
+import Fieldset from '../Fieldset/Fieldset'
+import Window from '../Window/Window'
+import WindowContent from '../WindowContent/WindowContent'
 
 # Radio
 
diff --git a/src/components/Select/Select.mdx b/src/components/Select/Select.mdx
@@ -5,7 +5,10 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Select, Window, WindowContent, Cutout } from 'react95';
+import Select from './Select'
+import Window from '../Window/Window'
+import WindowContent from '../WindowContent/WindowContent'
+import Cutout from '../Cutout/Cutout'
 
 # Select
 
diff --git a/src/components/Table/Table.mdx b/src/components/Table/Table.mdx
@@ -5,17 +5,15 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import {
-  Table,
-  TableBody,
-  TableHead,
-  TableRow,
-  TableHeadCell,
-  TableDataCell,
-  Window,
-  WindowHeader,
-  WindowContent
-} from 'react95';
+import Table from './Table'
+import TableBody from '../TableBody/TableBody'
+import TableHead from '../TableHead/TableHead'
+import TableRow from '../TableRow/TableRow'
+import TableHeadCell from '../TableHeadCell/TableHeadCell'
+import TableDataCell from '../TableDataCell/TableDataCell'
+import Window from '../Window/Window'
+import WindowHeader from '../WindowHeader/WindowHeader'
+import WindowContent from '../WindowContent/WindowContent'
 
 # Table
 
diff --git a/src/components/Tabs/Tabs.mdx b/src/components/Tabs/Tabs.mdx
@@ -5,17 +5,15 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import {
-  Tabs,
-  Tab,
-  TabBody,
-  Fieldset,
-  Window,
-  WindowHeader,
-  NumberField,
-  Checkbox,
-  WindowContent
-} from 'react95';
+import Tabs from './Tabs'
+import Tab from '../Tab/Tab'
+import TabBody from '../TabBody/TabBody'
+import Fieldset from '../Fieldset/Fieldset'
+import Window from '../Window/Window'
+import WindowHeader from '../WindowHeader/WindowHeader'
+import NumberField from '../NumberField/NumberField'
+import Checkbox from '../Checkbox/Checkbox'
+import WindowContent from '../WindowContent/WindowContent'
 
 # Tabs
 
diff --git a/src/components/TextArea/TextArea.mdx b/src/components/TextArea/TextArea.mdx
@@ -5,7 +5,8 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { TextArea, Cutout } from 'react95';
+import TextArea from './TextArea'
+import Cutout from '../Cutout/Cutout'
 
 # TextArea
 
diff --git a/src/components/TextField/TextField.mdx b/src/components/TextField/TextField.mdx
@@ -5,7 +5,8 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { TextField, Cutout } from 'react95';
+import TextField from './TextField';
+import Cutout from '../Cutout/Cutout';
 
 # TextField
 
diff --git a/src/components/Tooltip/Tooltip.mdx b/src/components/Tooltip/Tooltip.mdx
@@ -5,7 +5,8 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import { Tooltip, Button } from 'react95';
+import Tooltip from './Tooltip'
+import Button from '../Button/Button'
 
 # Tooltip
 
diff --git a/src/components/Window/Window.mdx b/src/components/Window/Window.mdx
@@ -5,13 +5,11 @@ menu: Components
 
 import { Playground, Props } from 'docz';
 
-import {
-  Window,
-  WindowContent,
-  WindowHeader,
-  Button,
-  Toolbar
-} from 'react95';
+import Window from './Window'
+import WindowContent from '../WindowContent/WindowContent'
+import WindowHeader from '../WindowHeader/WindowHeader'
+import Button from '../Button/Button'
+import Toolbar from '../Toolbar/Toolbar'
 
 # Window
 
diff --git a/src/gatsby-theme-docz/wrapper.js b/src/gatsby-theme-docz/wrapper.js
@@ -2,10 +2,52 @@ import React from 'react';
 import { ThemeProvider } from 'styled-components';
 import { node } from 'prop-types';
 
-import { themes } from 'react95';
-
 const ThemedComponent = ({ children }) => {
-  return <ThemeProvider theme={themes.default}>{children}</ThemeProvider>;
+  /* eslint-disable no-use-before-define */
+  return <ThemeProvider theme={defaultTheme}>{children}</ThemeProvider>;
+};
+
+/*
+  temporary solution, for some reason when importing theme from the src/ folder docz doesn't work :(
+*/
+const defaultTheme = {
+  canvas: '#ffffff',
+  material: '#ced0cf',
+  materialDark: '#9a9e9c',
+
+  borderDarkest: '#050608',
+  borderLightest: '#ffffff',
+  borderDark: '#888c8f',
+  checkmarkDisabled: '#888c8f',
+  borderLight: '#dfe0e3',
+
+  headerMaterialDark: '#000080',
+  headerMaterialLight: '#000080',
+  headerText: '#ffffff',
+  headerNotActive: '#7f7f7f',
+
+  text: '#050608',
+  textInvert: '#ffffff',
+  textDisabled: '#888c8f',
+  textDisabledShadow: '#ffffff',
+
+  inputText: '#050608',
+  inputTextInvert: '#ffffff',
+  inputTextDisabled: '#888c8f',
+  inputTextDisabledShadow: '#ffffff',
+
+  tooltip: '#fefbcc',
+
+  anchor: '#1034a6',
+  anchorVisited: '#440381',
+
+  hoverBackground: '#000080',
+  checkmark: '#050608',
+
+  progress: '#000080',
+
+  flatLight: '#d8d8d8',
+  flatDark: '#9e9e9e'
 };
 
 ThemedComponent.propTypes = {
diff --git a/yarn.lock b/yarn.lock
@@ -14343,11 +14343,6 @@ react-textarea-autosize@^7.1.0:
     "@babel/runtime" "^7.1.2"
     prop-types "^15.6.0"
 
-react95@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/react95/-/react95-2.0.0.tgz#fa921b968a588612c36ceb8fa77deeac5d271b86"
-  integrity sha512-0Y299Rbqhdz3bu5u1NC1sLbrPiQEXaOGthToitT/W/ta4C2Ct+A2YF1jxcPU9jBFv6mAUdl183luwjZ/0XJCJg==
-
 react@^16.10.1, react@^16.8.3:
   version "16.13.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.13.0.tgz#d046eabcdf64e457bbeed1e792e235e1b9934cf7"
