diff --git a/dist/0.8.1/scripts/app.js b/dist/0.8.1/scripts/app.js deleted file mode 100644 index efebefb99..000000000 --- a/dist/0.8.1/scripts/app.js +++ /dev/null @@ -1,7 +0,0 @@ -var payex=webpackJsonppayex(["app"],{"./node_modules/classnames/index.js":function(e,t,l){var a,n;/*! - Copyright (c) 2016 Jed Watson. - Licensed under the MIT License (MIT), see - http://jedwatson.github.io/classnames -*/ -!function(){"use strict";function l(){for(var e=[],t=0;tclose')),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{type:"default",text:"This is a default alert with an icon!",close:!0,icon:"info_outline"}),"\n\n",p.default.createElement(g.default,{type:"success",text:"This is a success alert with an icon!",close:!0,icon:"check_circle"}),"\n\n",p.default.createElement(g.default,{type:"neutral",text:"This is a neutral alert with an icon!",close:!0,icon:"info"}),"\n\n",p.default.createElement(g.default,{type:"warning",text:"This is a warning alert with an icon!",close:!0,icon:"warning"}),"\n\n",p.default.createElement(g.default,{type:"danger",text:"This is a danger alert with an icon!",close:!0,icon:"error"})),p.default.createElement("h3",null,"External close button"),p.default.createElement("p",null,"To add an external close-button for your alert add the attribute ",p.default.createElement(b.Attribute,{data:!0,name:"alert-close",value:"[alert ID]"})," to the button element."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{id:"alert-success-1",type:"success",text:"Press the button below to close me",icon:"check_circle"}),"\n\n",p.default.createElement("button",{type:"button",className:"btn btn-neutral","data-alert-close":"alert-success-1"},"Close alert")))};t.ClosingTheAlert=x;var k=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"extended-usage"},"Extended usage"),p.default.createElement("p",null,"Alerts can also contain additional HTML elements like headings, paragraphs and dividers."),p.default.createElement("p",null,"Just make sure to wrap the content in a container with the class ",p.default.createElement("span",{className:"token attr-value"},".alert-body"),"."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{type:"success",close:!0,icon:"check_circle"},p.default.createElement("h3",{className:"color-success"},"Success!"),p.default.createElement("p",null,"You successfully saw the code example under the Extended usage section."),p.default.createElement("p",null,"This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content."),p.default.createElement("hr",null),p.default.createElement("p",null,"By the way, great job!"))))};t.ExtendedUsage=k;var N=function e(){return p.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},p.default.createElement("p",{className:"lead"},"Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages."),p.default.createElement(v,null),p.default.createElement(w,null),p.default.createElement(x,null),p.default.createElement(k,null))};t.AlertsText=N;var j=function(e){function t(){return o(this,t),d(this,s(t).apply(this,arguments))}return m(t,e),c(t,[{key:"componentDidMount",value:function e(){y.alert.init()}},{key:"render",value:function e(){return p.default.createElement("div",{className:"doc-container"},p.default.createElement("div",{className:"row"},p.default.createElement(N,null),p.default.createElement(b.DocToc,{component:N})))}}]),t}(p.Component),P=j;t.default=P},"./src/App/Documentation/components/Badge/index.js":function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.BadgeText=t.FurtherUsage=t.Overview=t.default=void 0;var n=a(l("./node_modules/react/index.js")),r=l("./src/App/Documentation/utils/index.js"),o=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"overview"},"Overview"),n.default.createElement("p",null,"Overview... ",n.default.createElement("code",{className:"token property"},".badge"),"..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("p",null,"Badge ",n.default.createElement("span",{className:"badge badge-default"},"default")),n.default.createElement("p",null,"Badge ",n.default.createElement("span",{className:"badge badge-brand"},"brand")),n.default.createElement("p",null,"Badge ",n.default.createElement("span",{className:"badge badge-blue"},"blue")),n.default.createElement("p",null,"Badge ",n.default.createElement("span",{className:"badge badge-purple"},"purple")),n.default.createElement("p",null,"Badge ",n.default.createElement("span",{className:"badge badge-yellow"},"yellow")),n.default.createElement("p",null,"Badge ",n.default.createElement("span",{className:"badge badge-red"},"red"))))};t.Overview=o;var u=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"further-usage"},"Further usage"),n.default.createElement("p",null,"Further usage... ",n.default.createElement("code",{className:"token property"},".badge"),"..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("h1",null,"Badge ",n.default.createElement("small",{className:"badge badge-default"},"default")),n.default.createElement("h2",null,"Badge ",n.default.createElement("small",{className:"badge badge-brand"},"brand")),n.default.createElement("h3",null,"Badge ",n.default.createElement("small",{className:"badge badge-blue"},"blue")),n.default.createElement("h4",null,"Badge ",n.default.createElement("small",{className:"badge badge-purple"},"purple")),n.default.createElement("h5",null,"Badge ",n.default.createElement("small",{className:"badge badge-yellow"},"yellow")),n.default.createElement("h6",null,"Badge ",n.default.createElement("small",{className:"badge badge-red"},"red"))))};t.FurtherUsage=u;var c=function e(){return n.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},n.default.createElement("p",{className:"lead"},"Badge..."),n.default.createElement(o,null),n.default.createElement(u,null))};t.BadgeText=c;var d=function e(){return n.default.createElement("div",{className:"doc-container"},n.default.createElement("div",{className:"row"},n.default.createElement(c,null),n.default.createElement(r.DocToc,{component:c})))},i=d;t.default=i},"./src/App/Documentation/components/Breadcrumb/index.js":function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.BreadcrumbText=t.DisabledBreadcrumb=t.SmallBreadCrumb=t.BasicBreadCrumb=t.default=void 0;var n=a(l("./node_modules/react/index.js")),r=a(l("./node_modules/react-prism/lib/index.js")),o=l("./src/App/Documentation/utils/index.js"),u=a(l("./src/App/components/Breadcrumb/index.js")),c=function e(){var t=[{title:"Home",href:"#"},{title:"Products",href:"#"},{title:"Gadgets",href:"#"},{title:"Gadget #1"}];return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"basic-usage"},"Basic usage"),n.default.createElement("p",null,"Add class ",n.default.createElement("code",{className:"token property"},".breadcrumb")," to a containing ",n.default.createElement(r.default,{className:"language-html"},"
    ")," element and nest a ",n.default.createElement(r.default,{className:"language-html"},"")," or ",n.default.createElement(r.default,{className:"language-html"},"")," element inside the ",n.default.createElement(r.default,{className:"language-html"},"
  1. ")," elements."),n.default.createElement(o.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement(u.default,{items:t})))};t.BasicBreadCrumb=c;var d=function e(){var t=[{title:"Home",href:"#"},{title:"Products",href:"#"},{title:"Gadgets",href:"#"},{title:"Gadget #1"}];return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"small-breadcrumb"},"Small breadcrumb"),n.default.createElement("p",null,"Add class ",n.default.createElement("code",{className:"token property"},".breadcrumb-sm")," to the containing ",n.default.createElement(r.default,{className:"language-html"},"
      ")," element for a smaller version of the breadcrumb component."),n.default.createElement(o.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement(u.default,{small:!0,items:t})))};t.SmallBreadCrumb=d;var i=function e(){var t=[{title:"Home",href:"#"},{title:"Products"},{title:"Gadgets",href:"#"},{title:"Gadget #1"}];return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"disable-a-breadcrumb"},"Disable a breadcrumb"),n.default.createElement("p",null,"To disable a breadcrumb element, simply use a ",n.default.createElement(r.default,{className:"language-html"},"")," element within the ",n.default.createElement(r.default,{className:"language-html"},"
    1. ")," element (will not work for last-child)."),n.default.createElement(o.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement(u.default,{small:!0,items:t})))};t.DisabledBreadcrumb=i;var s=function e(){return n.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},n.default.createElement("p",{className:"lead"},"Breadcrumbs are a good way to display your current location. This is usually used when you have multiple layers of content."),n.default.createElement(c,null),n.default.createElement(d,null),n.default.createElement(i,null))};t.BreadcrumbText=s;var m=function e(){return n.default.createElement("div",{className:"doc-container"},n.default.createElement("div",{className:"row"},n.default.createElement(s,null),n.default.createElement(o.DocToc,{component:s})))},f=m;t.default=f},"./src/App/Documentation/components/Buttons/index.js":function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)if(Object.prototype.hasOwnProperty.call(e,l)){var a=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,l):{};a.get||a.set?Object.defineProperty(t,l,a):t[l]=e[l]}return t.default=e,t}function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function e(t){return typeof t}:function e(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var l=0;l")," or ",p.default.createElement(h.default,{className:"language-html"},""),"."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{type:"brand",label:"Anchor",href:"#"}),"\n",p.default.createElement(g.default,{type:"brand",label:"Button"}),"\n",p.default.createElement(g.default,{type:"brand",input:!0,value:"Input",btnType:"button"}),"\n",p.default.createElement(g.default,{type:"brand",input:!0,value:"Submit",btnType:"submit"}),"\n",p.default.createElement(g.default,{type:"brand",input:!0,value:"Reset",btnType:"reset"}),"\n"))};t.UsageWithOtherTags=w;var x=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"outline-buttons"},"Outline buttons"),p.default.createElement("p",null,"Several button styles etc..."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{outline:!0,type:"default",label:"Default"}),"\n",p.default.createElement(g.default,{outline:!0,type:"brand",label:"Brand"}),"\n",p.default.createElement(g.default,{outline:!0,type:"neutral",label:"Neutral"}),"\n",p.default.createElement(g.default,{outline:!0,type:"success",label:"Success"}),"\n",p.default.createElement(g.default,{outline:!0,type:"warning",label:"Warning"}),"\n",p.default.createElement(g.default,{outline:!0,type:"danger",label:"Danger"}),"\n",p.default.createElement(g.default,{outline:!0,type:"light",label:"Light"}),"\n"))};t.OutlineButtons=x;var k=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"sizes"},"Sizes"),p.default.createElement("p",null,"Several button sizes etc..."),p.default.createElement("h3",null,"Large buttons"),p.default.createElement("p",null,"...",p.default.createElement("code",{className:"token property"},".btn-lg")),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{size:"lg",type:"default",label:"Large button"}),"\n",p.default.createElement(g.default,{size:"lg",type:"brand",label:"Large button"}),"\n"),p.default.createElement("h3",null,"Small buttons"),p.default.createElement("p",null,"...",p.default.createElement("code",{className:"token property"},".btn-sm")),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{size:"sm",type:"default",label:"Small button"}),"\n",p.default.createElement(g.default,{size:"sm",type:"brand",label:"Small button"}),"\n"),p.default.createElement("h3",null,"Extra small buttons"),p.default.createElement("p",null,"...",p.default.createElement("code",{className:"token property"},".btn-xs")),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{size:"xs",type:"default",label:"Extra small button"}),"\n",p.default.createElement(g.default,{size:"xs",type:"brand",label:"Extra small button"}),"\n"),p.default.createElement("h3",null,"Block level"),p.default.createElement("p",null,"...",p.default.createElement("code",{className:"token property"},".btn-block")),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{fullWidth:!0,type:"default",label:"Block level button"}),"\n",p.default.createElement(g.default,{fullWidth:!0,type:"brand",label:"Block level button"}),"\n"))};t.Sizes=k;var N=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"active-state"},"Active state"),p.default.createElement("p",null,"Active state with ",p.default.createElement("code",{className:"token property"},".active"),"..."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{active:!0,type:"default",label:"Default"}),"\n",p.default.createElement(g.default,{active:!0,type:"brand",label:"Brand"}),"\n",p.default.createElement(g.default,{active:!0,type:"neutral",label:"Neutral"}),"\n",p.default.createElement(g.default,{active:!0,type:"success",label:"Success"}),"\n",p.default.createElement(g.default,{active:!0,type:"warning",label:"Warning"}),"\n",p.default.createElement(g.default,{active:!0,type:"danger",label:"Danger"}),"\n",p.default.createElement(g.default,{active:!0,type:"light",label:"Light"}),"\n"))};t.ActiveState=N;var j=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"disabled-state"},"Disabled state"),p.default.createElement("p",null,"Disabled state with ",p.default.createElement(b.Attribute,{name:"disabled",value:"true"}),"..."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{disabled:!0,type:"default",label:"Default"}),"\n",p.default.createElement(g.default,{disabled:!0,type:"brand",label:"Brand"}),"\n",p.default.createElement(g.default,{disabled:!0,type:"neutral",label:"Neutral"}),"\n",p.default.createElement(g.default,{disabled:!0,type:"success",label:"Success"}),"\n",p.default.createElement(g.default,{disabled:!0,type:"warning",label:"Warning"}),"\n",p.default.createElement(g.default,{disabled:!0,type:"danger",label:"Danger"}),"\n",p.default.createElement(g.default,{disabled:!0,type:"light",label:"Light"}),"\n"))};t.DisabledState=j;var P=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"usage-with-icons"},"Usage with icons"),p.default.createElement("p",null,"To use a button with an icon... Read more about icon usage here ",p.default.createElement(E.Link,{to:"/docs/core/icons"},"here"),"."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{icon:"cloud",type:"default",label:"Default"}),"\n\n",p.default.createElement(g.default,{icon:"cloud",type:"brand",label:"Brand"}),"\n"))};t.UsageWithIcons=P;var _=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"button-loader"},"Button loader"),p.default.createElement("p",null,"To use a button with a loader simply add the attribute ",p.default.createElement(b.Attribute,{data:!0,name:"button-loader",value:"true"})," to add the required markup for the loader component. Add class ",p.default.createElement("code",{className:"token property"},".loading")," to display the loader."),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{id:"test",type:"default",label:"Default",loader:!0,loading:!0}),"\n",p.default.createElement(g.default,{type:"brand",label:"Brand",loader:!0,loading:!0}),"\n"),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},p.default.createElement(g.default,{loader:!0,loading:!0,outline:!0,type:"default",label:"Default"}),"\n",p.default.createElement(g.default,{loader:!0,loading:!0,outline:!0,type:"brand",label:"Brand"}),"\n",p.default.createElement(g.default,{loader:!0,loading:!0,outline:!0,type:"neutral",label:"Neutral"}),"\n",p.default.createElement(g.default,{loader:!0,loading:!0,outline:!0,type:"success",label:"Success"}),"\n",p.default.createElement(g.default,{loader:!0,loading:!0,outline:!0,type:"warning",label:"Warning"}),"\n",p.default.createElement(g.default,{loader:!0,loading:!0,outline:!0,type:"danger",label:"Danger"}),"\n",p.default.createElement(g.default,{loader:!0,loading:!0,outline:!0,type:"light",label:"Light"}),"\n"),p.default.createElement("p",null,"Adding the attribute ",p.default.createElement(b.Attribute,{data:!0,name:"button-loader",value:"true"})," to a button component will produce the following html:"),p.default.createElement(b.ComponentPreview,{language:"html",showCasePanel:!1,codeFigure:!0},p.default.createElement("button",{className:"btn btn-default loading",type:"button","data-px-loader":"true"},"\n\t",p.default.createElement("div",{className:"btn-loader-label"},"Default"),"\n\t",p.default.createElement("div",{className:"loader"},"\n\t\t",p.default.createElement("ul",{className:"loader-icon"},"\n\t\t\t",p.default.createElement("li",null),"\n\t\t\t",p.default.createElement("li",null),"\n\t\t\t",p.default.createElement("li",null),"\n\t\t"),"\n\t"),"\n")),p.default.createElement("p",null,"If you want more control over the loader component you can include the html yourself (e.g. for server-side rendering), just make sure you ",p.default.createElement("b",null,"don","'","t")," add the attribute ",p.default.createElement(b.Attribute,{data:!0,name:"button-loader",value:"true"}),"."))};t.ButtonLoader=_;var O=function e(){return p.default.createElement(p.default.Fragment,null,p.default.createElement("h2",{id:"usage-with-javascript"},"Usage with javascript"),p.default.createElement("p",null,"To interact with the alert-component with javascript..."),p.default.createElement("h3",null,"Show loader"),p.default.createElement(b.ComponentPreview,{language:"javascript",codeFigure:!0},"px.button.loader.show();","\n","// OR","\n","px.button.loader.show(id);"),p.default.createElement("h3",null,"Hide loader"),p.default.createElement(b.ComponentPreview,{language:"javascript",codeFigure:!0},"px.button.loader.hide();","\n","// OR","\n","px.button.loader.hide(id);"),p.default.createElement("h3",null,"Methods"),p.default.createElement("table",{className:"table table-striped"},p.default.createElement("thead",null,p.default.createElement("tr",null,p.default.createElement("th",null,"Method"),p.default.createElement("th",null,"Description"))),p.default.createElement("tbody",null,p.default.createElement("tr",null,p.default.createElement("td",null,p.default.createElement(b.PxScript,{component:"button",func:"init"})),p.default.createElement("td",null,"Renders the HTML for the loader component for buttons that has the attribute ",p.default.createElement(b.Attribute,{data:!0,name:"loader",value:"true"}),". This is done automatically when the ",p.default.createElement("code",{className:"token property"},"px-script.js")," loads, but might have to be used if you are not rendering your buttons right away. For instance, in react, you might want to call this function within the ",p.default.createElement(h.default,{className:"language-javascript"},"componentDidMount()")," method.")),p.default.createElement("tr",null,p.default.createElement("td",null,p.default.createElement(b.PxScript,{component:"button",subComponents:["loader"],func:"show"})),p.default.createElement("td",null,"Gives all rendered buttons the class ",p.default.createElement("code",{className:"token property"},".loading"),", displaying the loader component within the buttons (",p.default.createElement("b",null,"if present"),").")),p.default.createElement("tr",null,p.default.createElement("td",null,p.default.createElement(b.PxScript,{component:"button",subComponents:["loader"],func:"show",params:["id"]})),p.default.createElement("td",null,"Gives the specified button the class ",p.default.createElement("code",{className:"token property"},".loading"),". If no alert with the specified id is rendered to the DOM, the method does nothing.")),p.default.createElement("tr",null,p.default.createElement("td",null,p.default.createElement(b.PxScript,{component:"button",subComponents:["loader"],func:"hide"})),p.default.createElement("td",null,"Removes the class ",p.default.createElement("code",{className:"token property"},".loading")," from all rendered buttons, hiding the loader component.")),p.default.createElement("tr",null,p.default.createElement("td",null,p.default.createElement(b.PxScript,{component:"button",subComponents:["loader"],func:"hide",params:["id"]})),p.default.createElement("td",null,"Removes the class ",p.default.createElement("code",{className:"token property"},".loading")," from the button specified by id, hiding the loader component within the button. If no button with the specified id is rendered to the DOM, the method does nothing.")))))};t.UsageWithJavascript=O;var C=function e(){return p.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},p.default.createElement("p",{className:"lead"},"Use buttons..."),p.default.createElement(v,null),p.default.createElement(w,null),p.default.createElement(x,null),p.default.createElement(k,null),p.default.createElement(N,null),p.default.createElement(j,null),p.default.createElement(P,null),p.default.createElement(_,null))};t.ButtonsText=C;var T=function(e){function t(){return o(this,t),d(this,s(t).apply(this,arguments))}return m(t,e),c(t,[{key:"componentDidMount",value:function e(){y.button.init()}},{key:"render",value:function e(){return p.default.createElement("div",{className:"doc-container"},p.default.createElement("div",{className:"row"},p.default.createElement(C,null),p.default.createElement(b.DocToc,{component:C})))}}]),t}(p.Component),D=T;t.default=D},"./src/App/Documentation/components/Card/index.js":function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)if(Object.prototype.hasOwnProperty.call(e,l)){var a=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,l):{};a.get||a.set?Object.defineProperty(t,l,a):t[l]=e[l]}return t.default=e,t}function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function e(t){return typeof t}:function e(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var l=0;l")," element and nest a ",n.default.createElement(r.default,{className:"language-html"},"")," or ",n.default.createElement(r.default,{className:"language-html"},"")," element inside the ",n.default.createElement(r.default,{className:"language-html"},"
    2. ")," elements."),n.default.createElement(o.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement(u.default,{items:t})))};t.BasicProgressTracker=c;var d=function e(){var t=[{title:"Registration",href:"#"},{title:"Confirmation",href:"#"},{title:"Payment",active:!0},{title:"Receipt",href:"#"}];return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"small-progress-tracker"},"Small progress tracker"),n.default.createElement("p",null,"Add class ",n.default.createElement("code",{className:"token property"},".progress-tracker-sm")," to the containing ",n.default.createElement(r.default,{className:"language-html"},"
        ")," element for a smaller version of the progress tracker component."),n.default.createElement(o.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement(u.default,{small:!0,items:t})))};t.SmallProgressTracker=d;var i=function e(){var t=[{title:"Registration",href:"#"},{title:"Confirmation",href:"#"},{title:"Payment",active:!0},{title:"Receipt"}];return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"disable-a-step"},"Disable a step"),n.default.createElement("p",null,"To disable a step in the progress tracker, simply use a ",n.default.createElement(r.default,{className:"language-html"},"")," element within the ",n.default.createElement(r.default,{className:"language-html"},"
      1. ")," element (will not work with ",n.default.createElement("code",{className:"token property"},".active"),")."),n.default.createElement(o.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement(u.default,{items:t})))};t.DisabledProgressTracker=i;var s=function e(){return n.default.createElement("div",{className:"col-12 col-lg-10 doc-body"},n.default.createElement("p",{className:"lead"},"Progress trackers are a good way to display the users current progress in a given path, while also showing the user the remaining steps. This is usually used when the user are expected to complete several steps in a process."),n.default.createElement(c,null),n.default.createElement(d,null),n.default.createElement(i,null))};t.ProgressTrackerText=s;var m=function e(){return n.default.createElement("div",{className:"doc-container"},n.default.createElement("div",{className:"row"},n.default.createElement(s,null),n.default.createElement(o.DocToc,{component:s})))},f=m;t.default=f},"./src/App/Documentation/components/Status/index.js":function(e,t,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)if(Object.prototype.hasOwnProperty.call(e,l)){var a=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,l):{};a.get||a.set?Object.defineProperty(t,l,a):t[l]=e[l]}return t.default=e,t}function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function e(t){return typeof t}:function e(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var l=0;lToast!'),f.default.createElement(E.ComponentPreview,{language:"html",showCasePanel:!0},f.default.createElement("button",{className:"btn btn-brand",type:"button",onClick:function e(){return(0,h.toast)({html:"I am a toast!"})}},"Click for toast!")))};t.Overview=b;var g=function e(){return f.default.createElement(f.default.Fragment,null,f.default.createElement("h2",{id:"options"},"Options"),f.default.createElement("table",{className:"table table-striped"},f.default.createElement("thead",null,f.default.createElement("tr",null,f.default.createElement("th",null,"Name"),f.default.createElement("th",null,"Type"),f.default.createElement("th",null,"Default"),f.default.createElement("th",null,"Description"))),f.default.createElement("tbody",null,f.default.createElement("tr",null,f.default.createElement("td",null,"html"),f.default.createElement("td",null,"String"),f.default.createElement("td",null,'" "'),f.default.createElement("td",null,"The HTML content of the Toast.")),f.default.createElement("tr",null,f.default.createElement("td",null,"type"),f.default.createElement("td",null,"String"),f.default.createElement("td",null,'" "'),f.default.createElement("td",null,"Premade alert types; success, neutral, warning and danger are available.")),f.default.createElement("tr",null,f.default.createElement("td",null,"dismissable"),f.default.createElement("td",null,"Boolean"),f.default.createElement("td",null,"true"),f.default.createElement("td",null,"Wether or not the alert should be dismissable by the user (close button).")),f.default.createElement("tr",null,f.default.createElement("td",null,"icon"),f.default.createElement("td",null,"String"),f.default.createElement("td",null,'" "'),f.default.createElement("td",null,"Custom icon for the toast. See ",f.default.createElement(p.Link,{to:"/docs/core/icons"},"icons")," for more info.")),f.default.createElement("tr",null,f.default.createElement("td",null,"displayLength"),f.default.createElement("td",null,"Number"),f.default.createElement("td",null,"4000"),f.default.createElement("td",null,"Length in ms the Toast stays before dismissal.")),f.default.createElement("tr",null,f.default.createElement("td",null,"classes"),f.default.createElement("td",null,"Array of strings"),f.default.createElement("td",null,"[ ]"),f.default.createElement("td",null,"Classes to be added to the toast element.")),f.default.createElement("tr",null,f.default.createElement("td",null,"completeCallback"),f.default.createElement("td",null,"Function"),f.default.createElement("td",null,"null"),f.default.createElement("td",null,"Callback function called when toast is dismissed.")))))};t.Options=g;var y=function e(){return f.default.createElement(f.default.Fragment,null,f.default.createElement("h2",{id:"premade-toasts"},"Premade toasts"),f.default.createElement("p",null,"There are four premade toast styles other than the default one; ",f.default.createElement("span",{className:"token attr-value"},"neutral"),", ",f.default.createElement("span",{className:"token attr-value"},"success"),", ",f.default.createElement("span",{className:"token attr-value"},"warning")," and ",f.default.createElement("span",{className:"token attr-value"},"danger"),". Apply the desired one to the options object and be amazed!"),f.default.createElement(E.ComponentPreview,{language:"html",codeFigure:!0,dangerousHTML:!0},"","","",""),f.default.createElement(E.ComponentPreview,{language:"html",showCasePanel:!0},f.default.createElement("button",{className:"btn btn-neutral",type:"button",onClick:function e(){return(0,h.toast)({html:"I am a toast!",type:"neutral"})}},"Neutral toast"),"\n",f.default.createElement("button",{className:"btn btn-success",type:"button",onClick:function e(){return(0,h.toast)({html:"I am a toast!",type:"success"})}},"Success toast"),"\n",f.default.createElement("button",{className:"btn btn-warning",type:"button",onClick:function e(){return(0,h.toast)({html:"I am a toast!",type:"warning"})}},"Warning toast"),"\n",f.default.createElement("button",{className:"btn btn-danger",type:"button",onClick:function e(){return(0,h.toast)({html:"I am a toast!",type:"danger"})}},"Danger toast")))};t.PremadeToasts=y;var v=function e(){return f.default.createElement(f.default.Fragment,null,f.default.createElement("h2",{id:"custom-html"},"Custom HTML"),f.default.createElement("p",null,"You can pass in an HTML String as the first argument as well. Take a look at the example below, where we pass in text as well as a flat button. If you call an external function instead of in-line JavaScript, you will not need to escape quotation marks."),f.default.createElement(E.ComponentPreview,{language:"javascript",codeFigure:!0},"const toastHtml = \"

        I am toast content.

        You can put me on several lines.

        \";","px.toast({ html: toastHtml });"),f.default.createElement(E.ComponentPreview,{language:"html",showCasePanel:!0},f.default.createElement("button",{className:"btn btn-brand",type:"button",onClick:function e(){return(0,h.toast)({html:'

        I am toast content.

        You can put me on several lines.

        '})}},"Toast with action")))},w=function e(){return f.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},f.default.createElement(E.ExperimentalComponentAlert,null),f.default.createElement("p",{className:"lead"},"Toast..."),f.default.createElement(b,null),f.default.createElement(g,null),f.default.createElement(y,null),f.default.createElement(v,null))};t.ToastText=w;var x=function(e){function t(){return r(this,t),c(this,i(t).apply(this,arguments))}return s(t,e),u(t,[{key:"render",value:function e(){return f.default.createElement("div",{className:"doc-container"},f.default.createElement("div",{className:"row"},f.default.createElement(w,null),f.default.createElement(E.DocToc,{component:w})))}}]),t}(f.Component),k=x;t.default=k},"./src/App/Documentation/components/Tooltips/index.js":function(e,t,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)if(Object.prototype.hasOwnProperty.call(e,l)){var a=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,l):{};a.get||a.set?Object.defineProperty(t,l,a):t[l]=e[l]}return t.default=e,t}function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function e(t){return typeof t}:function e(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var l=0;l[ICON NAME]'),"."),n.default.createElement(o.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("i",{className:"material-icons"},"android"),"\n",n.default.createElement("i",{className:"material-icons"},"contact_support"),"\n",n.default.createElement("i",{className:"material-icons"},"face"),"\n",n.default.createElement("i",{className:"material-icons"},"star"),"\n",n.default.createElement("i",{className:"material-icons"},"warning"),"\n"))};t.Usage=u;var c=function e(){return n.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},n.default.createElement("p",{className:"lead"},"The PayEx DesignGuide includes Google","'","s material icons. For a full overview of the available icons please visit ",n.default.createElement("a",{href:"https://material.io/tools/icons/"},"this site"),"."),n.default.createElement(u,null))};t.IconsText=c;var d=function e(){return n.default.createElement("div",{className:"doc-container"},n.default.createElement("div",{className:"row"},n.default.createElement(c,null),n.default.createElement(o.DocToc,{component:c})))},i=d;t.default=i},"./src/App/Documentation/core/Lists/index.js":function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ListsText=t.SettingsList=t.DescriptionList=t.InlineList=t.BasicList=t.default=void 0;var n=a(l("./node_modules/react/index.js")),r=l("./src/App/Documentation/utils/index.js"),o=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"basic-list"},"Basic list"),n.default.createElement("p",null,"Basic lists info...",n.default.createElement("code",{className:"token property"},".list")),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("ul",{className:"list"},n.default.createElement("li",null,"Bread"),n.default.createElement("li",null,"Coffee beans"),n.default.createElement("li",null,"Milk"),n.default.createElement("li",null,"Butter"))),n.default.createElement("h3",null,"Nested list"),n.default.createElement("p",null,"Nested lists are also pretty sweet..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("ul",{className:"list"},n.default.createElement("li",null,"Coffee"),n.default.createElement("li",null,"Tea",n.default.createElement("ul",null,n.default.createElement("li",null,"Black tea"),n.default.createElement("li",null,"Green tea"),n.default.createElement("li",null,"Ice tea"))),n.default.createElement("li",null,"Milk"))))};t.BasicList=o;var u=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"inline-list"},"Inline list"),n.default.createElement("p",null,"Inline lists info...",n.default.createElement("code",{className:"token property"},".list-inline")),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("ul",{className:"list list-inline"},n.default.createElement("li",null,"Coffee"),n.default.createElement("li",null,"Tea"),n.default.createElement("li",null,"Milk"))))};t.InlineList=u;var c=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"description-list"},"Description list"),n.default.createElement("p",null,"Description lists info...",n.default.createElement("code",{className:"token property"},".description-list")),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("dl",{className:"description-list"},"\n",n.default.createElement("dt",null,"Frog"),n.default.createElement("dd",null,"Wet green thing that croaks."),"\n",n.default.createElement("dt",null,"Rabbit"),n.default.createElement("dd",null,"Warm fluffy thing that jumps."),"\n",n.default.createElement("dt",null,"Color"),n.default.createElement("dd",null,"Any hue except white or black."),"\n")))};t.DescriptionList=c;var d=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"settings-list"},"Settings list"),n.default.createElement("p",null,"Settings lists info...",n.default.createElement("code",{className:"token property"},".settings-list")),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("ul",{className:"settings-list"},n.default.createElement("li",null,"\n",n.default.createElement("i",{className:"material-icons color-success"},"check"),"Shovels and tapestry newsletter","\n"),n.default.createElement("li",null,"\n",n.default.createElement("i",{className:"material-icons color-warning"},"remove"),"Spoon collectors weekly newsletter","\n"),n.default.createElement("li",null,"\n",n.default.createElement("i",{className:"material-icons color-danger"},"clear"),"Energetic squirrels newsletter","\n"))))};t.SettingsList=d;var i=function e(){return n.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},n.default.createElement("p",{className:"lead"},"Lots of cool info about lists will be here..."),n.default.createElement(o,null),n.default.createElement(u,null),n.default.createElement(c,null),n.default.createElement(d,null))};t.ListsText=i;var s=function e(){return n.default.createElement("div",{className:"doc-container"},n.default.createElement("div",{className:"row"},n.default.createElement(i,null),n.default.createElement(r.DocToc,{component:i})))},m=s;t.default=m},"./src/App/Documentation/core/Tables/index.js":function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TablesText=t.DescriptionTable=t.HoverStripedTable=t.HoverTable=t.StripedTable=t.BasicTable=t.default=void 0;var n=a(l("./node_modules/react/index.js")),r=l("./src/App/Documentation/utils/index.js"),o=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"basic-table"},"Basic table"),n.default.createElement("p",null,"Basic tables info..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("table",{className:"table"},n.default.createElement("thead",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"col"},"#"),n.default.createElement("th",{scope:"col"},"First Name"),n.default.createElement("th",{scope:"col"},"Last Name"),n.default.createElement("th",{scope:"col"},"Location"))),n.default.createElement("tbody",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"1"),n.default.createElement("td",null,"Sven"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Visby")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"2"),n.default.createElement("td",null,"Sara"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Stockholm")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"3"),n.default.createElement("td",null,"Ola"),n.default.createElement("td",null,"Nordmann"),n.default.createElement("td",null,"Oslo")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"4"),n.default.createElement("td",null,"Holger"),n.default.createElement("td",null,"Danske"),n.default.createElement("td",null,"Copenhagen")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"5"),n.default.createElement("td",null,"Matti"),n.default.createElement("td",null,"Meikäläinen"),n.default.createElement("td",null,"Lahti"))))))};t.BasicTable=o;var u=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"striped-table"},"Striped table"),n.default.createElement("p",null,"Striped tables info..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("table",{className:"table table-striped"},n.default.createElement("thead",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"col"},"#"),n.default.createElement("th",{scope:"col"},"First Name"),n.default.createElement("th",{scope:"col"},"Last Name"),n.default.createElement("th",{scope:"col"},"Location"))),n.default.createElement("tbody",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"1"),n.default.createElement("td",null,"Sven"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Visby")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"2"),n.default.createElement("td",null,"Sara"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Stockholm")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"3"),n.default.createElement("td",null,"Ola"),n.default.createElement("td",null,"Nordmann"),n.default.createElement("td",null,"Oslo")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"4"),n.default.createElement("td",null,"Holger"),n.default.createElement("td",null,"Danske"),n.default.createElement("td",null,"Copenhagen")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"5"),n.default.createElement("td",null,"Matti"),n.default.createElement("td",null,"Meikäläinen"),n.default.createElement("td",null,"Lahti"))))))};t.StripedTable=u;var c=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"hover-table"},"Hover table"),n.default.createElement("p",null,"Hover tables info..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("table",{className:"table table-hover"},n.default.createElement("thead",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"col"},"#"),n.default.createElement("th",{scope:"col"},"First Name"),n.default.createElement("th",{scope:"col"},"Last Name"),n.default.createElement("th",{scope:"col"},"Location"))),n.default.createElement("tbody",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"1"),n.default.createElement("td",null,"Sven"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Visby")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"2"),n.default.createElement("td",null,"Sara"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Stockholm")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"3"),n.default.createElement("td",null,"Ola"),n.default.createElement("td",null,"Nordmann"),n.default.createElement("td",null,"Oslo")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"4"),n.default.createElement("td",null,"Holger"),n.default.createElement("td",null,"Danske"),n.default.createElement("td",null,"Copenhagen")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"5"),n.default.createElement("td",null,"Matti"),n.default.createElement("td",null,"Meikäläinen"),n.default.createElement("td",null,"Lahti"))))))};t.HoverTable=c;var d=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"hover-striped-table"},"Hover striped table"),n.default.createElement("p",null,"Hover striped tables info..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("table",{className:"table table-hover table-striped"},n.default.createElement("thead",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"col"},"#"),n.default.createElement("th",{scope:"col"},"First Name"),n.default.createElement("th",{scope:"col"},"Last Name"),n.default.createElement("th",{scope:"col"},"Location"))),n.default.createElement("tbody",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"1"),n.default.createElement("td",null,"Sven"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Visby")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"2"),n.default.createElement("td",null,"Sara"),n.default.createElement("td",null,"Svensson"),n.default.createElement("td",null,"Stockholm")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"3"),n.default.createElement("td",null,"Ola"),n.default.createElement("td",null,"Nordmann"),n.default.createElement("td",null,"Oslo")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"4"),n.default.createElement("td",null,"Holger"),n.default.createElement("td",null,"Danske"),n.default.createElement("td",null,"Copenhagen")),n.default.createElement("tr",null,n.default.createElement("th",{scope:"row"},"5"),n.default.createElement("td",null,"Matti"),n.default.createElement("td",null,"Meikäläinen"),n.default.createElement("td",null,"Lahti"))))))};t.HoverStripedTable=d;var i=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"description-table"},"Description table"),n.default.createElement("p",null,"Description tables info..."),n.default.createElement(r.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("table",{className:"table table-description table-striped"},n.default.createElement("thead",null,n.default.createElement("tr",null,n.default.createElement("th",{scope:"col"},"Key"),n.default.createElement("th",{scope:"col"},"Value"))),n.default.createElement("tbody",null,n.default.createElement("tr",null,n.default.createElement("td",null,"Name"),n.default.createElement("td",null,"John Doe")),n.default.createElement("tr",null,n.default.createElement("td",null,"Occupation"),n.default.createElement("td",null,"Unknown")),n.default.createElement("tr",null,n.default.createElement("td",null,"Skills"),n.default.createElement("td",null,"Unknown"))))))};t.DescriptionTable=i;var s=function e(){return n.default.createElement("div",{className:"col-md-12 col-lg-10 doc-body"},n.default.createElement("p",{className:"lead"},"Lots of nice info about tables will be here..."),n.default.createElement(o,null),n.default.createElement(u,null),n.default.createElement(c,null),n.default.createElement(d,null),n.default.createElement(i,null))};t.TablesText=s;var m=function e(){return n.default.createElement("div",{className:"doc-container"},n.default.createElement("div",{className:"row"},n.default.createElement(s,null),n.default.createElement(r.DocToc,{component:s})))},f=m;t.default=f},"./src/App/Documentation/core/Typography/index.js":function(e,t,l){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TypographyText=t.Blockquotes=t.Abbreviations=t.TextUtilities=t.Inline=t.Lead=t.Small=t.Headings=t.Fonts=t.default=void 0;var n=a(l("./node_modules/react/index.js")),r=l("./node_modules/react-router-dom/es/index.js"),o=a(l("./node_modules/react-prism/lib/index.js")),u=l("./src/App/Documentation/utils/index.js"),c=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"font"},"Font"),n.default.createElement("p",null,"The standard font PayEx DesignGuide uses is Roboto. It is included in the stylesheet. The included font weights you can use are: 300, 400, 500, 700 & 900. Both normal and italicized is available."),n.default.createElement("h3",null,"Removing Roboto"),n.default.createElement("p",null,"In case your site is not going to use Roboto, you can modify your font stack by modifying the snippet below to your preferance and add it to your custom stylesheet."),n.default.createElement(u.ComponentPreview,{language:"css",codeFigure:!0},"html {\n font-family: GillSans, Calibri, Trebuchet, sans-serif;\n }"))};t.Fonts=c;var d=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"headings"},"Headings"),n.default.createElement("p",null,"PayEx DesignGuide provides basic styling on all headings (h1-h6)."),n.default.createElement(u.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("h1",null,"Heading h1"),n.default.createElement("h2",null,"Heading h2"),n.default.createElement("h3",null,"Heading h3"),n.default.createElement("h4",null,"Heading h4"),n.default.createElement("h5",null,"Heading h5"),n.default.createElement("h6",null,"Heading h6")),n.default.createElement("p",null,"The classes ",n.default.createElement("code",{className:"token property"},".h1")," through ",n.default.createElement("code",{className:"token property"},".h6")," are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element."),n.default.createElement(u.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("p",{className:"h1"},".h1 heading"),n.default.createElement("p",{className:"h2"},".h2 heading"),n.default.createElement("p",{className:"h3"},".h3 heading"),n.default.createElement("p",{className:"h4"},".h4 heading"),n.default.createElement("p",{className:"h5"},".h5 heading"),n.default.createElement("p",{className:"h6"},".h6 heading")))};t.Headings=d;var i=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"small"},"Small"),n.default.createElement("p",null,"Use the ",n.default.createElement(o.default,{className:"language-html"},"")," tags to create a secondary heading within a heading tag or class."),n.default.createElement(u.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("h2",null,"Main heading ",n.default.createElement("small",null,"with a faded secondary heading"))))};t.Small=i;var s=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"lead"},"Lead"),n.default.createElement("p",null,"Make a paragraph stand out by using ",n.default.createElement("code",{className:"token property"},".lead"),"."),n.default.createElement(u.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("p",{className:"lead"},"This is a leading paragraph which for instance can be used as an introduction.")))};t.Lead=s;var m=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"inline-text-elements"},"Inline text elements"),n.default.createElement("p",null,"Styling for common inline HTML5 elements."),n.default.createElement(u.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("p",null,"You can use the mark tag to ",n.default.createElement("mark",null,"highlight")," text."),n.default.createElement("p",null,n.default.createElement("del",null,"This line of text is meant to be treated as deleted text.")),n.default.createElement("p",null,n.default.createElement("s",null,"This line of text is meant to be treated as no longer accurate.")),n.default.createElement("p",null,n.default.createElement("ins",null,"This line of text is meant to be treated as an addition to the document.")),n.default.createElement("p",null,n.default.createElement("u",null,"This line of text will render as underlined")),n.default.createElement("p",null,n.default.createElement("small",null,"This line of text is meant to be treated as fine print.")),n.default.createElement("p",null,n.default.createElement("strong",null,"This line rendered as bold text.")),n.default.createElement("p",null,n.default.createElement("b",null,"This line really stands out.")),n.default.createElement("p",null,n.default.createElement("em",null,"This line rendered as italicized text.")),n.default.createElement("p",null,n.default.createElement("i",null,"This is the last line, it too will render as italicized text."))),n.default.createElement("p",null,"The ",n.default.createElement("code",{className:"token property"},".mark")," and ",n.default.createElement("code",{className:"token property"},".small")," classes are also available to apply the same styles as ",n.default.createElement(o.default,{className:"language-html"},"")," and ",n.default.createElement(o.default,{className:"language-html"},"")," while avoiding any unwanted semantic implications that the tags would bring."),n.default.createElement("p",null,"While not shown above, feel free to use ",n.default.createElement(o.default,{className:"language-html"},"")," and ",n.default.createElement(o.default,{className:"language-html"},"")," in HTML5. ",n.default.createElement(o.default,{className:"language-html"},"")," is meant to highlight words or phrases without conveying additional importance while ",n.default.createElement(o.default,{className:"language-html"},"")," is mostly for voice, technical terms, etc."))};t.Inline=m;var f=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"text-utilities"},"Text utilities"),n.default.createElement("p",null,"Change text alignment, transform, style, weight, and color with our ",n.default.createElement(r.Link,{to:"/docs/utilities/text"},"text utilities")," ",n.default.createElement("b",null,"(NOT YET IMPLEMENTED)")," and ",n.default.createElement(r.Link,{to:"/docs/utilities/color"},"color utilities")," ",n.default.createElement("b",null,"(NOT YET IMPLEMENTED)"),"."))};t.TextUtilities=f;var p=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"abbreviations"},"Abbreviations"),n.default.createElement("p",null,"Stylized implementation of HTML’s ",n.default.createElement(o.default,{className:"language-html"},"")," element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies."),n.default.createElement("p",null,"Add ",n.default.createElement("code",{className:"token property"},".initialism")," to an abbreviation for a slightly smaller font-size."),n.default.createElement(u.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("p",null,n.default.createElement("abbr",{title:"Laugh Out Loud"},"LOL")),n.default.createElement("p",null,n.default.createElement("abbr",{title:"HyperText Markup Language",className:"initialism"},"HTML"))),n.default.createElement("p",null,n.default.createElement("a",{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr",target:"_blank",rel:"noopener noreferrer"},"Read more")," about abbreviations."))};t.Abbreviations=p;var E=function e(){var t=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h2",{id:"blockquotes"},"Blockquotes"),n.default.createElement("p",null,"For quoting blocks of content from another source within your document. Wrap ",n.default.createElement(o.default,{className:"language-html"},"
        ")," or ",n.default.createElement("code",{className:"token property"},".blockquote")," around any HTML as the quote."),n.default.createElement(u.ComponentPreview,{language:"html",showCasePanel:!0,codeFigure:!0},n.default.createElement("blockquote",{className:"blockquote"},n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."))))},l=function e(){return n.default.createElement(n.default.Fragment,null,n.default.createElement("h3",null,"Naming a source"),n.default.createElement("p",null,"Add a ",n.default.createElement(o.default,{className:"language-html"},"