diff --git a/.github/workflows/master.yml b/.github/workflows/master.yml index 3219334..7335e09 100644 --- a/.github/workflows/master.yml +++ b/.github/workflows/master.yml @@ -97,19 +97,4 @@ jobs: path: | .lighthouseci !.lighthouseci/*.json - build-storybook: - name: Storybook Build - runs-on: ubuntu-latest - needs: [check-style, check-types] - timeout-minutes: 5 - steps: - - name: Checkout Repo - uses: actions/checkout@v2 - - name: Cache node_modules - uses: actions/cache@v2 - with: - path: '**/node_modules' - key: ${{ runner.os }}-modules-${{ hashFiles('yarn.lock') }} - - name: Build - run: yarn build-storybook diff --git a/.storybook/main.js b/.storybook/main.js deleted file mode 100644 index 0b7ffec..0000000 --- a/.storybook/main.js +++ /dev/null @@ -1,20 +0,0 @@ -module.exports = { - stories: [ - '../stories/**/*.stories.tsx', - '../stories/**/*.stories.ts', - '../stories/**/*.stories.js' - ], - addons: [ - '@storybook/addon-actions', - '@storybook/addon-links', - '@storybook/addon-viewport', - '@storybook/addon-essentials', - 'storybook-addon-emotion-theme/dist/register', - { - name: '@storybook/addon-docs', - options: { - configureJSX: true - } - } - ] -} diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html deleted file mode 100644 index a7c672b..0000000 --- a/.storybook/preview-head.html +++ /dev/null @@ -1,2 +0,0 @@ - diff --git a/.storybook/preview.js b/.storybook/preview.js deleted file mode 100644 index 73d030a..0000000 --- a/.storybook/preview.js +++ /dev/null @@ -1,60 +0,0 @@ -import { addDecorator } from '@storybook/react' -import { withThemesProvider } from 'storybook-addon-emotion-theme' - -import GlobalStyle from '../src/components/elements/Layout/GlobalStyle' -import theme from '../src/assets/theme' - -const themes = [theme] -addDecorator(withThemesProvider(themes)) - -addDecorator((story) => ( - <> - {GlobalStyle} - {story()} - -)) - -const customViewports = { - iphoneX: { - name: 'iphoneX', - styles: { - width: '375px', - height: '635px' - } - }, - ipad: { - name: 'ipad', - styles: { - width: '768px', - height: '1024px' - } - }, - ipadPro: { - name: 'ipadPro', - styles: { - width: '1024px', - height: '1366px' - } - }, - laptopL: { - name: 'laptopL', - styles: { - width: '1440px', - height: '1024px' - } - }, - desktopFHD: { - name: 'desktopFHD', - styles: { - width: '1920px', - height: '1080px' - } - } -} - -export const parameters = { - actions: { argTypesRegex: '^on[A-Z].*' }, - viewport: { - viewports: customViewports - } -} diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js deleted file mode 100644 index 9b4bab7..0000000 --- a/.storybook/webpack.config.js +++ /dev/null @@ -1,25 +0,0 @@ -const path = require('path'); - -module.exports = async ({ config }) => { - // styles - config.module.rules.push({ - test: /\.(sass|scss)$/, - use: ['resolve-url-loader'], - include: path.resolve(__dirname, '../') - }); - // fonts - config.module.rules.push({ - test: /\.(png|woff|woff2|eot|ttf|svg)$/, - use: [ - { - loader: 'file-loader', - query: { - name: '[name].[ext]' - } - } - ], - include: path.resolve(__dirname, '../') - }); - - return config; -}; diff --git a/package.json b/package.json index 3e74a03..1027028 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,6 @@ "start": "next start", "export": "next export", "contentful-typescript-codegen": "contentful-typescript-codegen --output @types/generated/contentful.d.ts", - "storybook": "start-storybook -p 6006 -s public", - "build-storybook": "build-storybook -s public", "lighthouse-check": "lhci autorun", "check-style": "eslint './{src,public}/**/*.{ts,tsx,js}'", "check-types": "tsc --noEmit" @@ -28,14 +26,6 @@ }, "devDependencies": { "@next/eslint-plugin-next": "^12.1.4", - "@storybook/addon-actions": "^6.1.21", - "@storybook/addon-docs": "^6.1.21", - "@storybook/addon-essentials": "^6.1.21", - "@storybook/addon-links": "^6.1.21", - "@storybook/addon-viewport": "^6.1.21", - "@storybook/node-logger": "^6.1.21", - "@storybook/preset-create-react-app": "^3.1.7", - "@storybook/react": "^6.1.21", "@types/node": "^16.7.4", "@types/react": "^17.0.6", "@types/react-stickynode": "^3.0.1", @@ -48,7 +38,6 @@ "eslint-plugin-prettier": "^4.0.0", "eslint-plugin-react-hooks": "^4.4.0", "file-loader": "^6.2.0", - "storybook-addon-emotion-theme": "^2.1.1", "typescript": "^4.2.4" } } diff --git a/stories/button/buttons.stories.tsx b/stories/button/buttons.stories.tsx deleted file mode 100644 index 3d0bf1a..0000000 --- a/stories/button/buttons.stories.tsx +++ /dev/null @@ -1,71 +0,0 @@ -import styled from '@emotion/styled' -import type { Meta } from '@storybook/react' -import React from 'react' - -import marginHelper from '$/assets/styleHelper/marginHelper' -import Button from '$/components/elements/Button' -import type { possibleVariants } from '$/components/elements/Button/variants' -import variants from '$/components/elements/Button/variants' -import colorVariants from '$/components/elements/Button/variants/_colorVariants' -import Loader from '$/components/elements/Loader' -import { TypographyP } from '$/components/elements/Typography' - -const Wrapper = styled('div')` - display: grid; - grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); - grid-gap: 16px; -` - -export default { - title: 'Elements/Button', - component: Button, - argTypes: { - icon: { - control: false, - }, - loader: { - control: false, - }, - }, - args: { - children: 'Click me!', - icon: false, - loader: , - }, -} as Meta - -export const Template: React.FC = (args) =>