Merge pull request #610 from equinor/feat/select-variants

Added variants to select components

.storybook/main.js

@@ -1,5 +1,6 @@
 const config = {
   stories: ['../src/intro.mdx', '../src/**/*.stories.@(ts|tsx)'],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
@@ -9,19 +10,24 @@ const config = {
     'storybook-addon-data-theme-switcher',
     'storybook-addon-react-docgen',
     './addons/GitHubSearchAddon/manager.js',
+    '@storybook/addon-mdx-gfm'
   ],
+
   build: {
     sourcemap: false,
   },
+
   core: {},
+
   framework: {
     name: '@storybook/react-vite',
     options: {},
   },
-  docs: {
-    autodocs: true,
-  },
+
+  docs: {},
+
   staticDirs: ['../static'],
+
   async viteFinal(config) {
     return {
       ...config,
@@ -39,9 +45,14 @@ const config = {
       },
     };
   },
+
   env: () => ({
     VITE_IS_MOCK: 'true',
   }),
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
 };
 
 export default config;

.storybook/preview.jsx → .storybook/preview.tsx

@@ -4,6 +4,7 @@ import Template from 'src/components/Template/Template';
 import { darkTokens } from 'src/style/darkTokens';
 import { spacingTokens } from 'src/style/spacingTokens';
 import { SnackbarProvider } from 'src/providers/SnackbarProvider';
+import { Preview, StoryFn } from '@storybook/react';
 
 const { colors } = tokens;
 
@@ -19,7 +20,7 @@ export const globalTypes = {
 };
 
 export const decorators = [
-  (Story) => {
+  (Story: StoryFn) => {
     // Apply styles using the darkTokens variable
     const darkStyleElement = document.createElement('style');
     darkStyleElement.innerHTML = darkTokens;
@@ -58,3 +59,9 @@ export const parameters = {
     ],
   },
 };
+
+const preview: Preview = {
+  tags: ['autodocs']
+};
+
+export default preview;