diff --git a/dev.dockerfile b/dev.dockerfile index 9b8fb1aa09..be790007a9 100644 --- a/dev.dockerfile +++ b/dev.dockerfile @@ -16,25 +16,11 @@ RUN apk --no-cache --virtual add \ # set env variable for CI ENV CI=true -# copy just the dependency files and configs needed for install -COPY packages/babel-preset-peregrine/package.json ./packages/babel-preset-peregrine/package.json -COPY packages/create-pwa/package.json ./packages/create-pwa/package.json -COPY packages/extensions/upward-security-headers/package.json ./packages/extensions/upward-security-headers/package.json -COPY packages/graphql-cli-validate-magento-pwa-queries/package.json ./packages/graphql-cli-validate-magento-pwa-queries/package.json -COPY packages/pagebuilder/package.json ./packages/pagebuilder/package.json -COPY packages/peregrine/package.json ./packages/peregrine/package.json -COPY packages/pwa-buildpack/package.json ./packages/pwa-buildpack/package.json -COPY packages/upward-js/package.json ./packages/upward-js/package.json -COPY packages/upward-spec/package.json ./packages/upward-spec/package.json -COPY packages/venia-ui/package.json ./packages/venia-ui/package.json -COPY packages/venia-concept/package.json ./packages/venia-concept/package.json +# copy root dependency files and configs needed for install COPY package.json yarn.lock babel.config.js magento-compatibility.js ./ COPY scripts/monorepo-introduction.js ./scripts/monorepo-introduction.js -# install dependencies with yarn -RUN yarn install --frozen-lockfile - -# copy over the rest of the package files +# copy over the packages COPY packages ./packages # run yarn again to reestablish workspace symlinks diff --git a/package.json b/package.json index ae680e7b10..2a6e6911df 100755 --- a/package.json +++ b/package.json @@ -13,7 +13,6 @@ "packages/upward-js", "packages/upward-spec", "packages/venia-concept", - "packages/venia-styleguide", "packages/venia-ui" ], "author": "Magento Commerce", diff --git a/packages/venia-concept/_buildpack/create.js b/packages/venia-concept/_buildpack/create.js index 0f0f463937..8af2f2a83a 100644 --- a/packages/venia-concept/_buildpack/create.js +++ b/packages/venia-concept/_buildpack/create.js @@ -160,7 +160,6 @@ function setDebugDependencies(pkg) { const packagesToSkip = new Set([ '@magento/create-pwa', '@magento/upward-spec', - '@magento/venia-styleguide', // Venia especially does not depend on itself. '@magento/venia-concept' ]); diff --git a/packages/venia-styleguide/js-yaml-loader.js b/packages/venia-styleguide/js-yaml-loader.js deleted file mode 100644 index 4538408d27..0000000000 --- a/packages/venia-styleguide/js-yaml-loader.js +++ /dev/null @@ -1,17 +0,0 @@ -const yaml = require('js-yaml'); - -module.exports = function(source) { - if (this.cacheable) { - this.cacheable(); - } - - try { - const json = yaml.safeLoad(source); - - return json; - } catch (error) { - this.emitError(error); - - return null; - } -}; diff --git a/packages/venia-styleguide/package.json b/packages/venia-styleguide/package.json deleted file mode 100644 index 77227f54bb..0000000000 --- a/packages/venia-styleguide/package.json +++ /dev/null @@ -1,56 +0,0 @@ -{ - "name": "@magento/venia-styleguide", - "version": "1.0.0", - "publishConfig": { - "access": "public" - }, - "description": "Styleguide for Venia UI", - "main": "src/index.js", - "scripts": { - "build": " ", - "build:ci": " ", - "build:dev": " ", - "clean": " ", - "start": "webpack-dev-server" - }, - "repository": "github:magento/pwa-studio", - "author": "Magento Commerce", - "license": "(OSL-3.0 OR AFL-3.0)", - "bugs": { - "url": "https://github.com/magento/pwa-studio/issues" - }, - "dependencies": { - "@mdx-js/react": "~1.5.1", - "react": "~16.9.0", - "react-dom": "~16.9.0", - "react-feather": "~2.0.3", - "react-router-dom": "~5.1.0" - }, - "devDependencies": { - "@babel/cli": "~7.2.3", - "@babel/core": "~7.3.4", - "@babel/plugin-proposal-class-properties": "~7.3.4", - "@babel/plugin-proposal-object-rest-spread": "~7.3.4", - "@babel/plugin-syntax-dynamic-import": "~7.2.0", - "@babel/plugin-syntax-jsx": "~7.2.0", - "@babel/plugin-transform-react-jsx": "~7.3.0", - "@babel/plugin-transform-runtime": "~7.4.4", - "@magento/babel-preset-peregrine": "1.1.0-rc.1", - "@mdx-js/loader": "~1.5.3", - "@pmmmwh/react-refresh-webpack-plugin": "0.4.1", - "babel-core": "~7.0.0-bridge.0", - "babel-jest": "~24.1.0", - "babel-loader": "~8.0.5", - "babel-plugin-dynamic-import-node": "~2.2.0", - "babel-plugin-graphql-tag": "~2.0.0", - "js-yaml": "~3.13.1", - "json-loader": "~0.5.7", - "prettier": "~1.16.4", - "webpack": "~4.38.0", - "webpack-cli": "~3.2.3", - "webpack-dev-server": "~3.2.1" - }, - "module": "src/index.js", - "es2015": "src/index.js", - "esnext": "src/index.js" -} diff --git a/packages/venia-styleguide/src/components/Anchor/Anchor.js b/packages/venia-styleguide/src/components/Anchor/Anchor.js deleted file mode 100644 index b7fc1ec5ad..0000000000 --- a/packages/venia-styleguide/src/components/Anchor/Anchor.js +++ /dev/null @@ -1,26 +0,0 @@ -import React, { useEffect, useRef } from 'react'; -import { useLocation } from 'react-router-dom'; - -import Link from '../Link'; - -const Anchor = props => { - const { fragment, ...restProps } = props; - const { hash } = useLocation(); - const ref = useRef(null); - - useEffect(() => { - const { current: element } = ref; - - if (element && hash === fragment) { - element.scrollIntoView(); - } - }, [fragment, hash]); - - return ; -}; - -export default Anchor; - -Anchor.defaultProps = { - children: '#' -}; diff --git a/packages/venia-styleguide/src/components/Anchor/index.js b/packages/venia-styleguide/src/components/Anchor/index.js deleted file mode 100644 index 64eab4181c..0000000000 --- a/packages/venia-styleguide/src/components/Anchor/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './Anchor'; diff --git a/packages/venia-styleguide/src/components/App/App.css b/packages/venia-styleguide/src/components/App/App.css deleted file mode 100644 index a849814c06..0000000000 --- a/packages/venia-styleguide/src/components/App/App.css +++ /dev/null @@ -1,13 +0,0 @@ -.root { - display: grid; - justify-content: stretch; - line-height: var(--venia-global-text-lineHeight-300); - padding-left: 256px; - width: 100%; -} - -@media (max-width: 960px) { - .root { - padding-left: 0; - } -} diff --git a/packages/venia-styleguide/src/components/App/App.js b/packages/venia-styleguide/src/components/App/App.js deleted file mode 100644 index 212ce6bacb..0000000000 --- a/packages/venia-styleguide/src/components/App/App.js +++ /dev/null @@ -1,24 +0,0 @@ -import React from 'react'; -import { BrowserRouter } from 'react-router-dom'; - -import Footer from '../Footer'; -import Main from '../Main'; -import Navigation from '../Navigation'; -import Routes from '../Routes'; -import classes from './App.css'; - -const App = () => { - return ( - - -
- -
-
- - - ); -}; - -export default App; diff --git a/packages/venia-styleguide/src/components/App/index.js b/packages/venia-styleguide/src/components/App/index.js deleted file mode 100644 index 9122fa1a9e..0000000000 --- a/packages/venia-styleguide/src/components/App/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './App'; diff --git a/packages/venia-styleguide/src/components/AppBar/AppBar.css b/packages/venia-styleguide/src/components/AppBar/AppBar.css deleted file mode 100644 index e2fc58e5c8..0000000000 --- a/packages/venia-styleguide/src/components/AppBar/AppBar.css +++ /dev/null @@ -1,29 +0,0 @@ -.root { - align-content: center; - background-color: rgb(var(--venia-global-color-gray-50)); - box-shadow: 0 2px rgb(var(--venia-global-color-gray-100)); - display: grid; - gap: 1rem; - grid-auto-rows: 3rem; - grid-template-columns: 1fr auto 1fr; - justify-content: stretch; - padding: 0.25rem 0.5rem; - width: 100%; -} - -.actions { - display: grid; - gap: 0.5rem; - grid-auto-columns: minmax(3rem, auto); - grid-auto-flow: column; -} - -.primary { - composes: actions; - justify-content: start; -} - -.secondary { - composes: actions; - justify-content: end; -} diff --git a/packages/venia-styleguide/src/components/AppBar/AppBar.js b/packages/venia-styleguide/src/components/AppBar/AppBar.js deleted file mode 100644 index 6df1388437..0000000000 --- a/packages/venia-styleguide/src/components/AppBar/AppBar.js +++ /dev/null @@ -1,29 +0,0 @@ -import React, { Children, Fragment, useMemo } from 'react'; - -import classes from './AppBar.css'; - -const AppBar = props => { - const { children } = props; - - const columns = useMemo(() => { - const [primary, logo, secondary] = Children.toArray(children); - - return ( - -
- {primary} -
-
- {logo} -
-
- {secondary} -
- - ); - }, [children]); - - return
{columns}
; -}; - -export default AppBar; diff --git a/packages/venia-styleguide/src/components/AppBar/index.js b/packages/venia-styleguide/src/components/AppBar/index.js deleted file mode 100644 index f35a4af33e..0000000000 --- a/packages/venia-styleguide/src/components/AppBar/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './AppBar'; diff --git a/packages/venia-styleguide/src/components/Article/Article.css b/packages/venia-styleguide/src/components/Article/Article.css deleted file mode 100644 index 8f4b3dcb1a..0000000000 --- a/packages/venia-styleguide/src/components/Article/Article.css +++ /dev/null @@ -1,6 +0,0 @@ -.title { - composes: heading from '../../styles/typography.css'; - font-family: var(--venia-global-text-fontFamily-serif); - font-size: var(--venia-global-text-fontSize-1100); - margin-bottom: 1em; -} diff --git a/packages/venia-styleguide/src/components/Article/Article.js b/packages/venia-styleguide/src/components/Article/Article.js deleted file mode 100644 index cd30492589..0000000000 --- a/packages/venia-styleguide/src/components/Article/Article.js +++ /dev/null @@ -1,50 +0,0 @@ -import React, { - createContext, - useCallback, - useContext, - useEffect, - useMemo, - useState -} from 'react'; - -import classes from './Article.css'; - -const ArticleContext = createContext(); - -const Article = props => { - const { children, title } = props; - const [sections, setSections] = useState(new Map()); - - const addSection = useCallback( - (title, id) => { - setSections(prevMap => { - const nextMap = new Map(prevMap); - - return nextMap.set(title, id); - }); - }, - [setSections] - ); - - const contextValue = useMemo(() => [sections, addSection], [ - addSection, - sections - ]); - - useEffect(() => { - document.title = `${title} – Venia Styleguide`; - }, [title]); - - return ( - -
-

{title}

- {children} -
- - ); -}; - -export default Article; - -export const useArticleContext = () => useContext(ArticleContext); diff --git a/packages/venia-styleguide/src/components/Article/index.js b/packages/venia-styleguide/src/components/Article/index.js deleted file mode 100644 index 1b421a32c1..0000000000 --- a/packages/venia-styleguide/src/components/Article/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default, useArticleContext } from './Article'; diff --git a/packages/venia-styleguide/src/components/Box/Box.css b/packages/venia-styleguide/src/components/Box/Box.css deleted file mode 100644 index 0310bd044d..0000000000 --- a/packages/venia-styleguide/src/components/Box/Box.css +++ /dev/null @@ -1,7 +0,0 @@ -.root { - border-radius: 1px; - box-shadow: 0 0 0 1px rgb(var(--venia-brand-color-1-700)); - height: 100%; - max-width: 100%; - width: 100%; -} diff --git a/packages/venia-styleguide/src/components/Box/Box.js b/packages/venia-styleguide/src/components/Box/Box.js deleted file mode 100644 index 8a8f3b51d9..0000000000 --- a/packages/venia-styleguide/src/components/Box/Box.js +++ /dev/null @@ -1,7 +0,0 @@ -import React from 'react'; - -import classes from './Box.css'; - -const Box = props =>
; - -export default Box; diff --git a/packages/venia-styleguide/src/components/Box/index.js b/packages/venia-styleguide/src/components/Box/index.js deleted file mode 100644 index a3e93ac535..0000000000 --- a/packages/venia-styleguide/src/components/Box/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './Box'; diff --git a/packages/venia-styleguide/src/components/Button/Button.css b/packages/venia-styleguide/src/components/Button/Button.css deleted file mode 100644 index 17e5c2b2b0..0000000000 --- a/packages/venia-styleguide/src/components/Button/Button.css +++ /dev/null @@ -1,49 +0,0 @@ -.root { - --stroke: var(--venia-brand-color-1-700); - background: none; - background-color: rgb(var(--stroke) / 0); - border-color: rgb(var(--stroke)); - border-radius: calc(var(--height) * 0.5px); - border-style: solid; - border-width: 2px; - color: rgb(var(--stroke)); - font-size: var(--venia-global-text-fontSize-100); - font-weight: var(--venia-global-text-fontWeight-bold); - line-height: 1.25rem; - max-width: 100%; - min-height: 2.5rem; - min-width: 10rem; - outline: none; - padding: calc(0.5rem + 1px) 1.75rem calc(0.5rem - 1px); - text-transform: uppercase; - transition-duration: 256ms; - transition-property: background-color, border-color, color; - transition-timing-function: var(--venia-global-anim-standard); -} - -.root:hover { - --stroke: var(--venia-brand-color-1-500); -} - -.root:focus { - box-shadow: -6px 6px rgb(var(--stroke) / 0.3); -} - -.root--priority-high { - composes: root; - background-color: rgb(var(--stroke) / 1); - color: rgb(var(--venia-global-color-gray-50)); -} - -.root--priority-normal { - composes: root; -} - -.root--priority-low { - composes: root; - --stroke: var(--venia-global-color-red-700); -} - -.content { - min-width: 0; -} diff --git a/packages/venia-styleguide/src/components/Button/Button.js b/packages/venia-styleguide/src/components/Button/Button.js deleted file mode 100644 index 3ab41032cc..0000000000 --- a/packages/venia-styleguide/src/components/Button/Button.js +++ /dev/null @@ -1,32 +0,0 @@ -import React, { useLayoutEffect, useMemo, useRef } from 'react'; - -import finalizeClasses from '../../util/finalizeClasses'; -import classes from './Button.css'; - -const Button = props => { - const { children, priority, ...rest } = props; - const ref = useRef(); - - const finalClasses = useMemo(() => { - return finalizeClasses(classes, { priority }); - }, [priority]); - - useLayoutEffect(() => { - const { current } = ref; - - current.style.setProperty('--height', current.offsetHeight); - }); - - return ( - - ); -}; - -export default Button; - -Button.defaultProps = { - priority: 'normal', - type: 'button' -}; diff --git a/packages/venia-styleguide/src/components/Button/index.js b/packages/venia-styleguide/src/components/Button/index.js deleted file mode 100644 index efe8c800c0..0000000000 --- a/packages/venia-styleguide/src/components/Button/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './Button'; diff --git a/packages/venia-styleguide/src/components/ButtonGroup/ButtonGroup.css b/packages/venia-styleguide/src/components/ButtonGroup/ButtonGroup.css deleted file mode 100644 index 1a7e0d83b7..0000000000 --- a/packages/venia-styleguide/src/components/ButtonGroup/ButtonGroup.css +++ /dev/null @@ -1,20 +0,0 @@ -.root { - align-items: center; - background-color: rgb(var(--venia-global-color-gray-50)); - display: grid; - gap: 1rem; - height: 6rem; - justify-content: center; - padding: 0.5rem; - width: 100%; -} - -.root--vertical-true { - composes: root; - grid-auto-flow: row; -} - -.root--vertical-false { - composes: root; - grid-auto-flow: column; -} diff --git a/packages/venia-styleguide/src/components/ButtonGroup/ButtonGroup.js b/packages/venia-styleguide/src/components/ButtonGroup/ButtonGroup.js deleted file mode 100644 index 92ecc117b4..0000000000 --- a/packages/venia-styleguide/src/components/ButtonGroup/ButtonGroup.js +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; - -import finalizeClasses from '../../util/finalizeClasses'; -import classes from './ButtonGroup.css'; - -const ButtonGroup = props => { - const { vertical } = props; - const finalClasses = finalizeClasses(classes, { vertical }); - - return
{props.children}
; -}; - -export default ButtonGroup; - -ButtonGroup.defaultProps = { - vertical: false -}; diff --git a/packages/venia-styleguide/src/components/ButtonGroup/index.js b/packages/venia-styleguide/src/components/ButtonGroup/index.js deleted file mode 100644 index 2c27f33092..0000000000 --- a/packages/venia-styleguide/src/components/ButtonGroup/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './ButtonGroup'; diff --git a/packages/venia-styleguide/src/components/CheckboxInput/CheckboxInput.css b/packages/venia-styleguide/src/components/CheckboxInput/CheckboxInput.css deleted file mode 100644 index be8ee90217..0000000000 --- a/packages/venia-styleguide/src/components/CheckboxInput/CheckboxInput.css +++ /dev/null @@ -1,50 +0,0 @@ -.root { - --stroke: var(--venia-global-color-gray-600); - align-items: center; - color: rgb(var(--venia-global-color-gray-900)); - display: grid; - gap: 0.75rem; - grid-auto-flow: column; - grid-template-areas: 'input label'; - grid-template-columns: min-content 1fr; - justify-items: center; - line-height: 1.5rem; -} - -.input { - -webkit-appearance: none; - background: none; - border: 2px solid transparent; - border-radius: 4px; - grid-area: input; - height: 1.5rem; - width: 1.5rem; - z-index: 2; -} - -.icon { - grid-area: input; - height: 1.5rem; - width: 1.5rem; - z-index: 1; -} - -.icon svg { - stroke: rgb(var(--stroke)); -} - -.label { - font-size: var(--venia-typography-body-S-fontSize); - grid-area: label; - justify-self: start; -} - -.input:checked + .icon { - --stroke: var(--venia-brand-color-1-700); -} - -.input:active, -.input:focus { - box-shadow: -3px 3px rgb(var(--venia-brand-color-1-700) / 0.3); - outline: none; -} diff --git a/packages/venia-styleguide/src/components/CheckboxInput/CheckboxInput.js b/packages/venia-styleguide/src/components/CheckboxInput/CheckboxInput.js deleted file mode 100644 index c2afc04483..0000000000 --- a/packages/venia-styleguide/src/components/CheckboxInput/CheckboxInput.js +++ /dev/null @@ -1,38 +0,0 @@ -import React, { useCallback, useState } from 'react'; -import { CheckSquare, Square } from 'react-feather'; - -import classes from './CheckboxInput.css'; - -const checkedIcon = ; -const uncheckedIcon = ; - -const CheckboxInput = props => { - const { children, initialChecked, value, ...restProps } = props; - const [checked, setChecked] = useState(!!initialChecked); - const icon = checked ? checkedIcon : uncheckedIcon; - - const handleChange = useCallback( - event => { - const { checked } = event.target; - - setChecked(!!checked); - }, - [setChecked] - ); - - return ( - - ); -}; - -export default CheckboxInput; diff --git a/packages/venia-styleguide/src/components/CheckboxInput/index.js b/packages/venia-styleguide/src/components/CheckboxInput/index.js deleted file mode 100644 index 6eb85f302c..0000000000 --- a/packages/venia-styleguide/src/components/CheckboxInput/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './CheckboxInput'; diff --git a/packages/venia-styleguide/src/components/Columns/Columns.css b/packages/venia-styleguide/src/components/Columns/Columns.css deleted file mode 100644 index 1009655b77..0000000000 --- a/packages/venia-styleguide/src/components/Columns/Columns.css +++ /dev/null @@ -1,22 +0,0 @@ -.root { - display: grid; - gap: 2rem; - grid-template-columns: 100%; - margin-bottom: 4rem; -} - -@media (min-width: 768px) { - .root { - grid-template-columns: repeat(2, calc(50% - 1rem)); - } -} - -.figure { - align-items: center; - background-color: rgb(var(--venia-global-color-gray-100)); - border-radius: 4px; - display: grid; - justify-items: center; - min-height: 10rem; - padding: 3rem; -} diff --git a/packages/venia-styleguide/src/components/Columns/Columns.js b/packages/venia-styleguide/src/components/Columns/Columns.js deleted file mode 100644 index 1dd5e4c7bc..0000000000 --- a/packages/venia-styleguide/src/components/Columns/Columns.js +++ /dev/null @@ -1,29 +0,0 @@ -import React, { Children, useMemo } from 'react'; - -import classes from './Columns.css'; - -const Columns = props => { - const { children, reverse } = props; - - const columns = useMemo(() => { - const [content, figure] = Children.toArray(children); - - const contentEl = ( -
- {content} -
- ); - - const figureEl = ( -
- {figure} -
- ); - - return reverse ? [figureEl, contentEl] : [contentEl, figureEl]; - }, [children, reverse]); - - return
{columns}
; -}; - -export default Columns; diff --git a/packages/venia-styleguide/src/components/Columns/index.js b/packages/venia-styleguide/src/components/Columns/index.js deleted file mode 100644 index d5c5862f0f..0000000000 --- a/packages/venia-styleguide/src/components/Columns/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './Columns'; diff --git a/packages/venia-styleguide/src/components/ExampleGroup/ExampleGroup.css b/packages/venia-styleguide/src/components/ExampleGroup/ExampleGroup.css deleted file mode 100644 index 22476a72ee..0000000000 --- a/packages/venia-styleguide/src/components/ExampleGroup/ExampleGroup.css +++ /dev/null @@ -1,7 +0,0 @@ -.root { - align-items: center; - display: grid; - gap: 2rem; - justify-items: center; - width: 100%; -} diff --git a/packages/venia-styleguide/src/components/ExampleGroup/ExampleGroup.js b/packages/venia-styleguide/src/components/ExampleGroup/ExampleGroup.js deleted file mode 100644 index a6bb3e56db..0000000000 --- a/packages/venia-styleguide/src/components/ExampleGroup/ExampleGroup.js +++ /dev/null @@ -1,7 +0,0 @@ -import React from 'react'; - -import classes from './ExampleGroup.css'; - -const ExampleGroup = props =>
; - -export default ExampleGroup; diff --git a/packages/venia-styleguide/src/components/ExampleGroup/index.js b/packages/venia-styleguide/src/components/ExampleGroup/index.js deleted file mode 100644 index e643726a1a..0000000000 --- a/packages/venia-styleguide/src/components/ExampleGroup/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './ExampleGroup'; diff --git a/packages/venia-styleguide/src/components/Field/Field.css b/packages/venia-styleguide/src/components/Field/Field.css deleted file mode 100644 index 800c373357..0000000000 --- a/packages/venia-styleguide/src/components/Field/Field.css +++ /dev/null @@ -1,13 +0,0 @@ -.root { - display: grid; - gap: 0.25rem; -} - -.label { - color: rgb(var(--venia-global-color-gray-800)); - font-size: var(--venia-typography-body-M-fontSize); - font-weight: var(--venia-global-text-fontWeight-semibold); - line-height: var(--venia-typography-body-lineHeight); - min-height: var(--venia-typography-body-lineHeight); - padding: 0 0.25rem; -} diff --git a/packages/venia-styleguide/src/components/Field/Field.js b/packages/venia-styleguide/src/components/Field/Field.js deleted file mode 100644 index d77001a870..0000000000 --- a/packages/venia-styleguide/src/components/Field/Field.js +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; - -import classes from './Field.css'; - -const Field = props => { - const { children, label, ...restProps } = props; - - return ( -
- - {children} -
- ); -}; - -export default Field; diff --git a/packages/venia-styleguide/src/components/Field/index.js b/packages/venia-styleguide/src/components/Field/index.js deleted file mode 100644 index 813fc09834..0000000000 --- a/packages/venia-styleguide/src/components/Field/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './Field'; diff --git a/packages/venia-styleguide/src/components/Footer/Footer.css b/packages/venia-styleguide/src/components/Footer/Footer.css deleted file mode 100644 index 37fc3130b9..0000000000 --- a/packages/venia-styleguide/src/components/Footer/Footer.css +++ /dev/null @@ -1,8 +0,0 @@ -.root { - height: 64px; - justify-self: center; - margin-top: 8rem; - max-width: 1080px; - min-width: 320px; - width: 100%; -} diff --git a/packages/venia-styleguide/src/components/Footer/Footer.js b/packages/venia-styleguide/src/components/Footer/Footer.js deleted file mode 100644 index 5a75c84f03..0000000000 --- a/packages/venia-styleguide/src/components/Footer/Footer.js +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; - -import classes from './Footer.css'; - -const Footer = () => { - return