diff --git a/src/components/Menu/Menu.css b/src/components/Menu/Menu.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/Tabs/Tab/Tab.js b/src/components/Tab/Tab.js similarity index 90% rename from src/components/Tabs/Tab/Tab.js rename to src/components/Tab/Tab.js index 249e6e8..b8f4751 100644 --- a/src/components/Tabs/Tab/Tab.js +++ b/src/components/Tab/Tab.js @@ -2,8 +2,8 @@ import React from "react"; import propTypes from "prop-types"; import styled from "styled-components"; -import { createBorderStyles, createBoxStyles } from "../../common"; -import { blockSizes, padding, colors } from "../../common/theme.variables"; +import { createBorderStyles, createBoxStyles } from "../common"; +import { blockSizes, padding, colors } from "../common/theme.variables"; const StyledTab = styled.div` ${createBoxStyles()} diff --git a/src/components/Tabs/TabBody/TabBody.js b/src/components/TabBody/TabBody.js similarity index 84% rename from src/components/Tabs/TabBody/TabBody.js rename to src/components/TabBody/TabBody.js index dcbbd41..c73c51f 100644 --- a/src/components/Tabs/TabBody/TabBody.js +++ b/src/components/TabBody/TabBody.js @@ -2,8 +2,8 @@ import React from "react"; import propTypes from "prop-types"; import styled from "styled-components"; -import { createBorderStyles, createBoxStyles } from "../../common"; -import { padding } from "../../common/theme.variables"; +import { createBorderStyles, createBoxStyles } from "../common"; +import { padding } from "../common/theme.variables"; const StyledTabBody = styled.div` ${createBoxStyles()} diff --git a/src/components/Table/Table.stories.js b/src/components/Table/Table.stories.js index e7e86d6..f9118aa 100644 --- a/src/components/Table/Table.stories.js +++ b/src/components/Table/Table.stories.js @@ -2,11 +2,11 @@ import React from "react"; import { storiesOf } from "@storybook/react"; import Table from "./Table"; -import TableBody from "./TableBody/TableBody"; -import TableHead from "./TableHead/TableHead"; -import TableRow from "./TableRow/TableRow"; -import TableHeaderCell from "./TableHeaderCell/TableHeaderCell"; -import TableDataCell from "./TableDataCell/TableDataCell"; +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"; @@ -21,9 +21,9 @@ class SimpleTable extends React.Component { - Name - Swag - Ready + Name + Swag + Ready diff --git a/src/components/Table/TableBody/TableBody.js b/src/components/TableBody/TableBody.js similarity index 86% rename from src/components/Table/TableBody/TableBody.js rename to src/components/TableBody/TableBody.js index bb27dbb..661d6ef 100644 --- a/src/components/Table/TableBody/TableBody.js +++ b/src/components/TableBody/TableBody.js @@ -2,8 +2,8 @@ import React from "react"; import propTypes from "prop-types"; import styled from "styled-components"; -import { colors } from "../../common/theme.variables"; -import { insetShadow } from "../../common"; +import { colors } from "../common/theme.variables"; +import { insetShadow } from "../common"; const StyledTableBody = styled.tbody` background: ${colors.light}; diff --git a/src/components/Table/TableDataCell/TableDataCell.js b/src/components/TableDataCell/TableDataCell.js similarity index 90% rename from src/components/Table/TableDataCell/TableDataCell.js rename to src/components/TableDataCell/TableDataCell.js index e3f9982..fbeaef7 100644 --- a/src/components/Table/TableDataCell/TableDataCell.js +++ b/src/components/TableDataCell/TableDataCell.js @@ -2,7 +2,7 @@ import React from "react"; import propTypes from "prop-types"; import styled from "styled-components"; -import { padding } from "../../common/theme.variables"; +import { padding } from "../common/theme.variables"; const StyledTd = styled.td` padding: 0 ${padding.sm}; diff --git a/src/components/Table/TableHead/TableHead.js b/src/components/TableHead/TableHead.js similarity index 100% rename from src/components/Table/TableHead/TableHead.js rename to src/components/TableHead/TableHead.js diff --git a/src/components/Table/TableHeaderCell/TableHeaderCell.js b/src/components/TableHeadCell/TableHeadCell.js similarity index 70% rename from src/components/Table/TableHeaderCell/TableHeaderCell.js rename to src/components/TableHeadCell/TableHeadCell.js index aba1bf1..29dab7c 100644 --- a/src/components/Table/TableHeaderCell/TableHeaderCell.js +++ b/src/components/TableHeadCell/TableHeadCell.js @@ -2,8 +2,8 @@ import React from "react"; import propTypes from "prop-types"; import styled from "styled-components"; -import { createBorderStyles } from "../../common"; -import { padding } from "../../common/theme.variables"; +import { createBorderStyles } from "../common"; +import { padding } from "../common/theme.variables"; // ⭕⭕⭕⭕ move text down on Click @@ -22,7 +22,7 @@ const StyledHeadCell = styled.th` cursor: default; `; -const TableHeaderCell = ({ className, children, style, ...otherProps }) => { +const TableHeadCell = ({ className, children, style, ...otherProps }) => { return ( {children} @@ -30,14 +30,14 @@ const TableHeaderCell = ({ className, children, style, ...otherProps }) => { ); }; -TableHeaderCell.defaultProps = { +TableHeadCell.defaultProps = { onClick: null }; -TableHeaderCell.propTypes = { +TableHeadCell.propTypes = { children: propTypes.node, className: propTypes.string, style: propTypes.object }; -export default TableHeaderCell; +export default TableHeadCell; diff --git a/src/components/Table/TableRow/TableRow.js b/src/components/TableRow/TableRow.js similarity index 92% rename from src/components/Table/TableRow/TableRow.js rename to src/components/TableRow/TableRow.js index b85f79c..9c0eca9 100644 --- a/src/components/Table/TableRow/TableRow.js +++ b/src/components/TableRow/TableRow.js @@ -2,7 +2,7 @@ import React from "react"; import propTypes from "prop-types"; import styled from "styled-components"; -import { blockSizes, colors } from "../../common/theme.variables"; +import { blockSizes, colors } from "../common/theme.variables"; const StyledTr = styled.tr` color: inherit; diff --git a/src/components/Tabs/TabBody/TabBody.css b/src/components/Tabs/TabBody/TabBody.css deleted file mode 100644 index 7ee2a4c..0000000 --- a/src/components/Tabs/TabBody/TabBody.css +++ /dev/null @@ -1,25 +0,0 @@ -.TabBody { - position: relative; - height: 100%; - padding: 2em 1em 1em 1em; - background: #ced0cf; - border-top: 2px solid #fff; - border-left: 2px solid #fff; - border-bottom: 2px solid #050608; - border-right: 2px solid #050608; -} -.TabBody:before { - padding: 0; - content: ""; - display: inline-block; - position: absolute; - left: 0px; - top: 0px; - width: calc(100% - 4px); - height: calc(100% - 4px); - - border-top: 2px solid #dfe0e3; - border-left: 2px solid #dfe0e3; - border-bottom: 2px solid #888c8f; - border-right: 2px solid #888c8f; -} diff --git a/src/components/Tabs/Tabs.stories.js b/src/components/Tabs/Tabs.stories.js index fdbdb44..f5b4548 100644 --- a/src/components/Tabs/Tabs.stories.js +++ b/src/components/Tabs/Tabs.stories.js @@ -2,8 +2,8 @@ import React from "react"; import { storiesOf } from "@storybook/react"; import Tabs from "./Tabs"; -import Tab from "./Tab/Tab"; -import TabBody from "./TabBody/TabBody"; +import Tab from "../Tab/Tab"; +import TabBody from "../TabBody/TabBody"; import Window from "../Window/Window"; import WindowHeader from "../WindowHeader/WindowHeader";