mirror of
https://github.com/n8n-io/n8n.git
synced 2024-12-26 21:19:43 -08:00
6a35812f92
Some checks are pending
Test Master / install-and-build (push) Waiting to run
Test Master / Unit tests (18.x) (push) Blocked by required conditions
Test Master / Unit tests (20.x) (push) Blocked by required conditions
Test Master / Unit tests (22.4) (push) Blocked by required conditions
Test Master / Lint (push) Blocked by required conditions
Test Master / Notify Slack on failure (push) Blocked by required conditions
Benchmark Docker Image CI / build (push) Waiting to run
Co-authored-by: Tomi Turtiainen <[email protected]>
86 lines
1.6 KiB
JavaScript
86 lines
1.6 KiB
JavaScript
import { setup } from '@storybook/vue3';
|
|
import { withThemeByDataAttribute } from '@storybook/addon-themes';
|
|
|
|
import './storybook.scss';
|
|
// import '../src/css/tailwind/index.css';
|
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core';
|
|
import { fas } from '@fortawesome/free-solid-svg-icons';
|
|
|
|
import ElementPlus from 'element-plus';
|
|
import lang from 'element-plus/dist/locale/en.mjs';
|
|
|
|
import { N8nPlugin } from '../src/plugin';
|
|
|
|
setup((app) => {
|
|
library.add(fas);
|
|
|
|
app.use(ElementPlus, {
|
|
locale: lang,
|
|
});
|
|
|
|
app.use(N8nPlugin);
|
|
});
|
|
|
|
export const parameters = {
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/,
|
|
},
|
|
},
|
|
backgrounds: {
|
|
default: '--color-background-xlight',
|
|
values: [
|
|
{
|
|
name: '--color-background-dark',
|
|
value: 'var(--color-background-dark)',
|
|
},
|
|
{
|
|
name: '--color-background-base',
|
|
value: 'var(--color-background-base)',
|
|
},
|
|
{
|
|
name: '--color-background-light',
|
|
value: 'var(--color-background-light)',
|
|
},
|
|
{
|
|
name: '--color-background-xlight',
|
|
value: 'var(--color-background-xlight)',
|
|
},
|
|
],
|
|
},
|
|
themes: {
|
|
list: [
|
|
{
|
|
name: 'dark',
|
|
class: 'theme-dark-beta',
|
|
color: '#000',
|
|
},
|
|
],
|
|
},
|
|
options: {
|
|
storySort: {
|
|
order: [
|
|
'Docs',
|
|
'Styleguide',
|
|
['Colors Primitives', 'Colors Tokens', 'Font', 'Spacing', 'Border'],
|
|
'Atoms',
|
|
'Modules',
|
|
],
|
|
},
|
|
},
|
|
};
|
|
|
|
export const decorators = [
|
|
withThemeByDataAttribute({
|
|
themes: {
|
|
light: 'light',
|
|
dark: 'dark',
|
|
},
|
|
defaultTheme: 'light',
|
|
attributeName: 'data-theme',
|
|
parentSelector: 'body',
|
|
}),
|
|
];
|