From d784accdec132bad506fc4529236dec0519a34f9 Mon Sep 17 00:00:00 2001
From: Dominik Prokop <dominik.prokop@grafana.com>
Date: Wed, 30 Jan 2019 12:54:24 +0100
Subject: [PATCH] Add storybook script to run it from root dir

---
 package.json                                                  | 3 ++-
 .../src/components/ColorPicker/SpectrumPalette.story.tsx      | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index b8cb9ab7faf..6a2f4c06cb5 100644
--- a/package.json
+++ b/package.json
@@ -116,7 +116,8 @@
     "typecheck": "tsc --noEmit",
     "jest": "jest --notify --watch",
     "api-tests": "jest --notify --watch --config=tests/api/jest.js",
-    "precommit": "grunt precommit"
+    "precommit": "grunt precommit",
+    "storybook": "cd packages/grafana-ui && yarn storybook"
   },
   "husky": {
     "hooks": {
diff --git a/packages/grafana-ui/src/components/ColorPicker/SpectrumPalette.story.tsx b/packages/grafana-ui/src/components/ColorPicker/SpectrumPalette.story.tsx
index 407564cdfb2..b4fdaf69ed9 100644
--- a/packages/grafana-ui/src/components/ColorPicker/SpectrumPalette.story.tsx
+++ b/packages/grafana-ui/src/components/ColorPicker/SpectrumPalette.story.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { withKnobs } from '@storybook/addon-knobs';
-
 import SpectrumPalette from './SpectrumPalette';
 import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
 import { UseState } from '../../utils/storybook/UseState';
@@ -11,8 +10,9 @@ const SpectrumPaletteStories = storiesOf('UI/ColorPicker/Palettes/SpectrumPalett
 
 SpectrumPaletteStories.addDecorator(withCenteredStory).addDecorator(withKnobs);
 
-SpectrumPaletteStories.add('Named colors swatch - support for named colors', () => {
+SpectrumPaletteStories.add('default', () => {
   const selectedTheme = getThemeKnob();
+
   return (
     <UseState initialState="red">
       {(selectedColor, updateSelectedColor) => {