├── .eslintrc.cjs ├── .github └── workflows │ └── chromatic.yml ├── .gitignore ├── .storybook ├── main.ts └── preview.ts ├── .yarn └── releases │ └── yarn-4.5.0.cjs ├── .yarnrc.yml ├── LICENSE ├── README.md ├── index.html ├── package.json ├── public ├── mockServiceWorker.js └── vite.svg ├── src ├── App.css ├── App.tsx ├── assets │ ├── font │ │ ├── OpenSans-Light-webfont.eot │ │ ├── OpenSans-Light-webfont.svg │ │ ├── OpenSans-Light-webfont.ttf │ │ ├── OpenSans-Light-webfont.woff │ │ ├── OpenSans-Regular-webfont.eot │ │ ├── OpenSans-Regular-webfont.svg │ │ ├── OpenSans-Regular-webfont.ttf │ │ └── OpenSans-Regular-webfont.woff │ ├── icon │ │ ├── percolate.eot │ │ ├── percolate.svg │ │ ├── percolate.ttf │ │ └── percolate.woff │ └── react.svg ├── components │ ├── InboxScreen.stories.tsx │ ├── InboxScreen.tsx │ ├── Task.stories.tsx │ ├── Task.tsx │ ├── TaskList.stories.tsx │ └── TaskList.tsx ├── index.css ├── lib │ └── store.ts ├── main.tsx ├── stories │ ├── Button.stories.ts │ ├── Button.tsx │ ├── Configure.mdx │ ├── Header.stories.ts │ ├── Header.tsx │ ├── Page.stories.ts │ ├── Page.tsx │ ├── assets │ │ ├── accessibility.png │ │ ├── accessibility.svg │ │ ├── addon-library.png │ │ ├── assets.png │ │ ├── avif-test-image.avif │ │ ├── context.png │ │ ├── discord.svg │ │ ├── docs.png │ │ ├── figma-plugin.png │ │ ├── github.svg │ │ ├── share.png │ │ ├── styling.png │ │ ├── testing.png │ │ ├── theming.png │ │ ├── tutorials.svg │ │ └── youtube.svg │ ├── button.css │ ├── header.css │ └── page.css ├── types.ts └── vite-env.d.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.node.json ├── vite.config.ts └── yarn.lock /.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/.eslintrc.cjs -------------------------------------------------------------------------------- /.github/workflows/chromatic.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/.github/workflows/chromatic.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/.gitignore -------------------------------------------------------------------------------- /.storybook/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/.storybook/main.ts -------------------------------------------------------------------------------- /.storybook/preview.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/.storybook/preview.ts -------------------------------------------------------------------------------- /.yarn/releases/yarn-4.5.0.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/.yarn/releases/yarn-4.5.0.cjs -------------------------------------------------------------------------------- /.yarnrc.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/.yarnrc.yml -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/package.json -------------------------------------------------------------------------------- /public/mockServiceWorker.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/public/mockServiceWorker.js -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/public/vite.svg -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/App.css -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Light-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Light-webfont.eot -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Light-webfont.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Light-webfont.svg -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Light-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Light-webfont.ttf -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Light-webfont.woff -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Regular-webfont.eot -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Regular-webfont.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Regular-webfont.svg -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Regular-webfont.ttf -------------------------------------------------------------------------------- /src/assets/font/OpenSans-Regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/font/OpenSans-Regular-webfont.woff -------------------------------------------------------------------------------- /src/assets/icon/percolate.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/icon/percolate.eot -------------------------------------------------------------------------------- /src/assets/icon/percolate.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/icon/percolate.svg -------------------------------------------------------------------------------- /src/assets/icon/percolate.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/icon/percolate.ttf -------------------------------------------------------------------------------- /src/assets/icon/percolate.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/icon/percolate.woff -------------------------------------------------------------------------------- /src/assets/react.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/assets/react.svg -------------------------------------------------------------------------------- /src/components/InboxScreen.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/components/InboxScreen.stories.tsx -------------------------------------------------------------------------------- /src/components/InboxScreen.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/components/InboxScreen.tsx -------------------------------------------------------------------------------- /src/components/Task.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/components/Task.stories.tsx -------------------------------------------------------------------------------- /src/components/Task.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/components/Task.tsx -------------------------------------------------------------------------------- /src/components/TaskList.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/components/TaskList.stories.tsx -------------------------------------------------------------------------------- /src/components/TaskList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/components/TaskList.tsx -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/index.css -------------------------------------------------------------------------------- /src/lib/store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/lib/store.ts -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/stories/Button.stories.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/Button.stories.ts -------------------------------------------------------------------------------- /src/stories/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/Button.tsx -------------------------------------------------------------------------------- /src/stories/Configure.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/Configure.mdx -------------------------------------------------------------------------------- /src/stories/Header.stories.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/Header.stories.ts -------------------------------------------------------------------------------- /src/stories/Header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/Header.tsx -------------------------------------------------------------------------------- /src/stories/Page.stories.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/Page.stories.ts -------------------------------------------------------------------------------- /src/stories/Page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/Page.tsx -------------------------------------------------------------------------------- /src/stories/assets/accessibility.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/accessibility.png -------------------------------------------------------------------------------- /src/stories/assets/accessibility.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/accessibility.svg -------------------------------------------------------------------------------- /src/stories/assets/addon-library.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/addon-library.png -------------------------------------------------------------------------------- /src/stories/assets/assets.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/assets.png -------------------------------------------------------------------------------- /src/stories/assets/avif-test-image.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/avif-test-image.avif -------------------------------------------------------------------------------- /src/stories/assets/context.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/context.png -------------------------------------------------------------------------------- /src/stories/assets/discord.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/discord.svg -------------------------------------------------------------------------------- /src/stories/assets/docs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/docs.png -------------------------------------------------------------------------------- /src/stories/assets/figma-plugin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/figma-plugin.png -------------------------------------------------------------------------------- /src/stories/assets/github.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/github.svg -------------------------------------------------------------------------------- /src/stories/assets/share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/share.png -------------------------------------------------------------------------------- /src/stories/assets/styling.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/styling.png -------------------------------------------------------------------------------- /src/stories/assets/testing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/testing.png -------------------------------------------------------------------------------- /src/stories/assets/theming.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/theming.png -------------------------------------------------------------------------------- /src/stories/assets/tutorials.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/tutorials.svg -------------------------------------------------------------------------------- /src/stories/assets/youtube.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/assets/youtube.svg -------------------------------------------------------------------------------- /src/stories/button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/button.css -------------------------------------------------------------------------------- /src/stories/header.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/header.css -------------------------------------------------------------------------------- /src/stories/page.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/stories/page.css -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/src/types.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/tsconfig.app.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/vite.config.ts -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chromaui/learnstorybook-code/HEAD/yarn.lock --------------------------------------------------------------------------------