diff --git a/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap b/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap index 2acf60b4..3863b7f2 100644 --- a/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap +++ b/packages/icons/src/__tests__/__snapshots__/icons.spec.js.snap @@ -3,6 +3,11 @@ exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` exports[`renders without throwing 1`] = ` - + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + `; exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + +exports[`renders without throwing 1`] = ` + + + +`; + exports[`renders without throwing 1`] = ` + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + +exports[`renders without throwing 1`] = ` + + @@ -119,7 +789,7 @@ exports[`renders without throwing 1`] = ` height="18" style={ Object { - "padding": "0.0625rem", + "transform": "rotate(0deg)", } } viewBox="0 0 18 18" @@ -143,7 +813,7 @@ exports[`renders without throwing 1`] = ` height="18" style={ Object { - "padding": "0.0625rem", + "transform": "rotate(0deg)", } } viewBox="0 0 18 18" @@ -167,7 +837,7 @@ exports[`renders without throwing 1`] = ` height="18" style={ Object { - "padding": "1px", + "transform": "rotate(0deg)", } } viewBox="0 0 18 18" @@ -194,6 +864,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + +exports[`renders without throwing 1`] = ` + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + exports[`renders without throwing 1`] = ` .c0 { width: 0.375rem; @@ -314,9 +2206,868 @@ exports[`renders without throwing 1`] = ` /> `; +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` > without throwing 1`] = ` /> without throwing 1`] = ` @@ -410,17 +3735,1567 @@ exports[`renders without throwing 1`] = ` + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -429,6 +5304,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` > + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + + + + + @@ -493,6 +6491,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; -exports[`renders without throwing 2`] = ` +exports[`renders without throwing 1`] = ` - + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + `; exports[`renders without throwing 1`] = ` - + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + `; exports[`renders without throwing 1`] = ` - + + + + + + + + `; exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + exports[`renders without throwing 1`] = ` without throwing 1`] = ` `; +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + + + +`; + exports[`renders without throwing 1`] = ` @@ -613,6 +8562,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` xmlnsXlink="http://www.w3.org/1999/xlink" > - - + + - @@ -649,12 +8596,406 @@ exports[`renders without throwing 1`] = ` + + +`; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 2`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`renders without throwing 1`] = ` + + + +`; + +exports[`renders without throwing 1`] = ` + + + + + + + + + + + + + + @@ -663,6 +9004,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` without throwing 1`] = ` /> `; + +exports[`renders without throwing 1`] = ` +
+ + + + + + + + + + + + +
+`; + +exports[`renders without throwing 1`] = ` + + + +`; + +exports[`renders without throwing 1`] = ` + + + +`; diff --git a/packages/icons/src/__tests__/icons.spec.js b/packages/icons/src/__tests__/icons.spec.js index c84270d3..8102a832 100644 --- a/packages/icons/src/__tests__/icons.spec.js +++ b/packages/icons/src/__tests__/icons.spec.js @@ -11,16 +11,32 @@ import { Bin, Checkcircle, Chevron, + Clipboard, Close, + Cns, DataCenter, + Delete, Dot, + Duplicate, + Edit, + Firewall, Health, + Id, Import, + InstanceCount, + InstanceType, Instances, Loading, + Login, + Metadata, Minus, + Network, Package, Plus, + Reset, + Start, + Stop, + Tags, Triton, User } from '..'; @@ -33,6 +49,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -44,6 +61,36 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -55,6 +102,48 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -66,6 +155,48 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -77,6 +208,48 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -88,6 +261,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -99,6 +273,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -110,6 +285,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -121,6 +297,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -132,6 +309,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -143,6 +321,101 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -154,6 +427,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -165,6 +439,89 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -176,6 +533,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -187,6 +545,89 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -198,6 +639,166 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -209,6 +810,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -220,6 +822,77 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -231,6 +904,130 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -242,6 +1039,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -253,6 +1051,36 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -264,6 +1092,166 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -275,6 +1263,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -286,17 +1275,89 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); -it('renders without throwing', () => { +it('renders without throwing', () => { const tree = renderer .create( - + ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -308,6 +1369,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -319,6 +1381,36 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -330,6 +1422,7 @@ it('renders without throwing', () => { ) .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -341,6 +1434,248 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -352,6 +1687,48 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -363,6 +1740,48 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); @@ -374,5 +1793,47 @@ it('renders without throwing', () => { ) .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + + + + ) + .toJSON(); + + expect(tree).toMatchSnapshot(); +}); + +it('renders without throwing', () => { + const tree = renderer + .create( + +
+ + + + +
+ + ) + .toJSON(); + expect(tree).toMatchSnapshot(); }); diff --git a/packages/icons/src/actions.js b/packages/icons/src/actions.js index a749b999..a2c2b5d4 100644 --- a/packages/icons/src/actions.js +++ b/packages/icons/src/actions.js @@ -2,15 +2,49 @@ import React from 'react'; import remcalc from 'remcalc'; import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - - - +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + )} + )} ); diff --git a/packages/icons/src/affinity.js b/packages/icons/src/affinity.js index 69a24faa..ae5b85e3 100644 --- a/packages/icons/src/affinity.js +++ b/packages/icons/src/affinity.js @@ -1,22 +1,54 @@ import React from 'react'; -import Colors from './colors'; +import rndId from 'rnd-id'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + )} + )} ); diff --git a/packages/icons/src/arrow.js b/packages/icons/src/arrow.js index eb3dddbe..240f7539 100644 --- a/packages/icons/src/arrow.js +++ b/packages/icons/src/arrow.js @@ -1,22 +1,37 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/icons/src/bin.js b/packages/icons/src/bin.js index 70ba9ca0..830daeeb 100644 --- a/packages/icons/src/bin.js +++ b/packages/icons/src/bin.js @@ -1,13 +1,37 @@ import React from 'react'; -export default props => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + + )} + ); diff --git a/packages/icons/src/checkcircle.js b/packages/icons/src/checkcircle.js index 3ca64940..95a6279a 100644 --- a/packages/icons/src/checkcircle.js +++ b/packages/icons/src/checkcircle.js @@ -2,6 +2,7 @@ import React from 'react'; import remcalc from 'remcalc'; import Colors from './colors'; +import Rotate from './rotate'; export const Tick = props => ( ( ); export const Completed = props => ( - - {({ white, secondary, greenDark }) => ( + + {({ white, text, greenDark }) => ( ( ); export const PartCompleted = props => ( - - {({ white, secondary, greenDark }) => ( + + {({ white, text, greenDark }) => ( ( d="M9 19c5.523 0 10-4.477 10-10h-2a8 8 0 0 1-8 8v2zM19 9C19 3.477 14.523-1 9-1v2a8 8 0 0 1 8 8h2zM9-1C3.477-1-1 3.477-1 9h2a8 8 0 0 1 8-8v-2zM-1 9c0 5.523 4.477 10 10 10v-2a8 8 0 0 1-8-8h-2z" /> @@ -74,8 +75,8 @@ export const PartCompleted = props => ( ); export const Incomplete = props => ( - - {({ white, secondary }) => ( + + {({ white, text }) => ( ( d="M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18z" /> @@ -98,18 +99,29 @@ export const Incomplete = props => ( ); -export default ({ fill, checked, border, ...rest }) => { - if (fill && checked) { - return ; - } +export default ({ + fill, + checked, + border, + direction = 'down', + style = {}, + ...rest +}) => ( + + {({ style: rotateStyle }) => { + if (fill && checked) { + return ; + } - if (checked && border) { - return ; - } + if (checked && border) { + return ; + } - if (checked) { - return ; - } + if (checked) { + return ; + } - return ; -}; + return ; + }} + +); diff --git a/packages/icons/src/chevron.js b/packages/icons/src/chevron.js index 1ec4dfe1..8bef0c34 100644 --- a/packages/icons/src/chevron.js +++ b/packages/icons/src/chevron.js @@ -1,23 +1,38 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/icons/src/clipboard.js b/packages/icons/src/clipboard.js new file mode 100644 index 00000000..a4f152c8 --- /dev/null +++ b/packages/icons/src/clipboard.js @@ -0,0 +1,54 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/close.js b/packages/icons/src/close.js index 050d27b7..f6a25a8b 100644 --- a/packages/icons/src/close.js +++ b/packages/icons/src/close.js @@ -1,22 +1,37 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/icons/src/cns.js b/packages/icons/src/cns.js new file mode 100644 index 00000000..75057708 --- /dev/null +++ b/packages/icons/src/cns.js @@ -0,0 +1,73 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/colors.js b/packages/icons/src/colors.js index 100d5bd8..c9724af0 100644 --- a/packages/icons/src/colors.js +++ b/packages/icons/src/colors.js @@ -2,21 +2,24 @@ import { withTheme } from 'styled-components'; export const colors = { white: '#FFF', - secondary: '#464646', + text: '#464646', greenDark: '#008138', green: '#009858', orange: '#e38200', primary: '#3b46cc' }; -export default withTheme(({ theme = {}, children, ...rest }) => - children( - Object.keys(rest).reduce( - (sum, name) => ({ - ...sum, - [name]: theme[name] || colors[name] || rest[name] - }), - rest +export default withTheme( + ({ theme = {}, children, direction = 'down', style = {}, ...rest }) => + children( + Object.keys(rest) + .filter(name => Boolean(rest[name])) + .reduce( + (sum, name) => ({ + ...sum, + [name]: theme[name] || colors[name] || rest[name] + }), + rest + ) ) - ) ); diff --git a/packages/icons/src/data-center.js b/packages/icons/src/data-center.js index f4250810..3c44dd5c 100644 --- a/packages/icons/src/data-center.js +++ b/packages/icons/src/data-center.js @@ -1,22 +1,37 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/icons/src/delete.js b/packages/icons/src/delete.js new file mode 100644 index 00000000..f730db11 --- /dev/null +++ b/packages/icons/src/delete.js @@ -0,0 +1,53 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/duplicate.js b/packages/icons/src/duplicate.js new file mode 100644 index 00000000..9581088f --- /dev/null +++ b/packages/icons/src/duplicate.js @@ -0,0 +1,53 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/edit.js b/packages/icons/src/edit.js new file mode 100644 index 00000000..de1416f1 --- /dev/null +++ b/packages/icons/src/edit.js @@ -0,0 +1,57 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/fill.js b/packages/icons/src/fill.js new file mode 100644 index 00000000..debdde81 --- /dev/null +++ b/packages/icons/src/fill.js @@ -0,0 +1,15 @@ +export default ({ fill = null, disabled = false, light = false, colors }) => { + if (fill) { + return fill; + } + + if (disabled) { + return colors.grey; + } + + if (light) { + return colors.white; + } + + return colors.text; +}; diff --git a/packages/icons/src/firewall.js b/packages/icons/src/firewall.js new file mode 100644 index 00000000..97b06ad6 --- /dev/null +++ b/packages/icons/src/firewall.js @@ -0,0 +1,69 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/health.js b/packages/icons/src/health.js index c5439a73..2a52b7c7 100644 --- a/packages/icons/src/health.js +++ b/packages/icons/src/health.js @@ -1,24 +1,36 @@ import React from 'react'; -import Colors from './colors'; -export default ({ healthy = true, ...rest }) => ( +import Colors from './colors'; +import Rotate from './rotate'; + +export default ({ + healthy = true, + direction = 'down', + style = {}, + ...rest +}) => ( {({ green, orange }) => ( - - - - - - + + {({ style: rotateStyle }) => ( + + + + + + + )} + )} ); diff --git a/packages/icons/src/id.js b/packages/icons/src/id.js new file mode 100644 index 00000000..097a5004 --- /dev/null +++ b/packages/icons/src/id.js @@ -0,0 +1,75 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/import.js b/packages/icons/src/import.js index 08ae866c..ad2beff0 100644 --- a/packages/icons/src/import.js +++ b/packages/icons/src/import.js @@ -1,50 +1,64 @@ import React from 'react'; -import Colors from './colors'; +import rndId from 'rnd-id'; -export default props => ( - - {({ white, secondary }) => ( - - - - - - - - - - - - - - - - - - +import Colors from './colors'; +import Rotate from './rotate'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ direction = 'down', style = {}, ...rest }) => ( + + {({ white, text }) => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + + + )} + )} ); diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index 694946b5..eaf8e3a9 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -4,15 +4,31 @@ export { default as Arrow } from './arrow'; export { default as Bin } from './bin'; export { default as Checkcircle } from './checkcircle'; export { default as Chevron } from './chevron'; +export { default as Clipboard } from './clipboard'; export { default as Close } from './close'; +export { default as Cns } from './cns'; export { default as DataCenter } from './data-center'; +export { default as Delete } from './delete'; export { default as Dot } from './dot'; +export { default as Duplicate } from './duplicate'; +export { default as Edit } from './edit'; +export { default as Firewall } from './firewall'; export { default as Health } from './health'; +export { default as Id } from './id'; export { default as Import } from './import'; +export { default as InstanceCount } from './instance-count'; +export { default as InstanceType } from './instance-type'; export { default as Instances } from './instances'; export { default as Loading } from './loading'; +export { default as Login } from './login'; +export { default as Metadata } from './metadata'; export { default as Minus } from './minus'; +export { default as Network } from './network'; export { default as Package } from './package'; export { default as Plus } from './plus'; +export { default as Reset } from './reset'; +export { default as Start } from './start'; +export { default as Stop } from './stop'; +export { default as Tags } from './tags'; export { default as Triton } from './triton'; export { default as User } from './user'; diff --git a/packages/icons/src/instance-count.js b/packages/icons/src/instance-count.js new file mode 100644 index 00000000..83384a73 --- /dev/null +++ b/packages/icons/src/instance-count.js @@ -0,0 +1,124 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/instance-type.js b/packages/icons/src/instance-type.js new file mode 100644 index 00000000..0c86b4e5 --- /dev/null +++ b/packages/icons/src/instance-type.js @@ -0,0 +1,97 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/instances.js b/packages/icons/src/instances.js index 2a8f5f78..783a0896 100644 --- a/packages/icons/src/instances.js +++ b/packages/icons/src/instances.js @@ -1,22 +1,37 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/icons/src/loading.js b/packages/icons/src/loading.js index 248f8ae6..0fba4a72 100644 --- a/packages/icons/src/loading.js +++ b/packages/icons/src/loading.js @@ -1,34 +1,80 @@ import React from 'react'; -import Colors from './colors'; +import rndId from 'rnd-id'; -export default props => ( - - {({ primary }) => ( - - - - - - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId()]; + +export default ({ + fill = null, + light = false, + secondary = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + )} + )} ); diff --git a/packages/icons/src/login.js b/packages/icons/src/login.js new file mode 100644 index 00000000..aae07687 --- /dev/null +++ b/packages/icons/src/login.js @@ -0,0 +1,65 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/metadata.js b/packages/icons/src/metadata.js new file mode 100644 index 00000000..278fe68f --- /dev/null +++ b/packages/icons/src/metadata.js @@ -0,0 +1,77 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/minus.js b/packages/icons/src/minus.js index d20e1dbb..4817c132 100644 --- a/packages/icons/src/minus.js +++ b/packages/icons/src/minus.js @@ -1,22 +1,37 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/icons/src/network.js b/packages/icons/src/network.js new file mode 100644 index 00000000..df7ae270 --- /dev/null +++ b/packages/icons/src/network.js @@ -0,0 +1,52 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/package.js b/packages/icons/src/package.js index 9d659409..db93df24 100644 --- a/packages/icons/src/package.js +++ b/packages/icons/src/package.js @@ -1,22 +1,52 @@ import React from 'react'; -import Colors from './colors'; +import rndId from 'rnd-id'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + )} + )} ); diff --git a/packages/icons/src/plus.js b/packages/icons/src/plus.js index d57cae2e..9a631953 100644 --- a/packages/icons/src/plus.js +++ b/packages/icons/src/plus.js @@ -1,22 +1,37 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/icons/src/reset.js b/packages/icons/src/reset.js new file mode 100644 index 00000000..9c9a483c --- /dev/null +++ b/packages/icons/src/reset.js @@ -0,0 +1,53 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/rotate.js b/packages/icons/src/rotate.js new file mode 100644 index 00000000..741f9d01 --- /dev/null +++ b/packages/icons/src/rotate.js @@ -0,0 +1,13 @@ +const rotate = { + up: 180, + right: 90, + down: 0, + left: -90 +}; + +export default ({ children, direction = 'down' }) => + children({ + style: { + transform: `rotate(${rotate[direction]}deg)` + } + }); diff --git a/packages/icons/src/start.js b/packages/icons/src/start.js new file mode 100644 index 00000000..3073c3c2 --- /dev/null +++ b/packages/icons/src/start.js @@ -0,0 +1,74 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/stop.js b/packages/icons/src/stop.js new file mode 100644 index 00000000..19c6a311 --- /dev/null +++ b/packages/icons/src/stop.js @@ -0,0 +1,65 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/tags.js b/packages/icons/src/tags.js new file mode 100644 index 00000000..70f9af60 --- /dev/null +++ b/packages/icons/src/tags.js @@ -0,0 +1,67 @@ +import React from 'react'; +import rndId from 'rnd-id'; + +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId(), rndId()]; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + + + + + + + + + + + + + + + + )} + + )} + +); diff --git a/packages/icons/src/triton.js b/packages/icons/src/triton.js index e338c27f..bd7ab15b 100644 --- a/packages/icons/src/triton.js +++ b/packages/icons/src/triton.js @@ -1,62 +1,91 @@ import React from 'react'; +import rndId from 'rnd-id'; -const TritonBeta = props => ( - - - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +const ids = [rndId(), rndId()]; + +const TritonBeta = ({ + fill = null, + light = false, + disabled = false, + ...rest +}) => ( + + {colors => ( + + + + + + + + + + - - - - - - - - + + + + )} + ); -const Triton = props => ( - - - +const Triton = ({ fill = null, light = false, disabled = false, ...rest }) => ( + + {colors => ( + + + + )} + ); -export default ({ beta = false, ...rest }) => - beta ? : ; +export default ({ beta = false, direction = 'down', style = {}, ...rest }) => ( + + {({ style: rotateStyle }) => + beta ? ( + + ) : ( + + ) + } + +); diff --git a/packages/icons/src/user.js b/packages/icons/src/user.js index 6a0d1165..44af8453 100644 --- a/packages/icons/src/user.js +++ b/packages/icons/src/user.js @@ -1,12 +1,36 @@ import React from 'react'; -import Colors from './colors'; -export default ({ light = false, ...rest }) => ( - - {({ white, secondary }) => ( - - - +import Colors from './colors'; +import Rotate from './rotate'; +import calcFill from './fill'; + +export default ({ + fill = null, + light = false, + disabled = false, + direction = 'down', + style = {}, + ...rest +}) => ( + + {colors => ( + + {({ style: rotateStyle }) => ( + + + + )} + )} ); diff --git a/packages/ui-toolkit/src/card/demo.md b/packages/ui-toolkit/src/card/demo.md index 2a9678bd..24d2a529 100644 --- a/packages/ui-toolkit/src/card/demo.md +++ b/packages/ui-toolkit/src/card/demo.md @@ -53,11 +53,7 @@ const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.'); const { Row, Col } = require('react-styled-flexboxgrid'); const { H4, P } = require('../text'); -const { - Instances, - Health, - Actions -} = require('../icons'); +const { Instances, Health, Actions } = require('../icons');
@@ -142,11 +138,7 @@ const { Row, Col } = require('react-styled-flexboxgrid'); const { H4, P } = require('../text'); const { default: StatusLoader } = require('../status-loader'); -const { - Actions, - Instances, - Health -} = require('../icons'); +const { Actions, Instances, Health } = require('../icons'); [ diff --git a/packages/ui-toolkit/src/header/nav.js b/packages/ui-toolkit/src/header/nav.js index 1745a54a..79eb4332 100644 --- a/packages/ui-toolkit/src/header/nav.js +++ b/packages/ui-toolkit/src/header/nav.js @@ -1,6 +1,5 @@ import React from 'react'; import styled from 'styled-components'; -import remcalc from 'remcalc'; const UL = styled.ul` padding: 0; diff --git a/packages/ui-toolkit/src/icons/Readme.md b/packages/ui-toolkit/src/icons/Readme.md index bd6fe46e..7aaaa87d 100644 --- a/packages/ui-toolkit/src/icons/Readme.md +++ b/packages/ui-toolkit/src/icons/Readme.md @@ -1,5 +1,651 @@ ```js noeditor const React = require('react'); +const { List, Icon, ListItem } = require('./icons'); +const { default: Label } = require('../label'); +const { default: theme } = require('../theme'); - +const { + Actions, + Affinity, + Arrow, + Bin, + Checkcircle, + Clipboard, + Close, + Cns, + DataCenter, + Delete, + Dot, + Duplicate, + Edit, + Firewall, + Health, + Id, + Import, + InstanceCount, + InstanceType, + Instances, + Loading, + Login, + Metadata, + Minus, + Network, + Package, + Plus, + Reset, + Start, + Stop, + Tags, + Triton, + User +} = require('.'); + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; ``` diff --git a/packages/ui-toolkit/src/icons/icons.js b/packages/ui-toolkit/src/icons/icons.js index 7ca4e8f4..fe3d26d3 100644 --- a/packages/ui-toolkit/src/icons/icons.js +++ b/packages/ui-toolkit/src/icons/icons.js @@ -1,36 +1,15 @@ -import React from 'react'; import is from 'styled-is'; import remcalc from 'remcalc'; import styled from 'styled-components'; -import { default as Label } from '../label'; - -import { - Actions, - Arrow, - Bin, - Checkcircle, - Chevron, - Close, - DataCenter, - Health, - Import, - Instances, - Loading, - Minus, - Plus, - Triton, - User -} from './'; - -const List = styled.ul` +export const List = styled.ul` display: flex; list-style: none; padding: 0; flex-wrap: wrap; `; -const Icon = styled.div` +export const Icon = styled.div` width: ${remcalc(180)}; height: ${remcalc(180)}; border: ${remcalc(2)} solid ${props => props.theme.grey}; @@ -44,7 +23,7 @@ const Icon = styled.div` `}; `; -const ListItem = styled.li` +export const ListItem = styled.li` display: flex; align-items: center; justify-content: center; @@ -52,160 +31,3 @@ const ListItem = styled.li` flex-direction: column; margin-bottom: ${remcalc(53)}; `; - -const Icons = () => ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -); - -export default Icons; diff --git a/packages/ui-toolkit/src/icons/index.js b/packages/ui-toolkit/src/icons/index.js index 371fd33f..233de406 100644 --- a/packages/ui-toolkit/src/icons/index.js +++ b/packages/ui-toolkit/src/icons/index.js @@ -7,16 +7,32 @@ import { Bin as BaseBin, Checkcircle as BaseCheckcircle, Chevron as BaseChevron, + Clipboard as BaseClipboard, Close as BaseClose, + Cns as BaseCns, DataCenter as BaseDataCenter, + Delete as BaseDelete, Dot as BaseDot, + Duplicate as BaseDuplicate, + Edit as BaseEdit, + Firewall as BaseFirewall, Health as BaseHealth, + Id as BaseId, Import as BaseImport, + InstanceCount as BaseInstanceCount, + InstanceType as BaseInstanceType, Instances as BaseInstances, Loading as BaseLoading, + Login as BaseLogin, + Metadata as BaseMetadata, Minus as BaseMinus, + Network as BaseNetwork, Package as BasePackage, Plus as BasePlus, + Reset as BaseReset, + Start as BaseStart, + Stop as BaseStop, + Tags as BaseTags, Triton as BaseTriton, User as BaseUser } from 'joyent-icons'; @@ -27,15 +43,31 @@ export const Arrow = Baseline(BaseArrow); export const Bin = Baseline(BaseBin); export const Checkcircle = Baseline(BaseCheckcircle); export const Chevron = Baseline(BaseChevron); +export const Clipboard = Baseline(BaseClipboard); export const Close = Baseline(BaseClose); +export const Cns = Baseline(BaseCns); export const DataCenter = Baseline(BaseDataCenter); +export const Delete = Baseline(BaseDelete); export const Dot = Baseline(BaseDot); +export const Duplicate = Baseline(BaseDuplicate); +export const Edit = Baseline(BaseEdit); +export const Firewall = Baseline(BaseFirewall); export const Health = Baseline(BaseHealth); +export const Id = Baseline(BaseId); export const Import = Baseline(BaseImport); +export const InstanceCount = Baseline(BaseInstanceCount); +export const InstanceType = Baseline(BaseInstanceType); export const Instances = Baseline(BaseInstances); export const Loading = Baseline(BaseLoading); +export const Login = Baseline(BaseLogin); +export const Metadata = Baseline(BaseMetadata); export const Minus = Baseline(BaseMinus); +export const Network = Baseline(BaseNetwork); export const Package = Baseline(BasePackage); export const Plus = Baseline(BasePlus); +export const Reset = Baseline(BaseReset); +export const Start = Baseline(BaseStart); +export const Stop = Baseline(BaseStop); +export const Tags = Baseline(BaseTags); export const Triton = Baseline(BaseTriton); export const User = Baseline(BaseUser); diff --git a/packages/ui-toolkit/src/index.js b/packages/ui-toolkit/src/index.js index fb4b82c6..d8cd9a4c 100644 --- a/packages/ui-toolkit/src/index.js +++ b/packages/ui-toolkit/src/index.js @@ -92,18 +92,33 @@ export { Affinity as AffinityIcon, Arrow as ArrowIcon, Bin as BinIcon, - Checkcircle, - Chevron as ChevronIcon, + Checkcircle as CheckcircleIcon, + Clipboard as ClipboardIcon, Close as CloseIcon, + Cns as CnsIcon, DataCenter as DataCenterIcon, + Delete as DeleteIcon, Dot as DotIcon, + Duplicate as DuplicateIcon, + Edit as EditIcon, + Firewall as FirewallIcon, Health as HealthIcon, + Id as IdIcon, Import as ImportIcon, + InstanceCount as InstanceCountIcon, + InstanceType as InstanceTypeIcon, Instances as InstancesIcon, Loading as LoadingIcon, + Login as LoginIcon, + Metadata as MetadataIcon, Minus as MinusIcon, + Network as NetworkIcon, Package as PackageIcon, Plus as PlusIcon, + Reset as ResetIcon, + Start as StartIcon, + Stop as StopIcon, + Tags as TagsIcon, Triton as TritonIcon, User as UserIcon } from './icons'; diff --git a/packages/ui-toolkit/styleguide.config.js b/packages/ui-toolkit/styleguide.config.js index 0b757c3e..b3773c74 100644 --- a/packages/ui-toolkit/styleguide.config.js +++ b/packages/ui-toolkit/styleguide.config.js @@ -59,6 +59,10 @@ module.exports = { { name: 'Colors', content: 'src/theme/colors.md' + }, + { + name: 'Icons', + content: 'src/icons/Readme.md' } ] }, @@ -71,7 +75,6 @@ module.exports = { 'src/button/index.js', 'src/form/checkbox.js', 'src/header/index.js', - 'src/icons/icons.js', 'src/form/input.js', 'src/message/index.js', 'src/progress-bar/index.js',