From 5dd244c32a25d1c218e6d10290fe244ee1725fe2 Mon Sep 17 00:00:00 2001 From: Farhanah Sheets Date: Thu, 5 Oct 2017 16:32:24 -0400 Subject: [PATCH] README creation for Paragon components --- .gitattributes | 1 - .npmignore | 2 + .../__snapshots__/Storyshots.test.js.snap | 246 +- .travis.yml | 13 +- CNAME | 1 - README.md | 12 +- dist/Dropdown.js | 2 - dist/Dropdown.js.map | 1 - dist/paragon.min.js | 1395 --- dist/paragon.min.js.map | 1 - package.json | 16 +- src/Button/Button.scss | 1 + src/Button/README.md | 32 + src/Button/index.jsx | 7 +- src/CssJail/README.md | 8 + src/Dropdown/README.md | 14 + src/InputSelect/README.md | 11 + src/InputText/README.md | 8 + src/Modal/index.jsx | 2 +- src/StatusAlert/README.md | 23 + src/StatusAlert/StatusAlert.scss | 4 + src/StatusAlert/StatusAlert.stories.jsx | 123 + src/StatusAlert/StatusAlert.test.jsx | 148 + src/StatusAlert/index.jsx | 120 + src/Tabs/README.md | 11 + src/asInput/README.md | 35 + src/utils/paragon-reset.scss | 2 +- webpack.config.js | 6 +- yarn.lock | 7879 ----------------- 29 files changed, 807 insertions(+), 9317 deletions(-) delete mode 100644 .gitattributes delete mode 100644 CNAME delete mode 100644 dist/Dropdown.js delete mode 100644 dist/Dropdown.js.map delete mode 100644 dist/paragon.min.js delete mode 100644 dist/paragon.min.js.map create mode 100644 src/Button/README.md create mode 100644 src/CssJail/README.md create mode 100644 src/Dropdown/README.md create mode 100644 src/InputSelect/README.md create mode 100644 src/InputText/README.md create mode 100644 src/StatusAlert/README.md create mode 100644 src/StatusAlert/StatusAlert.scss create mode 100644 src/StatusAlert/StatusAlert.stories.jsx create mode 100644 src/StatusAlert/StatusAlert.test.jsx create mode 100644 src/StatusAlert/index.jsx create mode 100644 src/Tabs/README.md create mode 100644 src/asInput/README.md delete mode 100644 yarn.lock diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index cdfdd37807..0000000000 --- a/.gitattributes +++ /dev/null @@ -1 +0,0 @@ -yarn.lock binary diff --git a/.npmignore b/.npmignore index 49a4c2a502..88b5cd8ca8 100644 --- a/.npmignore +++ b/.npmignore @@ -1,4 +1,6 @@ .DS_Store .eslintcache +.storybook node_modules npm-debug.log +.travis.yml diff --git a/.storybook/__snapshots__/Storyshots.test.js.snap b/.storybook/__snapshots__/Storyshots.test.js.snap index 0164df0219..e7e89dc164 100644 --- a/.storybook/__snapshots__/Storyshots.test.js.snap +++ b/.storybook/__snapshots__/Storyshots.test.js.snap @@ -476,7 +476,11 @@ exports[`Storyshots Modal basic usage 1`] = ` onKeyDown={[Function]} type="button" > - × +
- × +
- × +
- × +
- × +
- × +
- × +
`; +exports[`Storyshots StatusAlert Non-dismissible alert 1`] = ` + +`; + +exports[`Storyshots StatusAlert alert invoked via a button 1`] = ` +
+ + +
+`; + +exports[`Storyshots StatusAlert alert with a link 1`] = ` + +`; + +exports[`Storyshots StatusAlert basic usage 1`] = ` + +`; + +exports[`Storyshots StatusAlert danger alert 1`] = ` + +`; + +exports[`Storyshots StatusAlert informational alert 1`] = ` + +`; + +exports[`Storyshots StatusAlert success alert 1`] = ` + +`; + exports[`Storyshots Table default heading 1`] = ` .test.js`. Jest will automatically pick up this file and run the tests as part of the suite. Take a look at [Dropdown.test.jsx](https://github.com/edx/paragon/blob/master/src/Dropdown/Dropdown.test.jsx) or [CheckBox.test.jsx](https://github.com/edx/paragon/blob/master/src/CheckBox/CheckBox.test.jsx) for examples of good component unit tests. @@ -75,7 +75,7 @@ Jest has built-in [snapshot testing](http://facebook.github.io/jest/docs/en/snap When you modify components or stories (or add new components or stories), make sure to update the snapshots or else the snapshot tests will fail. It's easy to do -- just run: ``` -$ yarn run snapshot +$ npm run snapshot ``` If the snapshot tests fail, it's generally pretty easy to tell whether it's happening because of a bug or because the snapshots need to be updated. Don't be afraid to inspect the test output for clues! diff --git a/dist/Dropdown.js b/dist/Dropdown.js deleted file mode 100644 index e0979654ae..0000000000 --- a/dist/Dropdown.js +++ /dev/null @@ -1,2 +0,0 @@ -(function(o,e){'object'==typeof exports&&'object'==typeof module?module.exports=e(require('react')):'function'==typeof define&&define.amd?define(['react'],e):'object'==typeof exports?exports.paragon=e(require('react')):o.paragon=e(o.React)})(this,function(o){return function(o){function e(t){if(_[t])return _[t].exports;var n=_[t]={i:t,l:!1,exports:{}};return o[t].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var _={};return e.m=o,e.c=_,e.i=function(o){return o},e.d=function(o,_,t){e.o(o,_)||Object.defineProperty(o,_,{configurable:!1,enumerable:!0,get:t})},e.n=function(o){var _=o&&o.__esModule?function(){return o['default']}:function(){return o};return e.d(_,'a',_),_},e.o=function(o,e){return Object.prototype.hasOwnProperty.call(o,e)},e.p='',e(e.s=14)}([function(o){function e(){throw new Error('setTimeout has not been defined')}function _(){throw new Error('clearTimeout has not been defined')}function t(o){if(i===setTimeout)return setTimeout(o,0);if((i===e||!i)&&setTimeout)return i=setTimeout,setTimeout(o,0);try{return i(o,0)}catch(_){try{return i.call(null,o,0)}catch(_){return i.call(this,o,0)}}}function n(o){if(l===clearTimeout)return clearTimeout(o);if((l===_||!l)&&clearTimeout)return l=clearTimeout,clearTimeout(o);try{return l(o)}catch(_){try{return l.call(null,o)}catch(_){return l.call(this,o)}}}function r(){p&&b&&(p=!1,b.length?u=b.concat(u):f=-1,u.length&&a())}function a(){if(!p){var o=t(r);p=!0;for(var e=u.length;e;){for(b=u,u=[];++f ._buttons__btn-primary___IafEY._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #025aa5;\n background-image: none;\n border-color: #01549b; }\n\n._buttons__btn-secondary___1CmYU {\n color: #292b2c;\n background-color: #fff;\n border-color: #ccc; }\n ._buttons__btn-secondary___1CmYU:hover {\n color: #292b2c;\n background-color: #e6e6e6;\n border-color: #adadad; }\n ._buttons__btn-secondary___1CmYU:focus, ._buttons__btn-secondary___1CmYU._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }\n ._buttons__btn-secondary___1CmYU._buttons__disabled___1wLpc, ._buttons__btn-secondary___1CmYU:disabled {\n background-color: #fff;\n border-color: #ccc; }\n ._buttons__btn-secondary___1CmYU:active, ._buttons__btn-secondary___1CmYU._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-secondary___1CmYU._buttons__dropdown-toggle___uDaGC {\n color: #292b2c;\n background-color: #e6e6e6;\n background-image: none;\n border-color: #adadad; }\n\n._buttons__btn-info___1IivW {\n color: #fff;\n background-color: #5bc0de;\n border-color: #5bc0de; }\n ._buttons__btn-info___1IivW:hover {\n color: #fff;\n background-color: #31b0d5;\n border-color: #2aabd2; }\n ._buttons__btn-info___1IivW:focus, ._buttons__btn-info___1IivW._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }\n ._buttons__btn-info___1IivW._buttons__disabled___1wLpc, ._buttons__btn-info___1IivW:disabled {\n background-color: #5bc0de;\n border-color: #5bc0de; }\n ._buttons__btn-info___1IivW:active, ._buttons__btn-info___1IivW._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-info___1IivW._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #31b0d5;\n background-image: none;\n border-color: #2aabd2; }\n\n._buttons__btn-success___1CMIx {\n color: #fff;\n background-color: #5cb85c;\n border-color: #5cb85c; }\n ._buttons__btn-success___1CMIx:hover {\n color: #fff;\n background-color: #449d44;\n border-color: #419641; }\n ._buttons__btn-success___1CMIx:focus, ._buttons__btn-success___1CMIx._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }\n ._buttons__btn-success___1CMIx._buttons__disabled___1wLpc, ._buttons__btn-success___1CMIx:disabled {\n background-color: #5cb85c;\n border-color: #5cb85c; }\n ._buttons__btn-success___1CMIx:active, ._buttons__btn-success___1CMIx._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-success___1CMIx._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #449d44;\n background-image: none;\n border-color: #419641; }\n\n._buttons__btn-warning___2jhvO {\n color: #fff;\n background-color: #f0ad4e;\n border-color: #f0ad4e; }\n ._buttons__btn-warning___2jhvO:hover {\n color: #fff;\n background-color: #ec971f;\n border-color: #eb9316; }\n ._buttons__btn-warning___2jhvO:focus, ._buttons__btn-warning___2jhvO._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }\n ._buttons__btn-warning___2jhvO._buttons__disabled___1wLpc, ._buttons__btn-warning___2jhvO:disabled {\n background-color: #f0ad4e;\n border-color: #f0ad4e; }\n ._buttons__btn-warning___2jhvO:active, ._buttons__btn-warning___2jhvO._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-warning___2jhvO._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #ec971f;\n background-image: none;\n border-color: #eb9316; }\n\n._buttons__btn-danger___12SRZ {\n color: #fff;\n background-color: #d9534f;\n border-color: #d9534f; }\n ._buttons__btn-danger___12SRZ:hover {\n color: #fff;\n background-color: #c9302c;\n border-color: #c12e2a; }\n ._buttons__btn-danger___12SRZ:focus, ._buttons__btn-danger___12SRZ._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }\n ._buttons__btn-danger___12SRZ._buttons__disabled___1wLpc, ._buttons__btn-danger___12SRZ:disabled {\n background-color: #d9534f;\n border-color: #d9534f; }\n ._buttons__btn-danger___12SRZ:active, ._buttons__btn-danger___12SRZ._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-danger___12SRZ._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #c9302c;\n background-image: none;\n border-color: #c12e2a; }\n\n._buttons__btn-outline-primary___1ilEq {\n color: #0275d8;\n background-image: none;\n background-color: transparent;\n border-color: #0275d8; }\n ._buttons__btn-outline-primary___1ilEq:hover {\n color: #fff;\n background-color: #0275d8;\n border-color: #0275d8; }\n ._buttons__btn-outline-primary___1ilEq:focus, ._buttons__btn-outline-primary___1ilEq._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); }\n ._buttons__btn-outline-primary___1ilEq._buttons__disabled___1wLpc, ._buttons__btn-outline-primary___1ilEq:disabled {\n color: #0275d8;\n background-color: transparent; }\n ._buttons__btn-outline-primary___1ilEq:active, ._buttons__btn-outline-primary___1ilEq._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-outline-primary___1ilEq._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #0275d8;\n border-color: #0275d8; }\n\n._buttons__btn-outline-secondary___1x5eB {\n color: #ccc;\n background-image: none;\n background-color: transparent;\n border-color: #ccc; }\n ._buttons__btn-outline-secondary___1x5eB:hover {\n color: #fff;\n background-color: #ccc;\n border-color: #ccc; }\n ._buttons__btn-outline-secondary___1x5eB:focus, ._buttons__btn-outline-secondary___1x5eB._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }\n ._buttons__btn-outline-secondary___1x5eB._buttons__disabled___1wLpc, ._buttons__btn-outline-secondary___1x5eB:disabled {\n color: #ccc;\n background-color: transparent; }\n ._buttons__btn-outline-secondary___1x5eB:active, ._buttons__btn-outline-secondary___1x5eB._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-outline-secondary___1x5eB._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #ccc;\n border-color: #ccc; }\n\n._buttons__btn-outline-info___KTRQT {\n color: #5bc0de;\n background-image: none;\n background-color: transparent;\n border-color: #5bc0de; }\n ._buttons__btn-outline-info___KTRQT:hover {\n color: #fff;\n background-color: #5bc0de;\n border-color: #5bc0de; }\n ._buttons__btn-outline-info___KTRQT:focus, ._buttons__btn-outline-info___KTRQT._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }\n ._buttons__btn-outline-info___KTRQT._buttons__disabled___1wLpc, ._buttons__btn-outline-info___KTRQT:disabled {\n color: #5bc0de;\n background-color: transparent; }\n ._buttons__btn-outline-info___KTRQT:active, ._buttons__btn-outline-info___KTRQT._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-outline-info___KTRQT._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #5bc0de;\n border-color: #5bc0de; }\n\n._buttons__btn-outline-success___32UqL {\n color: #5cb85c;\n background-image: none;\n background-color: transparent;\n border-color: #5cb85c; }\n ._buttons__btn-outline-success___32UqL:hover {\n color: #fff;\n background-color: #5cb85c;\n border-color: #5cb85c; }\n ._buttons__btn-outline-success___32UqL:focus, ._buttons__btn-outline-success___32UqL._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }\n ._buttons__btn-outline-success___32UqL._buttons__disabled___1wLpc, ._buttons__btn-outline-success___32UqL:disabled {\n color: #5cb85c;\n background-color: transparent; }\n ._buttons__btn-outline-success___32UqL:active, ._buttons__btn-outline-success___32UqL._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-outline-success___32UqL._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #5cb85c;\n border-color: #5cb85c; }\n\n._buttons__btn-outline-warning___2mmDO {\n color: #f0ad4e;\n background-image: none;\n background-color: transparent;\n border-color: #f0ad4e; }\n ._buttons__btn-outline-warning___2mmDO:hover {\n color: #fff;\n background-color: #f0ad4e;\n border-color: #f0ad4e; }\n ._buttons__btn-outline-warning___2mmDO:focus, ._buttons__btn-outline-warning___2mmDO._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }\n ._buttons__btn-outline-warning___2mmDO._buttons__disabled___1wLpc, ._buttons__btn-outline-warning___2mmDO:disabled {\n color: #f0ad4e;\n background-color: transparent; }\n ._buttons__btn-outline-warning___2mmDO:active, ._buttons__btn-outline-warning___2mmDO._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-outline-warning___2mmDO._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #f0ad4e;\n border-color: #f0ad4e; }\n\n._buttons__btn-outline-danger___1u6_W {\n color: #d9534f;\n background-image: none;\n background-color: transparent;\n border-color: #d9534f; }\n ._buttons__btn-outline-danger___1u6_W:hover {\n color: #fff;\n background-color: #d9534f;\n border-color: #d9534f; }\n ._buttons__btn-outline-danger___1u6_W:focus, ._buttons__btn-outline-danger___1u6_W._buttons__focus___4Ff8Q {\n box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }\n ._buttons__btn-outline-danger___1u6_W._buttons__disabled___1wLpc, ._buttons__btn-outline-danger___1u6_W:disabled {\n color: #d9534f;\n background-color: transparent; }\n ._buttons__btn-outline-danger___1u6_W:active, ._buttons__btn-outline-danger___1u6_W._buttons__active___1BUau,\n ._buttons__show___1upd3 > ._buttons__btn-outline-danger___1u6_W._buttons__dropdown-toggle___uDaGC {\n color: #fff;\n background-color: #d9534f;\n border-color: #d9534f; }\n\n._buttons__btn-link___2x923 {\n font-weight: normal;\n color: #0275d8;\n border-radius: 0; }\n ._buttons__btn-link___2x923, ._buttons__btn-link___2x923:active, ._buttons__btn-link___2x923._buttons__active___1BUau, ._buttons__btn-link___2x923:disabled {\n background-color: transparent; }\n ._buttons__btn-link___2x923, ._buttons__btn-link___2x923:focus, ._buttons__btn-link___2x923:active {\n border-color: transparent; }\n ._buttons__btn-link___2x923:hover {\n border-color: transparent; }\n ._buttons__btn-link___2x923:focus, ._buttons__btn-link___2x923:hover {\n color: #014c8c;\n text-decoration: underline;\n background-color: transparent; }\n ._buttons__btn-link___2x923:disabled {\n color: #636c72; }\n ._buttons__btn-link___2x923:disabled:focus, ._buttons__btn-link___2x923:disabled:hover {\n text-decoration: none; }\n\n._buttons__btn-lg___3PsYz {\n padding: 1.2rem 2.4rem;\n font-size: 2rem;\n border-radius: 0.3rem; }\n\n._buttons__btn-sm___2_ELV {\n padding: 0.4rem 0.8rem;\n font-size: 1.4rem;\n border-radius: 0.2rem; }\n\n._buttons__btn-block___2JQNH {\n display: block;\n width: 100%; }\n\n._buttons__btn-block___2JQNH + ._buttons__btn-block___2JQNH {\n margin-top: 0.8rem; }\n\ninput[type="submit"]._buttons__btn-block___2JQNH,\ninput[type="reset"]._buttons__btn-block___2JQNH,\ninput[type="button"]._buttons__btn-block___2JQNH {\n width: 100%; }\n','']),e.locals={btn:'_buttons__btn___KwlC2',focus:'_buttons__focus___4Ff8Q',disabled:'_buttons__disabled___1wLpc',active:'_buttons__active___1BUau',"btn-primary":'_buttons__btn-primary___IafEY',show:'_buttons__show___1upd3',"dropdown-toggle":'_buttons__dropdown-toggle___uDaGC',"btn-secondary":'_buttons__btn-secondary___1CmYU',"btn-info":'_buttons__btn-info___1IivW',"btn-success":'_buttons__btn-success___1CMIx',"btn-warning":'_buttons__btn-warning___2jhvO',"btn-danger":'_buttons__btn-danger___12SRZ',"btn-outline-primary":'_buttons__btn-outline-primary___1ilEq',"btn-outline-secondary":'_buttons__btn-outline-secondary___1x5eB',"btn-outline-info":'_buttons__btn-outline-info___KTRQT',"btn-outline-success":'_buttons__btn-outline-success___32UqL',"btn-outline-warning":'_buttons__btn-outline-warning___2mmDO',"btn-outline-danger":'_buttons__btn-outline-danger___1u6_W',"btn-link":'_buttons__btn-link___2x923',"btn-lg":'_buttons__btn-lg___3PsYz',"btn-sm":'_buttons__btn-sm___2_ELV',"btn-block":'_buttons__btn-block___2JQNH'}},function(o,e,_){e=o.exports=_(1)(void 0),e.push([o.i,'._dropdown__dropup___1CP-m,\n._dropdown__dropdown___165mJ {\n position: relative; }\n\n._dropdown__dropdown-toggle___2eOZG::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.3em;\n vertical-align: middle;\n content: "";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-left: 0.3em solid transparent; }\n\n._dropdown__dropdown-toggle___2eOZG:focus {\n outline: 0; }\n\n._dropdown__dropup___1CP-m ._dropdown__dropdown-toggle___2eOZG::after {\n border-top: 0;\n border-bottom: 0.3em solid; }\n\n._dropdown__dropdown-menu___1yZGl {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 16rem;\n padding: 0.8rem 0;\n margin: 0.2rem 0 0;\n font-size: 1.6rem;\n color: #292b2c;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.4rem; }\n\n._dropdown__dropdown-divider___3UY-j {\n height: 1px;\n margin: 0.5rem 0;\n overflow: hidden;\n background-color: #eceeef; }\n\n._dropdown__dropdown-item___nz-Am {\n display: block;\n width: 100%;\n padding: 3px 2.4rem;\n clear: both;\n font-weight: normal;\n color: #292b2c;\n text-align: inherit;\n white-space: nowrap;\n background: none;\n border: 0; }\n ._dropdown__dropdown-item___nz-Am:focus, ._dropdown__dropdown-item___nz-Am:hover {\n color: #1d1e1f;\n text-decoration: none;\n background-color: #f7f7f9; }\n ._dropdown__dropdown-item___nz-Am._dropdown__active___GWULp, ._dropdown__dropdown-item___nz-Am:active {\n color: #fff;\n text-decoration: none;\n background-color: #0275d8; }\n ._dropdown__dropdown-item___nz-Am._dropdown__disabled___suuA3, ._dropdown__dropdown-item___nz-Am:disabled {\n color: #636c72;\n cursor: not-allowed;\n background-color: transparent; }\n\n._dropdown__show___3dI6N > ._dropdown__dropdown-menu___1yZGl {\n display: block; }\n\n._dropdown__show___3dI6N > a {\n outline: 0; }\n\n._dropdown__dropdown-menu-right___343kY {\n right: 0;\n left: auto; }\n\n._dropdown__dropdown-menu-left___b8vqO {\n right: auto;\n left: 0; }\n\n._dropdown__dropdown-header___2qKjE {\n display: block;\n padding: 0.8rem 2.4rem;\n margin-bottom: 0;\n font-size: 1.4rem;\n color: #636c72;\n white-space: nowrap; }\n\n._dropdown__dropdown-backdrop___28mo8 {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 990; }\n\n._dropdown__dropup___1CP-m ._dropdown__dropdown-menu___1yZGl {\n top: auto;\n bottom: 100%;\n margin-bottom: 0.2rem; }\n','']),e.locals={dropup:'_dropdown__dropup___1CP-m',dropdown:'_dropdown__dropdown___165mJ',"dropdown-toggle":'_dropdown__dropdown-toggle___2eOZG',"dropdown-menu":'_dropdown__dropdown-menu___1yZGl',"dropdown-divider":'_dropdown__dropdown-divider___3UY-j',"dropdown-item":'_dropdown__dropdown-item___nz-Am',active:'_dropdown__active___GWULp',disabled:'_dropdown__disabled___suuA3',show:'_dropdown__show___3dI6N',"dropdown-menu-right":'_dropdown__dropdown-menu-right___343kY',"dropdown-menu-left":'_dropdown__dropdown-menu-left___b8vqO',"dropdown-header":'_dropdown__dropdown-header___2qKjE',"dropdown-backdrop":'_dropdown__dropdown-backdrop___28mo8'}},function(o,e,_){e=o.exports=_(1)(void 0),e.push([o.i,'._borders__border-0___SOZ3b {\n border: 0 !important; }\n\n._borders__border-top-0___3oZ6p {\n border-top: 0 !important; }\n\n._borders__border-right-0___1umS- {\n border-right: 0 !important; }\n\n._borders__border-bottom-0___3KzHW {\n border-bottom: 0 !important; }\n\n._borders__border-left-0___2Z4HR {\n border-left: 0 !important; }\n\n._borders__rounded___18JRN {\n border-radius: 0.4rem; }\n\n._borders__rounded-top___2Iwcv {\n border-top-right-radius: 0.4rem;\n border-top-left-radius: 0.4rem; }\n\n._borders__rounded-right___3pR6k {\n border-bottom-right-radius: 0.4rem;\n border-top-right-radius: 0.4rem; }\n\n._borders__rounded-bottom___1CqVT {\n border-bottom-right-radius: 0.4rem;\n border-bottom-left-radius: 0.4rem; }\n\n._borders__rounded-left___14r23 {\n border-bottom-left-radius: 0.4rem;\n border-top-left-radius: 0.4rem; }\n\n._borders__rounded-circle___2MZmE {\n border-radius: 50%; }\n\n._borders__rounded-0___1ehS9 {\n border-radius: 0; }\n','']),e.locals={"border-0":'_borders__border-0___SOZ3b',"border-top-0":'_borders__border-top-0___3oZ6p',"border-right-0":'_borders__border-right-0___1umS-',"border-bottom-0":'_borders__border-bottom-0___3KzHW',"border-left-0":'_borders__border-left-0___2Z4HR',rounded:'_borders__rounded___18JRN',"rounded-top":'_borders__rounded-top___2Iwcv',"rounded-right":'_borders__rounded-right___3pR6k',"rounded-bottom":'_borders__rounded-bottom___1CqVT',"rounded-left":'_borders__rounded-left___14r23',"rounded-circle":'_borders__rounded-circle___2MZmE',"rounded-0":'_borders__rounded-0___1ehS9'}},function(o,e,_){e=o.exports=_(1)(void 0),e.push([o.i,'.base-styles__paragon-component___1kOhc {\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n box-sizing: border-box;\n line-height: 1.15;\n font-size: 1.6rem;\n font-weight: normal;\n line-height: 1.5;\n margin: 0;\n color: #292b2c;\n background-color: #fff; }\n .base-styles__paragon-component___1kOhc html {\n box-sizing: border-box; }\n .base-styles__paragon-component___1kOhc *,\n .base-styles__paragon-component___1kOhc *::before,\n .base-styles__paragon-component___1kOhc *::after {\n box-sizing: inherit; }\n\n@-ms-viewport {\n width: device-width; }\n .base-styles__paragon-component___1kOhc html {\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent; }\n .base-styles__paragon-component___1kOhc body {\n font-family: inherit;\n font-size: 1.6rem;\n font-weight: normal;\n line-height: 1.5;\n color: #292b2c;\n background-color: #fff; }\n .base-styles__paragon-component___1kOhc [tabindex="-1"]:focus {\n outline: none !important; }\n .base-styles__paragon-component___1kOhc h1, .base-styles__paragon-component___1kOhc h2, .base-styles__paragon-component___1kOhc h3, .base-styles__paragon-component___1kOhc h4, .base-styles__paragon-component___1kOhc h5, .base-styles__paragon-component___1kOhc h6 {\n margin-top: 0;\n margin-bottom: .5rem; }\n .base-styles__paragon-component___1kOhc p {\n margin-top: 0;\n margin-bottom: 1rem; }\n .base-styles__paragon-component___1kOhc abbr[title],\n .base-styles__paragon-component___1kOhc abbr[data-original-title] {\n cursor: help; }\n .base-styles__paragon-component___1kOhc address {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit; }\n .base-styles__paragon-component___1kOhc ol,\n .base-styles__paragon-component___1kOhc ul,\n .base-styles__paragon-component___1kOhc dl {\n margin-top: 0;\n margin-bottom: 1rem; }\n .base-styles__paragon-component___1kOhc ol ol,\n .base-styles__paragon-component___1kOhc ul ul,\n .base-styles__paragon-component___1kOhc ol ul,\n .base-styles__paragon-component___1kOhc ul ol {\n margin-bottom: 0; }\n .base-styles__paragon-component___1kOhc dt {\n font-weight: bold; }\n .base-styles__paragon-component___1kOhc dd {\n margin-bottom: .5rem;\n margin-left: 0; }\n .base-styles__paragon-component___1kOhc blockquote {\n margin: 0 0 1rem; }\n .base-styles__paragon-component___1kOhc a {\n color: #0275d8;\n text-decoration: none; }\n .base-styles__paragon-component___1kOhc a:focus, .base-styles__paragon-component___1kOhc a:hover {\n color: #014c8c;\n text-decoration: underline; }\n .base-styles__paragon-component___1kOhc a:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none; }\n .base-styles__paragon-component___1kOhc a:not([href]):not([tabindex]):focus, .base-styles__paragon-component___1kOhc a:not([href]):not([tabindex]):hover {\n color: inherit;\n text-decoration: none; }\n .base-styles__paragon-component___1kOhc a:not([href]):not([tabindex]):focus {\n outline: 0; }\n .base-styles__paragon-component___1kOhc pre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto; }\n .base-styles__paragon-component___1kOhc figure {\n margin: 0 0 1rem; }\n .base-styles__paragon-component___1kOhc img {\n vertical-align: middle; }\n .base-styles__paragon-component___1kOhc [role="button"] {\n cursor: pointer; }\n .base-styles__paragon-component___1kOhc a,\n .base-styles__paragon-component___1kOhc area,\n .base-styles__paragon-component___1kOhc button,\n .base-styles__paragon-component___1kOhc [role="button"],\n .base-styles__paragon-component___1kOhc input,\n .base-styles__paragon-component___1kOhc label,\n .base-styles__paragon-component___1kOhc select,\n .base-styles__paragon-component___1kOhc summary,\n .base-styles__paragon-component___1kOhc textarea {\n touch-action: manipulation; }\n .base-styles__paragon-component___1kOhc table {\n border-collapse: collapse;\n background-color: transparent; }\n .base-styles__paragon-component___1kOhc caption {\n padding-top: 1.2rem;\n padding-bottom: 1.2rem;\n color: #636c72;\n text-align: left;\n caption-side: bottom; }\n .base-styles__paragon-component___1kOhc th {\n text-align: left; }\n .base-styles__paragon-component___1kOhc label {\n display: inline-block;\n margin-bottom: .5rem; }\n .base-styles__paragon-component___1kOhc button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n .base-styles__paragon-component___1kOhc input,\n .base-styles__paragon-component___1kOhc button,\n .base-styles__paragon-component___1kOhc select,\n .base-styles__paragon-component___1kOhc textarea {\n line-height: inherit; }\n .base-styles__paragon-component___1kOhc input[type="radio"]:disabled,\n .base-styles__paragon-component___1kOhc input[type="checkbox"]:disabled {\n cursor: not-allowed; }\n .base-styles__paragon-component___1kOhc input[type="date"],\n .base-styles__paragon-component___1kOhc input[type="time"],\n .base-styles__paragon-component___1kOhc input[type="datetime-local"],\n .base-styles__paragon-component___1kOhc input[type="month"] {\n -webkit-appearance: listbox; }\n .base-styles__paragon-component___1kOhc textarea {\n resize: vertical; }\n .base-styles__paragon-component___1kOhc fieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0; }\n .base-styles__paragon-component___1kOhc legend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit; }\n .base-styles__paragon-component___1kOhc input[type="search"] {\n -webkit-appearance: none; }\n .base-styles__paragon-component___1kOhc output {\n display: inline-block; }\n .base-styles__paragon-component___1kOhc [hidden] {\n display: none !important; }\n','']),e.locals={"paragon-component":'base-styles__paragon-component___1kOhc'}},function(o,e,_){'use strict';(function(e){if('production'!==e.env.NODE_ENV)var t=_(4),n=_(9),r=_(5),a={};o.exports=function(o,_,s,d,i){if('production'!==e.env.NODE_ENV)for(var l in o)if(o.hasOwnProperty(l)){var c;try{t('function'==typeof o[l],'%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.',d||'React class',s,l),c=o[l](_,l,d,s,null,r)}catch(o){c=o}if(n(!c||c instanceof Error,'%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).',d||'React class',s,l,typeof c),c instanceof Error&&!(c.message in a)){a[c.message]=!0;var b=i?i():'';n(!1,'Failed %s type: %s%s',s,c.message,null==b?'':b)}}}}).call(e,_(0))},function(o,e,_){'use strict';var t=_(3),n=_(4),r=_(5);o.exports=function(){function o(o,e,_,t,a,s){s===r||n(!1,'Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types')}function e(){return o}o.isRequired=o;var _={array:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:e,element:o,instanceOf:e,node:o,objectOf:e,oneOf:e,oneOfType:e,shape:e};return _.checkPropTypes=t,_.PropTypes=_,_}},function(o,e,_){'use strict';(function(e){var t=_(3),n=_(4),r=_(9),a=_(5),s=_(19);o.exports=function(o,_){function d(o){var e=o&&(y&&o[y]||o[w]);if('function'==typeof e)return e}function l(o,e){return o===e?0!==o||1/o==1/e:o!==o&&e!==e}function c(o){this.message=o,this.stack=''}function b(o){function t(t,i,l,b,u,p,f){if(b=b||k,p=p||l,f!==a)if(_)n(!1,'Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types');else if('production'!==e.env.NODE_ENV&&'undefined'!=typeof console){var g=b+':'+l;!s[g]&&3>d&&(r(!1,'You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.',p,b),s[g]=!0,d++)}return null==i[l]?t?null===i[l]?new c('The '+u+' `'+p+'` is marked as required '+('in `'+b+'`, but its value is `null`.')):new c('The '+u+' `'+p+'` is marked as required in '+('`'+b+'`, but its value is `undefined`.')):null:o(i,l,b,u,p)}if('production'!==e.env.NODE_ENV)var s={},d=0;var i=t.bind(null,!1);return i.isRequired=t.bind(null,!0),i}function i(o){return b(function(e,_,t,n,r){var a=e[_],s=f(a);if(s!==o){var d=g(a);return new c('Invalid '+n+' `'+r+'` of type '+('`'+d+'` supplied to `'+t+'`, expected ')+('`'+o+'`.'))}return null})}function u(e){switch(typeof e){case'number':case'string':case'undefined':return!0;case'boolean':return!e;case'object':if(Array.isArray(e))return e.every(u);if(null===e||o(e))return!0;var _=d(e);if(_){var t,n=_.call(e);if(_!==e.entries){for(;!(t=n.next()).done;)if(!u(t.value))return!1;}else for(;!(t=n.next()).done;){var r=t.value;if(r&&!u(r[1]))return!1}}else return!1;return!0;default:return!1;}}function p(o,e){return'symbol'===o||'Symbol'===e['@@toStringTag']||'function'==typeof Symbol&&e instanceof Symbol}function f(o){var e=typeof o;return Array.isArray(o)?'array':o instanceof RegExp?'object':p(e,o)?'symbol':e}function g(o){if('undefined'==typeof o||null===o)return''+o;var e=f(o);if('object'===e){if(o instanceof Date)return'date';if(o instanceof RegExp)return'regexp'}return e}function m(o){var e=g(o);return'array'===e||'object'===e?'an '+e:'boolean'===e||'date'===e||'regexp'===e?'a '+e:e}function h(o){return o.constructor&&o.constructor.name?o.constructor.name:k}var y='function'==typeof Symbol&&Symbol.iterator,w='@@iterator',k='<>',v={array:i('array'),bool:i('boolean'),func:i('function'),number:i('number'),object:i('object'),string:i('string'),symbol:i('symbol'),any:function(){return b(t.thatReturnsNull)}(),arrayOf:function(o){return b(function(e,_,t,n,r){if('function'!=typeof o)return new c('Property `'+r+'` of component `'+t+'` has invalid PropType notation inside arrayOf.');var s=e[_];if(!Array.isArray(s)){var d=f(s);return new c('Invalid '+n+' `'+r+'` of type '+('`'+d+'` supplied to `'+t+'`, expected an array.'))}for(var l,b=0;b 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/process/browser.js\n// module id = 0\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 1\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\nvar stylesInDom = {};\n\nvar\tmemoize = function (fn) {\n\tvar memo;\n\n\treturn function () {\n\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\treturn memo;\n\t};\n};\n\nvar isOldIE = memoize(function () {\n\t// Test for IE <= 9 as proposed by Browserhacks\n\t// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n\t// Tests for existence of standard globals is to allow style-loader\n\t// to operate correctly into non-standard environments\n\t// @see https://github.com/webpack-contrib/style-loader/issues/177\n\treturn window && document && document.all && !window.atob;\n});\n\nvar getElement = (function (fn) {\n\tvar memo = {};\n\n\treturn function(selector) {\n\t\tif (typeof memo[selector] === \"undefined\") {\n\t\t\tmemo[selector] = fn.call(this, selector);\n\t\t}\n\n\t\treturn memo[selector]\n\t};\n})(function (target) {\n\treturn document.querySelector(target)\n});\n\nvar singleton = null;\nvar\tsingletonCounter = 0;\nvar\tstylesInsertedAtTop = [];\n\nvar\tfixUrls = require(\"./urls\");\n\nmodule.exports = function(list, options) {\n\tif (typeof DEBUG !== \"undefined\" && DEBUG) {\n\t\tif (typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t}\n\n\toptions = options || {};\n\n\toptions.attrs = typeof options.attrs === \"object\" ? options.attrs : {};\n\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of