n8n/packages/design-system/.storybook/preview.js
2021-08-09 12:35:39 +02:00

61 lines
1.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"],
},
},
};