|
@@ -1,7 +1,6 @@
|
|
|
import React from 'react';
|
|
import React from 'react';
|
|
|
import { storiesOf } from '@storybook/react';
|
|
import { storiesOf } from '@storybook/react';
|
|
|
import { withKnobs } from '@storybook/addon-knobs';
|
|
import { withKnobs } from '@storybook/addon-knobs';
|
|
|
-
|
|
|
|
|
import SpectrumPalette from './SpectrumPalette';
|
|
import SpectrumPalette from './SpectrumPalette';
|
|
|
import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
|
|
import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
|
|
|
import { UseState } from '../../utils/storybook/UseState';
|
|
import { UseState } from '../../utils/storybook/UseState';
|
|
@@ -11,8 +10,9 @@ const SpectrumPaletteStories = storiesOf('UI/ColorPicker/Palettes/SpectrumPalett
|
|
|
|
|
|
|
|
SpectrumPaletteStories.addDecorator(withCenteredStory).addDecorator(withKnobs);
|
|
SpectrumPaletteStories.addDecorator(withCenteredStory).addDecorator(withKnobs);
|
|
|
|
|
|
|
|
-SpectrumPaletteStories.add('Named colors swatch - support for named colors', () => {
|
|
|
|
|
|
|
+SpectrumPaletteStories.add('default', () => {
|
|
|
const selectedTheme = getThemeKnob();
|
|
const selectedTheme = getThemeKnob();
|
|
|
|
|
+
|
|
|
return (
|
|
return (
|
|
|
<UseState initialState="red">
|
|
<UseState initialState="red">
|
|
|
{(selectedColor, updateSelectedColor) => {
|
|
{(selectedColor, updateSelectedColor) => {
|