n8n/packages/design-system/.storybook/preview.js

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"],
    },
  },
};