First implementation of popover

.storybook/preview.ts

@@ -1,33 +1,34 @@
-import type { Preview } from "@storybook/react";
+import type {Preview} from "@storybook/react";
 
 const preview: Preview = {
-  parameters: {
-    backgrounds: {
-      default: 'code0',
-      values: [
-        {name: 'code0', value: '#030014'}
-      ],
+    parameters: {
+        backgrounds: {
+            default: 'code0',
+            values: [
+                {name: 'code0', value: '#030014'}
+            ],
+        },
+        layout: 'centered',
+        actions: {argTypesRegex: "^on[A-Z].*"},
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i,
+            },
+        },
+        a11y: {
+            // Optional selector to inspect
+            element: '#storybook-root',
+            config: {
+                rules: [
+                    {id: 'landmark-one-main', enabled: false}, // not relevant to single components
+                    {id: 'page-has-heading-one', enabled: false}, // not relevant to single components
+                    {id: 'region', enabled: false}, // not relevant to single components
+                    {id: 'aria-allowed-attr', enabled: false} // disable all aria checks
+                ],
+            },
+        },
     },
-    layout: 'centered',
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    a11y: {
-      // Optional selector to inspect
-      element: '#storybook-root',
-      config: {
-        rules: [
-          { id: 'landmark-one-main', enabled: false }, // not relevant to single components
-          { id: 'page-has-heading-one', enabled: false }, // not relevant to single components
-          { id: 'region', enabled: false }, // not relevant to single components
-        ],
-      },
-    },
-  },
 };
 
 export default preview;