Add controls to stories

Signed-off-by: Lauren Schaller <lschaller@spotify.com>

storybook/.storybook/main.js

@@ -32,6 +32,7 @@ module.exports = ({ args }) => {
   return {
     stories,
     addons: [
+      '@storybook/addon-controls',
       '@storybook/addon-a11y',
       '@storybook/addon-actions',
       '@storybook/addon-links',

storybook/package.json

@@ -9,14 +9,15 @@
   },
   "dependencies": {
     "@sucrase/webpack-loader": "^2.0.0",
-    "sucrase": "^3.21.0",
     "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-hot-loader": "^4.13.0",
-    "react-dom": "^17.0.2"
+    "sucrase": "^3.21.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^6.4.21",
     "@storybook/addon-actions": "^6.4.21",
+    "@storybook/addon-controls": "^6.4.22",
     "@storybook/addon-links": "^6.4.21",
     "@storybook/addon-storysource": "^6.4.21",
     "@storybook/addons": "^6.4.21",
@@ -24,9 +25,9 @@
     "storybook-dark-mode": "^1.0.9"
   },
   "peerDependencies": {
-    "@backstage/theme": "link:../packages/theme",
-    "@backstage/test-utils": "link:../packages/test-utils",
     "@backstage/core-app-api": "link:../packages/core-app-api",
-    "@backstage/core-plugin-api": "link:../packages/core-plugin-api"
+    "@backstage/core-plugin-api": "link:../packages/core-plugin-api",
+    "@backstage/test-utils": "link:../packages/test-utils",
+    "@backstage/theme": "link:../packages/theme"
   }
 }

storybook/yarn.lock

@@ -1381,6 +1381,24 @@
     util-deprecate "^1.0.2"
     uuid-browser "^3.1.0"
 
+"@storybook/addon-controls@^6.4.22":
+  version "6.4.22"
+  resolved "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-6.4.22.tgz#42c7f426eb7ba6d335e8e14369d6d13401878665"
+  integrity sha512-f/M/W+7UTEUnr/L6scBMvksq+ZA8GTfh3bomE5FtWyOyaFppq9k8daKAvdYNlzXAOrUUsoZVJDgpb20Z2VBiSQ==
+  dependencies:
+    "@storybook/addons" "6.4.22"
+    "@storybook/api" "6.4.22"
+    "@storybook/client-logger" "6.4.22"
+    "@storybook/components" "6.4.22"
+    "@storybook/core-common" "6.4.22"
+    "@storybook/csf" "0.0.2--canary.87bc651.0"
+    "@storybook/node-logger" "6.4.22"
+    "@storybook/store" "6.4.22"
+    "@storybook/theming" "6.4.22"
+    core-js "^3.8.2"
+    lodash "^4.17.21"
+    ts-dedent "^2.0.0"
+
 "@storybook/addon-links@^6.4.21":
   version "6.4.22"
   resolved "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-6.4.22.tgz#c0ed9e9ef6505cf1562e1476bbc5064c82dadbe2"