Move storybook down to package level. Update to 5.3 (#92)

* port over previous tokens stories. Adapt for flame

* Move dependencies to relevant package

* disable css modules as its not really relevant anymore

* update popover and tooltip story styling. sort top level sections

* skip theme percy snapshots as per old implementation

* Remove dead deps. Bubble ExampleBox from popover and tooltip

* Move stories/ into flame/.storybook. Cleanup useless test

* Fix percy command

* Fix weird regression due to injecting components in style tags

* Display themeGet and css for colours instead of classnames

* Fix spaced group

* Colours -> Colors

* remove superflous react devDep

* leverage top level packages

Co-authored-by: Guillaume Lambert <[email protected]>

package.json

@@ -19,7 +19,7 @@
     "test:ci": "yarn test --coverage --runInBand && codecov",
     "typecheck": "tsc",
     "precommit": "lint-staged",
-    "dev": "yarn && concurrently --kill-others 'yarn dev:tokens' 'yarn dev:themes' 'start-storybook -p 6006'",
+    "dev": "yarn && concurrently --kill-others 'yarn dev:tokens' 'yarn dev:themes' 'lerna exec --scope \"@lightspeed/flame\" yarn storybook'",
     "dev:themes": "chokidar './packages/flame/themes/**/*.ts' -c 'lerna run --scope @lightspeed/flame build:themes'",
     "dev:tokens": "chokidar './packages/flame-tokens/src/*.ts' -c 'lerna run --scope @lightspeed/flame-tokens prepublish'",
     "build:storybook": "yarn bootstrap && build-storybook -c .storybook",
@@ -31,13 +31,12 @@
     "release-and-publish": "yarn release && yarn lerna:publish && lerna run --scope @lightspeed/flame release",
     "generate": "plop",
     "docgen": "node ./scripts/docgen",
-    "percy": "build-storybook -c .storybook && percy-storybook --widths=1280"
+    "percy": "lerna exec --scope \"@lightspeed/flame\" yarn percy"
   },
   "dependencies": {
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.9",
     "@styled-system/theme-get": "5.0.16",
-    "classnames": "^2.2.5",
     "emotion-theming": "^10.0.7",
     "polished": "^2.3.0",
     "prop-types": "^15.6.0",
@@ -73,16 +72,10 @@
     "@types/lodash": "^4.14.123",
     "@types/luxon": "^1.15.2",
     "@types/react": "^16.8.23",
-    "@types/react-click-outside": "^3.0.3",
-    "@types/react-modal": "^3.8.1",
-    "@types/react-select": "^2.0.15",
     "@types/react-test-renderer": "^16.8.3",
     "@types/storybook-readme": "^5.0.3",
-    "@types/styled-system": "^5.0.0",
-    "array-move": "^2.1.0",
-    "autoprefixer": "^8.0.0",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.5.0",
+    "babel-jest": "^26.0.1",
     "babel-loader": "^8.0.4",
     "babel-plugin-emotion": "^10.0.0",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
@@ -91,35 +84,24 @@
     "chokidar-cli": "^1.2.0",
     "codecov": "^3.6.1",
     "concurrently": "^3.5.1",
-    "css-loader": "^0.28.11",
     "eslint": "^5.14.1",
     "eslint-import-resolver-alias": "^1.1.1",
-    "file-loader": "^1.1.11",
     "fs-extra": "^7.0.1",
     "glob": "^7.1.2",
     "graphql": "^14.5.8",
-    "htmltojsx": "^0.3.0",
     "husky": "^0.14.3",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.0.1",
     "jest-emotion": "^10.0.0",
-    "json-loader": "^0.5.7",
     "lerna": "^3.10.2",
     "lint-staged": "^7.1.2",
-    "lodash": "^4.17.11",
     "plop": "^2.4.0",
     "postcss": "^6.0.17",
     "postcss-import": "^11.1.0",
     "postcss-loader": "^2.1.5",
     "prettier": "^1.16.1",
-    "raw-loader": "^0.5.1",
     "react-test-renderer": "^16.8.6",
-    "sass": "^1.14.3",
-    "sass-loader": "^7.1.0",
-    "storybook-readme": "^5.0.8",
-    "style-loader": "^0.21.0",
     "typescript": "^3.5.3",
-    "typescript-eslint-parser": "^22.0.0",
     "webpack": "^4.41.2",
     "webpack-cli": "^2.1.3",
     "yargs": "^11.0.0"