PubRec UI
\ No newline at end of file
diff --git a/docs/manifest.json b/docs/manifest.json
deleted file mode 100644
index 1659535..0000000
--- a/docs/manifest.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
- "vendors.css": "/ui/static/css/vendors.70e37c5847ef8db6733c.css",
- "vendors.js": "/ui/static/js/vendors.72683af1.js",
- "docz-input-doc.js": "/ui/static/js/docz-input-doc.a127da2c.js",
- "docz-grid-doc.js": "/ui/static/js/docz-grid-doc.706f856b.js",
- "docz-div-doc.js": "/ui/static/js/docz-div-doc.0c3d18d0.js",
- "docz-common-doc.js": "/ui/static/js/docz-common-doc.f86d5ec4.js",
- "docz-button-doc.js": "/ui/static/js/docz-button-doc.e09140f6.js",
- "runtime~app.js": "/ui/static/js/runtime~app.bbc8db3c.js",
- "app.js": "/ui/static/js/app.21218d61.js",
- "static/img/arrow-down.svg": "/ui/static/img/arrow-down.519d8e21.svg",
- "index.html": "/ui/index.html"
-}
\ No newline at end of file
diff --git a/docs/static/css/vendors.70e37c5847ef8db6733c.css b/docs/static/css/vendors.70e37c5847ef8db6733c.css
deleted file mode 100644
index 7c8c168..0000000
--- a/docs/static/css/vendors.70e37c5847ef8db6733c.css
+++ /dev/null
@@ -1 +0,0 @@
-.css-poh2wl.active{font-size:1.2em}h2.e1e3q0160{margin-bottom:0}h2.e1e3q0160+p{margin:.4em 0 1.5em}h2#proptypes{margin-bottom:.5em}.css-11n4p73.e3o6hlv0 .ui-button{margin-right:1em}.css-kg8fgt .ui-grid-item{background:#fbede7;padding:.5em;border-radius:5px}.css-11n4p73 .stacked .ui-grid-item:first-child{margin-bottom:1em}.card-example+.css-11n4p73{background:#eee;padding:1em;margin-bottom:.5em;border-radius:0}body{--ui-button-font-family:"Lato";--ui-button-color:#56bf93;--ui-button-color-focus:#3ea479;--ui-button-color-active:#338663;--ui-button-secondary-color:#209dd2;--ui-button-secondary-color-focus:#197ca6;--ui-button-secondary-color-active:#146182;--ui-input-border-focus:2px solid #209dd2}.ui-button{display:inline-block;padding:var(--ui-button-padding,var(--ui-small,16px));border-radius:var(--ui-button-border-radius,0);outline:none;font-family:var(--ui-button-font-family,var(--ui-font-sans-serif,sans-serif));font-weight:var(--ui-button-font-weight,600);font-size:var(--ui-button-font-size,var(--ui-font-x-small,.9em));text-transform:var(--ui-button-text-transform,uppercase);letter-spacing:var(--ui-button-letter-spacing,.5px);transition:var(--ui-button-transition,.15s background-color,.15s border-color,.15s color);cursor:pointer}.ui-button.primary{border:var(--ui-button-border,1px solid transparent);background-color:var(--ui-button-color,var(--ui-color-gray-dark,#919191));border-color:var(--ui-button-color,var(--ui-color-gray-dark,#919191));color:var(--ui-button-color,var(--ui-color-gray-dark,#919191))}.ui-button.primary:active,.ui-button.primary:focus,.ui-button.primary:hover{background-color:var(--ui-button-color-focus,var(--ui-color-gray-darker,#3e3e3e));border-color:var(--ui-button-color-focus,var(--ui-color-gray-darker,#3e3e3e));color:var(--ui-button-font-color,var(--ui-color-white,#fff))}.ui-button.primary:active{background-color:var(--ui-button-color-active,var(--ui-color-gray-darkest,#222));border-color:var(--ui-button-color-active,var(--ui-color-gray-darkest,#222))}.ui-button.secondary{border:var(--ui-button-secondary-border,1px solid transparent);background-color:var(--ui-button-secondary-color,var(--ui-color-gray-dark,#919191));border-color:var(--ui-button-secondary-color,var(--ui-color-gray-dark,#919191));color:var(--ui-button-secondary-color,var(--ui-color-gray-dark,#919191))}.ui-button.secondary:active,.ui-button.secondary:focus,.ui-button.secondary:hover{background-color:var(--ui-button-secondary-color-focus,var(--ui-color-gray-darker,#3e3e3e));border-color:var(--ui-button-secondary-color-focus,var(--ui-color-gray-darker,#3e3e3e));color:var(--ui-button-secondary-font-color,var(--ui-color-white,#fff))}.ui-button.secondary:active{background-color:var(--ui-button-secondary-color-active,var(--ui-color-gray-darkest,#222));border-color:var(--ui-button-secondary-color-active,var(--ui-color-gray-darkest,#222))}.ui-button.standard{color:var(--ui-button-font-color,var(--ui-color-white,#fff))}.ui-button.standard.secondary{color:var(--ui-button-secondary-font-color,var(--ui-color-white,#fff))}.ui-button.bare,.ui-button.outline{background-color:transparent}.ui-button.bare{border-color:transparent}.ui-button.full{display:block;width:100%}.ui-button.mini{min-width:8em;padding:var(--ui-x-small)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button.loading{cursor:progress}.ui-div.item{padding:var(--ui-x-small,8px) 0;border-bottom:1px solid var(--ui-section-item-border,var(--ui-color-gray-light,#e1e1e1))}.ui-div.card{background:var(--ui-section-card-background,var(--ui-color-white,#fff));border-radius:var(--ui-section-card-border-radius,5px);box-shadow:var(--ui-section-card-box-shadow,2px 2px 6px -2px rgba(0,0,0,.3))}.ui-div.card,.ui-div.card .subsection{padding:var(--ui-section-card-padding,var(--ui-small,1em))}.ui-div.card .subsection{margin-left:calc(var(--ui-section-card-padding, var(--ui-small, 1em)) * -1);margin-right:calc(var(--ui-section-card-padding, var(--ui-small, 1em)) * -1);border-bottom:1px solid var(--ui-section-card-section-border,var(--ui-color-gray-light,#e1e1e1))}.ui-div.card .subsection:first-of-type{margin-top:calc(var(--ui-section-card-padding, var(--ui-small, 1em)) * -1)}.ui-div.card .subsection:last-of-type{margin-bottom:calc(var(--ui-section-card-padding, var(--ui-small, 1em)) * -1);border-bottom:none}.ui-grid{display:flex;justify-content:space-between;flex-direction:row}.ui-grid.swap{flex-direction:row-reverse}.ui-grid.stacked{flex-direction:column}.ui-grid.stacked.swap{flex-direction:column-reverse}.ui-grid>*{max-width:100%;position:relative}.ui-grid .center-y{align-self:center}.ui-input-label{display:block;margin:var(--ui-input-label-margin,0 0 var(--ui-x-small));font-size:var(--ui-input-label-font-size,.8em);font-weight:var(--ui-input-label-font-weight,500)}.ui-input,.ui-input-label{font-family:var(--ui-input-font-family,var(--ui-font-sans-serif,sans-serif))}.ui-input{display:inline-block;width:100%;padding:var(--ui-input-padding,.75em var(--ui-x-small));max-width:var(--ui-input-max-width,390px);border:var(--ui-input-border,2px solid var(--ui-color-gray-medium));border-radius:var(--ui-input-border-radius,0);outline:none;font-weight:var(--ui-input-font-weight,500);font-size:var(--ui-input-font-size,var(--ui-font-x-small,.9em));text-transform:var(--ui-input-text-transform,capitalize);letter-spacing:var(--ui-input-letter-spacing,.5px);background:var(--ui-input-background,var(----ui-color-white))}.ui-input:focus{border:var(--ui-input-border-focus,2px solid var(--ui-color-gray-dark))}select.ui-input{-webkit-appearance:none;padding:var(--ui-input-select-padding,.75em var(--ui-large) .75em var(--ui-x-small));background:var(--ui-input-select-background,url(/ui/static/img/arrow-down.519d8e21.svg) no-repeat right .5em center);background-size:var(--ui-input-select-background-size,.75em)}[class^=ui-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}:root{--ui-color-green:#3cb371;--ui-color-blue:#1e90ff;--ui-color-red:#b22222;--ui-color-pink:#f08080;--ui-color-orange:#ff8c00;--ui-color-yellow:gold;--ui-color-brown:tan;--ui-color-slate:#789;--ui-color-black:#000;--ui-color-white:#fff;--ui-color-gray-lightest:#f7f7f7;--ui-color-gray-lighter:#f3f3f3;--ui-color-gray-light:#e1e1e1;--ui-color-gray-medium:#b1b1b1;--ui-color-gray-dark:#919191;--ui-color-gray-darker:#3e3e3e;--ui-color-gray-darkest:#222;--ui-font-serif:serif;--ui-font-sans-serif:"Helvetica",Arial,sans-serif;--ui-font-xx-small:0.8em;--ui-font-x-small:0.9em;--ui-font-small:1em;--ui-font-medium:1.5em;--ui-font-large:2em;--ui-font-x-large:2.4em;--ui-font-xx-large:3em;--ui-xx-small:5.33333333px;--ui-x-small:8px;--ui-small:16px;--ui-medium:24px;--ui-large:32px;--ui-x-large:48px;--ui-xx-large:64px}
\ No newline at end of file
diff --git a/docs/static/img/arrow-down.519d8e21.svg b/docs/static/img/arrow-down.519d8e21.svg
deleted file mode 100644
index 8ef0c49..0000000
--- a/docs/static/img/arrow-down.519d8e21.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/docs/static/js/app.21218d61.js b/docs/static/js/app.21218d61.js
deleted file mode 100644
index 932f7e1..0000000
--- a/docs/static/js/app.21218d61.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{"./.docz/app/config.json":function(e){e.exports={title:"PubRec UI",description:"My awesome app using Docz",styles:{container:{width:1100},pre:{padding:["0.5em","0.5em"],border:"none",borderRadius:"5px !important",width:"100%",marginBottom:"2em !important",backgroundColor:"#f7f7f7"},code:{borderRadius:"4px"},playground:{padding:"0 0 10px",border:"none"}}}},"./.docz/app/entries.json":function(e){e.exports={"docz/Button.doc.mdx":{name:"Button",id:"01CHRPTEF08BP9GVT73NVM4CJM",filepath:"docz/Button.doc.mdx",slug:"docz-button-doc",route:"/docz-button-doc",order:0,menu:null,headings:[{depth:1,slug:"button",value:"Button"},{depth:3,slug:"standardized-button-styles-sizes-and-states",value:"Standardized button styles sizes and states"},{depth:2,slug:"styles",value:"Styles"},{depth:2,slug:"sizes",value:"Sizes"},{depth:2,slug:"states",value:"States"},{depth:2,slug:"secondary-buttons",value:"Secondary buttons"},{depth:2,slug:"proptypes",value:"Proptypes"}]},"docz/Common.doc.mdx":{name:"Common",id:"01CHRPTEF2JA04AMHTDJ81V1CQ",filepath:"docz/Common.doc.mdx",slug:"docz-common-doc",route:"/docz-common-doc",order:0,menu:null,headings:[{depth:1,slug:"common",value:"Common"},{depth:3,slug:"common-component-that-all-other-ui-elements-are-built-on-exposing-commonly-used-properties",value:"Common component that all other ui elements are built on exposing commonly used properties"},{depth:2,slug:"attributes",value:"Attributes"},{depth:2,slug:"styles",value:"Styles"},{depth:2,slug:"proptypes",value:"Proptypes"}]},"docz/Div.doc.mdx":{name:"Div",id:"01CHRPTEF29WZ6PG440R63PXT8",filepath:"docz/Div.doc.mdx",slug:"docz-div-doc",route:"/docz-div-doc",order:0,menu:null,headings:[{depth:1,slug:"div",value:"Div"},{depth:3,slug:"container-styles-and-properties",value:"Container styles and properties"},{depth:2,slug:"generic",value:"Generic"},{depth:2,slug:"items",value:"Items"},{depth:2,slug:"card",value:"Card"},{depth:2,slug:"card-subsection",value:"Card subsection"},{depth:2,slug:"proptypes",value:"Proptypes"}]},"docz/Grid.doc.mdx":{name:"Grid",id:"01CHRPTEF213TDGG75N9C4TVSW",filepath:"docz/Grid.doc.mdx",slug:"docz-grid-doc",route:"/docz-grid-doc",order:0,menu:null,headings:[{depth:1,slug:"grid",value:"Grid"},{depth:3,slug:"grid-system-using-flexbox",value:"Grid system using flexbox"},{depth:2,slug:"equal-width",value:"Equal width"},{depth:2,slug:"specific-widthcolumns",value:"Specific widthcolumns"},{depth:2,slug:"stacking",value:"Stacking"},{depth:2,slug:"swapping",value:"Swapping"},{depth:2,slug:"gutter-widths",value:"Gutter widths"},{depth:2,slug:"proptypes",value:"Proptypes"}]},"docz/Input.doc.mdx":{name:"Input",id:"01CHRPTEF23AHXTNAZQ1JEDBG9",filepath:"docz/Input.doc.mdx",slug:"docz-input-doc",route:"/docz-input-doc",order:0,menu:null,headings:[{depth:1,slug:"input",value:"Input"},{depth:3,slug:"standard-user-inputs",value:"Standard user inputs"},{depth:2,slug:"text-input",value:"Text input"},{depth:2,slug:"select-input",value:"Select input"},{depth:2,slug:"proptypes",value:"Proptypes"}]}}},"./.docz/app/index.jsx":function(e,o,t){"use strict";t.r(o);var d=t("./node_modules/react/index.js"),n=t.n(d),u=t("./node_modules/react-dom/index.js"),s=t.n(u),l={"docz/Button.doc.mdx":function(){return Promise.all([t.e(0),t.e(5)]).then(t.bind(null,"./docz/Button.doc.mdx"))},"docz/Common.doc.mdx":function(){return Promise.all([t.e(0),t.e(4)]).then(t.bind(null,"./docz/Common.doc.mdx"))},"docz/Div.doc.mdx":function(){return Promise.all([t.e(0),t.e(3)]).then(t.bind(null,"./docz/Div.doc.mdx"))},"docz/Grid.doc.mdx":function(){return Promise.all([t.e(0),t.e(2)]).then(t.bind(null,"./docz/Grid.doc.mdx"))},"docz/Input.doc.mdx":function(){return Promise.all([t.e(0),t.e(1)]).then(t.bind(null,"./docz/Input.doc.mdx"))}},i=t("./.docz/app/root.jsx"),r=[],c=[],a=function(){return c.forEach(function(e){return e&&e()})},p=document.querySelector("#root");(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.a;r.forEach(function(e){return e&&e()}),s.a.render(n.a.createElement(e,{imports:l}),p,a)})(i.a)},"./.docz/app/root.jsx":function(e,o,t){"use strict";(function(e){var d=t("./node_modules/react/index.js"),n=t.n(d),u=t("./node_modules/react-hot-loader/index.js"),s=t("./node_modules/docz-theme-default/dist/index.m.js"),l=t("./.docz/app/config.json"),i=t("./.docz/app/entries.json"),r=function(e){var o=e.imports;return n.a.createElement(s.a,{config:l,entries:i,imports:o,hashRouter:!1})};o.a=Object(u.hot)(e)(r),r.__docgenInfo={description:"",methods:[]}}).call(this,t("./node_modules/docz-core/node_modules/webpack/buildin/harmony-module.js")(e))},8:function(e,o,t){t("./node_modules/babel-polyfill/lib/index.js"),e.exports=t("./.docz/app/index.jsx")}},[[8,6,0]],[0,5,4,3,2,1]]);
\ No newline at end of file
diff --git a/docs/static/js/docz-button-doc.e09140f6.js b/docs/static/js/docz-button-doc.e09140f6.js
deleted file mode 100644
index 8a052f5..0000000
--- a/docs/static/js/docz-button-doc.e09140f6.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{"./docz/Button.doc.mdx":function(e,a,n){"use strict";n.r(a);var t=n("./node_modules/react/index.js"),o=n.n(t),r=n("./node_modules/@mdx-js/tag/dist/index.js"),s=(n("./docz/styles/theme.less"),n("./docz/styles/docz.less"),n("./node_modules/docz/dist/index.m.js")),c=n("./src/index.js");a.default=function(e){var a=e.components;return o.a.createElement(r.MDXTag,{name:"wrapper",components:a},"\n","\n",o.a.createElement(r.MDXTag,{name:"h1",components:a,props:{id:"button"}},o.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h1",props:{"aria-hidden":!0,href:"#button"}},o.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Button"),"\n",o.a.createElement(r.MDXTag,{name:"h3",components:a,props:{id:"standardized-button-styles-sizes-and-states"}},o.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h3",props:{"aria-hidden":!0,href:"#standardized-button-styles-sizes-and-states"}},o.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Standardized button styles, sizes, and states."),"\n",o.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"styles"}},o.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#styles"}},o.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Styles:"),"\n",o.a.createElement(r.MDXTag,{name:"p",components:a},"Visual style properties"),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,""))}},o.a.createElement(c.a,null,"Standard Button")),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,""))}},o.a.createElement(c.a,{outline:!0},"Outline Button")),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,""))}},o.a.createElement(c.a,{bare:!0},"Bare Button")),"\n",o.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"sizes"}},o.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#sizes"}},o.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Sizes:"),"\n",o.a.createElement(r.MDXTag,{name:"p",components:a},"Sizing properties"),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,""))}},o.a.createElement(c.a,{full:!0},"Full Width Button")),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,""))}},o.a.createElement(c.a,{mini:!0},"Mini Button")),"\n",o.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"states"}},o.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#states"}},o.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"States:"),"\n",o.a.createElement(r.MDXTag,{name:"p",components:a},"Button state properties"),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,""))}},o.a.createElement(c.a,{loading:!0},"Loading State")),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,""))}},o.a.createElement(c.a,{disabled:!0},"Disabled State")),"\n",o.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"secondary-buttons"}},o.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#secondary-buttons"}},o.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Secondary Buttons:"),"\n",o.a.createElement(r.MDXTag,{name:"p",components:a},"You can use the ",o.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"secondary")," flag on any kind of button to apply the secondary theme rules to it. Some examples:"),"\n",o.a.createElement(s.d,{__code:function(e){return e&&o.a.createElement(e.pre,{className:"react-prism language-jsx"},o.a.createElement("code",null,"\n\n\n"))}},o.a.createElement(c.a,{secondary:!0},"Secondary Button"),o.a.createElement(c.a,{outline:!0,secondary:!0},"Secondary Outline Button"),o.a.createElement(c.a,{bare:!0,secondary:!0},"Secondary Bare Button"),o.a.createElement(c.a,{mini:!0,secondary:!0},"Secondary Mini Button")),"\n",o.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"proptypes"}},o.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#proptypes"}},o.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"PropTypes:"),"\n",o.a.createElement(s.e,{of:c.a}))}}}]);
\ No newline at end of file
diff --git a/docs/static/js/docz-common-doc.f86d5ec4.js b/docs/static/js/docz-common-doc.f86d5ec4.js
deleted file mode 100644
index c5e3b73..0000000
--- a/docs/static/js/docz-common-doc.f86d5ec4.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{"./docz/Common.doc.mdx":function(e,n,t){"use strict";t.r(n);var a=t("./node_modules/react/index.js"),i=t.n(a),o=t("./node_modules/@mdx-js/tag/dist/index.js"),r=(t("./docz/styles/theme.less"),t("./docz/styles/docz.less"),t("./node_modules/docz/dist/index.m.js")),s=t("./src/elements/Common/Common.js"),p=t("./node_modules/prop-types/index.js"),m=t.n(p),d=function(){return i.a.createElement("foo",null)};d.propTypes={padding:m.a.string,paddingTop:m.a.string,paddingBottom:m.a.string,paddingLeft:m.a.string,paddingRight:m.a.string,margin:m.a.string,marginTop:m.a.string,marginBottom:m.a.string,marginLeft:m.a.string,marginRight:m.a.string,block:m.a.bool,inline:m.a.bool,inlineBlock:m.a.bool,left:m.a.bool,right:m.a.bool,center:m.a.bool,floatRight:m.a.bool,floatLeft:m.a.bool};var l=d;d.__docgenInfo={description:"",methods:[],props:{padding:{type:{name:"string"},required:!1,description:"Padding, using named sizing variables"},paddingTop:{type:{name:"string"},required:!1,description:"Top padding, using named sizing variables"},paddingBottom:{type:{name:"string"},required:!1,description:"Bottom padding, using named sizing variables"},paddingLeft:{type:{name:"string"},required:!1,description:"Left padding, using named sizing variables"},paddingRight:{type:{name:"string"},required:!1,description:"Right padding, using named sizing variables"},margin:{type:{name:"string"},required:!1,description:"Margin, using named sizing variables"},marginTop:{type:{name:"string"},required:!1,description:"Top margin, using named sizing variables"},marginBottom:{type:{name:"string"},required:!1,description:"Botom margin, using named sizing variables"},marginLeft:{type:{name:"string"},required:!1,description:"Left margin, using named sizing variables"},marginRight:{type:{name:"string"},required:!1,description:"Right margin, using named sizing variables"},block:{type:{name:"bool"},required:!1,description:"Sets `display` to `block`"},inline:{type:{name:"bool"},required:!1,description:"Sets `display` to `inline`"},inlineBlock:{type:{name:"bool"},required:!1,description:"Sets `display` to `inline-block`"},left:{type:{name:"bool"},required:!1,description:"Sets `text-align` to `left`"},right:{type:{name:"bool"},required:!1,description:"Sets `text-align` to `right`"},center:{type:{name:"bool"},required:!1,description:"Sets `text-align` to `center`"},floatRight:{type:{name:"bool"},required:!1,description:"Sets `float` to `right`"},floatLeft:{type:{name:"bool"},required:!1,description:"Sets `float` to `left`"}}};var c=function(){return i.a.createElement("foo",null)};c.propTypes={id:m.a.string,disabled:m.a.bool,type:m.a.string,placeholder:m.a.string,onClick:m.a.func,onKeyDown:m.a.func,onFocus:m.a.func,onBlur:m.a.func,onChange:m.a.func,onSubmit:m.a.func,onScroll:m.a.func};var g=c;c.__docgenInfo={description:"",methods:[],props:{id:{type:{name:"string"},required:!1,description:"HTML ID attribute"},disabled:{type:{name:"bool"},required:!1,description:"Input disabled attribute"},type:{type:{name:"string"},required:!1,description:"Input type attribute"},placeholder:{type:{name:"string"},required:!1,description:"Input placeholder text"},onClick:{type:{name:"func"},required:!1,description:"Click handler"},onKeyDown:{type:{name:"func"},required:!1,description:"Key down handler"},onFocus:{type:{name:"func"},required:!1,description:"Input focus handler"},onBlur:{type:{name:"func"},required:!1,description:"Input lose focus handler"},onChange:{type:{name:"func"},required:!1,description:"Input change handler"},onSubmit:{type:{name:"func"},required:!1,description:"Form submit handler"},onScroll:{type:{name:"func"},required:!1,description:"Window scroll handler"}}};n.default=function(e){var n=e.components;return i.a.createElement(o.MDXTag,{name:"wrapper",components:n},"\n","\n",i.a.createElement(o.MDXTag,{name:"h1",components:n,props:{id:"common"}},i.a.createElement(o.MDXTag,{name:"a",components:n,parentName:"h1",props:{"aria-hidden":!0,href:"#common"}},i.a.createElement(o.MDXTag,{name:"span",components:n,parentName:"a",props:{className:"icon-link"}},"#")),"Common"),"\n",i.a.createElement(o.MDXTag,{name:"h3",components:n,props:{id:"common-component-that-all-other-ui-elements-are-built-on-exposing-commonly-used-properties"}},i.a.createElement(o.MDXTag,{name:"a",components:n,parentName:"h3",props:{"aria-hidden":!0,href:"#common-component-that-all-other-ui-elements-are-built-on-exposing-commonly-used-properties"}},i.a.createElement(o.MDXTag,{name:"span",components:n,parentName:"a",props:{className:"icon-link"}},"#")),"Common component that all other UI elements are built on, exposing commonly used properties."),"\n",i.a.createElement(o.MDXTag,{name:"p",components:n},i.a.createElement(o.MDXTag,{name:"strong",components:n,parentName:"p"},i.a.createElement(o.MDXTag,{name:"em",components:n,parentName:"strong"},"Note:"))," This is not meant to be used outside of the UI library itself."),"\n",i.a.createElement(o.MDXTag,{name:"h2",components:n,props:{id:"attributes"}},i.a.createElement(o.MDXTag,{name:"a",components:n,parentName:"h2",props:{"aria-hidden":!0,href:"#attributes"}},i.a.createElement(o.MDXTag,{name:"span",components:n,parentName:"a",props:{className:"icon-link"}},"#")),"Attributes:"),"\n",i.a.createElement(r.e,{of:g}),"\n",i.a.createElement(o.MDXTag,{name:"h2",components:n,props:{id:"styles"}},i.a.createElement(o.MDXTag,{name:"a",components:n,parentName:"h2",props:{"aria-hidden":!0,href:"#styles"}},i.a.createElement(o.MDXTag,{name:"span",components:n,parentName:"a",props:{className:"icon-link"}},"#")),"Styles:"),"\n",i.a.createElement(r.e,{of:l}),"\n",i.a.createElement(o.MDXTag,{name:"h2",components:n,props:{id:"proptypes"}},i.a.createElement(o.MDXTag,{name:"a",components:n,parentName:"h2",props:{"aria-hidden":!0,href:"#proptypes"}},i.a.createElement(o.MDXTag,{name:"span",components:n,parentName:"a",props:{className:"icon-link"}},"#")),"PropTypes:"),"\n",i.a.createElement(r.e,{of:s.a}))}}}]);
\ No newline at end of file
diff --git a/docs/static/js/docz-div-doc.0c3d18d0.js b/docs/static/js/docz-div-doc.0c3d18d0.js
deleted file mode 100644
index 04e9e55..0000000
--- a/docs/static/js/docz-div-doc.0c3d18d0.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./docz/Div.doc.mdx":function(e,a,n){"use strict";n.r(a);var t=n("./node_modules/react/index.js"),s=n.n(t),r=n("./node_modules/@mdx-js/tag/dist/index.js"),m=(n("./docz/styles/theme.less"),n("./docz/styles/docz.less"),n("./node_modules/docz/dist/index.m.js")),c=n("./src/index.js");a.default=function(e){var a=e.components;return s.a.createElement(r.MDXTag,{name:"wrapper",components:a},"\n","\n",s.a.createElement(r.MDXTag,{name:"h1",components:a,props:{id:"div"}},s.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h1",props:{"aria-hidden":!0,href:"#div"}},s.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Div"),"\n",s.a.createElement(r.MDXTag,{name:"h3",components:a,props:{id:"container-styles-and-properties"}},s.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h3",props:{"aria-hidden":!0,href:"#container-styles-and-properties"}},s.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Container styles and properties."),"\n",s.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"generic"}},s.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#generic"}},s.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Generic:"),"\n",s.a.createElement(r.MDXTag,{name:"p",components:a},"Use ",s.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"Div")," with no other props as a replacement for ",s.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"div")," in order to expose common UI properties to your containers."),"\n",s.a.createElement(m.d,{__code:function(e){return e&&s.a.createElement(e.pre,{className:"react-prism language-jsx"},s.a.createElement("code",null,"
This is a Div
"))}},s.a.createElement(c.b,null,"This is a Div")),"\n",s.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"items"}},s.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#items"}},s.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Items:"),"\n",s.a.createElement(r.MDXTag,{name:"p",components:a},"Use the ",s.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"item")," prop to create a distinct item within your container."),"\n",s.a.createElement(m.d,{__code:function(e){return e&&s.a.createElement(e.pre,{className:"react-prism language-jsx"},s.a.createElement("code",null,"
Div item #1
\n
Div item #2
\n
Div item #3
"))}},s.a.createElement(c.b,{item:!0},"Div item #1"),s.a.createElement(c.b,{item:!0},"Div item #2"),s.a.createElement(c.b,{item:!0},"Div item #3")),"\n",s.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"card"}},s.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#card"}},s.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Card:"),"\n",s.a.createElement(r.MDXTag,{name:"p",components:a},"Use the ",s.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"card")," prop to create a 3D card container."),"\n",s.a.createElement("div",{className:"card-example"}),"\n",s.a.createElement(m.d,{__code:function(e){return e&&s.a.createElement(e.pre,{className:"react-prism language-jsx"},s.a.createElement("code",null,"
This is a Div card
"))}},s.a.createElement(c.b,{card:!0},"This is a Div card")),"\n",s.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"card-subsection"}},s.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#card-subsection"}},s.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Card Subsection:"),"\n",s.a.createElement(r.MDXTag,{name:"p",components:a},"Use the ",s.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"subsection")," prop on elements under a ",s.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"card")," to create distinct sections within your card."),"\n",s.a.createElement("div",{className:"card-example"}),"\n",s.a.createElement(m.d,{__code:function(e){return e&&s.a.createElement(e.pre,{className:"react-prism language-jsx"},s.a.createElement("code",null,"
\n
This is a Div subsection
\n
This is a Div subsection
\n
This is a Div subsection
\n
"))}},s.a.createElement(c.b,{card:!0},s.a.createElement(c.b,{subsection:!0},"This is a Div subsection"),s.a.createElement(c.b,{subsection:!0},"This is a Div subsection"),s.a.createElement(c.b,{subsection:!0},"This is a Div subsection"))),"\n",s.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"proptypes"}},s.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#proptypes"}},s.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"PropTypes:"),"\n",s.a.createElement(m.e,{of:c.b}))}}}]);
\ No newline at end of file
diff --git a/docs/static/js/docz-grid-doc.706f856b.js b/docs/static/js/docz-grid-doc.706f856b.js
deleted file mode 100644
index 800e05d..0000000
--- a/docs/static/js/docz-grid-doc.706f856b.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{"./docz/Grid.doc.mdx":function(e,a,t){"use strict";t.r(a);var n=t("./node_modules/react/index.js"),l=t.n(n),r=t("./node_modules/@mdx-js/tag/dist/index.js"),m=(t("./docz/styles/theme.less"),t("./docz/styles/docz.less"),t("./node_modules/docz/dist/index.m.js")),i=t("./src/index.js");a.default=function(e){var a=e.components;return l.a.createElement(r.MDXTag,{name:"wrapper",components:a},"\n","\n",l.a.createElement(r.MDXTag,{name:"h1",components:a,props:{id:"grid"}},l.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h1",props:{"aria-hidden":!0,href:"#grid"}},l.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Grid"),"\n",l.a.createElement(r.MDXTag,{name:"h3",components:a,props:{id:"grid-system-using-flexbox"}},l.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h3",props:{"aria-hidden":!0,href:"#grid-system-using-flexbox"}},l.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Grid system using flexbox."),"\n",l.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"equal-width"}},l.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#equal-width"}},l.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Equal Width:"),"\n",l.a.createElement(r.MDXTag,{name:"p",components:a},"Passing nothing into ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},""),", you will get equal width columns based on the number of elements as its children."),"\n",l.a.createElement(m.d,{__code:function(e){return e&&l.a.createElement(e.pre,{className:"react-prism language-jsx"},l.a.createElement("code",null,"\n
col #1
\n
col #2
\n\n\u200c\u200c\n\n
col #1
\n
col #2
\n
col #3
\n\n\u200c\u200c\n\n
col #1
\n
col #2
\n
col #3
\n
col #4
\n"))}},l.a.createElement(i.c,null,l.a.createElement(i.b,null,"col #1"),l.a.createElement(i.b,null,"col #2")),"\u200c\u200c",l.a.createElement(i.c,null,l.a.createElement(i.b,null,"col #1"),l.a.createElement(i.b,null,"col #2"),l.a.createElement(i.b,null,"col #3")),"\u200c\u200c",l.a.createElement(i.c,null,l.a.createElement(i.b,null,"col #1"),l.a.createElement(i.b,null,"col #2"),l.a.createElement(i.b,null,"col #3"),l.a.createElement(i.b,null,"col #4"))),"\n",l.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"specific-widthcolumns"}},l.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#specific-widthcolumns"}},l.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Specific Width/Columns:"),"\n",l.a.createElement(r.MDXTag,{name:"p",components:a},l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"")," takes 3 different arrays corresponding to different resolutions (",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"itemWidthsSmall"),", ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"itemWidthsMedium"),", and ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"itemWidthsLarge"),"), the elements of which are integers that act as columns. If you want columns to be equally sized at a specific resolution, simply leave out that resolution in question."),"\n",l.a.createElement(m.d,{__code:function(e){return e&&l.a.createElement(e.pre,{className:"react-prism language-jsx"},l.a.createElement("code",null,"\n
\n"))}},l.a.createElement(i.c,{stackSmall:!0,stackMedium:!0,stackLarge:!0},l.a.createElement(i.b,null,"col #1"),l.a.createElement(i.b,null,"col #2"))),"\n",l.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"swapping"}},l.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#swapping"}},l.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Swapping:"),"\n",l.a.createElement(r.MDXTag,{name:"p",components:a},l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"swapSmall"),", ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"swapMedium"),", and ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"swapLarge")," will reverse the order of elements at the specified resolution."),"\n",l.a.createElement(m.d,{__code:function(e){return e&&l.a.createElement(e.pre,{className:"react-prism language-jsx"},l.a.createElement("code",null,"\n
1st in source
\n
2nd in source
\n"))}},l.a.createElement(i.c,{swapSmall:!0,swapMedium:!0,swapLarge:!0},l.a.createElement(i.b,null,"1st in source"),l.a.createElement(i.b,null,"2nd in source"))),"\n",l.a.createElement(r.MDXTag,{name:"h2",components:a,props:{id:"gutter-widths"}},l.a.createElement(r.MDXTag,{name:"a",components:a,parentName:"h2",props:{"aria-hidden":!0,href:"#gutter-widths"}},l.a.createElement(r.MDXTag,{name:"span",components:a,parentName:"a",props:{className:"icon-link"}},"#")),"Gutter Widths:"),"\n",l.a.createElement(r.MDXTag,{name:"p",components:a},l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"gutterSmall"),", ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"gutterMedium"),", and ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"gutterLarge")," takes a named spacing string and adjusts the gutter width accordingly. Defaults to ",l.a.createElement(r.MDXTag,{name:"inlineCode",components:a,parentName:"p"},"x-small"),"."),"\n",l.a.createElement(m.d,{__code:function(e){return e&&l.a.createElement(e.pre,{className:"react-prism language-jsx"},l.a.createElement("code",null,'\n