test(tooltip): visual regression tests for tooltip

* feat: component states testing wip

* refactor: continue to try

* test(tooltip): visual regression tests for tooltip

* chore: editorconfig updated for all files

* chore(storybook): canvas size set for centered layouts

* refactor(tooltip): linter fix

* docs(input): focus state interaction test removed

* chore: playground template changes reverted back

* docs: input story changes reverted back

* refactor: remove console.log

* docs(tooltip): interaction test for first 2 stories

* docs(button): empty space in play function is not allowed

* chore: clean dependencies

* docs: we need more space to fit side tooltips

* docs: fix for font loading issue on chrome

* docs(button): more variants added for hover states

* docs(button): hover state stories reverted back

css hover can not be emulated with current capabilities of chromatic
we'll do further investigation for the solutions in a seperate issue

.editorconfig

@@ -1,4 +1,4 @@
-[*.{js,jsx,ts,tsx,vue,mdx}]
+[*.*]
 indent_style = space
 indent_size = 2
 trim_trailing_whitespace = true

.storybook/main.js

@@ -22,6 +22,7 @@ module.exports = {
     },
     '@storybook/addon-essentials',
     '@storybook/addon-a11y',
+    '@storybook/addon-interactions',
   ],
   features: {
     postcss: false,

.storybook/preview-body.html

@@ -0,0 +1,9 @@
+<style>
+  .sb-main-centered #root-inner {
+    width: 1000px;
+    height: 400px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+</style>

.storybook/preview-head.html

@@ -1,7 +1,8 @@
+<link rel="preload" href="./assets/rubik-latin-variable-wghtOnly-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
 <link rel="stylesheet" href="./themes/default.css" />
 <script type="module" src="./baklava.js"></script>
 <style>
-    .innerZoomElementWrapper > * {
-        vertical-align: top;
-    }
-</style>
+.innerZoomElementWrapper > * {
+  vertical-align: top;
+}
+</style>

docs/contributing.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Description } from '@storybook/addon-docs/blocks';
+import { Meta, Description } from '@storybook/addon-docs';
 import Contributing from '../CONTRIBUTING.md';
 
 <Meta

docs/welcome.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta, Description } from '@storybook/addon-docs/blocks';
+import { Meta, Description } from '@storybook/addon-docs';
 import Readme from '../README.md';
 
 <Meta