chore(docs): migrate react-chrome to storybook

.eslintrc.json

@@ -59,7 +59,7 @@
       }
     },
     {
-      "files": ["packages/*/src/index.ts"],
+      "files": ["packages/*/src/index.ts", "packages/**/styled/index.ts"],
       "rules": {
         "no-duplicate-imports": "off"
       }

demo/index.html

@@ -107,7 +107,7 @@ <h1 class="c-main__title">React Components</h1>
               <a class="u-fg-inherit" href="buttons">Buttons</a>
             </div>
             <div class="u-mb-sm">
-              <a class="u-fg-inherit" href="chrome">Chrome</a>
+              <a class="u-fg-inherit" href="storybook/?path=/story/components-chrome-readme--page">Chrome</a>
             </div>
             <div class="u-mb-sm">
               <a class="u-fg-inherit" href="datepickers">Datepickers</a>

packages/chrome/.size-snapshot.json

@@ -19,21 +19,21 @@
     }
   },
   "index.cjs.js": {
-    "bundled": 53927,
-    "minified": 40760,
-    "gzipped": 7529
+    "bundled": 53833,
+    "minified": 40685,
+    "gzipped": 7514
   },
   "index.esm.js": {
-    "bundled": 49632,
-    "minified": 36908,
-    "gzipped": 7310,
+    "bundled": 49544,
+    "minified": 36839,
+    "gzipped": 7291,
     "treeshaked": {
       "rollup": {
-        "code": 28097,
-        "import_statements": 547
+        "code": 28057,
+        "import_statements": 550
       },
       "webpack": {
-        "code": 31512
+        "code": 31469
       }
     }
   }

packages/chrome/README.md

@@ -13,7 +13,7 @@ npm install react react-dom prop-types styled-components @zendeskgarden/react-th
 
 ## Usages
 
-```jsx static
+```jsx
 import { ThemeProvider } from '@zendeskgarden/react-theming';
 import { Chrome, Nav, NavItem, ... } from '@zendeskgarden/react-chrome';
 import ConnectIcon from '@zendeskgarden/icons/src/26/relationshape-connect.svg';