Remove Storybook
As discussed in today's team meeting, no one is using the Storybook files anymore, and they're a maintenance burden, so we should remove them.
This commit is contained in:
Robin
@@ -5,8 +5,6 @@
|
|||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
|
"build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
|
||||||
"serve": "vite preview",
|
"serve": "vite preview",
|
||||||
"storybook": "start-storybook -p 6006",
|
|
||||||
"build-storybook": "build-storybook",
|
|
||||||
"prettier:check": "prettier -c .",
|
"prettier:check": "prettier -c .",
|
||||||
"prettier:format": "prettier -w .",
|
"prettier:format": "prettier -w .",
|
||||||
"lint": "yarn lint:types && yarn lint:eslint",
|
"lint": "yarn lint:types && yarn lint:eslint",
|
||||||
@@ -46,11 +44,13 @@
|
|||||||
"@react-stately/tree": "^3.2.0",
|
"@react-stately/tree": "^3.2.0",
|
||||||
"@sentry/react": "^6.13.3",
|
"@sentry/react": "^6.13.3",
|
||||||
"@sentry/tracing": "^6.13.3",
|
"@sentry/tracing": "^6.13.3",
|
||||||
|
"@types/lodash": "^4.14.199",
|
||||||
"@use-gesture/react": "^10.2.11",
|
"@use-gesture/react": "^10.2.11",
|
||||||
"@vector-im/compound-design-tokens": "^0.0.6",
|
"@vector-im/compound-design-tokens": "^0.0.6",
|
||||||
"@vector-im/compound-web": "^0.4.0",
|
"@vector-im/compound-web": "^0.4.0",
|
||||||
"@vitejs/plugin-basic-ssl": "^1.0.1",
|
"@vitejs/plugin-basic-ssl": "^1.0.1",
|
||||||
"@vitejs/plugin-react": "^4.0.1",
|
"@vitejs/plugin-react": "^4.0.1",
|
||||||
|
"buffer": "^6.0.3",
|
||||||
"classnames": "^2.3.1",
|
"classnames": "^2.3.1",
|
||||||
"events": "^3.3.0",
|
"events": "^3.3.0",
|
||||||
"i18next": "^23.0.0",
|
"i18next": "^23.0.0",
|
||||||
@@ -81,10 +81,12 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.16.5",
|
"@babel/core": "^7.16.5",
|
||||||
|
"@babel/preset-env": "^7.22.20",
|
||||||
|
"@babel/preset-react": "^7.22.15",
|
||||||
|
"@babel/preset-typescript": "^7.23.0",
|
||||||
"@react-spring/rafz": "^9.7.3",
|
"@react-spring/rafz": "^9.7.3",
|
||||||
"@react-types/dialog": "^3.5.5",
|
"@react-types/dialog": "^3.5.5",
|
||||||
"@sentry/vite-plugin": "^2.0.0",
|
"@sentry/vite-plugin": "^2.0.0",
|
||||||
"@storybook/react": "^6.5.0-alpha.5",
|
|
||||||
"@testing-library/jest-dom": "^6.0.0",
|
"@testing-library/jest-dom": "^6.0.0",
|
||||||
"@testing-library/react": "^14.0.0",
|
"@testing-library/react": "^14.0.0",
|
||||||
"@types/content-type": "^1.1.5",
|
"@types/content-type": "^1.1.5",
|
||||||
@@ -117,7 +119,6 @@
|
|||||||
"jest-mock": "^29.5.0",
|
"jest-mock": "^29.5.0",
|
||||||
"prettier": "^2.6.2",
|
"prettier": "^2.6.2",
|
||||||
"sass": "^1.42.1",
|
"sass": "^1.42.1",
|
||||||
"storybook-builder-vite": "^0.1.12",
|
|
||||||
"typescript": "^5.1.6",
|
"typescript": "^5.1.6",
|
||||||
"vite": "^4.2.0",
|
"vite": "^4.2.0",
|
||||||
"vite-plugin-html-template": "^1.1.0",
|
"vite-plugin-html-template": "^1.1.0",
|
||||||
|
|||||||
@@ -1,66 +0,0 @@
|
|||||||
/*
|
|
||||||
Copyright 2022 New Vector Ltd
|
|
||||||
|
|
||||||
Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
you may not use this file except in compliance with the License.
|
|
||||||
You may obtain a copy of the License at
|
|
||||||
|
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
|
|
||||||
Unless required by applicable law or agreed to in writing, software
|
|
||||||
distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
See the License for the specific language governing permissions and
|
|
||||||
limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { FC } from "react";
|
|
||||||
|
|
||||||
import { TabContainer, TabItem } from "./Tabs";
|
|
||||||
import { ReactComponent as AudioIcon } from "../icons/Audio.svg";
|
|
||||||
import { ReactComponent as VideoIcon } from "../icons/Video.svg";
|
|
||||||
import { ReactComponent as DeveloperIcon } from "../icons/Developer.svg";
|
|
||||||
import { Body } from "../typography/Typography";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
title: "Tabs",
|
|
||||||
component: TabContainer,
|
|
||||||
parameters: {
|
|
||||||
layout: "fullscreen",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Tabs: FC = () => (
|
|
||||||
<TabContainer>
|
|
||||||
<TabItem
|
|
||||||
title={
|
|
||||||
<>
|
|
||||||
<AudioIcon width={16} height={16} />
|
|
||||||
<Body>Audio</Body>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
Audio Tab Content
|
|
||||||
</TabItem>
|
|
||||||
<TabItem
|
|
||||||
title={
|
|
||||||
<>
|
|
||||||
<VideoIcon width={16} height={16} />
|
|
||||||
<Body>Video</Body>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
Video Tab Content
|
|
||||||
</TabItem>
|
|
||||||
<TabItem
|
|
||||||
title={
|
|
||||||
<>
|
|
||||||
<DeveloperIcon width={16} height={16} />
|
|
||||||
<Body>Developer</Body>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
Developer Tab Content
|
|
||||||
</TabItem>
|
|
||||||
</TabContainer>
|
|
||||||
);
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
/*
|
|
||||||
Copyright 2022 New Vector Ltd
|
|
||||||
|
|
||||||
Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
you may not use this file except in compliance with the License.
|
|
||||||
You may obtain a copy of the License at
|
|
||||||
|
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
|
|
||||||
Unless required by applicable law or agreed to in writing, software
|
|
||||||
distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
See the License for the specific language governing permissions and
|
|
||||||
limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { FC } from "react";
|
|
||||||
|
|
||||||
import { Headline, Title, Subtitle, Body, Caption, Micro } from "./Typography";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
title: "Typography",
|
|
||||||
parameters: {
|
|
||||||
layout: "fullscreen",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Typography: FC = () => (
|
|
||||||
<>
|
|
||||||
<Headline>Headline Semi Bold</Headline>
|
|
||||||
<Title>Title</Title>
|
|
||||||
<Subtitle>Subtitle</Subtitle>
|
|
||||||
<Subtitle fontWeight="semiBold">Subtitle Semi Bold</Subtitle>
|
|
||||||
<Body>Body</Body>
|
|
||||||
<Body fontWeight="semiBold">Body Semi Bold</Body>
|
|
||||||
<Caption>Caption</Caption>
|
|
||||||
<Caption fontWeight="semiBold">Caption Semi Bold</Caption>
|
|
||||||
<Caption fontWeight="bold">Caption Bold</Caption>
|
|
||||||
<Micro>Micro</Micro>
|
|
||||||
<Micro fontWeight="bold">Micro bold</Micro>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
Reference in New Issue
Block a user