glud-component - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

build/bundle.js

@@ -1,1 +0,1 @@
-webpackJsonp([0],{162:function(e,t,a){a(115),e.exports=a(364)},364:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}var n=a(6),r=l(n),u=a(150),o=a(373),c=l(o);a(408);a(413),a(414);var i=document.getElementById("app");(0,u.render)(r.default.createElement(c.default,null),i)},373:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=a(6),r=l(n),u=a(59),o=a(78),c=(a(386),a(388)),i=l(c),s=a(393),d=l(s);t.default=function(){var e=window.__INITIAL_STATE__,t=o.browserHistory,a=(0,i.default)(e,t);return r.default.createElement(u.Provider,{store:a,key:"provider"},r.default.createElement(o.Router,{history:t,routes:d.default}))}},386:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0,t.locationsAreEqual=t.Actions=t.useQueries=t.useBeforeUnload=t.useBasename=t.createMemoryHistory=t.createHashHistory=t.createHistory=void 0;var n=a(50);Object.defineProperty(t,"locationsAreEqual",{enumerable:!0,get:function(){return n.locationsAreEqual}});var r=a(153),u=l(r),o=a(155),c=l(o),i=a(152),s=l(i),d=a(111),m=l(d),f=a(387),p=l(f),b=a(109),E=l(b),N=a(60),v=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t}(N);t.createHistory=u.default,t.createHashHistory=c.default,t.createMemoryHistory=s.default,t.useBasename=m.default,t.useBeforeUnload=p.default,t.useQueries=E.default,t.Actions=v},387:function(e,t,a){"use strict";t.__esModule=!0;var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},n=a(11),r=function(e){return e&&e.__esModule?e:{default:e}}(n),u=a(61),o=a(79),c=function(e){var t=function(t){var a=e();if("string"==typeof a)return(t||window.event).returnValue=a,a};return(0,u.addEventListener)(window,"beforeunload",t),function(){return(0,u.removeEventListener)(window,"beforeunload",t)}},i=function(e){return o.canUseDOM||(0,r.default)(!1),function(t){var a=e(t),n=[],r=void 0,u=function(){for(var e=void 0,t=0,a=n.length;null==e&&t<a;++t)e=n[t].call();return e};return l({},a,{listenBeforeUnload:function(e){return 1===n.push(e)&&(r=c(u)),function(){n=n.filter(function(t){return t!==e}),0===n.length&&r&&(r(),r=null)}}})}};t.default=i},388:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=a(49),r=a(114),u=a(158),o=l(u),c=(a(159),a(391)),i=l(c);t.default=function(e,t){var a=[o.default,(0,r.routerMiddleware)(t)];return(0,n.createStore)(i.default,e,n.applyMiddleware.apply(void 0,a))}},391:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a(49),n=a(392),r=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default=(0,l.combineReducers)({todo:r.default})},392:function(e,t,a){"use strict";function l(e){if(Array.isArray(e)){for(var t=0,a=Array(e.length);t<e.length;t++)a[t]=e[t];return a}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments[1];switch(t.type){case"ADD_TODO":return[].concat(l(e),[{id:e.reduce(function(e,t){return Math.max(t.id,e)},-1)+1,todo:t.data}]);case"DELETE_TODO":return e.filter(function(e){return e.id!==t.id});default:return e}};t.default=n},393:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=a(6),r=l(n),u=a(78),o=a(394),c=a(407),i=l(c),s=r.default.createElement(u.Route,{path:"/",component:o.App},r.default.createElement(u.IndexRoute,{component:o.Home}),r.default.createElement(u.Route,{path:"/page1",component:o.Page1}),r.default.createElement(u.Route,{path:"/page2",component:o.Page2}),r.default.createElement(u.Route,{path:"/style-guide",component:i.default}));t.default=s},394:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Page2=t.Page1=t.Home=t.App=void 0;var n=a(395),r=l(n),u=a(403),o=l(u),c=a(404),i=l(c),s=a(405),d=l(s);t.App=r.default,t.Home=o.default,t.Page1=i.default,t.Page2=d.default},395:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),c=a(6),i=l(c),s=a(78),d=a(160),m=l(d),f=function(e){function t(){return n(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return u(t,e),o(t,[{key:"render",value:function(){return i.default.createElement("div",null,i.default.createElement(m.default,{title:"React Redux boilerplate"}),i.default.createElement("header",{className:"main-header"},i.default.createElement("nav",null,i.default.createElement("ul",{className:"navigation"},i.default.createElement("li",null,i.default.createElement(s.Link,{activeClassName:"active",onlyActiveOnIndex:!0,to:"/"},"Home")),i.default.createElement("li",null,i.default.createElement(s.Link,{activeClassName:"active",to:"/page1"},"Page1")),i.default.createElement("li",null,i.default.createElement(s.Link,{activeClassName:"active",to:"/page2"},"Page2")),i.default.createElement("li",null,i.default.createElement(s.Link,{activeClassName:"active",to:"/style-guide"},"Style Guide"))))),this.props.children)}}]),t}(c.Component);t.default=f},403:function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function u(e){return{}}function o(e){return{actions:(0,b.bindActionCreators)(N,e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var c,i,s,d,m=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),f=a(6),p=function(e){return e&&e.__esModule?e:{default:e}}(f),b=a(49),E=a(59),N={},v=(c=(0,E.connect)(u,o))((d=s=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),m(t,[{key:"render",value:function(){return p.default.createElement("div",{className:"_center"},p.default.createElement("br",null),p.default.createElement("h1",null,"Hello, I am React"))}}]),t}(p.default.Component),s.propTypes={},i=d))||i;t.default=v},404:function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u,o,c=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),i=a(6),s=function(e){return e&&e.__esModule?e:{default:e}}(i),d=(o=u=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),c(t,[{key:"render",value:function(){return s.default.createElement("div",{className:"_center"},s.default.createElement("br",null),s.default.createElement("h1",null,"Hello, Page1"))}}]),t}(i.Component),u.propTypes={},o);t.default=d},405:function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function u(e){return{}}function o(e){return{actions:(0,b.bindActionCreators)(h,e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var c,i,s,d,m=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),f=a(6),p=function(e){return e&&e.__esModule?e:{default:e}}(f),b=a(49),E=a(59),N=a(406),v=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t}(N),h={goToPage:v.goToPage},y=(c=(0,E.connect)(u,o))((d=s=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),m(t,[{key:"render",value:function(){var e=this;return p.default.createElement("div",{className:"_center"},p.default.createElement("br",null),p.default.createElement("h1",null,"Page2"),p.default.createElement("a",{href:"javascript:;",onClick:function(){return e.props.actions.goToPage("style-guide")},className:"button-outline"},"Go Style guide"))}}]),t}(p.default.Component),s.propTypes={},i=d))||i;t.default=y},406:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.goToPage=t.API_POST_CALLBACK=t.API_POST=t.API_GET_CALLBACK=t.API_GET=t.ACTION_2=t.ACTION=void 0;var l=a(114);t.ACTION=function(){return{type:"CONST_ACTION",data:"ACTION"}},t.ACTION_2=function(){return function(e){return e({type:"CONST_ACTION",data:"ACTION"})}},t.API_GET=function(){return{type:"CONST_API_GET",request:{pathURL:""}}},t.API_GET_CALLBACK=function(){return{request:{pathURL:""},callback:function(e,t,a){}}},t.API_POST=function(){return{request:{pathURL:"",options:{method:"POST",headers:{},body:{}}}}},t.API_POST_CALLBACK=function(){return{type:"CONST_API_POST",request:{pathURL:"",options:{method:"POST",headers:{},body:{}}},callback:function(e,t,a){}}},t.goToPage=function(e){return function(t){return t((0,l.push)("/"+e))}}},407:function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function u(e){return{}}function o(e){return{actions:(0,b.bindActionCreators)(N,e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var c,i,s,d,m=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),f=a(6),p=function(e){return e&&e.__esModule?e:{default:e}}(f),b=a(49),E=a(59),N={},v=(c=(0,E.connect)(u,o))((d=s=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),m(t,[{key:"render",value:function(){return p.default.createElement("div",{className:"body-style-guide"},p.default.createElement("div",{className:"container"},p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Font style"),p.default.createElement("div",{className:"font-title-big"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-title"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-desc-big"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-desc"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-desc-small"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='font-title-big'></div>\n                  <div className='font-title'></div>\n                  <div className='font-desc-big'></div>\n                  <div className='font-desc'></div>\n                  <div className='font-desc-small'></div>\n                "))),p.default.createElement("br",null),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Text Label"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".black"),", ",p.default.createElement("code",null,".gray"),", ",p.default.createElement("code",null,".red"),", ",p.default.createElement("code",null,".green")," or ",p.default.createElement("code",null,".blue")," for button color."),p.default.createElement("span",{className:"text-label black"},"Label"),p.default.createElement("span",{className:"text-label"},"Label"),p.default.createElement("span",{className:"text-label red"},"Label"),p.default.createElement("span",{className:"text-label green"},"Label"),p.default.createElement("span",{className:"text-label blue"},"Label"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("p",null,"Lorem ipsum dolor sit amet,"," ",p.default.createElement("span",{className:"text-label red"},"consectetur")," adipisicing elit. Sunt iusto assumenda voluptatibus perferendis obcaecati blanditiis recusandae doloremque dolorem excepturi, dolorum officia repellendus dolor eum fugit nulla. Ea alias quaerat, minus!"),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<span className='text-label'>Label</span>"))),p.default.createElement("br",null),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Box Message"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".loading"),", ",p.default.createElement("code",null,".warning"),", ",p.default.createElement("code",null,".error"),", and ",p.default.createElement("code",null,".success")," for box color."),p.default.createElement("div",{className:"box-message-info"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info loading"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info warning"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info error"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info success"},"Helow welcom to my site."),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<span className='text-label'>Label</span>"))),p.default.createElement("br",null),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Button"),p.default.createElement("br",null),p.default.createElement("h4",null,"Button default"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".black"),", ",p.default.createElement("code",null,".gray"),", ",p.default.createElement("code",null,".red"),", ",p.default.createElement("code",null,".green")," or ",p.default.createElement("code",null,".blue")," for button color."),p.default.createElement("button",{className:"button"},"Button"),p.default.createElement("a",{href:"#",className:"button black"},"Button"),p.default.createElement("a",{href:"#",className:"button gray"},"Button"),p.default.createElement("a",{href:"#",className:"button red"},"Button"),p.default.createElement("a",{href:"#",className:"button green"},"Button"),p.default.createElement("a",{href:"#",className:"button blue"},"Button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<button className='button'>Button</button>")),p.default.createElement("br",null),p.default.createElement("h4",null,"Button with border"),p.default.createElement("button",{className:"button-outline"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline black"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline gray"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline red"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline green"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline blue"},"Button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<button className='button-outline'>Button</button>")),p.default.createElement("br",null),p.default.createElement("h4",null,"Size"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".large"),", ",p.default.createElement("code",null,".small")," or ",p.default.createElement("code",null,".xsmall")," for additional sizes."),p.default.createElement("p",null,p.default.createElement("button",{className:"button red large"},"Large")),p.default.createElement("p",null,p.default.createElement("button",{className:"button red"},"Default")),p.default.createElement("p",null,p.default.createElement("button",{className:"button red small"},"Small")),p.default.createElement("p",null,p.default.createElement("button",{className:"button red xsmall"},"Extra Small")),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("h4",null,"Disabled state"),p.default.createElement("p",null,"Add the ",p.default.createElement("code",null,"disabled")," attribute and class"," ",p.default.createElement("code",null,".disabled")," to buttons."),p.default.createElement("button",{className:"button red disabled",disabled:!0},"Button"),p.default.createElement("button",{className:"button-outline red disabled",disabled:!0},"Button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("h4",null,"Button inline"),p.default.createElement("div",{className:"button-inline"},p.default.createElement("button",{className:"button red"}," Button "),p.default.createElement("a",{href:"#",className:"button green"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button blue"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button gray"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='button-inline'>\n                    <a href='#' className='button green'> Next </a>\n                    <a href='#' className='button blue'> OK </a>\n                    <a href='#' className='button gray'> Cancel </a>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("h4",null,"Button with icon"),p.default.createElement("p",null,"Get more icons"," ",p.default.createElement("a",{href:"http://fontawesome.io/icons/",className:"link",target:"_blank"},"Font Awesome icon")),p.default.createElement("button",{className:"button red"},p.default.createElement("i",{className:"fa fa-trash","aria-hidden":"true"})," Close"," "),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<button className='button red'><i className='fa fa-trash'></i> Close</button>")),p.default.createElement("br",null),p.default.createElement("h4",null,"Button inline group"),p.default.createElement("div",{className:"button-group"},p.default.createElement("a",{href:"#",className:"button red active"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button red"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button red"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("div",{className:"button-group"},p.default.createElement("a",{href:"#",className:"button-outline red active"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='button-group'>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("h4",null,"Button inline group Vertical"),p.default.createElement("div",{className:"button-group vertical"},p.default.createElement("a",{href:"#",className:"button-outline red active"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='button-group vertical'>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                  </div>\n                ")),p.default.createElement("br",null)),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Form style"),p.default.createElement("div",{className:"row"},p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Select"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("select",{className:"form-input"},p.default.createElement("option",{value:"#"},"option 1"),p.default.createElement("option",{value:"#"},"option 2"),p.default.createElement("option",{value:"#"},"option 3"))))),p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Label"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input disabled",disabled:!0}))))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-form-input'>\n                    <label className='form-label'>Label</label>\n                    <div className='wrap-form-input'>\n                      <input className='form-input' placeholder='input text..' />\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Form validation"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".loading"),", ",p.default.createElement("code",null,".warning"),", ",p.default.createElement("code",null,".error")," or ",p.default.createElement("code",null,".success")," for input status."),p.default.createElement("br",null),p.default.createElement("div",{className:"row"},p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input loading"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input error"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}),p.default.createElement("div",{className:"validation-label"},"Validation message field")))),p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input warning"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}),p.default.createElement("div",{className:"validation-label"},"Validation message field")))),p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input success show-icon"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}),p.default.createElement("div",{className:"validation-label"},"Validation message field"))))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  // Class name = loading, error, warning, success\n\n                  <div className='box-form-input'>\n                    <label className='form-label'>Text</label>\n                    <div className='wrap-form-input error'>\n                      <input className='form-input' placeholder='input text' />\n                      <div className='validation-label'>Validation message field</div>\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Form inline"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"box-form-input inline"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})),p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-form-input inline'>\n                    <label className='form-label'>Text</label>\n                    <div className='wrap-form-input'>\n                      <input className='form-input' placeholder='input text' />\n                    </div>\n                    <label className='form-label'>Text</label>\n                    <div className='wrap-form-input'>\n                      <input className='form-input' placeholder='input text' />\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Form input group"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"box-form-input-group"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("div",{className:"box-form-input-group"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-form-input-group'>\n                    <div className='box-form-input'>\n                      <label className='form-label'>Text</label>\n                      <div className='wrap-form-input'>\n                        <input className='form-input' placeholder='input text' />\n                      </div>\n                    </div>\n                    <div className='box-form-input'>\n                      <label className='form-label'>Text</label>\n                      <div className='wrap-form-input'>\n                        <input className='form-input' placeholder='input text' />\n                      </div>\n                    </div>\n                    <div className='box-form-input'>\n                      <label className='form-label'>Text</label>\n                      <div className='wrap-form-input'>\n                        <input className='form-input' placeholder='input text' />\n                      </div>\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Input with button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"row"},p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-input-with-button"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{type:"text",className:"form-input",placeholder:"Input text..."})),p.default.createElement("span",{className:"input-group-button"},p.default.createElement("button",{className:"button red small",type:"button"},"Button"))))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-input-with-button'>\n                    <div className='wrap-form-input'>\n                      <input type='text' className='form-input' placeholder='Input text...' />\n                    </div>\n                    <span className='input-group-button'>\n                      <button className='button red small' type='button'>Button</button>\n                    </span>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Input radio"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"input-radio"},p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"radio"}),p.default.createElement("span",{className:"input"}))),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"form-input-radio"},p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio",checked:!0}),"Input radio",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio"}),"Input radio",p.default.createElement("span",{className:"input"}))),p.default.createElement("div",{className:"form-input-radio inline"},p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio",checked:!0}),"Input radio inline",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio"}),"Input radio inline",p.default.createElement("span",{className:"input"}))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='input-radio'>\n                    <label>\n                      <input type='radio' name='radio' />\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Form\n\n                  <div className='form-input-radio'>\n                    <label>\n                      <input type='radio' name='radio' checked />Input radio\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='radio' name='radio' />Input radio\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Inline\n\n                  <div className='form-input-radio inline'>\n                    <label>\n                      <input type='radio' name='radio' checked />Input radio inline\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='radio' name='optradio' />Input radio inline\n                      <span className='input'></span>\n                    </label>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Input checkbox"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"input-checkbox"},p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),p.default.createElement("span",{className:"input"}))),p.default.createElement("br",null),p.default.createElement("div",{className:"form-input-checkbox"},p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox",p.default.createElement("span",{className:"input"}))),p.default.createElement("div",{className:"form-input-checkbox inline"},p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox inline",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox inline",p.default.createElement("span",{className:"input"}))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='input-checkbox'>\n                    <label>\n                      <input type='checkbox' name='checkbox' />\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Form\n\n                  <div className='form-input-checkbox'>\n                    <label>\n                      <input type='checkbox' name='checkbox' />Input checkbox\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='checkbox' name='checkbox' />Input checkbox\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Inline\n\n                  <div className='form-input-radio inline'>\n                    <label>\n                      <input type='checkbox' name='checkbox' />Input checkbox inline\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='radio' name='optradio' />Input radio inline\n                      <span className='input'></span>\n                    </label>\n                  </div>\n                "))),p.default.createElement("br",null)))}}]),t}(p.default.Component),s.propTypes={},i=d))||i;t.default=v},408:function(e,t,a){e.exports=a(409)},409:function(e,t,a){"use strict";e.exports=a(410)},410:function(e,t,a){"use strict";e.exports.AppContainer=a(411)},411:function(e,t,a){"use strict";e.exports=a(412)},412:function(e,t,a){"use strict";function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var u=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),o=a(6),c=o.Component,i=function(e){function t(){return l(this,t),n(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),u(t,[{key:"render",value:function(){return this.props.component?o.createElement(this.props.component,this.props.props):o.Children.only(this.props.children)}}]),t}(c);e.exports=i},413:function(e,t){},414:function(e,t){}},[162]);
+webpackJsonp([0],{159:function(e,t,n){n(113),e.exports=n(361)},361:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}var l=n(6),r=a(l),o=n(148),u=n(370),i=a(u);n(407);n(412),n(413);var c=document.getElementById("app");(0,o.render)(r.default.createElement(i.default,null),c)},370:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=n(6),r=a(l),o=n(59),u=n(76),i=(n(386),n(387)),c=a(i),s=n(392),d=a(s);t.default=function(){var e=window.__INITIAL_STATE__,t=u.browserHistory,n=(0,c.default)(e,t);return r.default.createElement(o.Provider,{store:n,key:"provider"},r.default.createElement(u.Router,{history:t,routes:d.default}))}},386:function(e,t,n){"use strict";function a(e){return"/"===e.charAt(0)}function l(e,t){for(var n=t,a=n+1,l=e.length;a<l;n+=1,a+=1)e[n]=e[a];e.pop()}function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e&&e.split("/")||[],r=t&&t.split("/")||[],o=e&&a(e),u=t&&a(t),i=o||u;if(e&&a(e)?r=n:n.length&&(r.pop(),r=r.concat(n)),!r.length)return"/";var c=void 0;if(r.length){var s=r[r.length-1];c="."===s||".."===s||""===s}else c=!1;for(var d=0,f=r.length;f>=0;f--){var m=r[f];"."===m?l(r,f):".."===m?(l(r,f),d++):d&&(l(r,f),d--)}if(!i)for(;d--;d)r.unshift("..");!i||""===r[0]||r[0]&&a(r[0])||r.unshift("");var p=r.join("/");return c&&"/"!==p.substr(-1)&&(p+="/"),p}function o(e,t){if(e===t)return!0;if(null==e||null==t)return!1;if(Array.isArray(e))return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return o(e,t[n])});var n=void 0===e?"undefined":f(e);if(n!==(void 0===t?"undefined":f(t)))return!1;if("object"===n){var a=e.valueOf(),l=t.valueOf();if(a!==e||l!==t)return o(a,l);var r=Object.keys(e),u=Object.keys(t);return r.length===u.length&&r.every(function(n){return o(e[n],t[n])})}return!1}Object.defineProperty(t,"__esModule",{value:!0});var u=n(21),i=n.n(u),c=n(11),s=n.n(c),d=r,f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m=o,p=function(e){return"/"===e.charAt(0)?e:"/"+e},b=function(e){return"/"===e.charAt(0)?e.substr(1):e},h=function(e,t){return new RegExp("^"+t+"(\\/|\\?|#|$)","i").test(e)},E=function(e,t){return h(e,t)?e.substr(t.length):e},v=function(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e},y=function(e){var t=e||"/",n="",a="",l=t.indexOf("#");-1!==l&&(a=t.substr(l),t=t.substr(0,l));var r=t.indexOf("?");return-1!==r&&(n=t.substr(r),t=t.substr(0,r)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}},N=function(e){var t=e.pathname,n=e.search,a=e.hash,l=t||"/";return n&&"?"!==n&&(l+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(l+="#"===a.charAt(0)?a:"#"+a),l},g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},w=function(e,t,n,a){var l=void 0;"string"==typeof e?(l=y(e),l.state=t):(l=g({},e),void 0===l.pathname&&(l.pathname=""),l.search?"?"!==l.search.charAt(0)&&(l.search="?"+l.search):l.search="",l.hash?"#"!==l.hash.charAt(0)&&(l.hash="#"+l.hash):l.hash="",void 0!==t&&void 0===l.state&&(l.state=t));try{l.pathname=decodeURI(l.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+l.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(l.key=n),a?l.pathname?"/"!==l.pathname.charAt(0)&&(l.pathname=d(l.pathname,a.pathname)):l.pathname=a.pathname:l.pathname||(l.pathname="/"),l},x=function(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&m(e.state,t.state)},O=function(){var e=null,t=function(t){return i()(null==e,"A history supports only one prompt at a time"),e=t,function(){e===t&&(e=null)}},n=function(t,n,a,l){if(null!=e){var r="function"==typeof e?e(t,n):e;"string"==typeof r?"function"==typeof a?a(r,l):(i()(!1,"A history needs a getUserConfirmation function in order to use a prompt message"),l(!0)):l(!1!==r)}else l(!0)},a=[];return{setPrompt:t,confirmTransitionTo:n,appendListener:function(e){var t=!0,n=function(){t&&e.apply(void 0,arguments)};return a.push(n),function(){t=!1,a=a.filter(function(e){return e!==n})}},notifyListeners:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];a.forEach(function(e){return e.apply(void 0,t)})}}},_=O,P=!("undefined"==typeof window||!window.document||!window.document.createElement),k=function(e,t,n){return e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent("on"+t,n)},T=function(e,t,n){return e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent("on"+t,n)},A=function(e,t){return t(window.confirm(e))},j=function(){var e=window.navigator.userAgent;return(-1===e.indexOf("Android 2.")&&-1===e.indexOf("Android 4.0")||-1===e.indexOf("Mobile Safari")||-1!==e.indexOf("Chrome")||-1!==e.indexOf("Windows Phone"))&&(window.history&&"pushState"in window.history)},C=function(){return-1===window.navigator.userAgent.indexOf("Trident")},I=function(){return-1===window.navigator.userAgent.indexOf("Firefox")},L=function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")},B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},M=function(){try{return window.history.state||{}}catch(e){return{}}},H=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s()(P,"Browser history needs a DOM");var t=window.history,n=j(),a=!C(),l=e.forceRefresh,r=void 0!==l&&l,o=e.getUserConfirmation,u=void 0===o?A:o,c=e.keyLength,d=void 0===c?6:c,f=e.basename?v(p(e.basename)):"",m=function(e){var t=e||{},n=t.key,a=t.state,l=window.location,r=l.pathname,o=l.search,u=l.hash,c=r+o+u;return i()(!f||h(c,f),'You are attempting to use a basename on a page whose URL path does not begin with the basename. Expected path "'+c+'" to begin with "'+f+'".'),f&&(c=E(c,f)),w(c,a,n)},b=function(){return Math.random().toString(36).substr(2,d)},y=_(),g=function(e){S(X,e),X.length=t.length,y.notifyListeners(X.location,X.action)},x=function(e){L(e)||H(m(e.state))},O=function(){H(m(M()))},I=!1,H=function(e){if(I)I=!1,g();else{y.confirmTransitionTo(e,"POP",u,function(t){t?g({action:"POP",location:e}):R(e)})}},R=function(e){var t=X.location,n=D.indexOf(t.key);-1===n&&(n=0);var a=D.indexOf(e.key);-1===a&&(a=0);var l=n-a;l&&(I=!0,Y(l))},U=m(M()),D=[U.key],F=function(e){return f+N(e)},G=function(e,a){i()(!("object"===(void 0===e?"undefined":B(e))&&void 0!==e.state&&void 0!==a),"You should avoid providing a 2nd state argument to push when the 1st argument is a location-like object that already has state; it is ignored");var l=w(e,a,b(),X.location);y.confirmTransitionTo(l,"PUSH",u,function(e){if(e){var a=F(l),o=l.key,u=l.state;if(n)if(t.pushState({key:o,state:u},null,a),r)window.location.href=a;else{var c=D.indexOf(X.location.key),s=D.slice(0,-1===c?0:c+1);s.push(l.key),D=s,g({action:"PUSH",location:l})}else i()(void 0===u,"Browser history cannot push state in browsers that do not support HTML5 history"),window.location.href=a}})},q=function(e,a){i()(!("object"===(void 0===e?"undefined":B(e))&&void 0!==e.state&&void 0!==a),"You should avoid providing a 2nd state argument to replace when the 1st argument is a location-like object that already has state; it is ignored");var l=w(e,a,b(),X.location);y.confirmTransitionTo(l,"REPLACE",u,function(e){if(e){var a=F(l),o=l.key,u=l.state;if(n)if(t.replaceState({key:o,state:u},null,a),r)window.location.replace(a);else{var c=D.indexOf(X.location.key);-1!==c&&(D[c]=l.key),g({action:"REPLACE",location:l})}else i()(void 0===u,"Browser history cannot replace state in browsers that do not support HTML5 history"),window.location.replace(a)}})},Y=function(e){t.go(e)},K=function(){return Y(-1)},V=function(){return Y(1)},z=0,J=function(e){z+=e,1===z?(k(window,"popstate",x),a&&k(window,"hashchange",O)):0===z&&(T(window,"popstate",x),a&&T(window,"hashchange",O))},W=!1,$=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=y.setPrompt(e);return W||(J(1),W=!0),function(){return W&&(W=!1,J(-1)),t()}},Q=function(e){var t=y.appendListener(e);return J(1),function(){J(-1),t()}},X={length:t.length,action:"POP",location:U,createHref:F,push:G,replace:q,go:Y,goBack:K,goForward:V,block:$,listen:Q};return X},R=H,U=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},D={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+b(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:b,decodePath:p},slash:{encodePath:p,decodePath:p}},F=function(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)},G=function(e){return window.location.hash=e},q=function(e){var t=window.location.href.indexOf("#");window.location.replace(window.location.href.slice(0,t>=0?t:0)+"#"+e)},Y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s()(P,"Hash history needs a DOM");var t=window.history,n=I(),a=e.getUserConfirmation,l=void 0===a?A:a,r=e.hashType,o=void 0===r?"slash":r,u=e.basename?v(p(e.basename)):"",c=D[o],d=c.encodePath,f=c.decodePath,m=function(){var e=f(F());return i()(!u||h(e,u),'You are attempting to use a basename on a page whose URL path does not begin with the basename. Expected path "'+e+'" to begin with "'+u+'".'),u&&(e=E(e,u)),w(e)},b=_(),y=function(e){U(ee,e),ee.length=t.length,b.notifyListeners(ee.location,ee.action)},g=!1,O=null,j=function(){var e=F(),t=d(e);if(e!==t)q(t);else{var n=m(),a=ee.location;if(!g&&x(a,n))return;if(O===N(n))return;O=null,C(n)}},C=function(e){if(g)g=!1,y();else{b.confirmTransitionTo(e,"POP",l,function(t){t?y({action:"POP",location:e}):L(e)})}},L=function(e){var t=ee.location,n=H.lastIndexOf(N(t));-1===n&&(n=0);var a=H.lastIndexOf(N(e));-1===a&&(a=0);var l=n-a;l&&(g=!0,V(l))},B=F(),S=d(B);B!==S&&q(S);var M=m(),H=[N(M)],R=function(e){return"#"+d(u+N(e))},Y=function(e,t){i()(void 0===t,"Hash history cannot push state; it is ignored");var n=w(e,void 0,void 0,ee.location);b.confirmTransitionTo(n,"PUSH",l,function(e){if(e){var t=N(n),a=d(u+t);if(F()!==a){O=t,G(a);var l=H.lastIndexOf(N(ee.location)),r=H.slice(0,-1===l?0:l+1);r.push(t),H=r,y({action:"PUSH",location:n})}else i()(!1,"Hash history cannot PUSH the same path; a new entry will not be added to the history stack"),y()}})},K=function(e,t){i()(void 0===t,"Hash history cannot replace state; it is ignored");var n=w(e,void 0,void 0,ee.location);b.confirmTransitionTo(n,"REPLACE",l,function(e){if(e){var t=N(n),a=d(u+t);F()!==a&&(O=t,q(a));var l=H.indexOf(N(ee.location));-1!==l&&(H[l]=t),y({action:"REPLACE",location:n})}})},V=function(e){i()(n,"Hash history go(n) causes a full page reload in this browser"),t.go(e)},z=function(){return V(-1)},J=function(){return V(1)},W=0,$=function(e){W+=e,1===W?k(window,"hashchange",j):0===W&&T(window,"hashchange",j)},Q=!1,X=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=b.setPrompt(e);return Q||($(1),Q=!0),function(){return Q&&(Q=!1,$(-1)),t()}},Z=function(e){var t=b.appendListener(e);return $(1),function(){$(-1),t()}},ee={length:t.length,action:"POP",location:M,createHref:R,push:Y,replace:K,go:V,goBack:z,goForward:J,block:X,listen:Z};return ee},K=Y,V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},J=function(e,t,n){return Math.min(Math.max(e,t),n)},W=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.getUserConfirmation,n=e.initialEntries,a=void 0===n?["/"]:n,l=e.initialIndex,r=void 0===l?0:l,o=e.keyLength,u=void 0===o?6:o,c=_(),s=function(e){z(P,e),P.length=P.entries.length,c.notifyListeners(P.location,P.action)},d=function(){return Math.random().toString(36).substr(2,u)},f=J(r,0,a.length-1),m=a.map(function(e){return"string"==typeof e?w(e,void 0,d()):w(e,void 0,e.key||d())}),p=N,b=function(e,n){i()(!("object"===(void 0===e?"undefined":V(e))&&void 0!==e.state&&void 0!==n),"You should avoid providing a 2nd state argument to push when the 1st argument is a location-like object that already has state; it is ignored");var a=w(e,n,d(),P.location);c.confirmTransitionTo(a,"PUSH",t,function(e){if(e){var t=P.index,n=t+1,l=P.entries.slice(0);l.length>n?l.splice(n,l.length-n,a):l.push(a),s({action:"PUSH",location:a,index:n,entries:l})}})},h=function(e,n){i()(!("object"===(void 0===e?"undefined":V(e))&&void 0!==e.state&&void 0!==n),"You should avoid providing a 2nd state argument to replace when the 1st argument is a location-like object that already has state; it is ignored");var a=w(e,n,d(),P.location);c.confirmTransitionTo(a,"REPLACE",t,function(e){e&&(P.entries[P.index]=a,s({action:"REPLACE",location:a}))})},E=function(e){var n=J(P.index+e,0,P.entries.length-1),a=P.entries[n];c.confirmTransitionTo(a,"POP",t,function(e){e?s({action:"POP",location:a,index:n}):s()})},v=function(){return E(-1)},y=function(){return E(1)},g=function(e){var t=P.index+e;return t>=0&&t<P.entries.length},x=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return c.setPrompt(e)},O=function(e){return c.appendListener(e)},P={length:m.length,action:"POP",location:m[f],index:f,entries:m,createHref:p,push:b,replace:h,go:E,goBack:v,goForward:y,canGo:g,block:x,listen:O};return P},$=W;n.d(t,"createBrowserHistory",function(){return R}),n.d(t,"createHashHistory",function(){return K}),n.d(t,"createMemoryHistory",function(){return $}),n.d(t,"createLocation",function(){return w}),n.d(t,"locationsAreEqual",function(){return x}),n.d(t,"parsePath",function(){return y}),n.d(t,"createPath",function(){return N})},387:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=n(49),r=n(112),o=n(155),u=a(o),i=(n(156),n(390)),c=a(i);t.default=function(e,t){var n=[u.default,(0,r.routerMiddleware)(t)];return(0,l.createStore)(c.default,e,l.applyMiddleware.apply(void 0,n))}},390:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(49),l=n(391),r=function(e){return e&&e.__esModule?e:{default:e}}(l);t.default=(0,a.combineReducers)({todo:r.default})},391:function(e,t,n){"use strict";function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments[1];switch(t.type){case"ADD_TODO":return[].concat(a(e),[{id:e.reduce(function(e,t){return Math.max(t.id,e)},-1)+1,todo:t.data}]);case"DELETE_TODO":return e.filter(function(e){return e.id!==t.id});default:return e}};t.default=l},392:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var l=n(6),r=a(l),o=n(76),u=n(393),i=n(406),c=a(i),s=r.default.createElement(o.Route,{path:"/",component:u.App},r.default.createElement(o.IndexRoute,{component:u.Home}),r.default.createElement(o.Route,{path:"/page1",component:u.Page1}),r.default.createElement(o.Route,{path:"/page2",component:u.Page2}),r.default.createElement(o.Route,{path:"/style-guide",component:c.default}));t.default=s},393:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Page2=t.Page1=t.Home=t.App=void 0;var l=n(394),r=a(l),o=n(402),u=a(o),i=n(403),c=a(i),s=n(404),d=a(s);t.App=r.default,t.Home=u.default,t.Page1=c.default,t.Page2=d.default},394:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),i=n(6),c=a(i),s=n(76),d=n(157),f=a(d),m=function(e){function t(){return l(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,e),u(t,[{key:"render",value:function(){return c.default.createElement("div",null,c.default.createElement(f.default,{title:"React Redux boilerplate"}),c.default.createElement("header",{className:"main-header"},c.default.createElement("nav",null,c.default.createElement("ul",{className:"navigation"},c.default.createElement("li",null,c.default.createElement(s.Link,{activeClassName:"active",onlyActiveOnIndex:!0,to:"/"},"Home")),c.default.createElement("li",null,c.default.createElement(s.Link,{activeClassName:"active",to:"/page1"},"Page1")),c.default.createElement("li",null,c.default.createElement(s.Link,{activeClassName:"active",to:"/page2"},"Page2")),c.default.createElement("li",null,c.default.createElement(s.Link,{activeClassName:"active",to:"/style-guide"},"Style Guide"))))),this.props.children)}}]),t}(i.Component);t.default=m},402:function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function o(e){return{}}function u(e){return{actions:(0,b.bindActionCreators)(E,e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i,c,s,d,f=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),m=n(6),p=function(e){return e&&e.__esModule?e:{default:e}}(m),b=n(49),h=n(59),E={},v=(i=(0,h.connect)(o,u))((d=s=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),f(t,[{key:"render",value:function(){return p.default.createElement("div",{className:"_center"},p.default.createElement("br",null),p.default.createElement("h1",null,"Hello, I am React"))}}]),t}(p.default.Component),s.propTypes={},c=d))||c;t.default=v},403:function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,u,i=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),c=n(6),s=function(e){return e&&e.__esModule?e:{default:e}}(c),d=(u=o=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),i(t,[{key:"render",value:function(){return s.default.createElement("div",{className:"_center"},s.default.createElement("br",null),s.default.createElement("h1",null,"Hello, Page1"))}}]),t}(c.Component),o.propTypes={},u);t.default=d},404:function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function o(e){return{}}function u(e){return{actions:(0,b.bindActionCreators)(y,e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i,c,s,d,f=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),m=n(6),p=function(e){return e&&e.__esModule?e:{default:e}}(m),b=n(49),h=n(59),E=n(405),v=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(E),y={goToPage:v.goToPage},N=(i=(0,h.connect)(o,u))((d=s=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),f(t,[{key:"render",value:function(){var e=this;return p.default.createElement("div",{className:"_center"},p.default.createElement("br",null),p.default.createElement("h1",null,"Page2"),p.default.createElement("a",{href:"javascript:;",onClick:function(){return e.props.actions.goToPage("style-guide")},className:"button-outline"},"Go Style guide"))}}]),t}(p.default.Component),s.propTypes={},c=d))||c;t.default=N},405:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.goToPage=t.API_POST_CALLBACK=t.API_POST=t.API_GET_CALLBACK=t.API_GET=t.ACTION_2=t.ACTION=void 0;var a=n(112);t.ACTION=function(){return{type:"CONST_ACTION",data:"ACTION"}},t.ACTION_2=function(){return function(e){return e({type:"CONST_ACTION",data:"ACTION"})}},t.API_GET=function(){return{type:"CONST_API_GET",request:{pathURL:""}}},t.API_GET_CALLBACK=function(){return{request:{pathURL:""},callback:function(e,t,n){}}},t.API_POST=function(){return{request:{pathURL:"",options:{method:"POST",headers:{},body:{}}}}},t.API_POST_CALLBACK=function(){return{type:"CONST_API_POST",request:{pathURL:"",options:{method:"POST",headers:{},body:{}}},callback:function(e,t,n){}}},t.goToPage=function(e){return function(t){return t((0,a.push)("/"+e))}}},406:function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function o(e){return{}}function u(e){return{actions:(0,b.bindActionCreators)(E,e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i,c,s,d,f=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),m=n(6),p=function(e){return e&&e.__esModule?e:{default:e}}(m),b=n(49),h=n(59),E={},v=(i=(0,h.connect)(o,u))((d=s=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),f(t,[{key:"render",value:function(){return p.default.createElement("div",{className:"body-style-guide"},p.default.createElement("div",{className:"container"},p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Font style"),p.default.createElement("div",{className:"font-title-big"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-title"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-desc-big"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-desc"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("div",{className:"font-desc-small"},"Lorem Ipsum is simply dummy text of the printing"),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='font-title-big'></div>\n                  <div className='font-title'></div>\n                  <div className='font-desc-big'></div>\n                  <div className='font-desc'></div>\n                  <div className='font-desc-small'></div>\n                "))),p.default.createElement("br",null),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Text Label"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".black"),", ",p.default.createElement("code",null,".gray"),", ",p.default.createElement("code",null,".red"),", ",p.default.createElement("code",null,".green")," or ",p.default.createElement("code",null,".blue")," for button color."),p.default.createElement("span",{className:"text-label black"},"Label"),p.default.createElement("span",{className:"text-label"},"Label"),p.default.createElement("span",{className:"text-label red"},"Label"),p.default.createElement("span",{className:"text-label green"},"Label"),p.default.createElement("span",{className:"text-label blue"},"Label"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("p",null,"Lorem ipsum dolor sit amet,"," ",p.default.createElement("span",{className:"text-label red"},"consectetur")," adipisicing elit. Sunt iusto assumenda voluptatibus perferendis obcaecati blanditiis recusandae doloremque dolorem excepturi, dolorum officia repellendus dolor eum fugit nulla. Ea alias quaerat, minus!"),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<span className='text-label'>Label</span>"))),p.default.createElement("br",null),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Box Message"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".loading"),", ",p.default.createElement("code",null,".warning"),", ",p.default.createElement("code",null,".error"),", and ",p.default.createElement("code",null,".success")," for box color."),p.default.createElement("div",{className:"box-message-info"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info loading"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info warning"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info error"},"Helow welcom to my site."),p.default.createElement("div",{className:"box-message-info success"},"Helow welcom to my site."),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<span className='text-label'>Label</span>"))),p.default.createElement("br",null),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Button"),p.default.createElement("br",null),p.default.createElement("h4",null,"Button default"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".black"),", ",p.default.createElement("code",null,".gray"),", ",p.default.createElement("code",null,".red"),", ",p.default.createElement("code",null,".green")," or ",p.default.createElement("code",null,".blue")," for button color."),p.default.createElement("button",{className:"button"},"Button"),p.default.createElement("a",{href:"#",className:"button black"},"Button"),p.default.createElement("a",{href:"#",className:"button gray"},"Button"),p.default.createElement("a",{href:"#",className:"button red"},"Button"),p.default.createElement("a",{href:"#",className:"button green"},"Button"),p.default.createElement("a",{href:"#",className:"button blue"},"Button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<button className='button'>Button</button>")),p.default.createElement("br",null),p.default.createElement("h4",null,"Button with border"),p.default.createElement("button",{className:"button-outline"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline black"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline gray"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline red"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline green"},"Button"),p.default.createElement("a",{href:"#",className:"button-outline blue"},"Button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<button className='button-outline'>Button</button>")),p.default.createElement("br",null),p.default.createElement("h4",null,"Size"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".large"),", ",p.default.createElement("code",null,".small")," or ",p.default.createElement("code",null,".xsmall")," for additional sizes."),p.default.createElement("p",null,p.default.createElement("button",{className:"button red large"},"Large")),p.default.createElement("p",null,p.default.createElement("button",{className:"button red"},"Default")),p.default.createElement("p",null,p.default.createElement("button",{className:"button red small"},"Small")),p.default.createElement("p",null,p.default.createElement("button",{className:"button red xsmall"},"Extra Small")),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("h4",null,"Disabled state"),p.default.createElement("p",null,"Add the ",p.default.createElement("code",null,"disabled")," attribute and class"," ",p.default.createElement("code",null,".disabled")," to buttons."),p.default.createElement("button",{className:"button red disabled",disabled:!0},"Button"),p.default.createElement("button",{className:"button-outline red disabled",disabled:!0},"Button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("h4",null,"Button inline"),p.default.createElement("div",{className:"button-inline"},p.default.createElement("button",{className:"button red"}," Button "),p.default.createElement("a",{href:"#",className:"button green"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button blue"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button gray"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='button-inline'>\n                    <a href='#' className='button green'> Next </a>\n                    <a href='#' className='button blue'> OK </a>\n                    <a href='#' className='button gray'> Cancel </a>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("h4",null,"Button with icon"),p.default.createElement("p",null,"Get more icons"," ",p.default.createElement("a",{href:"http://fontawesome.io/icons/",className:"link",target:"_blank"},"Font Awesome icon")),p.default.createElement("button",{className:"button red"},p.default.createElement("i",{className:"fa fa-trash","aria-hidden":"true"})," Close"," "),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",null,"<button className='button red'><i className='fa fa-trash'></i> Close</button>")),p.default.createElement("br",null),p.default.createElement("h4",null,"Button inline group"),p.default.createElement("div",{className:"button-group"},p.default.createElement("a",{href:"#",className:"button red active"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button red"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button red"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("div",{className:"button-group"},p.default.createElement("a",{href:"#",className:"button-outline red active"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='button-group'>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("h4",null,"Button inline group Vertical"),p.default.createElement("div",{className:"button-group vertical"},p.default.createElement("a",{href:"#",className:"button-outline red active"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," "),p.default.createElement("a",{href:"#",className:"button-outline red"}," ","Button"," ")),p.default.createElement("br",null),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='button-group vertical'>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                    <a href='#' className='button'> Button </a>\n                  </div>\n                ")),p.default.createElement("br",null)),p.default.createElement("div",{className:"section-style"},p.default.createElement("h1",null,"Form style"),p.default.createElement("div",{className:"row"},p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Select"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("select",{className:"form-input"},p.default.createElement("option",{value:"#"},"option 1"),p.default.createElement("option",{value:"#"},"option 2"),p.default.createElement("option",{value:"#"},"option 3"))))),p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Label"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input disabled",disabled:!0}))))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-form-input'>\n                    <label className='form-label'>Label</label>\n                    <div className='wrap-form-input'>\n                      <input className='form-input' placeholder='input text..' />\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Form validation"),p.default.createElement("p",null,"Add Class ",p.default.createElement("code",null,".loading"),", ",p.default.createElement("code",null,".warning"),", ",p.default.createElement("code",null,".error")," or ",p.default.createElement("code",null,".success")," for input status."),p.default.createElement("br",null),p.default.createElement("div",{className:"row"},p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input loading"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input error"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}),p.default.createElement("div",{className:"validation-label"},"Validation message field")))),p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input warning"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}),p.default.createElement("div",{className:"validation-label"},"Validation message field")))),p.default.createElement("div",{className:"D-3"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input success show-icon"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}),p.default.createElement("div",{className:"validation-label"},"Validation message field"))))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  // Class name = loading, error, warning, success\n\n                  <div className='box-form-input'>\n                    <label className='form-label'>Text</label>\n                    <div className='wrap-form-input error'>\n                      <input className='form-input' placeholder='input text' />\n                      <div className='validation-label'>Validation message field</div>\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Form inline"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"box-form-input inline"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})),p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-form-input inline'>\n                    <label className='form-label'>Text</label>\n                    <div className='wrap-form-input'>\n                      <input className='form-input' placeholder='input text' />\n                    </div>\n                    <label className='form-label'>Text</label>\n                    <div className='wrap-form-input'>\n                      <input className='form-input' placeholder='input text' />\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Form input group"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"box-form-input-group"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("label",{className:"form-label"},"Text"),p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("div",{className:"box-form-input-group"},p.default.createElement("div",{className:"box-form-input"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"}))),p.default.createElement("div",{className:"box-form-input"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{className:"form-input",placeholder:"input text"})))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-form-input-group'>\n                    <div className='box-form-input'>\n                      <label className='form-label'>Text</label>\n                      <div className='wrap-form-input'>\n                        <input className='form-input' placeholder='input text' />\n                      </div>\n                    </div>\n                    <div className='box-form-input'>\n                      <label className='form-label'>Text</label>\n                      <div className='wrap-form-input'>\n                        <input className='form-input' placeholder='input text' />\n                      </div>\n                    </div>\n                    <div className='box-form-input'>\n                      <label className='form-label'>Text</label>\n                      <div className='wrap-form-input'>\n                        <input className='form-input' placeholder='input text' />\n                      </div>\n                    </div>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Input with button"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"row"},p.default.createElement("div",{className:"D-4"},p.default.createElement("div",{className:"box-input-with-button"},p.default.createElement("div",{className:"wrap-form-input"},p.default.createElement("input",{type:"text",className:"form-input",placeholder:"Input text..."})),p.default.createElement("span",{className:"input-group-button"},p.default.createElement("button",{className:"button red small",type:"button"},"Button"))))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='box-input-with-button'>\n                    <div className='wrap-form-input'>\n                      <input type='text' className='form-input' placeholder='Input text...' />\n                    </div>\n                    <span className='input-group-button'>\n                      <button className='button red small' type='button'>Button</button>\n                    </span>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Input radio"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"input-radio"},p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"radio"}),p.default.createElement("span",{className:"input"}))),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"form-input-radio"},p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio",checked:!0}),"Input radio",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio"}),"Input radio",p.default.createElement("span",{className:"input"}))),p.default.createElement("div",{className:"form-input-radio inline"},p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio",checked:!0}),"Input radio inline",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"radio",name:"optradio"}),"Input radio inline",p.default.createElement("span",{className:"input"}))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='input-radio'>\n                    <label>\n                      <input type='radio' name='radio' />\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Form\n\n                  <div className='form-input-radio'>\n                    <label>\n                      <input type='radio' name='radio' checked />Input radio\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='radio' name='radio' />Input radio\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Inline\n\n                  <div className='form-input-radio inline'>\n                    <label>\n                      <input type='radio' name='radio' checked />Input radio inline\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='radio' name='optradio' />Input radio inline\n                      <span className='input'></span>\n                    </label>\n                  </div>\n                ")),p.default.createElement("br",null),p.default.createElement("b",null,"Input checkbox"),p.default.createElement("br",null),p.default.createElement("br",null),p.default.createElement("div",{className:"input-checkbox"},p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),p.default.createElement("span",{className:"input"}))),p.default.createElement("br",null),p.default.createElement("div",{className:"form-input-checkbox"},p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox",p.default.createElement("span",{className:"input"}))),p.default.createElement("div",{className:"form-input-checkbox inline"},p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox inline",p.default.createElement("span",{className:"input"})),p.default.createElement("label",null,p.default.createElement("input",{type:"checkbox",name:"checkbox"}),"Input checkbox inline",p.default.createElement("span",{className:"input"}))),p.default.createElement("pre",null,p.default.createElement("code",{className:"html"},"\n                  <div className='input-checkbox'>\n                    <label>\n                      <input type='checkbox' name='checkbox' />\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Form\n\n                  <div className='form-input-checkbox'>\n                    <label>\n                      <input type='checkbox' name='checkbox' />Input checkbox\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='checkbox' name='checkbox' />Input checkbox\n                      <span className='input'></span>\n                    </label>\n                  </div>\n\n                  // Inline\n\n                  <div className='form-input-radio inline'>\n                    <label>\n                      <input type='checkbox' name='checkbox' />Input checkbox inline\n                      <span className='input'></span>\n                    </label>\n                    <label>\n                      <input type='radio' name='optradio' />Input radio inline\n                      <span className='input'></span>\n                    </label>\n                  </div>\n                "))),p.default.createElement("br",null)))}}]),t}(p.default.Component),s.propTypes={},c=d))||c;t.default=v},407:function(e,t,n){e.exports=n(408)},408:function(e,t,n){"use strict";e.exports=n(409)},409:function(e,t,n){"use strict";e.exports.AppContainer=n(410)},410:function(e,t,n){"use strict";e.exports=n(411)},411:function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),u=n(6),i=u.Component,c=function(e){function t(){return a(this,t),l(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),o(t,[{key:"render",value:function(){return this.props.component?u.createElement(this.props.component,this.props.props):u.Children.only(this.props.children)}}]),t}(i);e.exports=c},412:function(e,t){},413:function(e,t){}},[159]);

