1- import Dropdown from '../dropdown/Dropdown' ;
21import Flash from './Flash' ;
32
43export default {
@@ -33,41 +32,6 @@ export default {
3332
3433const Template = ( args ) => Flash ( args ) ;
3534const dummyOnClick = ( ) => { } ;
36- const dropdownDecorator = ( story ) => {
37- const render = `
38- <ul class="u-list-none">
39- <li>${ story ( ) . outerHTML } </li>
40- <li>${
41- story ( {
42- args : {
43- onClick : dummyOnClick ,
44- icon : 'question-circle' ,
45- theme : 'warning' ,
46- } ,
47- } ) . outerHTML
48- } </li>
49- <li>${
50- story ( {
51- args : {
52- onClick : dummyOnClick ,
53- icon : 'question-circle' ,
54- theme : 'danger' ,
55- } ,
56- } ) . outerHTML
57- } </li>
58- <li>${
59- story ( {
60- args : {
61- onClick : dummyOnClick ,
62- icon : 'question-circle' ,
63- theme : 'positive' ,
64- } ,
65- } ) . outerHTML
66- } </li>
67- </ul>
68- ` ;
69- return Dropdown ( { children : render } ) ;
70- } ;
7135
7236// ***** Theme variants ****************** //
7337
@@ -77,7 +41,6 @@ Base.parameters = {
7741 zeplinLink :
7842 'https://app.zeplin.io/styleguide/63079b90d0bf4a646c46c227/components?coid=6331bd93290bbf15ece3af28' ,
7943} ;
80- Base . decorators = [ dropdownDecorator ] ;
8144
8245export const Danger = Template . bind ( { } ) ;
8346Danger . args = { theme : 'danger' } ;
@@ -171,14 +134,3 @@ PositiveIconButton.parameters = {
171134 zeplinLink :
172135 'https://app.zeplin.io/styleguide/63079b90d0bf4a646c46c227/components?coid=6331bd96d1e9ea1a4033367b' ,
173136} ;
174-
175- export const InDropdown = Template . bind ( { } ) ;
176- InDropdown . args = {
177- icon : 'info-circle' ,
178- onClick : dummyOnClick ,
179- children : 'In dropdown' ,
180- } ;
181- InDropdown . parameters = {
182- zeplinLink : 'https://zpl.io/8lBBP44' ,
183- } ;
184- InDropdown . decorators = [ dropdownDecorator ] ;
0 commit comments