From 29bb6dc2e936a9de05fb71dc97fb55dc3dd0b812 Mon Sep 17 00:00:00 2001 From: Romain Rousseau Date: Wed, 12 Aug 2020 09:48:05 +0200 Subject: [PATCH] adding storybook viewport for responsive component implementation --- .storybook/main.js | 1 + package-lock.json | 19 +++++++++++++++++++ package.json | 1 + 3 files changed, 21 insertions(+) diff --git a/.storybook/main.js b/.storybook/main.js index b5483f6..05804af 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -31,5 +31,6 @@ module.exports = { "@storybook/addon-knobs", "@storybook/addon-links", "@storybook/addon-docs", + "@storybook/addon-viewport", ], }; diff --git a/package-lock.json b/package-lock.json index 216f891..7a22d5f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1901,6 +1901,25 @@ "ts-dedent": "^1.1.0" } }, + "@storybook/addon-viewport": { + "version": "5.3.19", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-5.3.19.tgz", + "integrity": "sha512-/+9pN9yR/Dnwj/JEOwfnmERxDvh9alaFg7snnbiHSuycbPc+xy3CziqGUE9ofRxrYqOrd4aHhJ/5sxkZvewlAg==", + "dev": true, + "requires": { + "@storybook/addons": "5.3.19", + "@storybook/api": "5.3.19", + "@storybook/client-logger": "5.3.19", + "@storybook/components": "5.3.19", + "@storybook/core-events": "5.3.19", + "@storybook/theming": "5.3.19", + "core-js": "^3.0.1", + "global": "^4.3.2", + "memoizerific": "^1.11.3", + "prop-types": "^15.7.2", + "util-deprecate": "^1.0.2" + } + }, "@storybook/addons": { "version": "5.3.19", "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-5.3.19.tgz", diff --git a/package.json b/package.json index 366598c..1f2fa83 100644 --- a/package.json +++ b/package.json @@ -36,6 +36,7 @@ "@storybook/addon-docs": "^5.3.19", "@storybook/addon-knobs": "^5.3.18", "@storybook/addon-links": "^5.3.18", + "@storybook/addon-viewport": "^5.3.19", "@storybook/addons": "^5.3.18", "@storybook/react": "^5.3.18", "@svgr/webpack": "^5.4.0",