lib/Column/index.js

@@ -64,6 +64,7 @@ 'use strict';
           bottom = _props.bottom,
+          className = _props.className,
           children = _props.children;
 
 
-      var classes = (0, _classnames2.default)('', (_classNames = {}, _defineProperty(_classNames, 'D-' + D, D), _defineProperty(_classNames, 'L-' + L, L), _defineProperty(_classNames, 'T-' + T, T), _defineProperty(_classNames, 'M-' + M, M), _defineProperty(_classNames, 'SM-' + SM, SM), _defineProperty(_classNames, 'XSM-' + XSM, XSM), _defineProperty(_classNames, 'D-order-' + orderD, orderD), _defineProperty(_classNames, 'L-order-' + orderL, orderL), _defineProperty(_classNames, 'T-order-' + orderT, orderT), _defineProperty(_classNames, 'M-order-' + orderM, orderM), _defineProperty(_classNames, 'SM-order-' + orderSM, orderSM), _defineProperty(_classNames, 'XSM-order-' + orderXSM, orderXSM), _defineProperty(_classNames, 'vertical-top', top), _defineProperty(_classNames, 'vertical-middle', middle), _defineProperty(_classNames, 'vertical-bottom', bottom), _classNames));
+      var classes = (0, _classnames2.default)('', (_classNames = {}, _defineProperty(_classNames, className, className), _defineProperty(_classNames, 'D-' + D, D), _defineProperty(_classNames, 'L-' + L, L), _defineProperty(_classNames, 'T-' + T, T), _defineProperty(_classNames, 'M-' + M, M), _defineProperty(_classNames, 'SM-' + SM, SM), _defineProperty(_classNames, 'XSM-' + XSM, XSM), _defineProperty(_classNames, 'D-order-' + orderD, orderD), _defineProperty(_classNames, 'L-order-' + orderL, orderL), _defineProperty(_classNames, 'T-order-' + orderT, orderT), _defineProperty(_classNames, 'M-order-' + orderM, orderM), _defineProperty(_classNames, 'SM-order-' + orderSM, orderSM), _defineProperty(_classNames, 'XSM-order-' + orderXSM, orderXSM), _defineProperty(_classNames, 'vertical-top', top), _defineProperty(_classNames, 'vertical-middle', middle), _defineProperty(_classNames, 'vertical-bottom', bottom), _classNames));
       return _react2.default.createElement(
@@ -111,4 +112,5 @@ 'div',
   middle: _propTypes2.default.bool,
-  bottom: _propTypes2.default.bool
+  bottom: _propTypes2.default.bool,
+  className: _propTypes2.default.string
 }, _temp);
 exports.default = Column;

