feat(utils): Added a list of breakpoints in the order they where defined

The returned object from `breakpoints` now include a list of breakpoints in the order they where
defined

Author: John Persson

src/index.js

@@ -91,12 +91,14 @@ export const getMediaShorthands = (breakpoints, rule) => (
 
 export const getMedia = (breakpoints: Breakpoints) => {
   const mediasUp = getMediaShorthands(breakpoints, 'up');
+  const list = Object.keys(breakpoints);
 
   return ({
     ...mediasUp,
     up: (widthKey: string) => getMixin(breakpoints, widthKey, 'up')(),
     down: (widthKey: string) => getMixin(breakpoints, widthKey, 'down')(),
     only: (widthKey: string, boundKey: string) => getMixin(breakpoints, widthKey, 'only')(boundKey),
+    list,
   });
 };
 

src/index.spec.js

@@ -125,5 +125,10 @@ describe('breakpoint', () => {
         expect(bp.xl`baground: red;`[1]).toMatch('@media only screen and (min-width: 1200px)');
       });
     });
+    describe('list', () => {
+      it('stores an array of breakpoints in the order they where defined', () => {
+        expect(bp.list).toEqual(['xs', 's', 'm', 'l', 'xl']);
+      })
+    });
   });
 });