n8n/packages/design-system/.storybook/preview.js
2021-08-09 11:29:11 +02:00

58 lines
1 KiB
JavaScript

import './font-awesome-icons';
import './storybook.scss';
import Vue from 'vue';
// https://github.com/storybookjs/storybook/issues/6153
Vue.prototype.toJSON = function () {
return this;
};
export const parameters = {
actions: {
argTypesRegex: "^on[A-Z].*"
},
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-lighter',
value: 'var(--color-background-lighter)'
},
{
name: '--color-background-xlight',
value: 'var(--color-background-xlight)'
}
],
},
themes: {
list: [{
name: 'dark',
class: 'theme-dark',
color: '#000'
}
],
},
options: {
storySort: {
order: ['Docs', 'Styleguide', 'Atoms']
}
}
}