lib/Container/index.js

@@ -16,2 +16,6 @@ 'use strict';
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
 var _propTypes = require('prop-types');
@@ -23,2 +27,4 @@
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -42,9 +48,12 @@
     value: function render() {
-      var maxWidth = this.props.maxWidth;
+      var _props = this.props,
+          maxWidth = _props.maxWidth,
+          className = _props.className;
 
       var styleContainer = maxWidth ? { maxWidth: maxWidth + 'px' } : {};
+      var classes = (0, _classnames2.default)('container', _defineProperty({}, className, className));
 
       return _react2.default.createElement(
         'div',
-        { className: 'container', style: styleContainer },
+        { className: classes, style: styleContainer },
         this.props.children
@@ -57,4 +66,5 @@ );
 }(_react.Component), _class.propTypes = {
-  maxWidth: _propTypes2.default.number
+  maxWidth: _propTypes2.default.number,
+  className: _propTypes2.default.string
 }, _temp);
 exports.default = Container;

lib/Row/index.js

@@ -26,2 +26,4 @@ 'use strict';
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -45,2 +47,4 @@
     value: function render() {
+      var _classNames;
+
       var _props = this.props,
@@ -50,10 +54,8 @@ centered = _props.centered,
           justified = _props.justified,
+          noGutter = _props.noGutter,
+          className = _props.className,
           children = _props.children;
 
 
-      var classes = (0, _classnames2.default)('row', {
-        'columns-center': centered,
-        'columns-right': right,
-        'columns-between': justified
-      });
+      var classes = (0, _classnames2.default)('row', (_classNames = {}, _defineProperty(_classNames, className, className), _defineProperty(_classNames, 'no-gutter', noGutter), _defineProperty(_classNames, 'columns-center', centered), _defineProperty(_classNames, 'columns-right', right), _defineProperty(_classNames, 'columns-between', justified), _classNames));
 
@@ -72,4 +74,6 @@ return _react2.default.createElement(
   right: _propTypes2.default.bool,
-  justified: _propTypes2.default.bool
+  justified: _propTypes2.default.bool,
+  noGutter: _propTypes2.default.bool,
+  className: _propTypes2.default.string
 }, _temp);
 exports.default = Row;

package.json

 {
   "name": "glud-component",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

767580

increased by1.74%

Lines of code

5151

increased by0.23%

No dependency changes