Add comprehensive development roadmap via GitHub Issues
Created 10 detailed GitHub issues covering: - Project activation and management UI (#1-2) - Worker node coordination and visualization (#3-4) - Automated GitHub repository scanning (#5) - Intelligent model-to-issue matching (#6) - Multi-model task execution system (#7) - N8N workflow integration (#8) - Hive-Bzzz P2P bridge (#9) - Peer assistance protocol (#10) Each issue includes detailed specifications, acceptance criteria, technical implementation notes, and dependency mapping. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
154
frontend/node_modules/@storybook/addon-docs/README.md
generated
vendored
Normal file
154
frontend/node_modules/@storybook/addon-docs/README.md
generated
vendored
Normal file
@@ -0,0 +1,154 @@
|
||||
<center>
|
||||
<img src="https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/docs/docs/media/hero.png" width="100%" />
|
||||
</center>
|
||||
|
||||
# Storybook Docs
|
||||
|
||||
> migration guide: This page documents the method to configure Storybook introduced recently in 7.0.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring Storybook.
|
||||
|
||||
Storybook Docs transforms your Storybook stories into world-class component documentation.
|
||||
|
||||
**DocsPage.** Out of the box, all your stories get a `DocsPage`. `DocsPage` is a zero-config aggregation of your component stories, text descriptions, docgen comments, props tables, and code examples into clean, readable pages.
|
||||
|
||||
**MDX.** If you want more control, `MDX` allows you to write long-form markdown documentation and include stories in one file. You can also use it to write pure documentation pages and embed them inside your Storybook alongside your stories.
|
||||
|
||||
Just like Storybook, Docs supports every major view layer including React, Vue 3, Angular, HTML, Web components, Svelte, and many more.
|
||||
|
||||
Read on to learn more:
|
||||
|
||||
- [Storybook Docs](#storybook-docs)
|
||||
- [DocsPage](#docspage)
|
||||
- [MDX](#mdx)
|
||||
- [Framework support](#framework-support)
|
||||
- [Installation](#installation)
|
||||
- [Be sure to check framework specific installation needs](#be-sure-to-check-framework-specific-installation-needs)
|
||||
- [Preset options](#preset-options)
|
||||
- [TypeScript configuration](#typescript-configuration)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## DocsPage
|
||||
|
||||
When you [install Docs](#installation), every story gets a `DocsPage`. `DocsPage` pulls information from your stories, components, source code, and story metadata to construct a sensible, zero-config default.
|
||||
|
||||
Click on the `Docs` tab to see it:
|
||||
|
||||
<center>
|
||||
<img src="https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/docs/docs/media/docs-tab.png" width="100%" />
|
||||
</center>
|
||||
|
||||
For more information on how it works, see the [`DocsPage` reference](https://github.com/storybookjs/storybook/blob/next/code/addons/docs/docs/docspage.md).
|
||||
|
||||
## MDX
|
||||
|
||||
`MDX` is a syntax for writing long-form documentation with stories side-by-side in the same file. In contrast to `DocsPage`, which provides smart documentation out of the box, `MDX` gives you full control over your component documentation.
|
||||
|
||||
Here's an example file:
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
```md
|
||||
import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
|
||||
import * as CheckboxStories from './Checkbox.stories';
|
||||
|
||||
<Meta title="MDX/Checkbox" of={CheckboxStories} />
|
||||
|
||||
# Checkbox
|
||||
|
||||
With `MDX` we can include a story for `Checkbox` right in the middle of our
|
||||
markdown documentation.
|
||||
|
||||
<Canvas>
|
||||
<Story of={CheckboxStories.Unchecked} />
|
||||
</Canvas>
|
||||
```
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
And here's how that's rendered in Storybook:
|
||||
|
||||
<center>
|
||||
<img src="https://raw.githubusercontent.com/storybookjs/storybook/next/code/addons/docs/docs/media/mdx-simple.png" width="100%" />
|
||||
</center>
|
||||
|
||||
For more information on `MDX`, see the [`MDX` reference](https://github.com/storybookjs/storybook/blob/next/code/addons/docs/docs/mdx.md).
|
||||
|
||||
## Framework support
|
||||
|
||||
Storybook Docs supports all view layers that Storybook supports except for React Native (currently). There are some framework-specific features as well, such as props tables and inline story rendering. The following page captures the current state of support:
|
||||
|
||||
[Framework Support](https://storybook.js.org/docs/configure/integration/frameworks-feature-support)
|
||||
|
||||
**Note:** `#` = WIP support
|
||||
|
||||
Want to add enhanced features to your favorite framework? Check out this [dev guide](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/multiframework.md)
|
||||
|
||||
## Installation
|
||||
|
||||
First add the package. Make sure that the versions for your `@storybook/*` packages match:
|
||||
|
||||
```sh
|
||||
yarn add -D @storybook/addon-docs
|
||||
```
|
||||
|
||||
Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
|
||||
|
||||
```sh
|
||||
yarn add -D react
|
||||
```
|
||||
|
||||
Then add the following to your `.storybook/main.js`:
|
||||
|
||||
```js
|
||||
export default {
|
||||
stories: [
|
||||
'../src/**/*.mdx', // 👈 Add this, to match your project's structure
|
||||
'../src/**/*.stories.@(js|jsx|ts|tsx)',
|
||||
],
|
||||
addons: [
|
||||
'@storybook/addon-docs', // 👈 Also add this
|
||||
],
|
||||
};
|
||||
```
|
||||
|
||||
### Be sure to check framework specific installation needs
|
||||
|
||||
- [React](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/react) (covered here)
|
||||
- [Vue 3](https://github.com/storybookjs/storybook/blob/next/code/addons/docs/vue3)
|
||||
- [Angular](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/angular)
|
||||
- [Ember](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/ember)
|
||||
- [Web Components](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/web-components)
|
||||
- [Common setup (all other frameworks)](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/common)
|
||||
|
||||
## Preset options
|
||||
|
||||
The `addon-docs` preset has a few configuration options that can be used to configure its babel/webpack loading behavior. Here's an example of how to use the preset with options:
|
||||
|
||||
```js
|
||||
export default {
|
||||
addons: [
|
||||
{
|
||||
name: '@storybook/addon-docs',
|
||||
options: {
|
||||
csfPluginOptions: null,
|
||||
mdxPluginOptions: {},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
```
|
||||
|
||||
`csfPluginOptions` is an object for configuring `@storybook/csf-plugin`. When set to `null` it tells docs not to run the `csf-plugin` at all, which can be used as an optimization, or if you're already using `csf-plugin` in your `main.js`.
|
||||
|
||||
> With the release of version 7.0, it is no longer possible to import `.md` files directly into Storybook using the `transcludeMarkdown` [option](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#importing-plain-markdown-files-with-transcludemarkdown-has-changed). Instead, we recommend using the [`Markdown`](https://storybook.js.org/docs/api/doc-blocks/doc-block-markdown) Doc Block for importing Markdown files into your Storybook documentation.
|
||||
|
||||
## TypeScript configuration
|
||||
|
||||
As of SB6 [TypeScript is zero-config](https://storybook.js.org/docs/configure/integration/typescript) and should work with SB Docs out of the box. For advanced configuration options, refer to the [Props documentation](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/props-tables.md).
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/docspage.md) / [MDX](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/mdx.md) / [FAQ](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/faq.md) / [Recipes](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/recipes.md) / [Theming](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/theming.md) / [Props](https://github.com/storybookjs/storybook/tree/next/code/addons/docs/docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
256
frontend/node_modules/@storybook/addon-docs/angular/README.md
generated
vendored
Normal file
256
frontend/node_modules/@storybook/addon-docs/angular/README.md
generated
vendored
Normal file
@@ -0,0 +1,256 @@
|
||||
<center>
|
||||
<img src="../docs/media/angular-hero.png" width="100%" />
|
||||
</center>
|
||||
|
||||
<h1>Storybook Docs for Angular</h1>
|
||||
|
||||
> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
|
||||
|
||||
Storybook Docs transforms your Storybook stories into world-class component documentation. Storybook Docs for Angular supports [DocsPage](../docs/docspage.md) for auto-generated docs, and [MDX](../docs/mdx.md) for rich long-form docs.
|
||||
|
||||
To learn more about Storybook Docs, read the [general documentation](../README.md). To learn the Angular specifics, read on!
|
||||
|
||||
- [Installation](#installation)
|
||||
- [DocsPage](#docspage)
|
||||
- [Props tables](#props-tables)
|
||||
- [Automatic Compodoc setup](#automatic-compodoc-setup)
|
||||
- [Manual Compodoc setup](#manual-compodoc-setup)
|
||||
- [MDX](#mdx)
|
||||
- [IFrame height](#iframe-height)
|
||||
- [Inline Stories](#inline-stories)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## Installation
|
||||
|
||||
First add the package. Make sure that the versions for your `@storybook/*` packages match:
|
||||
|
||||
```sh
|
||||
yarn add -D @storybook/addon-docs
|
||||
```
|
||||
|
||||
Then add the following to your `.storybook/main.js` exports:
|
||||
|
||||
```js
|
||||
export default {
|
||||
addons: ['@storybook/addon-docs'],
|
||||
};
|
||||
```
|
||||
|
||||
## DocsPage
|
||||
|
||||
When you [install docs](#installation) you should get basic [DocsPage](../docs/docspage.md) documentation automagically for all your stories, available in the `Docs` tab of the Storybook UI.
|
||||
|
||||
## Props tables
|
||||
|
||||
Getting [Props tables](../docs/props-tables.md) for your components requires a few more steps. Docs for Angular relies on [Compodoc](https://compodoc.app/), the excellent API documentation tool. It supports `inputs`, `outputs`, `properties`, `methods`, `view/content child/children` as first class prop types.
|
||||
|
||||
### Automatic Compodoc setup
|
||||
|
||||
During `sb init`, you will be asked, whether you want to setup Compodoc for your project. Just answer the question with Yes. Compodoc is then ready to use!
|
||||
|
||||
## Manual Compodoc setup
|
||||
|
||||
You'll need to register Compodoc's `documentation.json` file in `.storybook/preview.ts`:
|
||||
|
||||
```js
|
||||
import { setCompodocJson } from '@storybook/addon-docs/angular';
|
||||
import docJson from '../documentation.json';
|
||||
|
||||
setCompodocJson(docJson);
|
||||
```
|
||||
|
||||
Finally, to set up compodoc, you'll first need to install Compodoc:
|
||||
|
||||
```sh
|
||||
yarn add -D @compodoc/compodoc
|
||||
```
|
||||
|
||||
Then you'll need to configure Compodoc to generate a `documentation.json` file. Adding the following snippet to your `projects.<project>.architect.<storybook|build-storybook>` in the `angular.json` creates a metadata file `./documentation.json` each time you run storybook:
|
||||
|
||||
```jsonc
|
||||
// angular.json
|
||||
{
|
||||
"projects": {
|
||||
"your-project": {
|
||||
"architect": {
|
||||
"storybook": {
|
||||
...,
|
||||
"compodoc": true,
|
||||
"compodocArgs": [
|
||||
"-e",
|
||||
"json",
|
||||
"-d",
|
||||
"." // the root folder of your project
|
||||
],
|
||||
},
|
||||
"build-storybook": {
|
||||
...,
|
||||
"compodoc": true,
|
||||
"compodocArgs": [
|
||||
"-e",
|
||||
"json",
|
||||
"-d",
|
||||
"." // the root folder of your project
|
||||
],
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Unfortunately, it's not currently possible to update this dynamically as you edit your components, but [there's an open issue](https://github.com/storybookjs/storybook/issues/8672) to support this with improvements to Compodoc.
|
||||
|
||||
Finally, be sure to fill in the `component` field in your story metadata:
|
||||
|
||||
```ts
|
||||
import { AppComponent } from './app.component';
|
||||
|
||||
export default {
|
||||
title: 'App Component',
|
||||
component: AppComponent,
|
||||
};
|
||||
```
|
||||
|
||||
If you haven't upgraded from `storiesOf`, you can use a parameter to do the same thing:
|
||||
|
||||
```ts
|
||||
import { storiesOf } from '@storybook/angular';
|
||||
import { AppComponent } from './app.component';
|
||||
|
||||
storiesOf('App Component', module)
|
||||
.addParameters({ component: AppComponent })
|
||||
.add( ... );
|
||||
```
|
||||
|
||||
## MDX
|
||||
|
||||
[MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
|
||||
|
||||
Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
|
||||
|
||||
```sh
|
||||
yarn add -D react
|
||||
```
|
||||
|
||||
Then update your `.storybook/main.js` to make sure you load MDX files:
|
||||
|
||||
```js
|
||||
export default {
|
||||
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
|
||||
};
|
||||
```
|
||||
|
||||
Finally, you can create MDX files like this:
|
||||
|
||||
```md
|
||||
import { Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
||||
import { AppComponent } from './app.component';
|
||||
|
||||
<Meta title='App Component' component={AppComponent} />
|
||||
|
||||
# App Component
|
||||
|
||||
Some **markdown** description, or whatever you want.
|
||||
|
||||
<Story name='basic' height='400px'>{{
|
||||
component: AppComponent,
|
||||
props: {},
|
||||
}}</Story>
|
||||
|
||||
## ArgsTable
|
||||
|
||||
<ArgsTable of={AppComponent} />
|
||||
```
|
||||
|
||||
Yes, it's redundant to declare `component` twice. [Coming soon](https://github.com/storybookjs/storybook/issues/8673).
|
||||
|
||||
Also, to use the `Props` doc block, you need to set up Compodoc, [as described above](#docspage).
|
||||
|
||||
When you are using `template`, `moduleMetadata` and/or `addDecorators` with `storiesOf` then you can easily translate your story to MDX, too:
|
||||
|
||||
```md
|
||||
import { Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
||||
import { CheckboxComponent, RadioButtonComponent } from './my-components';
|
||||
import { moduleMetadata } from '@storybook/angular';
|
||||
|
||||
<Meta title='Checkbox' decorators={[
|
||||
moduleMetadata({
|
||||
declarations: [CheckboxComponent]
|
||||
})
|
||||
]} />
|
||||
|
||||
# Basic Checkbox
|
||||
|
||||
<Story name='basic check' height='400px'>{{
|
||||
template: `
|
||||
<div class="some-wrapper-with-padding">
|
||||
<my-checkbox [checked]="checked">Some Checkbox</my-checkbox>
|
||||
</div>
|
||||
`,
|
||||
props: {
|
||||
checked: true
|
||||
}
|
||||
}}</Story>
|
||||
|
||||
# Basic Radiobutton
|
||||
|
||||
<Story name='basic radio' height='400px'>{{
|
||||
moduleMetadata: {
|
||||
declarations: [RadioButtonComponent]
|
||||
}
|
||||
template: `
|
||||
<div class="some-wrapper-with-padding">
|
||||
<my-radio-btn [checked]="checked">Some Checkbox</my-radio-btn>
|
||||
</div>
|
||||
`,
|
||||
props: {
|
||||
checked: true
|
||||
}
|
||||
}}</Story>
|
||||
```
|
||||
|
||||
## IFrame height
|
||||
|
||||
Storybook Docs renders all Angular stories inside IFrames, with a default height of `60px`. You can update this default globally, or modify the IFrame height locally per story in `DocsPage` and `MDX`.
|
||||
|
||||
To update the global default, modify `.storybook/preview.ts`:
|
||||
|
||||
```ts
|
||||
export const parameters = { docs: { story: { iframeHeight: '400px' } } };
|
||||
```
|
||||
|
||||
For `DocsPage`, you need to update the parameter locally in a story:
|
||||
|
||||
```ts
|
||||
export const basic = () => ...
|
||||
basic.parameters = {
|
||||
docs: { story: { iframeHeight: '400px' } },
|
||||
}
|
||||
```
|
||||
|
||||
And for `MDX` you can modify it as an attribute on the `Story` element:
|
||||
|
||||
```md
|
||||
<Story name='basic' height='400px'>{...}</Story>
|
||||
```
|
||||
|
||||
## Inline Stories
|
||||
|
||||
Storybook Docs renders all Angular stories inline by default.
|
||||
|
||||
However, you can render stories in an iframe, with a default height of `100px` (configurable using the `docs.story.iframeHeight` story parameter), by using the `docs.story.inline` parameter.
|
||||
|
||||
To do so for all stories, update `.storybook/preview.js`:
|
||||
|
||||
```js
|
||||
export const parameters = { docs: { story: { inline: false } } };
|
||||
```
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](../docs/docspage.md) / [MDX](../docs/mdx.md) / [FAQ](../docs/faq.md) / [Recipes](../docs/recipes.md) / [Theming](../docs/theming.md) / [Props](../docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
1
frontend/node_modules/@storybook/addon-docs/angular/index.d.ts
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/angular/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export declare const setCompodocJson: (compodocJson: any) => void;
|
||||
4
frontend/node_modules/@storybook/addon-docs/angular/index.js
generated
vendored
Normal file
4
frontend/node_modules/@storybook/addon-docs/angular/index.js
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
export const setCompodocJson = (compodocJson) => {
|
||||
// @ts-expect-error (Converted from ts-ignore)
|
||||
globalThis.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
|
||||
};
|
||||
98
frontend/node_modules/@storybook/addon-docs/common/README.md
generated
vendored
Normal file
98
frontend/node_modules/@storybook/addon-docs/common/README.md
generated
vendored
Normal file
@@ -0,0 +1,98 @@
|
||||
<h1>Storybook Docs Common Setup</h1>
|
||||
|
||||
Storybook Docs transforms your Storybook stories into world-class component documentation. Docs supports [all web frameworks that Storybook supports](../README.md#framework-support).
|
||||
|
||||
Popular frameworks like [React](../react/README.md)/[Vue 3](../vue3/README.md)/[Angular](../angular/README.md)/[Ember](../ember/README.md)/[Web components](../web-components/README.md) have their own framework-specific optimizations and setup guides. This README documents the "common" setup for other frameworks that don't have any docs-specific optimizations.
|
||||
|
||||
- [Installation](#installation)
|
||||
- [DocsPage](#docspage)
|
||||
- [MDX](#mdx)
|
||||
- [IFrame height](#iframe-height)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## Installation
|
||||
|
||||
First add the package. Make sure that the versions for your `@storybook/*` packages match:
|
||||
|
||||
```sh
|
||||
yarn add -D @storybook/addon-docs
|
||||
```
|
||||
|
||||
Then add the following to your `.storybook/main.js` addons:
|
||||
|
||||
```js
|
||||
export default {
|
||||
addons: ['@storybook/addon-docs'],
|
||||
};
|
||||
```
|
||||
|
||||
## DocsPage
|
||||
|
||||
When you [install docs](#installation) you should get basic [DocsPage](../docs/docspage.md) documentation automagically for all your stories, available in the `Docs` tab of the Storybook UI.
|
||||
|
||||
## MDX
|
||||
|
||||
[MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
|
||||
|
||||
Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
|
||||
|
||||
```sh
|
||||
yarn add -D react
|
||||
```
|
||||
|
||||
Then update your `.storybook/main.js` to make sure you load MDX files:
|
||||
|
||||
```js
|
||||
export default {
|
||||
stories: ['../src/stories/**/*.stories.@(js|mdx)'],
|
||||
};
|
||||
```
|
||||
|
||||
Finally, you can create MDX files like this:
|
||||
|
||||
```md
|
||||
import { Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
||||
|
||||
<Meta title='App Component' />
|
||||
|
||||
# App Component
|
||||
|
||||
Some **markdown** description, or whatever you want.
|
||||
|
||||
<Story name='basic' height='400px'>{() => {
|
||||
return { ... }; // should match the typical story format for your framework
|
||||
}}</Story>
|
||||
```
|
||||
|
||||
## IFrame height
|
||||
|
||||
In the "common" setup, Storybook Docs renders stories inside `iframe`s, with a default height of `60px`. You can update this default globally, or modify the `iframe` height locally per story in `DocsPage` and `MDX`.
|
||||
|
||||
To update the global default, modify `.storybook/preview.js`:
|
||||
|
||||
```ts
|
||||
export const parameters = { docs: { story: { iframeHeight: '400px' } } };
|
||||
```
|
||||
|
||||
For `DocsPage`, you need to update the parameter locally in a story:
|
||||
|
||||
```ts
|
||||
export const basic = () => ...
|
||||
basic.parameters = {
|
||||
docs: { story: { iframeHeight: '400px' } }
|
||||
}
|
||||
```
|
||||
|
||||
And for `MDX` you can modify it, especially if you work with some components using fixed or sticky positions, as an attribute on the `Story` element:
|
||||
|
||||
```md
|
||||
<Story name='basic' height='400px'>{...}</Story>
|
||||
```
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](../docs/docspage.md) / [MDX](../docs/mdx.md) / [FAQ](../docs/faq.md) / [Recipes](../docs/recipes.md) / [Theming](../docs/theming.md) / [Props](../docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
10
frontend/node_modules/@storybook/addon-docs/dist/Color-AVL7NMMY.mjs
generated
vendored
Normal file
10
frontend/node_modules/@storybook/addon-docs/dist/Color-AVL7NMMY.mjs
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2
frontend/node_modules/@storybook/addon-docs/dist/DocsRenderer-3PZUHFFL.mjs
generated
vendored
Normal file
2
frontend/node_modules/@storybook/addon-docs/dist/DocsRenderer-3PZUHFFL.mjs
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
export { DocsRenderer, defaultComponents } from './chunk-GWJYCGSQ.mjs';
|
||||
import './chunk-QUZPS4B6.mjs';
|
||||
7
frontend/node_modules/@storybook/addon-docs/dist/DocsRenderer-PQXLIZUC.mjs
generated
vendored
Normal file
7
frontend/node_modules/@storybook/addon-docs/dist/DocsRenderer-PQXLIZUC.mjs
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import React, { Component } from 'react';
|
||||
import { renderElement, unmountElement } from '@storybook/react-dom-shim';
|
||||
import { CodeOrSourceMdx, AnchorMdx, HeadersMdx, Docs } from '@storybook/addon-docs/blocks';
|
||||
|
||||
var defaultComponents={code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx},ErrorBoundary=class extends Component{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:React.createElement(React.Fragment,null,children)}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=Docs;return new Promise((resolve,reject)=>{import('@mdx-js/react').then(({MDXProvider})=>renderElement(React.createElement(ErrorBoundary,{showException:reject,key:Math.random()},React.createElement(MDXProvider,{components},React.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve());})},this.unmount=element=>{unmountElement(element);};}};
|
||||
|
||||
export { DocsRenderer, defaultComponents };
|
||||
1072
frontend/node_modules/@storybook/addon-docs/dist/blocks.d.ts
generated
vendored
Normal file
1072
frontend/node_modules/@storybook/addon-docs/dist/blocks.d.ts
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
295
frontend/node_modules/@storybook/addon-docs/dist/blocks.js
generated
vendored
Normal file
295
frontend/node_modules/@storybook/addon-docs/dist/blocks.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
212
frontend/node_modules/@storybook/addon-docs/dist/blocks.mjs
generated
vendored
Normal file
212
frontend/node_modules/@storybook/addon-docs/dist/blocks.mjs
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
7
frontend/node_modules/@storybook/addon-docs/dist/chunk-GWJYCGSQ.mjs
generated
vendored
Normal file
7
frontend/node_modules/@storybook/addon-docs/dist/chunk-GWJYCGSQ.mjs
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import React, { Component } from 'react';
|
||||
import { renderElement, unmountElement } from '@storybook/react-dom-shim';
|
||||
import { CodeOrSourceMdx, AnchorMdx, HeadersMdx, Docs } from '@storybook/addon-docs/blocks';
|
||||
|
||||
var defaultComponents={code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx},ErrorBoundary=class extends Component{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:React.createElement(React.Fragment,null,children)}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=Docs;return new Promise((resolve,reject)=>{import('@mdx-js/react').then(({MDXProvider})=>renderElement(React.createElement(ErrorBoundary,{showException:reject,key:Math.random()},React.createElement(MDXProvider,{components},React.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve());})},this.unmount=element=>{unmountElement(element);};}};
|
||||
|
||||
export { DocsRenderer, defaultComponents };
|
||||
3
frontend/node_modules/@storybook/addon-docs/dist/chunk-QUZPS4B6.mjs
generated
vendored
Normal file
3
frontend/node_modules/@storybook/addon-docs/dist/chunk-QUZPS4B6.mjs
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));
|
||||
|
||||
export { __commonJS, __export, __require, __toESM };
|
||||
3
frontend/node_modules/@storybook/addon-docs/dist/chunk-SPFYY5GD.mjs
generated
vendored
Normal file
3
frontend/node_modules/@storybook/addon-docs/dist/chunk-SPFYY5GD.mjs
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
197
frontend/node_modules/@storybook/addon-docs/dist/index.d.ts
generated
vendored
Normal file
197
frontend/node_modules/@storybook/addon-docs/dist/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,197 @@
|
||||
import * as core_dist_types from 'storybook/internal/types';
|
||||
import { Renderer, DocsRenderFunction, ModuleExports, ModuleExport } from 'storybook/internal/types';
|
||||
|
||||
declare class DocsRenderer<TRenderer extends Renderer> {
|
||||
render: DocsRenderFunction<TRenderer>;
|
||||
unmount: (element: HTMLElement) => void;
|
||||
constructor();
|
||||
}
|
||||
|
||||
type StoryBlockParameters = {
|
||||
/** Whether a story's play function runs when shown in docs page */
|
||||
autoplay?: boolean;
|
||||
/**
|
||||
* Set a minimum height (note for an iframe this is the actual height) when rendering a story in
|
||||
* an iframe or inline. This overrides `parameters.docs.story.iframeHeight` for iframes.
|
||||
*/
|
||||
height?: string;
|
||||
/** IFrame configuration */
|
||||
iframeHeight?: string;
|
||||
/**
|
||||
* Whether the story is rendered inline (in the same browser frame as the other docs content) or
|
||||
* in an iframe
|
||||
*/
|
||||
inline?: boolean;
|
||||
/** Specifies the CSF file to which the story is associated */
|
||||
meta: ModuleExports;
|
||||
/**
|
||||
* Specifies which story is rendered by the Story block. If no `of` is defined and the MDX file is
|
||||
* attached, the primary (first) story will be rendered.
|
||||
*/
|
||||
of: ModuleExport;
|
||||
};
|
||||
type ControlsBlockParameters = {
|
||||
/** Exclude specific properties from the Controls panel */
|
||||
exclude?: string[] | RegExp;
|
||||
/** Exclude only specific properties in the Controls panel */
|
||||
include?: string[] | RegExp;
|
||||
/** Controls sorting order */
|
||||
sort?: 'none' | 'alpha' | 'requiredFirst';
|
||||
};
|
||||
type ArgTypesBlockParameters = {
|
||||
/** Exclude specific arg types from the args table */
|
||||
exclude?: string[] | RegExp;
|
||||
/** Exclude only specific arg types from the args table */
|
||||
include?: string[] | RegExp;
|
||||
/**
|
||||
* Specifies which story to get the arg types from. If a CSF file exports is provided, it will use
|
||||
* the primary (first) story in the file.
|
||||
*/
|
||||
of: ModuleExport | ModuleExports;
|
||||
/**
|
||||
* Controls arg types order
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-argtypes#sort
|
||||
*/
|
||||
sort?: 'none' | 'alpha' | 'requiredFirst';
|
||||
};
|
||||
type CanvasBlockParameters = {
|
||||
/**
|
||||
* Provides any additional custom actions to show in the bottom right corner. These are simple
|
||||
* buttons that do anything you specify in the onClick function.
|
||||
*/
|
||||
additionalActions?: {
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
onClick: () => void;
|
||||
title: string | React.JSX.Element;
|
||||
}[];
|
||||
/** Provide HTML class(es) to the preview element, for custom styling. */
|
||||
className?: string;
|
||||
/**
|
||||
* Specify how the canvas should layout the story.
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-canvas#layout
|
||||
*/
|
||||
layout?: 'centered' | 'fullscreen' | 'padded';
|
||||
/** Specifies which story is rendered */
|
||||
of: ModuleExport;
|
||||
/** Show story source code */
|
||||
sourceState?: 'hidden' | 'shown';
|
||||
/**
|
||||
* Story configuration
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-canvas#story
|
||||
*/
|
||||
story?: StoryBlockParameters;
|
||||
/** Disable story source code */
|
||||
withSource?: 'open' | 'closed' | 'none';
|
||||
/** Whether to render a toolbar containing tools to interact with the story. */
|
||||
withToolbar?: 'open' | 'closed' | 'none';
|
||||
};
|
||||
type DescriptionBlockParameters = {
|
||||
/** Component description */
|
||||
component?: string;
|
||||
/** Story description */
|
||||
story?: string;
|
||||
};
|
||||
type SourceBlockParameters = {
|
||||
/** The source code to be rendered. Will be inferred if not passed */
|
||||
code?: string;
|
||||
/** Whether to render the code in dark mode */
|
||||
dark?: boolean;
|
||||
/** Determines if decorators are rendered in the source code snippet. */
|
||||
excludeDecorators?: boolean;
|
||||
/**
|
||||
* The formatting used on source code. Both true and 'dedent' have the same effect of removing any
|
||||
* extraneous indentation. Supports all valid prettier parser names.
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-source#format
|
||||
*/
|
||||
format?: boolean | 'dedent' | string;
|
||||
/** Source code language */
|
||||
language?: 'bash' | 'css' | 'graphql' | 'html' | 'json' | 'jsextra' | 'jsx' | 'md' | 'text' | 'tsx' | 'typescript' | 'yml';
|
||||
/**
|
||||
* Specifies which story is rendered by the Source block. If no of is defined and the MDX file is
|
||||
* attached, the primary (first) story will be rendered.
|
||||
*/
|
||||
of: ModuleExport;
|
||||
/** Source code transformations */
|
||||
transform?: (code: string, storyContext: any) => string;
|
||||
/**
|
||||
* Specifies how the source code is rendered.
|
||||
*
|
||||
* @default 'auto'
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-source#type
|
||||
*/
|
||||
type?: 'auto' | 'code' | 'dynamic';
|
||||
};
|
||||
interface DocsParameters {
|
||||
/**
|
||||
* Docs configuration
|
||||
*
|
||||
* @see https://storybook.js.org/docs/writing-docs
|
||||
*/
|
||||
docs?: {
|
||||
/**
|
||||
* The subtitle displayed when shown in docs page
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-argtypes
|
||||
*/
|
||||
argTypes?: ArgTypesBlockParameters;
|
||||
/**
|
||||
* Canvas configuration when shown in docs page
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-canvas
|
||||
*/
|
||||
canvas?: CanvasBlockParameters;
|
||||
/**
|
||||
* Controls block configuration
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-controls
|
||||
*/
|
||||
controls?: ControlsBlockParameters;
|
||||
/**
|
||||
* Component/story description when shown in docs page
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-description#writing-descriptions
|
||||
*/
|
||||
description?: DescriptionBlockParameters;
|
||||
/** Remove the addon panel and disable the addon's behavior */
|
||||
disable?: boolean;
|
||||
/**
|
||||
* Replace the default documentation template used by Storybook with your own
|
||||
*
|
||||
* @see https://storybook.js.org/docs/writing-docs/autodocs#write-a-custom-template
|
||||
*/
|
||||
page?: unknown;
|
||||
/**
|
||||
* Source code configuration when shown in docs page
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-source
|
||||
*/
|
||||
source?: SourceBlockParameters;
|
||||
/**
|
||||
* Story configuration
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-story
|
||||
*/
|
||||
story?: StoryBlockParameters;
|
||||
/**
|
||||
* The subtitle displayed when shown in docs page
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-subtitle
|
||||
*/
|
||||
subtitle?: string;
|
||||
/**
|
||||
* The title displayed when shown in docs page
|
||||
*
|
||||
* @see https://storybook.js.org/docs/api/doc-blocks/doc-block-title
|
||||
*/
|
||||
title?: string;
|
||||
};
|
||||
}
|
||||
|
||||
declare const _default: () => core_dist_types.ProjectAnnotations<core_dist_types.Renderer>;
|
||||
|
||||
export { DocsParameters, DocsRenderer, _default as default };
|
||||
16
frontend/node_modules/@storybook/addon-docs/dist/index.js
generated
vendored
Normal file
16
frontend/node_modules/@storybook/addon-docs/dist/index.js
generated
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var React = require('react');
|
||||
var reactDomShim = require('@storybook/react-dom-shim');
|
||||
var blocks = require('@storybook/addon-docs/blocks');
|
||||
var previewApi = require('storybook/preview-api');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
||||
|
||||
var React__default = /*#__PURE__*/_interopDefault(React);
|
||||
|
||||
var __defProp=Object.defineProperty;var __getOwnPropNames=Object.getOwnPropertyNames;var __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};var DocsRenderer_exports={};__export(DocsRenderer_exports,{DocsRenderer:()=>exports.DocsRenderer,defaultComponents:()=>defaultComponents});var defaultComponents,ErrorBoundary;exports.DocsRenderer = void 0;var init_DocsRenderer=__esm({"src/DocsRenderer.tsx"(){defaultComponents={code:blocks.CodeOrSourceMdx,a:blocks.AnchorMdx,...blocks.HeadersMdx},ErrorBoundary=class extends React.Component{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:React__default.default.createElement(React__default.default.Fragment,null,children)}},exports.DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=blocks.Docs;return new Promise((resolve,reject)=>{import('@mdx-js/react').then(({MDXProvider})=>reactDomShim.renderElement(React__default.default.createElement(ErrorBoundary,{showException:reject,key:Math.random()},React__default.default.createElement(MDXProvider,{components},React__default.default.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve());})},this.unmount=element=>{reactDomShim.unmountElement(element);};}};}});var preview_exports={};__export(preview_exports,{parameters:()=>parameters});var excludeTags=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((acc,entry)=>{let[tag,option]=entry;return option.excludeFromDocsStories&&(acc[tag]=!0),acc},{}),parameters={docs:{renderer:async()=>{let{DocsRenderer:DocsRenderer2}=await Promise.resolve().then(()=>(init_DocsRenderer(),DocsRenderer_exports));return new DocsRenderer2},stories:{filter:story=>(story.tags||[]).filter(tag=>excludeTags[tag]).length===0&&!story.parameters.docs?.disable}}};init_DocsRenderer();var index_default=()=>previewApi.definePreview(preview_exports);
|
||||
|
||||
exports.default = index_default;
|
||||
7
frontend/node_modules/@storybook/addon-docs/dist/index.mjs
generated
vendored
Normal file
7
frontend/node_modules/@storybook/addon-docs/dist/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
export { DocsRenderer } from './chunk-GWJYCGSQ.mjs';
|
||||
import { __export } from './chunk-QUZPS4B6.mjs';
|
||||
import { definePreview } from 'storybook/preview-api';
|
||||
|
||||
var preview_exports={};__export(preview_exports,{parameters:()=>parameters});var excludeTags=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((acc,entry)=>{let[tag,option]=entry;return option.excludeFromDocsStories&&(acc[tag]=!0),acc},{}),parameters={docs:{renderer:async()=>{let{DocsRenderer:DocsRenderer2}=await import('./DocsRenderer-3PZUHFFL.mjs');return new DocsRenderer2},stories:{filter:story=>(story.tags||[]).filter(tag=>excludeTags[tag]).length===0&&!story.parameters.docs?.disable}}};var index_default=()=>definePreview(preview_exports);
|
||||
|
||||
export { index_default as default };
|
||||
154
frontend/node_modules/@storybook/addon-docs/dist/manager.js
generated
vendored
Normal file
154
frontend/node_modules/@storybook/addon-docs/dist/manager.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
75
frontend/node_modules/@storybook/addon-docs/dist/mdx-loader.js
generated
vendored
Normal file
75
frontend/node_modules/@storybook/addon-docs/dist/mdx-loader.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
78
frontend/node_modules/@storybook/addon-docs/dist/preset.js
generated
vendored
Normal file
78
frontend/node_modules/@storybook/addon-docs/dist/preset.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
3
frontend/node_modules/@storybook/addon-docs/dist/preview.d.ts
generated
vendored
Normal file
3
frontend/node_modules/@storybook/addon-docs/dist/preview.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
declare const parameters: any;
|
||||
|
||||
export { parameters };
|
||||
13
frontend/node_modules/@storybook/addon-docs/dist/preview.js
generated
vendored
Normal file
13
frontend/node_modules/@storybook/addon-docs/dist/preview.js
generated
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var reactDomShim = require('@storybook/react-dom-shim');
|
||||
var blocks = require('@storybook/addon-docs/blocks');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
||||
|
||||
var React__default = /*#__PURE__*/_interopDefault(React);
|
||||
|
||||
var __defProp=Object.defineProperty;var __getOwnPropNames=Object.getOwnPropertyNames;var __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};var DocsRenderer_exports={};__export(DocsRenderer_exports,{DocsRenderer:()=>DocsRenderer,defaultComponents:()=>defaultComponents});var defaultComponents,ErrorBoundary,DocsRenderer,init_DocsRenderer=__esm({"src/DocsRenderer.tsx"(){defaultComponents={code:blocks.CodeOrSourceMdx,a:blocks.AnchorMdx,...blocks.HeadersMdx},ErrorBoundary=class extends React.Component{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:React__default.default.createElement(React__default.default.Fragment,null,children)}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=blocks.Docs;return new Promise((resolve,reject)=>{import('@mdx-js/react').then(({MDXProvider})=>reactDomShim.renderElement(React__default.default.createElement(ErrorBoundary,{showException:reject,key:Math.random()},React__default.default.createElement(MDXProvider,{components},React__default.default.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve());})},this.unmount=element=>{reactDomShim.unmountElement(element);};}};}});var excludeTags=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((acc,entry)=>{let[tag,option]=entry;return option.excludeFromDocsStories&&(acc[tag]=!0),acc},{}),parameters={docs:{renderer:async()=>{let{DocsRenderer:DocsRenderer2}=await Promise.resolve().then(()=>(init_DocsRenderer(),DocsRenderer_exports));return new DocsRenderer2},stories:{filter:story=>(story.tags||[]).filter(tag=>excludeTags[tag]).length===0&&!story.parameters.docs?.disable}}};
|
||||
|
||||
exports.parameters = parameters;
|
||||
3
frontend/node_modules/@storybook/addon-docs/dist/preview.mjs
generated
vendored
Normal file
3
frontend/node_modules/@storybook/addon-docs/dist/preview.mjs
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
var excludeTags=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((acc,entry)=>{let[tag,option]=entry;return option.excludeFromDocsStories&&(acc[tag]=!0),acc},{}),parameters={docs:{renderer:async()=>{let{DocsRenderer}=await import('./DocsRenderer-PQXLIZUC.mjs');return new DocsRenderer},stories:{filter:story=>(story.tags||[]).filter(tag=>excludeTags[tag]).length===0&&!story.parameters.docs?.disable}}};
|
||||
|
||||
export { parameters };
|
||||
1
frontend/node_modules/@storybook/addon-docs/dist/shims/mdx-react-shim.d.ts
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/dist/shims/mdx-react-shim.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export * from '@mdx-js/react';
|
||||
12
frontend/node_modules/@storybook/addon-docs/dist/shims/mdx-react-shim.js
generated
vendored
Normal file
12
frontend/node_modules/@storybook/addon-docs/dist/shims/mdx-react-shim.js
generated
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
'use strict';
|
||||
|
||||
var react = require('@mdx-js/react');
|
||||
|
||||
|
||||
|
||||
Object.keys(react).forEach(function (k) {
|
||||
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
||||
enumerable: true,
|
||||
get: function () { return react[k]; }
|
||||
});
|
||||
});
|
||||
1
frontend/node_modules/@storybook/addon-docs/dist/shims/mdx-react-shim.mjs
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/dist/shims/mdx-react-shim.mjs
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export * from '@mdx-js/react';
|
||||
153
frontend/node_modules/@storybook/addon-docs/ember/README.md
generated
vendored
Normal file
153
frontend/node_modules/@storybook/addon-docs/ember/README.md
generated
vendored
Normal file
@@ -0,0 +1,153 @@
|
||||
<h1>Storybook Docs for Ember</h1>
|
||||
|
||||
> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
|
||||
|
||||
Storybook Docs transforms your Storybook stories into world-class component documentation. Storybook Docs for Ember supports [DocsPage](../docs/docspage.md) for auto-generated docs, and [MDX](../docs/mdx.md) for rich long-form docs.
|
||||
|
||||
To learn more about Storybook Docs, read the [general documentation](../README.md). To learn the Ember specifics, read on!
|
||||
|
||||
- [Installation](#installation)
|
||||
- [DocsPage](#docspage)
|
||||
- [Props tables](#props-tables)
|
||||
- [MDX](#mdx)
|
||||
- [IFrame height](#iframe-height)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## Installation
|
||||
|
||||
First add the package. Make sure that the versions for your `@storybook/*` packages match:
|
||||
|
||||
```sh
|
||||
yarn add -D @storybook/addon-docs
|
||||
```
|
||||
|
||||
Then add the following to your `.storybook/main.js` addons:
|
||||
|
||||
```js
|
||||
export default {
|
||||
addons: ['@storybook/addon-docs'],
|
||||
};
|
||||
```
|
||||
|
||||
## DocsPage
|
||||
|
||||
When you [install docs](#installation) you should get basic [DocsPage](../docs/docspage.md) documentation automagically for all your stories, available in the `Docs` tab of the Storybook UI.
|
||||
|
||||
## Props tables
|
||||
|
||||
Getting [Props tables](../docs/props-tables.md) for your components requires a few more steps. Docs for Ember relies on [@storybook/ember-cli-storybook addon](https://github.com/storybookjs/ember-cli-storybook), to extract documentation comments from your component source files. If you're using Storybook with Ember, you should already have this addon installed, you will just need to enable it by adding the following config block in your `ember-cli-build.js` file:
|
||||
|
||||
```js
|
||||
let app = new EmberApp(defaults, {
|
||||
'ember-cli-storybook': {
|
||||
enableAddonDocsIntegration: true,
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
Now, running the ember-cli server will generate a JSON documentation file at `/storybook-docgen/index.json`. Since generation of this file is tied into the ember-cli build, it will get regenerated everytime component files are saved. For details on documenting your components, check out the examples in the addon that powers the generation [ember-cli-addon-docs-yuidoc](https://github.com/ember-learn/ember-cli-addon-docs-yuidoc#documenting-components).
|
||||
|
||||
Next, add the following to your `.storybook/preview.js` to load the generated json file:
|
||||
|
||||
```js
|
||||
import { setJSONDoc } from '@storybook/addon-docs/ember';
|
||||
import docJson from '../dist/storybook-docgen/index.json';
|
||||
|
||||
setJSONDoc(docJson);
|
||||
```
|
||||
|
||||
Finally, be sure to fill in the `component` field in your story metadata. This should be a string that matches the name of the `@class` used in your source comments:
|
||||
|
||||
```ts
|
||||
export default {
|
||||
title: 'App Component',
|
||||
component: 'AppComponent',
|
||||
};
|
||||
```
|
||||
|
||||
If you haven't upgraded from `storiesOf`, you can use a parameter to do the same thing:
|
||||
|
||||
```ts
|
||||
import { storiesOf } from '@storybook/angular';
|
||||
|
||||
storiesOf('App Component', module)
|
||||
.addParameters({ component: 'AppComponent' })
|
||||
.add( ... );
|
||||
```
|
||||
|
||||
## MDX
|
||||
|
||||
[MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
|
||||
|
||||
Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
|
||||
|
||||
```sh
|
||||
yarn add -D react
|
||||
```
|
||||
|
||||
Then update your `.storybook/main.js` to make sure you load MDX files:
|
||||
|
||||
```js
|
||||
export default {
|
||||
stories: ['../src/stories/**/*.stories.@(js|mdx)'],
|
||||
};
|
||||
```
|
||||
|
||||
Finally, you can create MDX files like this:
|
||||
|
||||
```md
|
||||
import { Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
||||
import { hbs } from 'ember-cli-htmlbars';
|
||||
|
||||
<Meta title='App Component' component='AppComponent' />
|
||||
|
||||
# App Component
|
||||
|
||||
Some **markdown** description, or whatever you want.
|
||||
|
||||
<Story name='basic' height='400px'>{{
|
||||
template: hbs`<AppComponent @title={{title}} />`,
|
||||
context: { title: "Title" },
|
||||
}}</Story>
|
||||
|
||||
## ArgsTable
|
||||
|
||||
<ArgsTable of='AppComponent' />
|
||||
```
|
||||
|
||||
Yes, it's redundant to declare `component` twice. [Coming soon](https://github.com/storybookjs/storybook/issues/8673).
|
||||
|
||||
Also, to use the `Props` doc block, you need to set up documentation generation, [as described above](#docspage).
|
||||
|
||||
## IFrame height
|
||||
|
||||
Storybook Docs renders all Ember stories inside `iframe`s, with a default height of `60px`. You can update this default globally, or modify the `iframe` height locally per story in `DocsPage` and `MDX`.
|
||||
|
||||
To update the global default, modify `.storybook/preview.js`:
|
||||
|
||||
```ts
|
||||
export const parameters = { docs: { story: { iframeHeight: '400px' } } };
|
||||
```
|
||||
|
||||
For `DocsPage`, you need to update the parameter locally in a story:
|
||||
|
||||
```ts
|
||||
export const basic = () => ...
|
||||
basic.parameters = {
|
||||
docs: { story: { iframeHeight: '400px' } }
|
||||
}
|
||||
```
|
||||
|
||||
And for `MDX` you can modify it as an attribute on the `Story` element:
|
||||
|
||||
```md
|
||||
<Story name='basic' height='400px'>{...}</Story>
|
||||
```
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](../docs/docspage.md) / [MDX](../docs/mdx.md) / [FAQ](../docs/faq.md) / [Recipes](../docs/recipes.md) / [Theming](../docs/theming.md) / [Props](../docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
1
frontend/node_modules/@storybook/addon-docs/ember/index.d.ts
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/ember/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export declare const setJSONDoc: (jsonDoc: any) => void;
|
||||
3
frontend/node_modules/@storybook/addon-docs/ember/index.js
generated
vendored
Normal file
3
frontend/node_modules/@storybook/addon-docs/ember/index.js
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
export const setJSONDoc = (jsondoc) => {
|
||||
globalThis.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
|
||||
};
|
||||
1
frontend/node_modules/@storybook/addon-docs/manager.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/manager.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export * from './dist/manager';
|
||||
173
frontend/node_modules/@storybook/addon-docs/package.json
generated
vendored
Normal file
173
frontend/node_modules/@storybook/addon-docs/package.json
generated
vendored
Normal file
@@ -0,0 +1,173 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "9.0.16",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
"notes",
|
||||
"documentation",
|
||||
"storybook",
|
||||
"essentials",
|
||||
"organize"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/addons/docs",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "code/addons/docs"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/index.d.ts",
|
||||
"import": "./dist/index.mjs",
|
||||
"require": "./dist/index.js"
|
||||
},
|
||||
"./preview": {
|
||||
"types": "./dist/preview.d.ts",
|
||||
"import": "./dist/preview.mjs",
|
||||
"require": "./dist/preview.js"
|
||||
},
|
||||
"./preset": "./dist/preset.js",
|
||||
"./blocks": {
|
||||
"types": "./dist/blocks.d.ts",
|
||||
"import": "./dist/blocks.mjs",
|
||||
"require": "./dist/blocks.js"
|
||||
},
|
||||
"./dist/preview": {
|
||||
"types": "./dist/preview.d.ts",
|
||||
"import": "./dist/preview.mjs",
|
||||
"require": "./dist/preview.js"
|
||||
},
|
||||
"./dist/preset": "./dist/preset.js",
|
||||
"./dist/shims/mdx-react-shim": {
|
||||
"types": "./dist/shims/mdx-react-shim.d.ts",
|
||||
"import": "./dist/shims/mdx-react-shim.mjs",
|
||||
"require": "./dist/shims/mdx-react-shim.js"
|
||||
},
|
||||
"./mdx-react-shim": {
|
||||
"types": "./dist/shims/mdx-react-shim.d.ts",
|
||||
"import": "./dist/shims/mdx-react-shim.mjs",
|
||||
"require": "./dist/shims/mdx-react-shim.js"
|
||||
},
|
||||
"./mdx-loader": "./dist/mdx-loader.js",
|
||||
"./svelte/HOC.svelte": "./svelte/HOC.svelte",
|
||||
"./ember": "./ember/index.js",
|
||||
"./ember/index.js": "./ember/index.js",
|
||||
"./angular": "./angular/index.js",
|
||||
"./angular/index.js": "./angular/index.js",
|
||||
"./web-components/index.js": "./web-components/index.js",
|
||||
"./package.json": "./package.json",
|
||||
"./manager": "./dist/manager.js"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/index.mjs",
|
||||
"types": "dist/index.d.ts",
|
||||
"typesVersions": {
|
||||
"*": {
|
||||
"*": [
|
||||
"dist/index.d.ts"
|
||||
],
|
||||
"angular": [
|
||||
"angular/index.d.ts"
|
||||
],
|
||||
"blocks": [
|
||||
"dist/blocks.d.ts"
|
||||
],
|
||||
"ember": [
|
||||
"ember/index.d.ts"
|
||||
],
|
||||
"preview": [
|
||||
"dist/preview.d.ts"
|
||||
]
|
||||
}
|
||||
},
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"angular/**/*",
|
||||
"common/**/*",
|
||||
"ember/**/*",
|
||||
"html/**/*",
|
||||
"svelte/**/*",
|
||||
"react/**/*",
|
||||
"vue/**/*",
|
||||
"web-components/**/*",
|
||||
"lit/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts",
|
||||
"!src/**/*"
|
||||
],
|
||||
"scripts": {
|
||||
"check": "jiti ../../../scripts/prepare/check.ts",
|
||||
"prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@mdx-js/react": "^3.0.0",
|
||||
"@storybook/csf-plugin": "9.0.16",
|
||||
"@storybook/icons": "^1.2.12",
|
||||
"@storybook/react-dom-shim": "9.0.16",
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@mdx-js/mdx": "^3.0.0",
|
||||
"@rollup/pluginutils": "^5.0.2",
|
||||
"@types/color-convert": "^2.0.0",
|
||||
"@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
||||
"color-convert": "^2.0.1",
|
||||
"es-toolkit": "^1.36.0",
|
||||
"github-slugger": "^2.0.0",
|
||||
"markdown-to-jsx": "^7.7.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
"polished": "^4.2.2",
|
||||
"react": "^18.2.0",
|
||||
"react-colorful": "^5.1.2",
|
||||
"react-dom": "^18.2.0",
|
||||
"rehype-external-links": "^3.0.0",
|
||||
"rehype-slug": "^6.0.0",
|
||||
"telejson": "8.0.0",
|
||||
"tocbot": "^4.20.1",
|
||||
"typescript": "^5.8.3",
|
||||
"vite": "^6.2.5"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"storybook": "^9.0.16"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {
|
||||
"previewEntries": [
|
||||
"./src/preview.ts"
|
||||
],
|
||||
"exportEntries": [
|
||||
"./src/index.ts",
|
||||
"./src/blocks.ts",
|
||||
"./src/shims/mdx-react-shim.ts"
|
||||
],
|
||||
"nodeEntries": [
|
||||
"./src/mdx-loader.ts",
|
||||
"./src/preset.ts"
|
||||
],
|
||||
"managerEntries": [
|
||||
"./src/manager.tsx"
|
||||
]
|
||||
},
|
||||
"gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
|
||||
"unsupportedFrameworks": [
|
||||
"react-native"
|
||||
]
|
||||
}
|
||||
}
|
||||
1
frontend/node_modules/@storybook/addon-docs/preset.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/preset.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = require('./dist/preset');
|
||||
1
frontend/node_modules/@storybook/addon-docs/preview.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/preview.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export * from './dist/preview';
|
||||
149
frontend/node_modules/@storybook/addon-docs/react/README.md
generated
vendored
Normal file
149
frontend/node_modules/@storybook/addon-docs/react/README.md
generated
vendored
Normal file
@@ -0,0 +1,149 @@
|
||||
<center>
|
||||
<img src="../docs/media/docspage-hero.png" width="100%" />
|
||||
</center>
|
||||
|
||||
<h1>Storybook Docs for React</h1>
|
||||
|
||||
> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
|
||||
|
||||
Storybook Docs transforms your Storybook stories into world-class component documentation. Storybook Docs for React supports [DocsPage](../docs/docspage.md) for auto-generated docs, and [MDX](../docs/mdx.md) for rich long-form docs.
|
||||
|
||||
To learn more about Storybook Docs, read the [general documentation](../README.md). To learn the React specifics, read on!
|
||||
|
||||
- [Installation](#installation)
|
||||
- [DocsPage](#docspage)
|
||||
- [Props tables](#props-tables)
|
||||
- [MDX](#mdx)
|
||||
- [Inline stories](#inline-stories)
|
||||
- [TypeScript props with `react-docgen-typescript`](#typescript-props-with-react-docgen-typescript)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## Installation
|
||||
|
||||
First add the package. Make sure that the versions for your `@storybook/*` packages match:
|
||||
|
||||
```sh
|
||||
yarn add -D @storybook/addon-docs
|
||||
```
|
||||
|
||||
Then add the following to your `.storybook/main.js` list of `addons`:
|
||||
|
||||
```js
|
||||
export default {
|
||||
// other settings
|
||||
addons: ['@storybook/addon-docs'];
|
||||
}
|
||||
```
|
||||
|
||||
## DocsPage
|
||||
|
||||
When you [install docs](#installation) you should get basic [DocsPage](../docs/docspage.md) documentation automagically for all your stories, available in the `Docs` tab of the Storybook UI.
|
||||
|
||||
## Props tables
|
||||
|
||||
Storybook Docs automatically generates [Props tables](../docs/props-tables.md) for your components based on either `PropTypes` or `TypeScript` types. To show the props table for your component, be sure to fill in the `component` field in your story metadata:
|
||||
|
||||
```ts
|
||||
import { Button } from './Button';
|
||||
|
||||
export default {
|
||||
title: 'Button',
|
||||
component: Button,
|
||||
};
|
||||
```
|
||||
|
||||
If you haven't upgraded from `storiesOf`, you can use a parameter to do the same thing:
|
||||
|
||||
```ts
|
||||
import { storiesOf } from '@storybook/react';
|
||||
import { Button } from './Button';
|
||||
|
||||
storiesOf('InfoButton', module)
|
||||
.addParameters({ component: Button })
|
||||
.add( ... );
|
||||
```
|
||||
|
||||
## MDX
|
||||
|
||||
[MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
|
||||
|
||||
Then update your `.storybook/main.js` to make sure you load MDX files:
|
||||
|
||||
```js
|
||||
export default {
|
||||
stories: ['../src/stories/**/*.stories.@(js|mdx)'],
|
||||
};
|
||||
```
|
||||
|
||||
Finally, you can create MDX files like this:
|
||||
|
||||
```md
|
||||
import { Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
||||
import { Button } from './Button';
|
||||
|
||||
<Meta title='Button' component={Button} />
|
||||
|
||||
# Button
|
||||
|
||||
Some **markdown** description, or whatever you want.
|
||||
|
||||
<Story name='basic' height='400px'>
|
||||
<Button>Label</Button>
|
||||
</Story>
|
||||
|
||||
## ArgsTable
|
||||
|
||||
<ArgsTable of={Button} />
|
||||
```
|
||||
|
||||
## Inline stories
|
||||
|
||||
Storybook Docs renders all React stories inline by default.
|
||||
|
||||
However, you can render stories in an iframe, with a default height of `60px` (configurable using the `docs.story.iframeHeight` story parameter), by using the `docs.stories.inline` parameter.
|
||||
|
||||
To do so for all stories, update `.storybook/preview.js`:
|
||||
|
||||
```js
|
||||
export const parameters = { docs: { story: { inline: false } } };
|
||||
```
|
||||
|
||||
## TypeScript props with `react-docgen-typescript`
|
||||
|
||||
If you're using TypeScript, there are two different options for generating props: `react-docgen` (default) or `react-docgen-typescript`.
|
||||
|
||||
You can add the following lines to your `.storybook/main.js` to switch between the two (or disable docgen):
|
||||
|
||||
```js
|
||||
export default {
|
||||
typescript: {
|
||||
// also valid 'react-docgen' | false
|
||||
reactDocgen: 'react-docgen-typescript',
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
Neither option is perfect, so here's everything you should know if you're thinking about using `react-docgen` for TypeScript.
|
||||
|
||||
| | `react-docgen-typescript` | `react-docgen` |
|
||||
| --------------- | ------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
|
||||
| **Features** | **Great**. The analysis produces great results which gives the best props table experience. | **OK**. React-docgen produces basic results that are fine for most use cases. |
|
||||
| **Performance** | **Slow**. It's doing a lot more work to produce those results, and may also have an inefficient implementation. | **Blazing fast**. Adding it to your project increases build time negligibly. |
|
||||
| **Bugs** | **Some**. There are corner cases that are not handled properly, and are annoying for developers. | **Some**. There are corner cases that are not handled properly, and are annoying for developers. |
|
||||
| **SB docs** | **Good**. Our prop tables have supported `react-docgen-typescript` results from the beginning, so it's relatively stable. | **OK**. There are some obvious improvements to fully support `react-docgen`, and they're coming soon. |
|
||||
|
||||
**Performance** is a common question, so here are build times from a random project to quantify. Your mileage may vary:
|
||||
|
||||
| Docgen | Build time |
|
||||
| ----------------------- | ---------- |
|
||||
| react-docgen-typescript | 33s |
|
||||
| react-docgen | 29s |
|
||||
| none | 28s |
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](../docs/docspage.md) / [MDX](../docs/mdx.md) / [FAQ](../docs/faq.md) / [Recipes](../docs/recipes.md) / [Theming](../docs/theming.md) / [Props](../docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
7
frontend/node_modules/@storybook/addon-docs/svelte/HOC.svelte
generated
vendored
Normal file
7
frontend/node_modules/@storybook/addon-docs/svelte/HOC.svelte
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
<script>
|
||||
export let storyFn;
|
||||
|
||||
let { Component: component, props } = storyFn();
|
||||
</script>
|
||||
|
||||
<svelte:component this={component} {...props}/>
|
||||
152
frontend/node_modules/@storybook/addon-docs/vue/README.md
generated
vendored
Normal file
152
frontend/node_modules/@storybook/addon-docs/vue/README.md
generated
vendored
Normal file
@@ -0,0 +1,152 @@
|
||||
<center>
|
||||
<img src="../docs/media/vue-hero.png" width="100%" />
|
||||
</center>
|
||||
|
||||
<h1>Storybook Docs for Vue</h1>
|
||||
|
||||
> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
|
||||
|
||||
Storybook Docs transforms your Storybook stories into world-class component documentation. Storybook Docs for Vue supports [DocsPage](../docs/docspage.md) for auto-generated docs, and [MDX](../docs/mdx.md) for rich long-form docs.
|
||||
|
||||
To learn more about Storybook Docs, read the [general documentation](../README.md). To learn the Vue specifics, read on!
|
||||
|
||||
- [Installation](#installation)
|
||||
- [Preset options](#preset-options)
|
||||
- [DocsPage](#docspage)
|
||||
- [Props tables](#props-tables)
|
||||
- [MDX](#mdx)
|
||||
- [Inline Stories](#inline-stories)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## Installation
|
||||
|
||||
First add the package. Make sure that the versions for your `@storybook/*` packages match:
|
||||
|
||||
```sh
|
||||
yarn add -D @storybook/addon-docs
|
||||
```
|
||||
|
||||
Then add the following to your `.storybook/main.js` addons:
|
||||
|
||||
```js
|
||||
export default {
|
||||
addons: ['@storybook/addon-docs'],
|
||||
};
|
||||
```
|
||||
|
||||
## Preset options
|
||||
|
||||
The `addon-docs` preset for Vue has a configuration option that can be used to configure [`vue-docgen-api`](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api), a tool which extracts information from Vue components. Here's an example of how to use the preset with options for Vue app:
|
||||
|
||||
```js
|
||||
import * as path from 'path';
|
||||
|
||||
export default {
|
||||
addons: [
|
||||
{
|
||||
name: '@storybook/addon-docs',
|
||||
options: {
|
||||
vueDocgenOptions: {
|
||||
alias: {
|
||||
'@': path.resolve(__dirname, '../'),
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
```
|
||||
|
||||
The `vueDocgenOptions` is an object for configuring `vue-docgen-api`. See [`vue-docgen-api`'s docs](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api#options-docgenoptions) for available configuration options.
|
||||
|
||||
## DocsPage
|
||||
|
||||
When you [install docs](#installation) you should get basic [DocsPage](../docs/docspage.md) documentation automagically for all your stories, available in the `Docs` tab of the Storybook UI.
|
||||
|
||||
## Props tables
|
||||
|
||||
Getting [Props tables](../docs/props-tables.md) for your components requires a few more steps. Docs for Vue relies on [`vue-docgen-loader`](https://github.com/pocka/vue-docgen-loader). It supports `props`, `events`, and `slots` as first class prop types.
|
||||
|
||||
Finally, be sure to fill in the `component` field in your story metadata:
|
||||
|
||||
```ts
|
||||
import { InfoButton } from './InfoButton.vue';
|
||||
|
||||
export default {
|
||||
title: 'InfoButton',
|
||||
component: InfoButton,
|
||||
};
|
||||
```
|
||||
|
||||
If you haven't upgraded from `storiesOf`, you can use a parameter to do the same thing:
|
||||
|
||||
```ts
|
||||
import { storiesOf } from '@storybook/vue';
|
||||
import { InfoButton } from './InfoButton.vue';
|
||||
|
||||
storiesOf('InfoButton', module)
|
||||
.addParameters({ component: InfoButton })
|
||||
.add( ... );
|
||||
```
|
||||
|
||||
## MDX
|
||||
|
||||
[MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
|
||||
|
||||
Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
|
||||
|
||||
```sh
|
||||
yarn add -D react
|
||||
```
|
||||
|
||||
Then update your `.storybook/main.js` to make sure you load MDX files:
|
||||
|
||||
```js
|
||||
export default {
|
||||
stories: ['../src/stories/**/*.stories.@(js|mdx)'],
|
||||
};
|
||||
```
|
||||
|
||||
Finally, you can create MDX files like this:
|
||||
|
||||
```md
|
||||
import { Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
||||
import { InfoButton } from './InfoButton.vue';
|
||||
|
||||
<Meta title='InfoButton' component={InfoButton} />
|
||||
|
||||
# InfoButton
|
||||
|
||||
Some **markdown** description, or whatever you want.
|
||||
|
||||
<Story name='basic' height='400px'>{{
|
||||
components: { InfoButton },
|
||||
template: '<info-button label="I\'m a button!"/>',
|
||||
}}</Story>
|
||||
|
||||
## ArgsTable
|
||||
|
||||
<ArgsTable of={InfoButton} />
|
||||
```
|
||||
|
||||
Yes, it's redundant to declare `component` twice. [Coming soon](https://github.com/storybookjs/storybook/issues/8685).
|
||||
|
||||
## Inline Stories
|
||||
|
||||
Storybook Docs renders all Vue stories inline by default.
|
||||
|
||||
However, you can render stories in an iframe, with a default height of `60px` (configurable using the `docs.story.iframeHeight` story parameter), by using the `docs.stories.inline` parameter.
|
||||
|
||||
To do so for all stories, update `.storybook/preview.js`:
|
||||
|
||||
```js
|
||||
export const parameters = { docs: { story: { inline: false } } };
|
||||
```
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](../docs/docspage.md) / [MDX](../docs/mdx.md) / [FAQ](../docs/faq.md) / [Recipes](../docs/recipes.md) / [Theming](../docs/theming.md) / [Props](../docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
152
frontend/node_modules/@storybook/addon-docs/vue3/README.md
generated
vendored
Normal file
152
frontend/node_modules/@storybook/addon-docs/vue3/README.md
generated
vendored
Normal file
@@ -0,0 +1,152 @@
|
||||
<center>
|
||||
<img src="../docs/media/vue-hero.png" width="100%" />
|
||||
</center>
|
||||
|
||||
<h1>Storybook Docs for Vue 3</h1>
|
||||
|
||||
> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
|
||||
|
||||
Storybook Docs transforms your Storybook stories into world-class component documentation. Storybook Docs for Vue 3 supports [DocsPage](../docs/docspage.md) for auto-generated docs, and [MDX](../docs/mdx.md) for rich long-form docs.
|
||||
|
||||
To learn more about Storybook Docs, read the [general documentation](../README.md). To learn the Vue 3 specifics, read on!
|
||||
|
||||
- [Installation](#installation)
|
||||
- [Preset options](#preset-options)
|
||||
- [DocsPage](#docspage)
|
||||
- [Props tables](#props-tables)
|
||||
- [MDX](#mdx)
|
||||
- [Inline Stories](#inline-stories)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## Installation
|
||||
|
||||
First add the package. Make sure that the versions for your `@storybook/*` packages match:
|
||||
|
||||
```sh
|
||||
yarn add -D @storybook/addon-docs
|
||||
```
|
||||
|
||||
Then add the following to your `.storybook/main.js` addons:
|
||||
|
||||
```js
|
||||
export default {
|
||||
addons: ['@storybook/addon-docs'],
|
||||
};
|
||||
```
|
||||
|
||||
## Preset options
|
||||
|
||||
The `addon-docs` preset for Vue has a configuration option that can be used to configure [`vue-docgen-api`](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api), a tool which extracts information from Vue components. Here's an example of how to use the preset with options for Vue app:
|
||||
|
||||
```js
|
||||
import * as path from 'path';
|
||||
|
||||
export default {
|
||||
addons: [
|
||||
{
|
||||
name: '@storybook/addon-docs',
|
||||
options: {
|
||||
vueDocgenOptions: {
|
||||
alias: {
|
||||
'@': path.resolve(__dirname, '../'),
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
```
|
||||
|
||||
The `vueDocgenOptions` is an object for configuring `vue-docgen-api`. See [`vue-docgen-api`'s docs](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api#options-docgenoptions) for available configuration options.
|
||||
|
||||
## DocsPage
|
||||
|
||||
When you [install docs](#installation) you should get basic [DocsPage](../docs/docspage.md) documentation automagically for all your stories, available in the `Docs` tab of the Storybook UI.
|
||||
|
||||
## Props tables
|
||||
|
||||
Getting [Props tables](../docs/props-tables.md) for your components requires a few more steps. Docs for Vue relies on [`vue-docgen-loader`](https://github.com/pocka/vue-docgen-loader). It supports `props`, `events`, and `slots` as first class prop types.
|
||||
|
||||
Finally, be sure to fill in the `component` field in your story metadata:
|
||||
|
||||
```ts
|
||||
import { InfoButton } from './InfoButton.vue';
|
||||
|
||||
export default {
|
||||
title: 'InfoButton',
|
||||
component: InfoButton,
|
||||
};
|
||||
```
|
||||
|
||||
If you haven't upgraded from `storiesOf`, you can use a parameter to do the same thing:
|
||||
|
||||
```ts
|
||||
import { storiesOf } from '@storybook/vue';
|
||||
import { InfoButton } from './InfoButton.vue';
|
||||
|
||||
storiesOf('InfoButton', module)
|
||||
.addParameters({ component: InfoButton })
|
||||
.add( ... );
|
||||
```
|
||||
|
||||
## MDX
|
||||
|
||||
[MDX](../docs/mdx.md) is a convenient way to document your components in Markdown and embed documentation components, such as stories and props tables, inline.
|
||||
|
||||
Docs has peer dependencies on `react`. If you want to write stories in MDX, you may need to add this dependency as well:
|
||||
|
||||
```sh
|
||||
yarn add -D react
|
||||
```
|
||||
|
||||
Then update your `.storybook/main.js` to make sure you load MDX files:
|
||||
|
||||
```js
|
||||
export default {
|
||||
stories: ['../src/stories/**/*.stories.@(js|mdx)'],
|
||||
};
|
||||
```
|
||||
|
||||
Finally, you can create MDX files like this:
|
||||
|
||||
```md
|
||||
import { Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
||||
import { InfoButton } from './InfoButton.vue';
|
||||
|
||||
<Meta title='InfoButton' component={InfoButton} />
|
||||
|
||||
# InfoButton
|
||||
|
||||
Some **markdown** description, or whatever you want.
|
||||
|
||||
<Story name='basic' height='400px'>{{
|
||||
components: { InfoButton },
|
||||
template: '<info-button label="I\'m a button!"/>',
|
||||
}}</Story>
|
||||
|
||||
## ArgsTable
|
||||
|
||||
<ArgsTable of={InfoButton} />
|
||||
```
|
||||
|
||||
Yes, it's redundant to declare `component` twice. [Coming soon](https://github.com/storybookjs/storybook/issues/8685).
|
||||
|
||||
## Inline Stories
|
||||
|
||||
Storybook Docs renders all Vue stories inline by default.
|
||||
|
||||
However, you can render stories in an iframe, with a default height of `60px` (configurable using the `docs.story.iframeHeight` story parameter), by using the `docs.stories.inline` parameter.
|
||||
|
||||
To do so for all stories, update `.storybook/preview.js`:
|
||||
|
||||
```js
|
||||
export const parameters = { docs: { story: { inline: false } } };
|
||||
```
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](../docs/docspage.md) / [MDX](../docs/mdx.md) / [FAQ](../docs/faq.md) / [Recipes](../docs/recipes.md) / [Theming](../docs/theming.md) / [Props](../docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
131
frontend/node_modules/@storybook/addon-docs/web-components/README.md
generated
vendored
Normal file
131
frontend/node_modules/@storybook/addon-docs/web-components/README.md
generated
vendored
Normal file
@@ -0,0 +1,131 @@
|
||||
<h1>Storybook Docs for Web Components</h1>
|
||||
|
||||
- [Installation](#installation)
|
||||
- [Props tables](#props-tables)
|
||||
- [Stories not inline](#stories-not-inline)
|
||||
- [More resources](#more-resources)
|
||||
|
||||
## Installation
|
||||
|
||||
- Be sure to check the [installation section of the general addon-docs page](../README.md) before proceeding.
|
||||
- Be sure to have a [custom-elements.json](./#custom-elementsjson) file.
|
||||
- Add to your `.storybook/preview.js`
|
||||
|
||||
```js
|
||||
import { setCustomElementsManifest } from '@storybook/web-components';
|
||||
import customElements from '../custom-elements.json';
|
||||
|
||||
setCustomElementsManifest(customElements);
|
||||
```
|
||||
|
||||
- Add to your story files
|
||||
|
||||
```js
|
||||
export default {
|
||||
title: 'Demo Card',
|
||||
component: 'your-component-name', // which is also found in the `custom-elements.json`
|
||||
};
|
||||
```
|
||||
|
||||
## Props tables
|
||||
|
||||
In order to get [Props tables](..docs/../../docs/props-tables.md) documentation for web-components you will need to have a [custom-elements.json](https://github.com/webcomponents/custom-elements-json) file.
|
||||
|
||||
You can hand write it or better generate it. Depending on the web components sugar you are choosing your mileage may vary.
|
||||
|
||||
Known analyzers that output `custom-elements.json` v1.0.0:
|
||||
|
||||
- [@custom-elements-manifest/analyzer](https://github.com/open-wc/custom-elements-manifest)
|
||||
- Supports Vanilla, LitElement, FASTElement, Stencil, Catalyst, Atomico
|
||||
|
||||
Known analyzers that output older versions of `custom-elements.json`:
|
||||
|
||||
- [web-component-analyzer](https://github.com/runem/web-component-analyzer)
|
||||
- Supports LitElement, Polymer, Vanilla, (Stencil)
|
||||
- [stenciljs](https://stenciljs.com/)
|
||||
- Supports Stencil (but does not have all metadata)
|
||||
|
||||
To generate this file with Stencil, add `docs-vscode` to outputTargets in `stencil.config.ts`:
|
||||
|
||||
```
|
||||
{
|
||||
type: 'docs-vscode',
|
||||
file: 'custom-elements.json'
|
||||
},
|
||||
```
|
||||
|
||||
The file looks something like this:
|
||||
|
||||
```json
|
||||
{
|
||||
"schemaVersion": "1.0.0",
|
||||
"readme": "",
|
||||
"modules": [
|
||||
{
|
||||
"kind": "javascript-module",
|
||||
"path": "src/my-element.js",
|
||||
"declarations": [
|
||||
{
|
||||
"kind": "class",
|
||||
"description": "",
|
||||
"name": "MyElement",
|
||||
"members": [
|
||||
{
|
||||
"kind": "field",
|
||||
"name": "disabled"
|
||||
},
|
||||
{
|
||||
"kind": "method",
|
||||
"name": "fire"
|
||||
}
|
||||
],
|
||||
"events": [
|
||||
{
|
||||
"name": "disabled-changed",
|
||||
"type": {
|
||||
"text": "Event"
|
||||
}
|
||||
}
|
||||
],
|
||||
"superclass": {
|
||||
"name": "HTMLElement"
|
||||
},
|
||||
"tagName": "my-element"
|
||||
}
|
||||
],
|
||||
"exports": [
|
||||
{
|
||||
"kind": "custom-element-definition",
|
||||
"name": "my-element",
|
||||
"declaration": {
|
||||
"name": "MyElement",
|
||||
"module": "src/my-element.js"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
For a full example see the [web-components-kitchen-sink/custom-elements.json](../../../examples/web-components-kitchen-sink/custom-elements.json).
|
||||
|
||||
## Stories not inline
|
||||
|
||||
Storybook Docs renders all web components stories inline by default.
|
||||
|
||||
However, you can render stories in an iframe, with a default height of `60px` (configurable using the `docs.story.iframeHeight` story parameter), by using the `docs.stories.inline` parameter.
|
||||
|
||||
To do so for all stories, update `.storybook/preview.js`:
|
||||
|
||||
```js
|
||||
export const parameters = { docs: { story: { inline: false } } };
|
||||
```
|
||||
|
||||
## More resources
|
||||
|
||||
Want to learn more? Here are some more articles on Storybook Docs:
|
||||
|
||||
- References: [DocsPage](../docs/docspage.md) / [MDX](../docs/mdx.md) / [FAQ](../docs/faq.md) / [Recipes](../docs/recipes.md) / [Theming](../docs/theming.md) / [Props](../docs/props-tables.md)
|
||||
- Announcements: [Vision](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a) / [DocsPage](https://medium.com/storybookjs/storybook-docspage-e185bc3622bf) / [MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) / [Framework support](https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea)
|
||||
- Example: [Storybook Design System](https://github.com/storybookjs/design-system)
|
||||
1
frontend/node_modules/@storybook/addon-docs/web-components/index.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/addon-docs/web-components/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = require('../dist/frameworks/common/index');
|
||||
686
frontend/node_modules/@storybook/addon-onboarding/CHANGELOG.md
generated
vendored
Normal file
686
frontend/node_modules/@storybook/addon-onboarding/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,686 @@
|
||||
# v1.0.11 (Tue Jan 23 2024)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix z-index bug by adding a wrapper [#82](https://github.com/storybookjs/addon-onboarding/pull/82) ([@ndelangen](https://github.com/ndelangen))
|
||||
- Make selectors Storybook 8 compatible [#81](https://github.com/storybookjs/addon-onboarding/pull/81) ([@yannbf](https://github.com/yannbf))
|
||||
- UI: Fix z-index in modal elements [#78](https://github.com/storybookjs/addon-onboarding/pull/78) ([@cdedreuille](https://github.com/cdedreuille) [@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 3
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Norbert de Langen ([@ndelangen](https://github.com/ndelangen))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.10 (Mon Dec 11 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix Yarn remove command in README [#80](https://github.com/storybookjs/addon-onboarding/pull/80) ([@githrdw](https://github.com/githrdw))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- [@githrdw](https://github.com/githrdw)
|
||||
|
||||
---
|
||||
|
||||
# v1.0.9 (Fri Dec 01 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- update telemetry version [#79](https://github.com/storybookjs/addon-onboarding/pull/79) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.8 (Thu Jul 20 2023)
|
||||
|
||||
#### ⚠️ Pushed to `main`
|
||||
|
||||
- Create CODEOWNERS ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.7 (Tue Jul 11 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Replace chevron icon on Configure page to avoid @storybook/components usage [#77](https://github.com/storybookjs/addon-onboarding/pull/77) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.6 (Mon Jul 10 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix language detection [#76](https://github.com/storybookjs/addon-onboarding/pull/76) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.5 (Mon Jul 10 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Remove nextjs-specific code [#75](https://github.com/storybookjs/addon-onboarding/pull/75) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.4 (Thu Jul 06 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Update Configure page design [#74](https://github.com/storybookjs/addon-onboarding/pull/74) ([@JReinhold](https://github.com/JReinhold) [@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Jeppe Reinhold ([@JReinhold](https://github.com/JReinhold))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.3 (Fri Jun 23 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Display the button story filename in tooltip [#73](https://github.com/storybookjs/addon-onboarding/pull/73) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.2 (Thu Jun 22 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix package.json version extraction [#72](https://github.com/storybookjs/addon-onboarding/pull/72) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.1 (Thu Jun 22 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix build assets [#71](https://github.com/storybookjs/addon-onboarding/pull/71) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v1.0.0 (Thu Jun 22 2023)
|
||||
|
||||
#### 💥 Breaking Change
|
||||
|
||||
- Release 1.0.0 [#70](https://github.com/storybookjs/addon-onboarding/pull/70) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix text for Javascript Projects [#68](https://github.com/storybookjs/addon-onboarding/pull/68) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.43 (Thu Jun 22 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix react joyride in yarn pnp mode [#69](https://github.com/storybookjs/addon-onboarding/pull/69) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- fix links in configure.mdx [#67](https://github.com/storybookjs/addon-onboarding/pull/67) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.42 (Wed Jun 21 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix nextjs code steps [#66](https://github.com/storybookjs/addon-onboarding/pull/66) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.41 (Wed Jun 21 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Minor improvements [#65](https://github.com/storybookjs/addon-onboarding/pull/65) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.40 (Tue Jun 20 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix preset.js entry point [#63](https://github.com/storybookjs/addon-onboarding/pull/63) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.39 (Tue Jun 20 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix comment in code section [#64](https://github.com/storybookjs/addon-onboarding/pull/64) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.38 (Mon Jun 19 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Pass addon version in telemetry event [#62](https://github.com/storybookjs/addon-onboarding/pull/62) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.37 (Mon Jun 19 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- UI Fixes [#61](https://github.com/storybookjs/addon-onboarding/pull/61) ([@yannbf](https://github.com/yannbf) [@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.36 (Fri Jun 16 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve dark mode [#58](https://github.com/storybookjs/addon-onboarding/pull/58) ([@cdedreuille](https://github.com/cdedreuille) [@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.35 (Fri Jun 16 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Add dark mode styles to tooltip [#54](https://github.com/storybookjs/addon-onboarding/pull/54) ([@yannbf](https://github.com/yannbf))
|
||||
- UI fixes [#56](https://github.com/storybookjs/addon-onboarding/pull/56) ([@yannbf](https://github.com/yannbf))
|
||||
- Fix watch mode [#55](https://github.com/storybookjs/addon-onboarding/pull/55) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.34 (Wed Jun 14 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fix configure page's layout [#53](https://github.com/storybookjs/addon-onboarding/pull/53) ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.33 (Wed Jun 14 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve story detection [#52](https://github.com/storybookjs/addon-onboarding/pull/52) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.32 (Wed Jun 14 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Fixes on syntax highlighter [#51](https://github.com/storybookjs/addon-onboarding/pull/51) ([@cdedreuille](https://github.com/cdedreuille) [@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.31 (Wed Jun 14 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve instructions [#50](https://github.com/storybookjs/addon-onboarding/pull/50) ([@shilman](https://github.com/shilman))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Michael Shilman ([@shilman](https://github.com/shilman))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.30 (Tue Jun 13 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Add core server events for telemetry [#40](https://github.com/storybookjs/addon-onboarding/pull/40) ([@valentinpalkovic](https://github.com/valentinpalkovic) [@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.29 (Tue Jun 13 2023)
|
||||
|
||||
#### ⚠️ Pushed to `main`
|
||||
|
||||
- cleanup dependencies ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.28 (Mon Jun 12 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Feat/overall improvements [#49](https://github.com/storybookjs/addon-onboarding/pull/49) ([@yannbf](https://github.com/yannbf) [@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.27 (Fri Jun 09 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Add previous button to write stories modal [#48](https://github.com/storybookjs/addon-onboarding/pull/48) ([@yannbf](https://github.com/yannbf) [@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.26 (Thu Jun 08 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Remove animation modal [#47](https://github.com/storybookjs/addon-onboarding/pull/47) ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.25 (Thu Jun 08 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve addon bootstrapping [#46](https://github.com/storybookjs/addon-onboarding/pull/46) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.24 (Thu Jun 08 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Use the correct event to detect args change [#45](https://github.com/storybookjs/addon-onboarding/pull/45) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.23 (Thu Jun 08 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Various improvements [#44](https://github.com/storybookjs/addon-onboarding/pull/44) ([@yannbf](https://github.com/yannbf) [@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.22 (Thu Jun 08 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve confetti colors and shapes [#43](https://github.com/storybookjs/addon-onboarding/pull/43) ([@yannbf](https://github.com/yannbf) [@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.21 (Thu Jun 08 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve modal animation [#42](https://github.com/storybookjs/addon-onboarding/pull/42) ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.20 (Wed Jun 07 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Change code for Javascript projects [#41](https://github.com/storybookjs/addon-onboarding/pull/41) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.19 (Wed Jun 07 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve write a story modal [#38](https://github.com/storybookjs/addon-onboarding/pull/38) ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.18 (Wed Jun 07 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Implement "How to write your Story" flow [#33](https://github.com/storybookjs/addon-onboarding/pull/33) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.17 (Wed Jun 07 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- use onboarding parameter in conjunction with onboarding path [#37](https://github.com/storybookjs/addon-onboarding/pull/37) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.16 (Tue Jun 06 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Improve guided tour [#35](https://github.com/storybookjs/addon-onboarding/pull/35) ([@cdedreuille](https://github.com/cdedreuille) [@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.15 (Tue Jun 06 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Trigger via `/onboarding` path instead of query parameter [#21](https://github.com/storybookjs/addon-onboarding/pull/21) ([@yannbf](https://github.com/yannbf))
|
||||
- Welcome modal animation [#34](https://github.com/storybookjs/addon-onboarding/pull/34) ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 2
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.14 (Mon Jun 05 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Modal improvements [#22](https://github.com/storybookjs/addon-onboarding/pull/22) ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Charles de Dreuille ([@cdedreuille](https://github.com/cdedreuille))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.13 (Mon Jun 05 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Implement syntax highlighter [#20](https://github.com/storybookjs/addon-onboarding/pull/20) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.12 (Thu Jun 01 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Implemented bare minimum list component [#19](https://github.com/storybookjs/addon-onboarding/pull/19) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.11 (Thu Jun 01 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Add guided tour example [#5](https://github.com/storybookjs/addon-onboarding/pull/5) ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Yann Braga ([@yannbf](https://github.com/yannbf))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.10 (Tue May 30 2023)
|
||||
|
||||
#### ⚠️ Pushed to `main`
|
||||
|
||||
- Rename confett to Confetti ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- Rename confetti to confett ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.9 (Tue May 30 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Implement bare minimum modal component [#18](https://github.com/storybookjs/addon-onboarding/pull/18) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.8 (Tue May 30 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Implement bare minimum confetti component [#7](https://github.com/storybookjs/addon-onboarding/pull/7) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.7 (Thu May 25 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Init Storybook Theme Provider [#6](https://github.com/storybookjs/addon-onboarding/pull/6) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.6 (Tue May 23 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Add minimum React Application [#3](https://github.com/storybookjs/addon-onboarding/pull/3) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.5 (Tue May 23 2023)
|
||||
|
||||
#### ⚠️ Pushed to `main`
|
||||
|
||||
- Add clean package.json ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.4 (Tue May 23 2023)
|
||||
|
||||
#### ⚠️ Pushed to `main`
|
||||
|
||||
- Cleanup ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.3 (Tue May 23 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Setup Chromatic [#2](https://github.com/storybookjs/addon-onboarding/pull/2) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.2 (Tue May 23 2023)
|
||||
|
||||
#### 🐛 Bug Fix
|
||||
|
||||
- Remove unnecessary files [#1](https://github.com/storybookjs/addon-onboarding/pull/1) ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
---
|
||||
|
||||
# v0.0.1 (Tue May 23 2023)
|
||||
|
||||
#### ⚠️ Pushed to `main`
|
||||
|
||||
- Fix manager.ts and add export {} ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- Add auto.config.js ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- Init Addon Onboarding ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- project setup ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
- Initial commit ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
|
||||
#### Authors: 1
|
||||
|
||||
- Valentin Palkovic ([@valentinpalkovic](https://github.com/valentinpalkovic))
|
||||
49
frontend/node_modules/@storybook/addon-onboarding/README.md
generated
vendored
Normal file
49
frontend/node_modules/@storybook/addon-onboarding/README.md
generated
vendored
Normal file
@@ -0,0 +1,49 @@
|
||||
# Storybook Addon Onboarding
|
||||
|
||||
This addon provides a guided tour in some of Storybook's features, helping you get to know about the basics of Storybook and learn how to write stories!
|
||||
|
||||

|
||||
|
||||
## Triggering the onboarding
|
||||
|
||||
This addon comes installed by default in Storybook projects and should trigger automatically.
|
||||
If you want to retrigger the addon, you should make sure that your Storybook still contains the example stories that come when initializing Storybook, and you can then navigate to http://localhost:6006/?path=/onboarding after running Storybook.
|
||||
|
||||
## Uninstalling
|
||||
|
||||
This addon serves to provide you a guided experience on the basics of Storybook. Once you are done, the addon is therefore not needed anymore and will not get activated (unless triggered manually), so you can freely remove it. Here's how to do so:
|
||||
|
||||
### 1. Remove the dependency
|
||||
|
||||
yarn:
|
||||
|
||||
```zsh
|
||||
yarn remove @storybook/addon-onboarding
|
||||
```
|
||||
|
||||
npm:
|
||||
|
||||
```zsh
|
||||
npm uninstall -D @storybook/addon-onboarding
|
||||
```
|
||||
|
||||
pnpm:
|
||||
|
||||
```zsh
|
||||
pnpm remove -D @storybook/addon-onboarding
|
||||
```
|
||||
|
||||
### 2. Remove the addon in your `.storybook/main.js` file
|
||||
|
||||
```diff
|
||||
const config = {
|
||||
stories: [
|
||||
"../stories/**/*.stories.mdx",
|
||||
"../stories/**/*.stories.@(js|jsx|ts|tsx)",
|
||||
],
|
||||
addons: [
|
||||
- "@storybook/addon-onboarding"
|
||||
],
|
||||
};
|
||||
export default config;
|
||||
```
|
||||
137
frontend/node_modules/@storybook/addon-onboarding/dist/Onboarding-C2PY5T7U.js
generated
vendored
Normal file
137
frontend/node_modules/@storybook/addon-onboarding/dist/Onboarding-C2PY5T7U.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
3
frontend/node_modules/@storybook/addon-onboarding/dist/index.d.ts
generated
vendored
Normal file
3
frontend/node_modules/@storybook/addon-onboarding/dist/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
declare const _default: {};
|
||||
|
||||
export { _default as default };
|
||||
5
frontend/node_modules/@storybook/addon-onboarding/dist/index.js
generated
vendored
Normal file
5
frontend/node_modules/@storybook/addon-onboarding/dist/index.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
'use strict';
|
||||
|
||||
var index_default={};
|
||||
|
||||
module.exports = index_default;
|
||||
3
frontend/node_modules/@storybook/addon-onboarding/dist/index.mjs
generated
vendored
Normal file
3
frontend/node_modules/@storybook/addon-onboarding/dist/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
var index_default={};
|
||||
|
||||
export { index_default as default };
|
||||
7
frontend/node_modules/@storybook/addon-onboarding/dist/manager.js
generated
vendored
Normal file
7
frontend/node_modules/@storybook/addon-onboarding/dist/manager.js
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import React, { lazy, Suspense } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import { ADDON_ID } from 'storybook/internal/controls';
|
||||
import { STORY_SPECIFIED } from 'storybook/internal/core-events';
|
||||
import { addons } from 'storybook/manager-api';
|
||||
|
||||
var Onboarding=lazy(()=>import('./Onboarding-C2PY5T7U.js'));addons.register("@storybook/addon-onboarding",async api=>{let urlState=api.getUrlState(),isOnboarding=urlState.path==="/onboarding"||urlState.queryParams.onboarding==="true";api.once(STORY_SPECIFIED,()=>{if(!(!!api.getData("example-button--primary")||!!document.getElementById("example-button--primary"))){console.warn("[@storybook/addon-onboarding] It seems like you have finished the onboarding experience in Storybook! Therefore this addon is not necessary anymore and will not be loaded. You are free to remove it from your project. More info: https://github.com/storybookjs/storybook/tree/next/code/addons/onboarding#uninstalling");return}if(!isOnboarding||window.innerWidth<730)return;api.togglePanel(!0),api.togglePanelPosition("bottom"),api.setSelectedPanel(ADDON_ID);let domNode=document.createElement("div");domNode.id="storybook-addon-onboarding",document.body.appendChild(domNode),ReactDOM.render(React.createElement(Suspense,{fallback:React.createElement("div",null)},React.createElement(Onboarding,{api})),domNode);});});
|
||||
8
frontend/node_modules/@storybook/addon-onboarding/dist/preset.js
generated
vendored
Normal file
8
frontend/node_modules/@storybook/addon-onboarding/dist/preset.js
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
'use strict';
|
||||
|
||||
var fs = require('fs');
|
||||
var telemetry = require('storybook/internal/telemetry');
|
||||
|
||||
var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var STORYBOOK_ADDON_ONBOARDING_CHANNEL="STORYBOOK_ADDON_ONBOARDING_CHANNEL";var experimental_serverChannel=async(channel,options)=>{let{disableTelemetry}=await options.presets.apply("core",{});if(!disableTelemetry){let packageJsonPath=__require.resolve("@storybook/addon-onboarding/package.json"),{version:addonVersion}=JSON.parse(fs.readFileSync(packageJsonPath,{encoding:"utf-8"}));channel.on(STORYBOOK_ADDON_ONBOARDING_CHANNEL,({type,...event})=>{type==="telemetry"&&telemetry.telemetry("addon-onboarding",{...event,addonVersion});});}return channel};
|
||||
|
||||
exports.experimental_serverChannel = experimental_serverChannel;
|
||||
72
frontend/node_modules/@storybook/addon-onboarding/package.json
generated
vendored
Normal file
72
frontend/node_modules/@storybook/addon-onboarding/package.json
generated
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
{
|
||||
"name": "@storybook/addon-onboarding",
|
||||
"version": "9.0.16",
|
||||
"description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
"addon-onboarding"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/addons/onboarding",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "code/addons/onboarding"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/index.d.ts",
|
||||
"import": "./dist/index.mjs",
|
||||
"require": "./dist/index.js"
|
||||
},
|
||||
"./manager": "./dist/manager.js",
|
||||
"./preset": "./dist/preset.js",
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/index.mjs",
|
||||
"types": "dist/index.d.ts",
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts",
|
||||
"!src/**/*"
|
||||
],
|
||||
"scripts": {
|
||||
"check": "jiti ../../../scripts/prepare/check.ts",
|
||||
"prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@neoconfetti/react": "^1.0.0",
|
||||
"@storybook/icons": "^1.4.0",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-joyride": "^2.8.2",
|
||||
"typescript": "^5.8.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"storybook": "^9.0.16"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {
|
||||
"exportEntries": [
|
||||
"./src/index.ts"
|
||||
],
|
||||
"managerEntries": [
|
||||
"./src/manager.tsx"
|
||||
],
|
||||
"nodeEntries": [
|
||||
"./src/preset.ts"
|
||||
]
|
||||
}
|
||||
}
|
||||
8
frontend/node_modules/@storybook/addon-onboarding/preset.js
generated
vendored
Normal file
8
frontend/node_modules/@storybook/addon-onboarding/preset.js
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
function managerEntries(entry = []) {
|
||||
return [...entry, require.resolve('./dist/manager.js')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
managerEntries,
|
||||
...require('./dist/preset'),
|
||||
};
|
||||
169
frontend/node_modules/@storybook/builder-vite/README.md
generated
vendored
Normal file
169
frontend/node_modules/@storybook/builder-vite/README.md
generated
vendored
Normal file
@@ -0,0 +1,169 @@
|
||||
# Storybook builder for Vite <!-- omit in toc -->
|
||||
|
||||
Build your stories with [vite](https://vitejs.dev/) for fast startup times and near-instant HMR.
|
||||
|
||||
# Table of Contents <!-- omit in toc -->
|
||||
|
||||
- [Installation](#installation)
|
||||
- [Usage](#usage)
|
||||
- [Getting started with Vite and Storybook (on a new project)](#getting-started-with-vite-and-storybook-on-a-new-project)
|
||||
- [Migration from webpack / CRA](#migration-from-webpack--cra)
|
||||
- [Customize Vite config](#customize-vite-config)
|
||||
- [TypeScript](#typescript)
|
||||
- [React Docgen](#react-docgen)
|
||||
- [Note about working directory](#note-about-working-directory)
|
||||
- [Known issues](#known-issues)
|
||||
- [Contributing](#contributing)
|
||||
|
||||
## Installation
|
||||
|
||||
Requirements:
|
||||
|
||||
- Vite 3.0 or newer (4.X recommended)
|
||||
|
||||
When installing Storybook, use the `--builder=vite` flag if you do not have a `vite.config` file at your project root (if you do, the vite builder is chosen automatically).
|
||||
|
||||
## Usage
|
||||
|
||||
The builder supports both development mode in Storybook and building a static production version.
|
||||
|
||||
Your `vite.config` file will be used by Storybook. If you need to customize the Vite config for Storybook, you have two choices:
|
||||
|
||||
1. Set values in your `vite.config` conditionally, based on an environment variable, for example.
|
||||
2. Add a `viteFinal` config to your `.storybook/main.js` file. See [Customize Vite config](#customize-vite-config) for details.
|
||||
|
||||
### Getting started with Vite and Storybook (on a new project)
|
||||
|
||||
See https://vitejs.dev/guide/#scaffolding-your-first-vite-project,
|
||||
|
||||
```
|
||||
npm create vite@latest # follow the prompts
|
||||
npx storybook@latest init --builder vite && npm run storybook
|
||||
```
|
||||
|
||||
### Migration from webpack / CRA
|
||||
|
||||
1. Install `vite` and `@storybook/builder-vite`
|
||||
2. Remove any explicit project dependencies on `webpack`, `react-scripts`, and any other Webpack plugins or loaders.
|
||||
3. If you were previously using `@storybook/manager-webpack5`, you can remove it. Also remove `@storybook/builder-webpack5` or `@storybook/builder-webpack4` if they are installed.
|
||||
4. Choose a Vite-based Storybook "framework" to set in the `framework` option of your `.storybook/main.js` file.
|
||||
5. Remove Storybook Webpack cache (`rm -rf node_modules/.cache`)
|
||||
6. Update your `/public/index.html` file for Vite (be sure there are no `%PUBLIC_URL%` inside it, which is a CRA variable)
|
||||
7. Be sure that any files containing JSX syntax use a `.jsx` or `.tsx` file extension, which [Vite requires](https://vitejs.dev/guide/features.html#jsx). This includes `.storybook/preview.jsx` if it contains JSX syntax.
|
||||
8. For now you'll need to add a [workaround](https://github.com/storybookjs/storybook/issues/18399) for jest-mock relying on the node `global` variable by creating a `.storybook/preview-head.html` file containing the following:
|
||||
|
||||
```html
|
||||
<script>
|
||||
window.global = window;
|
||||
</script>
|
||||
```
|
||||
|
||||
9. Start up your Storybook using the same `yarn storybook` or `npm run storybook` commands you are used to.
|
||||
|
||||
For other details about the differences between Vite and Webpack projects, be sure to read through the [Vite documentation](https://vitejs.dev/).
|
||||
|
||||
### Customize Vite config
|
||||
|
||||
The builder _will_ read your `vite.config.js` file, though it may change some of the options in order to work correctly.
|
||||
It looks for the Vite config in the CWD. If your config is located elsewhere, specify the path using the `viteConfigPath` builder option:
|
||||
|
||||
```javascript
|
||||
// .storybook/main.mjs
|
||||
|
||||
const config = {
|
||||
framework: {
|
||||
name: '@storybook/react-vite', // Your framework name here.
|
||||
options: {
|
||||
builder: {
|
||||
viteConfigPath: '.storybook/customViteConfig.js',
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export default config;
|
||||
```
|
||||
|
||||
You can also override the merged Vite config:
|
||||
|
||||
```javascript
|
||||
// use `mergeConfig` to recursively merge Vite options
|
||||
import { mergeConfig } from 'vite';
|
||||
|
||||
const config = {
|
||||
async viteFinal(config, { configType }) {
|
||||
// Be sure to return the customized config
|
||||
return mergeConfig(config, {
|
||||
// Customize the Vite config for Storybook
|
||||
resolve: {
|
||||
alias: { foo: 'bar' },
|
||||
},
|
||||
});
|
||||
},
|
||||
};
|
||||
|
||||
export default config;
|
||||
```
|
||||
|
||||
The `viteFinal` function will give you `config` which is the combination of your project's Vite config and the builder's own Vite config.
|
||||
You can tweak this as you want, for example to set up aliases, add new plugins etc.
|
||||
|
||||
The `configType` variable will be either `"DEVELOPMENT"` or `"PRODUCTION"`.
|
||||
|
||||
The function should return the updated Vite configuration.
|
||||
|
||||
### TypeScript
|
||||
|
||||
Configure your `.storybook/main.ts` to use TypeScript:
|
||||
|
||||
```typescript
|
||||
import type { StorybookConfig } from '@storybook/react-vite';
|
||||
|
||||
// (or whatever framework you are using)
|
||||
|
||||
const config: StorybookConfig = {
|
||||
// other storybook options...,
|
||||
async viteFinal(config, options) {
|
||||
// modify and return config
|
||||
},
|
||||
};
|
||||
|
||||
export default config;
|
||||
```
|
||||
|
||||
See [Customize Vite config](#customize-vite-config) for details about using `viteFinal`.
|
||||
|
||||
### React Docgen
|
||||
|
||||
Docgen is used in Storybook to populate the props table in docs view, the controls panel, and for several other addons. Docgen is supported in Svelte, Vue 3, and React. React docgen is configurable via the [`typescript.reactDocgen`](https://storybook.js.org/docs/api/main-config-typescript#reactdocgen) setting in `.storybook/main.js`.
|
||||
|
||||
```javascript
|
||||
export default {
|
||||
typescript: {
|
||||
reactDocgen: 'react-docgen`
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
If you're using TypeScript, we encourage you to experiment and see which option works better for your project.
|
||||
|
||||
### Note about working directory
|
||||
|
||||
The builder will by default enable Vite's [server.fs.strict](https://vitejs.dev/config/#server-fs-strict)
|
||||
option, for increased security. The default project `root` is set to the parent directory of the
|
||||
Storybook configuration directory. This can be overridden in [viteFinal](https://storybook.js.org/docs/api/main-config-vite-final).
|
||||
|
||||
## Known issues
|
||||
|
||||
- HMR: saving a story file does not hot-module-reload, a full reload happens instead. HMR works correctly when saving component files.
|
||||
|
||||
## Contributing
|
||||
|
||||
The Vite builder cannot build itself.
|
||||
|
||||
Are you willing to contribute? We are especially looking for Vue and Svelte experts, as the current maintainers are React users.
|
||||
|
||||
Have a look at the GitHub issues with the `vite` label for known bugs. If you find any new bugs,
|
||||
feel free to create an issue or send a pull request!
|
||||
|
||||
Please read the [How to contribute](/CONTRIBUTING.md) guide.
|
||||
30
frontend/node_modules/@storybook/builder-vite/dist/index.d.ts
generated
vendored
Normal file
30
frontend/node_modules/@storybook/builder-vite/dist/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
import { Builder, Options } from 'storybook/internal/types';
|
||||
import { UserConfig, InlineConfig, PluginOption } from 'vite';
|
||||
|
||||
type ViteStats = {
|
||||
toJson: () => any;
|
||||
};
|
||||
type ViteBuilder = Builder<UserConfig, ViteStats>;
|
||||
type ViteFinal = (config: InlineConfig, options: Options) => InlineConfig | Promise<InlineConfig>;
|
||||
type StorybookConfigVite = {
|
||||
viteFinal?: ViteFinal;
|
||||
};
|
||||
type BuilderOptions = {
|
||||
/** Path to `vite.config` file, relative to `process.cwd()`. */
|
||||
viteConfigPath?: string;
|
||||
};
|
||||
|
||||
/** Recursively removes all plugins with the names given Resolves async plugins */
|
||||
declare const withoutVitePlugins: <TPlugin>(plugins: TPlugin[] | undefined, namesToRemove: string[]) => Promise<TPlugin[]>;
|
||||
|
||||
/**
|
||||
* Returns true if ANY of the plugins in the array have a name that matches one of the names in the
|
||||
* names array. Will resolve any promises in the array.
|
||||
*/
|
||||
declare function hasVitePlugins(plugins: PluginOption[], names: string[]): Promise<boolean>;
|
||||
|
||||
declare function bail(): Promise<void>;
|
||||
declare const start: ViteBuilder['start'];
|
||||
declare const build: ViteBuilder['build'];
|
||||
|
||||
export { BuilderOptions, StorybookConfigVite, ViteBuilder, ViteFinal, bail, build, hasVitePlugins, start, withoutVitePlugins };
|
||||
84
frontend/node_modules/@storybook/builder-vite/dist/index.js
generated
vendored
Normal file
84
frontend/node_modules/@storybook/builder-vite/dist/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
104
frontend/node_modules/@storybook/builder-vite/dist/index.mjs
generated
vendored
Normal file
104
frontend/node_modules/@storybook/builder-vite/dist/index.mjs
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
99
frontend/node_modules/@storybook/builder-vite/input/iframe.html
generated
vendored
Normal file
99
frontend/node_modules/@storybook/builder-vite/input/iframe.html
generated
vendored
Normal file
@@ -0,0 +1,99 @@
|
||||
<!doctype html>
|
||||
<!--suppress HtmlUnknownTarget -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Storybook</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'Nunito Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nunito Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nunito Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nunito Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.CONFIG_TYPE = '[CONFIG_TYPE HERE]';
|
||||
window.LOGLEVEL = '[LOGLEVEL HERE]';
|
||||
window.FRAMEWORK_OPTIONS = '[FRAMEWORK_OPTIONS HERE]';
|
||||
window.CHANNEL_OPTIONS = '[CHANNEL_OPTIONS HERE]';
|
||||
window.FEATURES = '[FEATURES HERE]';
|
||||
window.STORIES = '[STORIES HERE]';
|
||||
window.DOCS_OPTIONS = '[DOCS_OPTIONS HERE]';
|
||||
window.TAGS_OPTIONS = '[TAGS_OPTIONS HERE]';
|
||||
|
||||
('OTHER_GLOBALS HERE');
|
||||
|
||||
// We do this so that "module && module.hot" etc. in Storybook source code
|
||||
// doesn't fail (it will simply be disabled)
|
||||
window.module = undefined;
|
||||
window.global = window;
|
||||
</script>
|
||||
<!-- [HEAD HTML SNIPPET HERE] -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- [BODY HTML SNIPPET HERE] -->
|
||||
<div id="storybook-root"></div>
|
||||
<div id="storybook-docs"></div>
|
||||
<script>
|
||||
function __onViteAppLoadingError(event) {
|
||||
const hostname = globalThis.location.hostname;
|
||||
if (hostname !== 'localhost' && globalThis.CONFIG_TYPE === 'DEVELOPMENT') {
|
||||
const message = `Failed to load the Storybook preview file 'vite-app.js':
|
||||
|
||||
It looks like you're visiting the Storybook development server on another hostname than localhost: '${hostname}', but you haven't configured the necessary security features to support this.
|
||||
Please re-run your Storybook development server with the '--host ${hostname}' flag, or manually configure your Vite allowedHosts configuration with viteFinal.
|
||||
|
||||
See:`;
|
||||
const docs = [
|
||||
'https://storybook.js.org/docs/api/cli-options#dev',
|
||||
'https://storybook.js.org/docs/api/main-config/main-config-vite-final',
|
||||
'https://vite.dev/config/server-options.html#server-allowedhosts',
|
||||
];
|
||||
console.error(`${message}\n${docs.map((doc) => `- ${doc}`).join('\n')}`);
|
||||
|
||||
document.getElementById('storybook-root').innerHTML =
|
||||
`<p style="color: red; max-width: 70ch">${message.replaceAll(
|
||||
'\n',
|
||||
'<br/>'
|
||||
)}<ul>${docs.map((doc) => `<li><a href='${doc}' target='_blank'>${doc}</a></li>`).join('')}<ul></p>`;
|
||||
return;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script
|
||||
type="module"
|
||||
src="virtual:/@storybook/builder-vite/vite-app.js"
|
||||
onerror="__onViteAppLoadingError(event)"
|
||||
></script>
|
||||
</body>
|
||||
</html>
|
||||
75
frontend/node_modules/@storybook/builder-vite/package.json
generated
vendored
Normal file
75
frontend/node_modules/@storybook/builder-vite/package.json
generated
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
{
|
||||
"name": "@storybook/builder-vite",
|
||||
"version": "9.0.16",
|
||||
"description": "A plugin to run and build Storybooks with Vite",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "code/builders/builder-vite"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"author": "Eirik Sletteberg",
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/index.d.ts",
|
||||
"node": "./dist/index.js",
|
||||
"import": "./dist/index.mjs",
|
||||
"require": "./dist/index.js"
|
||||
},
|
||||
"./input/iframe.html": "./input/iframe.html",
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/index.mjs",
|
||||
"types": "dist/index.d.ts",
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"input/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts",
|
||||
"!src/**/*"
|
||||
],
|
||||
"scripts": {
|
||||
"check": "jiti ../../../scripts/prepare/check.ts",
|
||||
"prep": "jiti ../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf-plugin": "9.0.16",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/find-cache-dir": "^3.2.1",
|
||||
"@types/node": "^22.0.0",
|
||||
"es-module-lexer": "^1.5.0",
|
||||
"find-cache-dir": "^3.0.0",
|
||||
"glob": "^10.0.0",
|
||||
"knitwork": "^1.1.0",
|
||||
"magic-string": "^0.30.0",
|
||||
"pathe": "^1.1.2",
|
||||
"slash": "^5.0.0",
|
||||
"vite": "^6.2.5"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"storybook": "^9.0.16",
|
||||
"vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {
|
||||
"entries": [
|
||||
"./src/index.ts"
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
|
||||
}
|
||||
26
frontend/node_modules/@storybook/csf-plugin/README.md
generated
vendored
Normal file
26
frontend/node_modules/@storybook/csf-plugin/README.md
generated
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
# CSF Plugin
|
||||
|
||||
The CSF plugin reads CSF files and enriches their content via static analysis.
|
||||
It supports Webpack, Vite, and other bundlers using [unplugin](https://github.com/unjs/unplugin).
|
||||
|
||||
## Source snippets
|
||||
|
||||
CSF plugin can add static source snippets to each story. For example:
|
||||
|
||||
```js
|
||||
export const Basic = () => <Button />;
|
||||
```
|
||||
|
||||
Would be transformed to:
|
||||
|
||||
```js
|
||||
export const Basic = () => <Button />;
|
||||
Basic.parameters = {
|
||||
storySource: {
|
||||
source: '() => <Button />',
|
||||
},
|
||||
...Basic.parameters,
|
||||
};
|
||||
```
|
||||
|
||||
This allows `@storybook/addon-docs` to display the static source snippet.
|
||||
3
frontend/node_modules/@storybook/csf-plugin/dist/chunk-MXFP7CYD.mjs
generated
vendored
Normal file
3
frontend/node_modules/@storybook/csf-plugin/dist/chunk-MXFP7CYD.mjs
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});
|
||||
|
||||
export { __require };
|
||||
15
frontend/node_modules/@storybook/csf-plugin/dist/index.d.ts
generated
vendored
Normal file
15
frontend/node_modules/@storybook/csf-plugin/dist/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
import * as _vite from 'vite';
|
||||
import * as _rollup from 'rollup';
|
||||
import * as _webpack from 'webpack';
|
||||
import * as _esbuild from 'esbuild';
|
||||
import * as _unplugin from 'unplugin';
|
||||
import { EnrichCsfOptions } from 'storybook/internal/csf-tools';
|
||||
|
||||
type CsfPluginOptions = EnrichCsfOptions;
|
||||
declare const unplugin: _unplugin.UnpluginInstance<EnrichCsfOptions, boolean>;
|
||||
declare const esbuild: (options: EnrichCsfOptions) => _esbuild.Plugin;
|
||||
declare const webpack: (options: EnrichCsfOptions) => _webpack.WebpackPluginInstance;
|
||||
declare const rollup: (options: EnrichCsfOptions) => _rollup.Plugin<any> | _rollup.Plugin<any>[];
|
||||
declare const vite: (options: EnrichCsfOptions) => _vite.Plugin<any> | _vite.Plugin<any>[];
|
||||
|
||||
export { CsfPluginOptions, esbuild, rollup, unplugin, vite, webpack };
|
||||
1
frontend/node_modules/@storybook/csf-plugin/dist/index.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/csf-plugin/dist/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{esbuild:()=>esbuild,rollup:()=>rollup,unplugin:()=>unplugin,vite:()=>vite,webpack:()=>webpack});module.exports=__toCommonJS(index_exports);var import_unplugin=require("unplugin");var STORIES_REGEX=/(?<!node_modules.*)\.(story|stories)\.[tj]sx?$/;var import_promises=require("fs/promises"),import_csf_tools=require("storybook/internal/csf-tools"),import_node_logger=require("storybook/internal/node-logger");function rollupBasedPlugin(options){return{name:"plugin-csf",async transform(code,id){if(!STORIES_REGEX.test(id))return;let sourceCode=await(0,import_promises.readFile)(id,"utf-8");try{let makeTitle=userTitle=>userTitle||"default",csf=(0,import_csf_tools.loadCsf)(code,{makeTitle}).parse(),csfSource=(0,import_csf_tools.loadCsf)(sourceCode,{makeTitle}).parse();(0,import_csf_tools.enrichCsf)(csf,csfSource,options);let inputSourceMap=this.getCombinedSourcemap();return(0,import_csf_tools.formatCsf)(csf,{sourceMaps:!0,inputSourceMap},code)}catch(err){return err.message?.startsWith("CSF:")||import_node_logger.logger.warn(err.message),code}}}}var unplugin=(0,import_unplugin.createUnplugin)(options=>({name:"unplugin-csf",rollup:{...rollupBasedPlugin(options)},vite:{enforce:"pre",...rollupBasedPlugin(options)},webpack(compiler){compiler.options.module.rules.unshift({test:STORIES_REGEX,enforce:"post",use:{options,loader:require.resolve("@storybook/csf-plugin/dist/webpack-loader")}})},rspack(compiler){compiler.options.module.rules.unshift({test:STORIES_REGEX,enforce:"post",use:{options,loader:require.resolve("@storybook/csf-plugin/dist/webpack-loader")}})}})),{esbuild}=unplugin,{webpack}=unplugin,{rollup}=unplugin,{vite}=unplugin;0&&(module.exports={esbuild,rollup,unplugin,vite,webpack});
|
||||
9
frontend/node_modules/@storybook/csf-plugin/dist/index.mjs
generated
vendored
Normal file
9
frontend/node_modules/@storybook/csf-plugin/dist/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
import { __require } from './chunk-MXFP7CYD.mjs';
|
||||
import { createUnplugin } from 'unplugin';
|
||||
import { readFile } from 'node:fs/promises';
|
||||
import { loadCsf, enrichCsf, formatCsf } from 'storybook/internal/csf-tools';
|
||||
import { logger } from 'storybook/internal/node-logger';
|
||||
|
||||
var STORIES_REGEX=/(?<!node_modules.*)\.(story|stories)\.[tj]sx?$/;function rollupBasedPlugin(options){return {name:"plugin-csf",async transform(code,id){if(!STORIES_REGEX.test(id))return;let sourceCode=await readFile(id,"utf-8");try{let makeTitle=userTitle=>userTitle||"default",csf=loadCsf(code,{makeTitle}).parse(),csfSource=loadCsf(sourceCode,{makeTitle}).parse();enrichCsf(csf,csfSource,options);let inputSourceMap=this.getCombinedSourcemap();return formatCsf(csf,{sourceMaps:!0,inputSourceMap},code)}catch(err){return err.message?.startsWith("CSF:")||logger.warn(err.message),code}}}}var unplugin=createUnplugin(options=>({name:"unplugin-csf",rollup:{...rollupBasedPlugin(options)},vite:{enforce:"pre",...rollupBasedPlugin(options)},webpack(compiler){compiler.options.module.rules.unshift({test:STORIES_REGEX,enforce:"post",use:{options,loader:__require.resolve("@storybook/csf-plugin/dist/webpack-loader")}});},rspack(compiler){compiler.options.module.rules.unshift({test:STORIES_REGEX,enforce:"post",use:{options,loader:__require.resolve("@storybook/csf-plugin/dist/webpack-loader")}});}})),{esbuild}=unplugin,{webpack}=unplugin,{rollup}=unplugin,{vite}=unplugin;
|
||||
|
||||
export { esbuild, rollup, unplugin, vite, webpack };
|
||||
10
frontend/node_modules/@storybook/csf-plugin/dist/webpack-loader.d.ts
generated
vendored
Normal file
10
frontend/node_modules/@storybook/csf-plugin/dist/webpack-loader.d.ts
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { EnrichCsfOptions } from 'storybook/internal/csf-tools';
|
||||
|
||||
interface LoaderContext {
|
||||
async: () => (err: Error | null, result?: string, map?: any) => void;
|
||||
getOptions: () => EnrichCsfOptions;
|
||||
resourcePath: string;
|
||||
}
|
||||
declare function loader(this: LoaderContext, content: string, map: any): Promise<void>;
|
||||
|
||||
export { loader as default };
|
||||
1
frontend/node_modules/@storybook/csf-plugin/dist/webpack-loader.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/csf-plugin/dist/webpack-loader.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var webpack_loader_exports={};__export(webpack_loader_exports,{default:()=>webpack_loader_default});module.exports=__toCommonJS(webpack_loader_exports);var import_promises=require("fs/promises"),import_csf_tools=require("storybook/internal/csf-tools");async function loader(content,map){let callback=this.async(),options=this.getOptions(),id=this.resourcePath,sourceCode=await(0,import_promises.readFile)(id,"utf-8");try{let makeTitle=userTitle=>userTitle||"default",csf=(0,import_csf_tools.loadCsf)(content,{makeTitle}).parse(),csfSource=(0,import_csf_tools.loadCsf)(sourceCode,{makeTitle}).parse();(0,import_csf_tools.enrichCsf)(csf,csfSource,options);let formattedCsf=(0,import_csf_tools.formatCsf)(csf,{sourceMaps:!0,inputSourceMap:map,sourceFileName:id},content);if(typeof formattedCsf=="string")return callback(null,formattedCsf,map);callback(null,formattedCsf.code,formattedCsf.map)}catch(err){err.message?.startsWith("CSF:")||console.warn(err.message),callback(null,content,map)}}var webpack_loader_default=loader;
|
||||
7
frontend/node_modules/@storybook/csf-plugin/dist/webpack-loader.mjs
generated
vendored
Normal file
7
frontend/node_modules/@storybook/csf-plugin/dist/webpack-loader.mjs
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import './chunk-MXFP7CYD.mjs';
|
||||
import { readFile } from 'node:fs/promises';
|
||||
import { loadCsf, enrichCsf, formatCsf } from 'storybook/internal/csf-tools';
|
||||
|
||||
async function loader(content,map){let callback=this.async(),options=this.getOptions(),id=this.resourcePath,sourceCode=await readFile(id,"utf-8");try{let makeTitle=userTitle=>userTitle||"default",csf=loadCsf(content,{makeTitle}).parse(),csfSource=loadCsf(sourceCode,{makeTitle}).parse();enrichCsf(csf,csfSource,options);let formattedCsf=formatCsf(csf,{sourceMaps:!0,inputSourceMap:map,sourceFileName:id},content);if(typeof formattedCsf=="string")return callback(null,formattedCsf,map);callback(null,formattedCsf.code,formattedCsf.map);}catch(err){err.message?.startsWith("CSF:")||console.warn(err.message),callback(null,content,map);}}var webpack_loader_default=loader;
|
||||
|
||||
export { webpack_loader_default as default };
|
||||
78
frontend/node_modules/@storybook/csf-plugin/package.json
generated
vendored
Normal file
78
frontend/node_modules/@storybook/csf-plugin/package.json
generated
vendored
Normal file
@@ -0,0 +1,78 @@
|
||||
{
|
||||
"name": "@storybook/csf-plugin",
|
||||
"version": "9.0.16",
|
||||
"description": "Enrich CSF files via static analysis",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/csf-plugin",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "code/lib/csf-plugin"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"sideEffects": false,
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/index.d.ts",
|
||||
"node": "./dist/index.js",
|
||||
"import": "./dist/index.mjs",
|
||||
"require": "./dist/index.js"
|
||||
},
|
||||
"./dist/webpack-loader": {
|
||||
"types": "./dist/webpack-loader.d.ts",
|
||||
"node": "./dist/webpack-loader.js",
|
||||
"import": "./dist/webpack-loader.mjs",
|
||||
"require": "./dist/webpack-loader.js"
|
||||
},
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/index.mjs",
|
||||
"types": "dist/index.d.ts",
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts",
|
||||
"!src/**/*"
|
||||
],
|
||||
"scripts": {
|
||||
"check": "jiti ../../../scripts/prepare/check.ts",
|
||||
"prep": "jiti ../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"unplugin": "^1.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.8.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"storybook": "^9.0.16"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {
|
||||
"entries": [
|
||||
"./src/index.ts",
|
||||
"./src/webpack-loader.ts"
|
||||
],
|
||||
"externals": [
|
||||
"webpack",
|
||||
"vite",
|
||||
"rollup",
|
||||
"esbuild"
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
|
||||
}
|
||||
19
frontend/node_modules/@storybook/global/LICENSE
generated
vendored
Normal file
19
frontend/node_modules/@storybook/global/LICENSE
generated
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
Copyright (c) 2022 Norbert de Langen.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
13
frontend/node_modules/@storybook/global/README.md
generated
vendored
Normal file
13
frontend/node_modules/@storybook/global/README.md
generated
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
# global
|
||||
|
||||
Require global variables
|
||||
|
||||
## Example
|
||||
|
||||
```js
|
||||
import { global } from "global";
|
||||
```
|
||||
|
||||
## Installation
|
||||
|
||||
`yarn add @storybook/global`
|
||||
3
frontend/node_modules/@storybook/global/dist/index.d.ts
generated
vendored
Normal file
3
frontend/node_modules/@storybook/global/dist/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
declare const scope: typeof globalThis;
|
||||
|
||||
export { scope as global };
|
||||
44
frontend/node_modules/@storybook/global/dist/index.js
generated
vendored
Normal file
44
frontend/node_modules/@storybook/global/dist/index.js
generated
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
"use strict";
|
||||
var __defProp = Object.defineProperty;
|
||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||
var __export = (target, all) => {
|
||||
for (var name in all)
|
||||
__defProp(target, name, { get: all[name], enumerable: true });
|
||||
};
|
||||
var __copyProps = (to, from, except, desc) => {
|
||||
if (from && typeof from === "object" || typeof from === "function") {
|
||||
for (let key of __getOwnPropNames(from))
|
||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
||||
}
|
||||
return to;
|
||||
};
|
||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
||||
|
||||
// src/index.ts
|
||||
var src_exports = {};
|
||||
__export(src_exports, {
|
||||
global: () => scope
|
||||
});
|
||||
module.exports = __toCommonJS(src_exports);
|
||||
var scope = (() => {
|
||||
let win;
|
||||
if (typeof window !== "undefined") {
|
||||
win = window;
|
||||
} else if (typeof globalThis !== "undefined") {
|
||||
win = globalThis;
|
||||
} else if (typeof global !== "undefined") {
|
||||
win = global;
|
||||
} else if (typeof self !== "undefined") {
|
||||
win = self;
|
||||
} else {
|
||||
win = {};
|
||||
}
|
||||
return win;
|
||||
})();
|
||||
// Annotate the CommonJS export names for ESM import in node:
|
||||
0 && (module.exports = {
|
||||
global
|
||||
});
|
||||
19
frontend/node_modules/@storybook/global/dist/index.mjs
generated
vendored
Normal file
19
frontend/node_modules/@storybook/global/dist/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
// src/index.ts
|
||||
var scope = (() => {
|
||||
let win;
|
||||
if (typeof window !== "undefined") {
|
||||
win = window;
|
||||
} else if (typeof globalThis !== "undefined") {
|
||||
win = globalThis;
|
||||
} else if (typeof global !== "undefined") {
|
||||
win = global;
|
||||
} else if (typeof self !== "undefined") {
|
||||
win = self;
|
||||
} else {
|
||||
win = {};
|
||||
}
|
||||
return win;
|
||||
})();
|
||||
export {
|
||||
scope as global
|
||||
};
|
||||
45
frontend/node_modules/@storybook/global/package.json
generated
vendored
Normal file
45
frontend/node_modules/@storybook/global/package.json
generated
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
{
|
||||
"name": "@storybook/global",
|
||||
"version": "5.0.0",
|
||||
"description": "Require global variables",
|
||||
"keywords": [],
|
||||
"homepage": "https://github.com/storybookjs/global",
|
||||
"repository": "git://github.com/storybookjs/global.git",
|
||||
"license": "MIT",
|
||||
"author": "Norbert <ndelangen@me.com>",
|
||||
"sideEffects": false,
|
||||
"exports": {
|
||||
".": {
|
||||
"require": "./dist/index.js",
|
||||
"import": "./dist/index.mjs",
|
||||
"types": "./dist/index.d.ts"
|
||||
},
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
"module": "dist/index.mjs",
|
||||
"types": "dist/index.d.ts",
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts"
|
||||
],
|
||||
"scripts": {
|
||||
"prep": "tsup ./src/index.ts "
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^18.11.10",
|
||||
"@typescript-eslint/eslint-plugin": "^5.45.0",
|
||||
"@typescript-eslint/parser": "^5.45.0",
|
||||
"eslint": "^8.29.0",
|
||||
"eslint-config-prettier": "^8.5.0",
|
||||
"eslint-plugin-prettier": "^4.2.1",
|
||||
"prettier": "^2.8.0",
|
||||
"tsup": "^6.5.0",
|
||||
"typescript": "^4.9.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
}
|
||||
}
|
||||
21
frontend/node_modules/@storybook/icons/LICENSE.md
generated
vendored
Normal file
21
frontend/node_modules/@storybook/icons/LICENSE.md
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2022 Tim Mikeladze
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
64
frontend/node_modules/@storybook/icons/README.md
generated
vendored
Normal file
64
frontend/node_modules/@storybook/icons/README.md
generated
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
# Icons
|
||||
|
||||
<img src="public/cover.jpg" />
|
||||
|
||||
This library contains the icons used in Storybook and Chromatic apps and marketing sites. They are 14x14. To view the list of all available icons, please go to https://main--64b56e737c0aeefed9d5e675.chromatic.com/
|
||||
|
||||
## Install
|
||||
|
||||
npm:
|
||||
|
||||
```console
|
||||
npm install @storybook/icons
|
||||
```
|
||||
|
||||
yarn:
|
||||
|
||||
```console
|
||||
yarn add @storybook/icons
|
||||
```
|
||||
|
||||
pnpm:
|
||||
|
||||
```console
|
||||
pnpm add @storybook/icons
|
||||
```
|
||||
|
||||
## To Do
|
||||
|
||||
- [x] Export every single icon instead of a single component
|
||||
- [x] Add stories for each component
|
||||
|
||||
## Generating new icons from Figma
|
||||
|
||||
First, set local environment variables:
|
||||
|
||||
```console
|
||||
FIGMA_API_TOKEN=<YOUR_FIGMA_API_TOKEN>
|
||||
FIGMA_FILE_ID=<FIGMA_FILE_ID>
|
||||
FIGMA_CANVAS=Icons
|
||||
```
|
||||
|
||||
Then, fetch all icons from Figma locally and create React components + stories automatically:
|
||||
|
||||
```console
|
||||
pnpm generate-icons
|
||||
```
|
||||
|
||||
Inspired by [this article](https://blog.certa.dev/generating-react-icon-components-from-figma).
|
||||
|
||||
## Developing
|
||||
|
||||
Watch and rebuild code with `tsup` and run Storybook to preview your UI during development:
|
||||
|
||||
```console
|
||||
pnpm storybook
|
||||
```
|
||||
|
||||
## Building
|
||||
|
||||
Build package with `tsup` for production:
|
||||
|
||||
```console
|
||||
pnpm build
|
||||
```
|
||||
505
frontend/node_modules/@storybook/icons/dist/index.d.ts
generated
vendored
Normal file
505
frontend/node_modules/@storybook/icons/dist/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,505 @@
|
||||
import * as React from 'react';
|
||||
import React__default from 'react';
|
||||
|
||||
declare const iconList: {
|
||||
name: string;
|
||||
icons: string[];
|
||||
}[];
|
||||
|
||||
interface IconProps extends React__default.SVGAttributes<SVGElement> {
|
||||
children?: never;
|
||||
color?: string;
|
||||
size?: number;
|
||||
}
|
||||
|
||||
declare const PhotoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ComponentIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GridIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const OutlineIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PhotoDragIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PhotoStabilizeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CameraStabilizeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GridAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SearchIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ZoomIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ZoomOutIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ZoomResetIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const EyeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const EyeCloseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LightningIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LightningOffIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MirrorIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GrowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ContrastIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SwitchAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ContrastIgnoredIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PaintBrushIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const RulerIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CameraIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const VideoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SpeakerIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PlayIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PlayBackIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PlayNextIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const RewindIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FastForwardIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StopAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SunIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MoonIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StopAltHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PlayHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PlayAllHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StopIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SideBySideIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StackedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BookIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DocumentIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CopyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CategoryIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FolderIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PrintIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GraphLineIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CalendarIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GraphBarIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AlignLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AlignRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FilterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DocChartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DocListIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DragIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MenuIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MarkupIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BoldIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ItalicIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PaperClipIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ListOrderedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ListUnorderedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ParagraphIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MarkdownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const RepoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CommitIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BranchIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PullRequestIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MergeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AppleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LinuxIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UbuntuIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const WindowsIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChromeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StorybookIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AzureDevOpsIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BitbucketIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChromaticIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ComponentDrivenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DiscordIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FacebookIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FigmaIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GDriveIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GithubIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GitlabIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GoogleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GraphqlIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MediumIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ReduxIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const TwitterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const YoutubeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const VSCodeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LinkedinIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const XIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BrowserIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const TabletIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MobileIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const WatchIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SidebarIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SidebarAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SidebarAltToggleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SidebarToggleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BottomBarIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BottomBarToggleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CPUIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DatabaseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const MemoryIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StructureIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BoxIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PowerIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const EditIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CogIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const NutIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const WrenchIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const EllipsisIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const WandIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SweepIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CheckIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FormIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BatchDenyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BatchAcceptIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ControlsIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PlusIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CloseAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CrossIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const TrashIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PinAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UnpinIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AddIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SubtractIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CloseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DeleteIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PassedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChangedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FailedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ClearIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CommentIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CommentAddIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const RequestChangeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CommentsIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChatIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LockIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UnlockIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const KeyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const OutboxIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CreditIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ButtonIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const TypeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PointerDefaultIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PointerHandIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CommandIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SaveIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const InfoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const QuestionIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SupportIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AlertIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AlertAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const EmailIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PhoneIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LinkIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LinkBrokenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BellIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const RSSIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ShareAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ShareIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const JumpToIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CircleHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CircleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BookmarkHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BookmarkIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DiamondIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const HeartHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const HeartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StarHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StarIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CertificateIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const VerifiedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ThumbsUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ShieldIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BasketIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BeakerIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const HourglassIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FlagIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CloudHollowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CloudIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StickerIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StatusFailIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StatusIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StatusWarnIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const StatusPassIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronSmallUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronSmallDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronSmallLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ChevronSmallRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowTopLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowTopRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowBottomLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowBottomRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowSolidUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowSolidDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowSolidLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ArrowSolidRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ExpandAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CollapseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ExpandIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UnfoldIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const TransferIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const RedirectIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UndoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ReplyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const SyncIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UploadIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DownloadIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const BackIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ProceedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const RefreshIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const GlobeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const CompassIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const LocationIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const PinIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const TimeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DashboardIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const TimerIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const HomeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AdminIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const DirectionIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UserIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UserAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UserAddIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const UsersIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const ProfileIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FaceHappyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FaceNeutralIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const FaceSadIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AccessibilityIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AccessibilityAltIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
declare const AccessibilityIgnoredIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
||||
|
||||
export { AccessibilityAltIcon, AccessibilityIcon, AccessibilityIgnoredIcon, AddIcon, AdminIcon, AlertAltIcon, AlertIcon, AlignLeftIcon, AlignRightIcon, AppleIcon, ArrowBottomLeftIcon, ArrowBottomRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSolidDownIcon, ArrowSolidLeftIcon, ArrowSolidRightIcon, ArrowSolidUpIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowUpIcon, AzureDevOpsIcon, BackIcon, BasketIcon, BatchAcceptIcon, BatchDenyIcon, BeakerIcon, BellIcon, BitbucketIcon, BoldIcon, BookIcon, BookmarkHollowIcon, BookmarkIcon, BottomBarIcon, BottomBarToggleIcon, BoxIcon, BranchIcon, BrowserIcon, ButtonIcon, CPUIcon, CalendarIcon, CameraIcon, CameraStabilizeIcon, CategoryIcon, CertificateIcon, ChangedIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronSmallDownIcon, ChevronSmallLeftIcon, ChevronSmallRightIcon, ChevronSmallUpIcon, ChevronUpIcon, ChromaticIcon, ChromeIcon, CircleHollowIcon, CircleIcon, ClearIcon, CloseAltIcon, CloseIcon, CloudHollowIcon, CloudIcon, CogIcon, CollapseIcon, CommandIcon, CommentAddIcon, CommentIcon, CommentsIcon, CommitIcon, CompassIcon, ComponentDrivenIcon, ComponentIcon, ContrastIcon, ContrastIgnoredIcon, ControlsIcon, CopyIcon, CreditIcon, CrossIcon, DashboardIcon, DatabaseIcon, DeleteIcon, DiamondIcon, DirectionIcon, DiscordIcon, DocChartIcon, DocListIcon, DocumentIcon, DownloadIcon, DragIcon, EditIcon, EllipsisIcon, EmailIcon, ExpandAltIcon, ExpandIcon, EyeCloseIcon, EyeIcon, FaceHappyIcon, FaceNeutralIcon, FaceSadIcon, FacebookIcon, FailedIcon, FastForwardIcon, FigmaIcon, FilterIcon, FlagIcon, FolderIcon, FormIcon, GDriveIcon, GithubIcon, GitlabIcon, GlobeIcon, GoogleIcon, GraphBarIcon, GraphLineIcon, GraphqlIcon, GridAltIcon, GridIcon, GrowIcon, HeartHollowIcon, HeartIcon, HomeIcon, HourglassIcon, InfoIcon, ItalicIcon, JumpToIcon, KeyIcon, LightningIcon, LightningOffIcon, LinkBrokenIcon, LinkIcon, LinkedinIcon, LinuxIcon, ListOrderedIcon, ListUnorderedIcon, LocationIcon, LockIcon, MarkdownIcon, MarkupIcon, MediumIcon, MemoryIcon, MenuIcon, MergeIcon, MirrorIcon, MobileIcon, MoonIcon, NutIcon, OutboxIcon, OutlineIcon, PaintBrushIcon, PaperClipIcon, ParagraphIcon, PassedIcon, PhoneIcon, PhotoDragIcon, PhotoIcon, PhotoStabilizeIcon, PinAltIcon, PinIcon, PlayAllHollowIcon, PlayBackIcon, PlayHollowIcon, PlayIcon, PlayNextIcon, PlusIcon, PointerDefaultIcon, PointerHandIcon, PowerIcon, PrintIcon, ProceedIcon, ProfileIcon, PullRequestIcon, QuestionIcon, RSSIcon, RedirectIcon, ReduxIcon, RefreshIcon, ReplyIcon, RepoIcon, RequestChangeIcon, RewindIcon, RulerIcon, SaveIcon, SearchIcon, ShareAltIcon, ShareIcon, ShieldIcon, SideBySideIcon, SidebarAltIcon, SidebarAltToggleIcon, SidebarIcon, SidebarToggleIcon, SpeakerIcon, StackedIcon, StarHollowIcon, StarIcon, StatusFailIcon, StatusIcon, StatusPassIcon, StatusWarnIcon, StickerIcon, StopAltHollowIcon, StopAltIcon, StopIcon, StorybookIcon, StructureIcon, SubtractIcon, SunIcon, SupportIcon, SweepIcon, SwitchAltIcon, SyncIcon, TabletIcon, ThumbsUpIcon, TimeIcon, TimerIcon, TransferIcon, TrashIcon, TwitterIcon, TypeIcon, UbuntuIcon, UndoIcon, UnfoldIcon, UnlockIcon, UnpinIcon, UploadIcon, UserAddIcon, UserAltIcon, UserIcon, UsersIcon, VSCodeIcon, VerifiedIcon, VideoIcon, WandIcon, WatchIcon, WindowsIcon, WrenchIcon, XIcon, YoutubeIcon, ZoomIcon, ZoomOutIcon, ZoomResetIcon, iconList };
|
||||
6600
frontend/node_modules/@storybook/icons/dist/index.js
generated
vendored
Normal file
6600
frontend/node_modules/@storybook/icons/dist/index.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
frontend/node_modules/@storybook/icons/dist/index.js.map
generated
vendored
Normal file
1
frontend/node_modules/@storybook/icons/dist/index.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
6333
frontend/node_modules/@storybook/icons/dist/index.mjs
generated
vendored
Normal file
6333
frontend/node_modules/@storybook/icons/dist/index.mjs
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
frontend/node_modules/@storybook/icons/dist/index.mjs.map
generated
vendored
Normal file
1
frontend/node_modules/@storybook/icons/dist/index.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
frontend/node_modules/@storybook/icons/dist/public/cover.jpg
generated
vendored
Normal file
BIN
frontend/node_modules/@storybook/icons/dist/public/cover.jpg
generated
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
frontend/node_modules/@storybook/icons/dist/public/logo.png
generated
vendored
Normal file
BIN
frontend/node_modules/@storybook/icons/dist/public/logo.png
generated
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
112
frontend/node_modules/@storybook/icons/package.json
generated
vendored
Normal file
112
frontend/node_modules/@storybook/icons/package.json
generated
vendored
Normal file
@@ -0,0 +1,112 @@
|
||||
{
|
||||
"name": "@storybook/icons",
|
||||
"version": "1.4.0",
|
||||
"description": "Icon library from the Storybook team",
|
||||
"author": {
|
||||
"name": "cdedreuille",
|
||||
"email": "charles@chromatic.com"
|
||||
},
|
||||
"license": "MIT",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/storybookjs/icons.git"
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "concurrently -n \"Build,SB\" \"pnpm build --watch\" \"pnpm storybook\" ",
|
||||
"build": "tsup --onSuccess \"cp -a public/. dist/public\"",
|
||||
"type-check": "tsc",
|
||||
"lint": "eslint --ignore-path .gitignore \"src/**/*.+(ts|js|tsx)\"",
|
||||
"lint:fix": "pnpm lint --fix && prettier --write .",
|
||||
"storybook": "storybook dev -p 6006",
|
||||
"build-storybook": "storybook build",
|
||||
"release": "pnpm build && auto shipit",
|
||||
"chromatic": "npx chromatic --project-token=chpt_d0c5927e55681dd",
|
||||
"generate-icons": "ts-node ./src/generate.ts"
|
||||
},
|
||||
"sideEffects": false,
|
||||
"main": "./dist/index.js",
|
||||
"module": "./dist/index.mjs",
|
||||
"exports": {
|
||||
".": {
|
||||
"require": "./dist/index.js",
|
||||
"import": "./dist/index.mjs",
|
||||
"types": "./dist/index.d.ts"
|
||||
}
|
||||
},
|
||||
"types": "./dist/index.d.ts",
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"lint-staged": {
|
||||
"./src/**/*.{ts,js,jsx,tsx}": [
|
||||
"eslint --ignore-path .gitignore --fix"
|
||||
],
|
||||
"*": "prettier --write"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@chromatic-com/storybook": "^1",
|
||||
"@storybook/addon-a11y": "^8.1.11",
|
||||
"@storybook/addon-essentials": "^8.1.11",
|
||||
"@storybook/addon-interactions": "^8.1.11",
|
||||
"@storybook/components": "^8.1.11",
|
||||
"@storybook/blocks": "^8.1.11",
|
||||
"@storybook/eslint-config-storybook": "^4.0.0",
|
||||
"@storybook/react": "^8.1.11",
|
||||
"@storybook/react-vite": "^8.1.11",
|
||||
"@storybook/test": "^8.1.11",
|
||||
"@storybook/theming": "^8.1.11",
|
||||
"@svgr/core": "5.5.0",
|
||||
"@svgr/plugin-prettier": "5.5.0",
|
||||
"@svgr/plugin-svgo": "5.5.0",
|
||||
"@types/fs-extra": "11.0.1",
|
||||
"@types/node": "20.4.1",
|
||||
"@types/react": "18.2.14",
|
||||
"@types/react-dom": "18.0.11",
|
||||
"@typescript-eslint/eslint-plugin": "5.55.0",
|
||||
"@typescript-eslint/parser": "5.55.0",
|
||||
"@vitejs/plugin-react": "3.1.0",
|
||||
"auto": "11.1.1",
|
||||
"axios": "1.4.0",
|
||||
"chalk": "4.1.2",
|
||||
"chromatic": "11.0.4",
|
||||
"concurrently": "8.0.1",
|
||||
"dotenv": "16.3.1",
|
||||
"eslint": "8.36.0",
|
||||
"eslint-plugin-jest": "27.2.1",
|
||||
"eslint-plugin-storybook": "^0.8.0",
|
||||
"figma-api-exporter": "0.0.2",
|
||||
"figma-js": "1.16.0",
|
||||
"figma-transformer": "2.1.0",
|
||||
"fs-extra": "11.1.1",
|
||||
"lint-staged": "13.2.0",
|
||||
"prettier": "2.8.4",
|
||||
"react": "18.2.0",
|
||||
"react-dom": "18.2.0",
|
||||
"storybook": "^8.1.11",
|
||||
"ts-node": "10.9.1",
|
||||
"tsup": "6.6.3",
|
||||
"typescript": "5.0.2",
|
||||
"vite": "4.2.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
|
||||
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/icons/issues"
|
||||
},
|
||||
"homepage": "https://github.com/storybookjs/icons#readme",
|
||||
"publishConfig": {
|
||||
"access": "public",
|
||||
"registry": "https://registry.npmjs.org"
|
||||
},
|
||||
"auto": {
|
||||
"plugins": [
|
||||
"npm"
|
||||
]
|
||||
},
|
||||
"packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
|
||||
}
|
||||
3
frontend/node_modules/@storybook/react-dom-shim/README.md
generated
vendored
Normal file
3
frontend/node_modules/@storybook/react-dom-shim/README.md
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
# React Dom Shim
|
||||
|
||||
A shim for `react-dom` that provides a single API that will work whether the user is on `react-dom@17` or `react-dom@18`, as well as webpack/vite config necessary to make that work.
|
||||
6
frontend/node_modules/@storybook/react-dom-shim/dist/preset.d.ts
generated
vendored
Normal file
6
frontend/node_modules/@storybook/react-dom-shim/dist/preset.d.ts
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import { Options } from 'storybook/internal/types';
|
||||
|
||||
declare const webpackFinal: (config: any, options: Options) => Promise<any>;
|
||||
declare const viteFinal: (config: any, options: Options) => Promise<any>;
|
||||
|
||||
export { viteFinal, webpackFinal };
|
||||
1
frontend/node_modules/@storybook/react-dom-shim/dist/preset.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/react-dom-shim/dist/preset.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{viteFinal:()=>viteFinal,webpackFinal:()=>webpackFinal});module.exports=__toCommonJS(preset_exports);var import_promises=require("fs/promises"),import_node_path=require("path"),getIsReactVersion18or19=async options=>{let{legacyRootApi}=await options.presets.apply("frameworkOptions")||{};if(legacyRootApi)return!1;let reactDom=(await options.presets.apply("resolvedReact",{})).reactDom||(0,import_node_path.dirname)(require.resolve("react-dom/package.json"));if(!(0,import_node_path.isAbsolute)(reactDom))return!1;let{version}=JSON.parse(await(0,import_promises.readFile)((0,import_node_path.join)(reactDom,"package.json"),"utf-8"));return version.startsWith("18")||version.startsWith("19")||version.startsWith("0.0.0")},webpackFinal=async(config,options)=>await getIsReactVersion18or19(options)?config:{...config,resolve:{...config.resolve,alias:{...config.resolve?.alias,"@storybook/react-dom-shim":"@storybook/react-dom-shim/dist/react-16"}}},viteFinal=async(config,options)=>{if(await getIsReactVersion18or19(options))return config;let alias=Array.isArray(config.resolve?.alias)?config.resolve.alias.concat({find:/^@storybook\/react-dom-shim$/,replacement:"@storybook/react-dom-shim/dist/react-16"}):{...config.resolve?.alias,"@storybook/react-dom-shim":"@storybook/react-dom-shim/dist/react-16"};return{...config,resolve:{...config.resolve,alias}}};0&&(module.exports={viteFinal,webpackFinal});
|
||||
6
frontend/node_modules/@storybook/react-dom-shim/dist/react-16.d.ts
generated
vendored
Normal file
6
frontend/node_modules/@storybook/react-dom-shim/dist/react-16.d.ts
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import { ReactElement } from 'react';
|
||||
|
||||
declare const renderElement: (node: ReactElement, el: Element) => Promise<null>;
|
||||
declare const unmountElement: (el: Element) => void;
|
||||
|
||||
export { renderElement, unmountElement };
|
||||
1
frontend/node_modules/@storybook/react-dom-shim/dist/react-16.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/react-dom-shim/dist/react-16.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var react_16_exports={};__export(react_16_exports,{renderElement:()=>renderElement,unmountElement:()=>unmountElement});module.exports=__toCommonJS(react_16_exports);var ReactDOM=__toESM(require("react-dom")),renderElement=async(node,el)=>new Promise(resolve=>{ReactDOM.render(node,el,()=>resolve(null))}),unmountElement=el=>{ReactDOM.unmountComponentAtNode(el)};0&&(module.exports={renderElement,unmountElement});
|
||||
5
frontend/node_modules/@storybook/react-dom-shim/dist/react-16.mjs
generated
vendored
Normal file
5
frontend/node_modules/@storybook/react-dom-shim/dist/react-16.mjs
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
import * as ReactDOM from 'react-dom';
|
||||
|
||||
var renderElement=async(node,el)=>new Promise(resolve=>{ReactDOM.render(node,el,()=>resolve(null));}),unmountElement=el=>{ReactDOM.unmountComponentAtNode(el);};
|
||||
|
||||
export { renderElement, unmountElement };
|
||||
7
frontend/node_modules/@storybook/react-dom-shim/dist/react-18.d.ts
generated
vendored
Normal file
7
frontend/node_modules/@storybook/react-dom-shim/dist/react-18.d.ts
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import { ReactElement } from 'react';
|
||||
import { RootOptions } from 'react-dom/client';
|
||||
|
||||
declare const renderElement: (node: ReactElement, el: Element, rootOptions?: RootOptions) => Promise<void>;
|
||||
declare const unmountElement: (el: Element, shouldUseNewRootApi?: boolean) => void;
|
||||
|
||||
export { renderElement, unmountElement };
|
||||
1
frontend/node_modules/@storybook/react-dom-shim/dist/react-18.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/react-dom-shim/dist/react-18.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var react_18_exports={};__export(react_18_exports,{renderElement:()=>renderElement,unmountElement:()=>unmountElement});module.exports=__toCommonJS(react_18_exports);var React=__toESM(require("react")),ReactDOM=__toESM(require("react-dom/client")),nodes=new Map;function getIsReactActEnvironment(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var WithCallback=({callback,children})=>{let once=React.useRef();return React.useLayoutEffect(()=>{once.current!==callback&&(once.current=callback,callback())},[callback]),children};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let resolve=null,reject=null;return{promise:new Promise((res,rej)=>{resolve=res,reject=rej}),resolve,reject}});var renderElement=async(node,el,rootOptions)=>{let root=await getReactRoot(el,rootOptions);if(getIsReactActEnvironment()){root.render(node);return}let{promise,resolve}=Promise.withResolvers();return root.render(React.createElement(WithCallback,{callback:resolve},node)),promise},unmountElement=(el,shouldUseNewRootApi)=>{let root=nodes.get(el);root&&(root.unmount(),nodes.delete(el))},getReactRoot=async(el,rootOptions)=>{let root=nodes.get(el);return root||(root=ReactDOM.createRoot(el,rootOptions),nodes.set(el,root)),root};0&&(module.exports={renderElement,unmountElement});
|
||||
6
frontend/node_modules/@storybook/react-dom-shim/dist/react-18.mjs
generated
vendored
Normal file
6
frontend/node_modules/@storybook/react-dom-shim/dist/react-18.mjs
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import * as React from 'react';
|
||||
import * as ReactDOM from 'react-dom/client';
|
||||
|
||||
var nodes=new Map;function getIsReactActEnvironment(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var WithCallback=({callback,children})=>{let once=React.useRef();return React.useLayoutEffect(()=>{once.current!==callback&&(once.current=callback,callback());},[callback]),children};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let resolve=null,reject=null;return {promise:new Promise((res,rej)=>{resolve=res,reject=rej;}),resolve,reject}});var renderElement=async(node,el,rootOptions)=>{let root=await getReactRoot(el,rootOptions);if(getIsReactActEnvironment()){root.render(node);return}let{promise,resolve}=Promise.withResolvers();return root.render(React.createElement(WithCallback,{callback:resolve},node)),promise},unmountElement=(el,shouldUseNewRootApi)=>{let root=nodes.get(el);root&&(root.unmount(),nodes.delete(el));},getReactRoot=async(el,rootOptions)=>{let root=nodes.get(el);return root||(root=ReactDOM.createRoot(el,rootOptions),nodes.set(el,root)),root};
|
||||
|
||||
export { renderElement, unmountElement };
|
||||
75
frontend/node_modules/@storybook/react-dom-shim/package.json
generated
vendored
Normal file
75
frontend/node_modules/@storybook/react-dom-shim/package.json
generated
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
{
|
||||
"name": "@storybook/react-dom-shim",
|
||||
"version": "9.0.16",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
],
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/react-dom-shim",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybookjs/storybook/issues"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/storybookjs/storybook.git",
|
||||
"directory": "code/lib/react-dom-shim"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/storybook"
|
||||
},
|
||||
"license": "MIT",
|
||||
"sideEffects": false,
|
||||
"exports": {
|
||||
".": {
|
||||
"types": "./dist/react-18.d.ts",
|
||||
"import": "./dist/react-18.mjs",
|
||||
"require": "./dist/react-18.js",
|
||||
"node": "./dist/react-18.js"
|
||||
},
|
||||
"./dist/react-16": {
|
||||
"types": "./dist/react-16.d.ts",
|
||||
"import": "./dist/react-16.mjs",
|
||||
"require": "./dist/react-16.js",
|
||||
"node": "./dist/react-16.js"
|
||||
},
|
||||
"./dist/preset": {
|
||||
"types": "./dist/preset.d.ts",
|
||||
"require": "./dist/preset.js"
|
||||
},
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/react-18.js",
|
||||
"module": "dist/react-18.mjs",
|
||||
"types": "dist/react-18.d.ts",
|
||||
"files": [
|
||||
"dist/**/*",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"*.d.ts",
|
||||
"!src/**/*"
|
||||
],
|
||||
"scripts": {
|
||||
"check": "jiti ../../../scripts/prepare/check.ts",
|
||||
"prep": "jiti ../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.8.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
|
||||
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
|
||||
"storybook": "^9.0.16"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {
|
||||
"entries": [
|
||||
"./src/preset.ts",
|
||||
"./src/react-16.tsx",
|
||||
"./src/react-18.tsx"
|
||||
]
|
||||
},
|
||||
"gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
|
||||
}
|
||||
3
frontend/node_modules/@storybook/react-vite/README.md
generated
vendored
Normal file
3
frontend/node_modules/@storybook/react-vite/README.md
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
# Storybook for React & Vite
|
||||
|
||||
See [documentation](https://storybook.js.org/docs/get-started/frameworks/react-vite?renderer=react) for installation instructions, usage examples, APIs, and more.
|
||||
50
frontend/node_modules/@storybook/react-vite/dist/index.d.ts
generated
vendored
Normal file
50
frontend/node_modules/@storybook/react-vite/dist/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,50 @@
|
||||
export * from '@storybook/react';
|
||||
export { __definePreview as definePreview } from '@storybook/react';
|
||||
import { StorybookConfig as StorybookConfig$1, TypescriptOptions as TypescriptOptions$1, CompatibleString } from 'storybook/internal/types';
|
||||
import { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
|
||||
import docgenTypescript from '@joshwooding/vite-plugin-react-docgen-typescript';
|
||||
|
||||
type FrameworkName = CompatibleString<'@storybook/react-vite'>;
|
||||
type BuilderName = CompatibleString<'@storybook/builder-vite'>;
|
||||
type FrameworkOptions = {
|
||||
builder?: BuilderOptions;
|
||||
strictMode?: boolean;
|
||||
/**
|
||||
* Use React's legacy root API to mount components
|
||||
*
|
||||
* React has introduced a new root API with React 18.x to enable a whole set of new features (e.g.
|
||||
* concurrent features) If this flag is true, the legacy Root API is used to mount components to
|
||||
* make it easier to migrate step by step to React 18.
|
||||
*
|
||||
* @default false
|
||||
*/
|
||||
legacyRootApi?: boolean;
|
||||
};
|
||||
type StorybookConfigFramework = {
|
||||
framework: FrameworkName | {
|
||||
name: FrameworkName;
|
||||
options: FrameworkOptions;
|
||||
};
|
||||
core?: StorybookConfig$1['core'] & {
|
||||
builder?: BuilderName | {
|
||||
name: BuilderName;
|
||||
options: BuilderOptions;
|
||||
};
|
||||
};
|
||||
};
|
||||
type TypescriptOptions = TypescriptOptions$1 & {
|
||||
/**
|
||||
* Sets the type of Docgen when working with React and TypeScript
|
||||
*
|
||||
* @default `'react-docgen'`
|
||||
*/
|
||||
reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
|
||||
/** Configures `@joshwooding/vite-plugin-react-docgen-typescript` */
|
||||
reactDocgenTypescriptOptions: Parameters<typeof docgenTypescript>[0];
|
||||
};
|
||||
/** The interface for Storybook configuration in `main.ts` files. */
|
||||
type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigVite | keyof StorybookConfigFramework | 'typescript'> & StorybookConfigVite & StorybookConfigFramework & {
|
||||
typescript?: Partial<TypescriptOptions>;
|
||||
};
|
||||
|
||||
export { FrameworkOptions, StorybookConfig };
|
||||
1
frontend/node_modules/@storybook/react-vite/dist/index.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/react-vite/dist/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default"));var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{definePreview:()=>import_react.__definePreview});module.exports=__toCommonJS(index_exports);__reExport(index_exports,require("@storybook/react"),module.exports);var import_react=require("@storybook/react");0&&(module.exports={definePreview,...require("@storybook/react")});
|
||||
2
frontend/node_modules/@storybook/react-vite/dist/index.mjs
generated
vendored
Normal file
2
frontend/node_modules/@storybook/react-vite/dist/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
export * from '@storybook/react';
|
||||
export { __definePreview as definePreview } from '@storybook/react';
|
||||
9
frontend/node_modules/@storybook/react-vite/dist/node/index.d.ts
generated
vendored
Normal file
9
frontend/node_modules/@storybook/react-vite/dist/node/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
import { StorybookConfig } from '../index.js';
|
||||
import '@storybook/react';
|
||||
import 'storybook/internal/types';
|
||||
import '@storybook/builder-vite';
|
||||
import '@joshwooding/vite-plugin-react-docgen-typescript';
|
||||
|
||||
declare function defineMain(config: StorybookConfig): StorybookConfig;
|
||||
|
||||
export { defineMain };
|
||||
1
frontend/node_modules/@storybook/react-vite/dist/node/index.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/react-vite/dist/node/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var node_exports={};__export(node_exports,{defineMain:()=>defineMain});module.exports=__toCommonJS(node_exports);function defineMain(config){return config}0&&(module.exports={defineMain});
|
||||
3
frontend/node_modules/@storybook/react-vite/dist/node/index.mjs
generated
vendored
Normal file
3
frontend/node_modules/@storybook/react-vite/dist/node/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
function defineMain(config){return config}
|
||||
|
||||
export { defineMain };
|
||||
10
frontend/node_modules/@storybook/react-vite/dist/preset.d.ts
generated
vendored
Normal file
10
frontend/node_modules/@storybook/react-vite/dist/preset.d.ts
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { PresetProperty } from 'storybook/internal/types';
|
||||
import { StorybookConfig } from './index.js';
|
||||
import '@storybook/react';
|
||||
import '@storybook/builder-vite';
|
||||
import '@joshwooding/vite-plugin-react-docgen-typescript';
|
||||
|
||||
declare const core: PresetProperty<'core'>;
|
||||
declare const viteFinal: NonNullable<StorybookConfig['viteFinal']>;
|
||||
|
||||
export { core, viteFinal };
|
||||
1
frontend/node_modules/@storybook/react-vite/dist/preset.js
generated
vendored
Normal file
1
frontend/node_modules/@storybook/react-vite/dist/preset.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
247
frontend/node_modules/@storybook/react-vite/node_modules/find-up/index.d.ts
generated
vendored
Normal file
247
frontend/node_modules/@storybook/react-vite/node_modules/find-up/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,247 @@
|
||||
import {type Options as LocatePathOptions} from 'locate-path';
|
||||
|
||||
/**
|
||||
Return this in a `matcher` function to stop the search and force `findUp` to immediately return `undefined`.
|
||||
*/
|
||||
export const findUpStop: unique symbol;
|
||||
|
||||
export type Match = string | typeof findUpStop | undefined;
|
||||
|
||||
export type Options = {
|
||||
/**
|
||||
A directory path where the search halts if no matches are found before reaching this point.
|
||||
|
||||
Default: Root directory
|
||||
*/
|
||||
readonly stopAt?: string;
|
||||
} & LocatePathOptions;
|
||||
|
||||
/**
|
||||
Find a file or directory by walking up parent directories.
|
||||
|
||||
@param name - The name of the file or directory to find. Can be multiple.
|
||||
@returns The first path found (by respecting the order of `name`s) or `undefined` if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
// /
|
||||
// └── Users
|
||||
// └── sindresorhus
|
||||
// ├── unicorn.png
|
||||
// └── foo
|
||||
// └── bar
|
||||
// ├── baz
|
||||
// └── example.js
|
||||
|
||||
// example.js
|
||||
import {findUp} from 'find-up';
|
||||
|
||||
console.log(await findUp('unicorn.png'));
|
||||
//=> '/Users/sindresorhus/unicorn.png'
|
||||
|
||||
console.log(await findUp(['rainbow.png', 'unicorn.png']));
|
||||
//=> '/Users/sindresorhus/unicorn.png'
|
||||
```
|
||||
*/
|
||||
export function findUp(name: string | readonly string[], options?: Options): Promise<string | undefined>;
|
||||
|
||||
/**
|
||||
Find a file or directory by walking up parent directories.
|
||||
|
||||
@param matcher - Called for each directory in the search. Return a path or `findUpStop` to stop the search.
|
||||
@returns The first path found or `undefined` if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
import path from 'node:path';
|
||||
import {findUp, pathExists} from 'find-up';
|
||||
|
||||
console.log(await findUp(async directory => {
|
||||
const hasUnicorns = await pathExists(path.join(directory, 'unicorn.png'));
|
||||
return hasUnicorns && directory;
|
||||
}, {type: 'directory'}));
|
||||
//=> '/Users/sindresorhus'
|
||||
```
|
||||
*/
|
||||
export function findUp(matcher: (directory: string) => (Match | Promise<Match>), options?: Options): Promise<string | undefined>;
|
||||
|
||||
/**
|
||||
Synchronously find a file or directory by walking up parent directories.
|
||||
|
||||
@param name - The name of the file or directory to find. Can be multiple.
|
||||
@returns The first path found (by respecting the order of `name`s) or `undefined` if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
// /
|
||||
// └── Users
|
||||
// └── sindresorhus
|
||||
// ├── unicorn.png
|
||||
// └── foo
|
||||
// └── bar
|
||||
// ├── baz
|
||||
// └── example.js
|
||||
|
||||
// example.js
|
||||
import {findUpSync} from 'find-up';
|
||||
|
||||
console.log(findUpSync('unicorn.png'));
|
||||
//=> '/Users/sindresorhus/unicorn.png'
|
||||
|
||||
console.log(findUpSync(['rainbow.png', 'unicorn.png']));
|
||||
//=> '/Users/sindresorhus/unicorn.png'
|
||||
```
|
||||
*/
|
||||
export function findUpSync(name: string | readonly string[], options?: Options): string | undefined;
|
||||
|
||||
/**
|
||||
Synchronously find a file or directory by walking up parent directories.
|
||||
|
||||
@param matcher - Called for each directory in the search. Return a path or `findUpStop` to stop the search.
|
||||
@returns The first path found or `undefined` if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
import path from 'node:path';
|
||||
import {findUpSync, pathExistsSync} from 'find-up';
|
||||
|
||||
console.log(findUpSync(directory => {
|
||||
const hasUnicorns = pathExistsSync(path.join(directory, 'unicorn.png'));
|
||||
return hasUnicorns && directory;
|
||||
}, {type: 'directory'}));
|
||||
//=> '/Users/sindresorhus'
|
||||
```
|
||||
*/
|
||||
export function findUpSync(matcher: (directory: string) => Match, options?: Options): string | undefined;
|
||||
|
||||
/**
|
||||
Find files or directories by walking up parent directories.
|
||||
|
||||
@param name - The name of the file or directory to find. Can be multiple.
|
||||
@returns All paths found (by respecting the order of `name`s) or an empty array if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
// /
|
||||
// └── Users
|
||||
// └── sindresorhus
|
||||
// ├── unicorn.png
|
||||
// └── foo
|
||||
// ├── unicorn.png
|
||||
// └── bar
|
||||
// ├── baz
|
||||
// └── example.js
|
||||
|
||||
// example.js
|
||||
import {findUpMultiple} from 'find-up';
|
||||
|
||||
console.log(await findUpMultiple('unicorn.png'));
|
||||
//=> ['/Users/sindresorhus/foo/unicorn.png', '/Users/sindresorhus/unicorn.png']
|
||||
|
||||
console.log(await findUpMultiple(['rainbow.png', 'unicorn.png']));
|
||||
//=> ['/Users/sindresorhus/foo/unicorn.png', '/Users/sindresorhus/unicorn.png']
|
||||
```
|
||||
*/
|
||||
export function findUpMultiple(name: string | readonly string[], options?: Options): Promise<string[]>;
|
||||
|
||||
/**
|
||||
Find files or directories by walking up parent directories.
|
||||
|
||||
@param matcher - Called for each directory in the search. Return a path or `findUpStop` to stop the search.
|
||||
@returns All paths found or an empty array if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
import path from 'node:path';
|
||||
import {findUpMultiple, pathExists} from 'find-up';
|
||||
|
||||
console.log(await findUpMultiple(async directory => {
|
||||
const hasUnicorns = await pathExists(path.join(directory, 'unicorn.png'));
|
||||
return hasUnicorns && directory;
|
||||
}, {type: 'directory'}));
|
||||
//=> ['/Users/sindresorhus/foo', '/Users/sindresorhus']
|
||||
```
|
||||
*/
|
||||
export function findUpMultiple(matcher: (directory: string) => (Match | Promise<Match>), options?: Options): Promise<string[]>;
|
||||
|
||||
/**
|
||||
Synchronously find files or directories by walking up parent directories.
|
||||
|
||||
@param name - The name of the file or directory to find. Can be multiple.
|
||||
@returns All paths found (by respecting the order of `name`s) or an empty array if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
// /
|
||||
// └── Users
|
||||
// └── sindresorhus
|
||||
// ├── unicorn.png
|
||||
// └── foo
|
||||
// ├── unicorn.png
|
||||
// └── bar
|
||||
// ├── baz
|
||||
// └── example.js
|
||||
|
||||
// example.js
|
||||
import {findUpMultipleSync} from 'find-up';
|
||||
|
||||
console.log(findUpMultipleSync('unicorn.png'));
|
||||
//=> ['/Users/sindresorhus/foo/unicorn.png', '/Users/sindresorhus/unicorn.png']
|
||||
|
||||
console.log(findUpMultipleSync(['rainbow.png', 'unicorn.png']));
|
||||
//=> ['/Users/sindresorhus/foo/unicorn.png', '/Users/sindresorhus/unicorn.png']
|
||||
```
|
||||
*/
|
||||
export function findUpMultipleSync(name: string | readonly string[], options?: Options): string[];
|
||||
|
||||
/**
|
||||
Synchronously find files or directories by walking up parent directories.
|
||||
|
||||
@param matcher - Called for each directory in the search. Return a path or `findUpStop` to stop the search.
|
||||
@returns All paths found or an empty array if none could be found.
|
||||
|
||||
@example
|
||||
```
|
||||
import path from 'node:path';
|
||||
import {findUpMultipleSync, pathExistsSync} from 'find-up';
|
||||
|
||||
console.log(findUpMultipleSync(directory => {
|
||||
const hasUnicorns = pathExistsSync(path.join(directory, 'unicorn.png'));
|
||||
return hasUnicorns && directory;
|
||||
}, {type: 'directory'}));
|
||||
//=> ['/Users/sindresorhus/foo', '/Users/sindresorhus']
|
||||
```
|
||||
*/
|
||||
export function findUpMultipleSync(matcher: (directory: string) => Match, options?: Options): string[];
|
||||
|
||||
/**
|
||||
Check if a path exists.
|
||||
|
||||
@param path - The path to a file or directory.
|
||||
@returns Whether the path exists.
|
||||
|
||||
@example
|
||||
```
|
||||
import {pathExists} from 'find-up';
|
||||
|
||||
console.log(await pathExists('/Users/sindresorhus/unicorn.png'));
|
||||
//=> true
|
||||
```
|
||||
*/
|
||||
export function pathExists(path: string): Promise<boolean>;
|
||||
|
||||
/**
|
||||
Synchronously check if a path exists.
|
||||
|
||||
@param path - Path to the file or directory.
|
||||
@returns Whether the path exists.
|
||||
|
||||
@example
|
||||
```
|
||||
import {pathExistsSync} from 'find-up';
|
||||
|
||||
console.log(pathExistsSync('/Users/sindresorhus/unicorn.png'));
|
||||
//=> true
|
||||
```
|
||||
*/
|
||||
export function pathExistsSync(path: string): boolean;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user