diff --git a/dist/system/system.css b/dist/system/system.css index 662993c5..da0e16d2 100644 --- a/dist/system/system.css +++ b/dist/system/system.css @@ -1 +1 @@ -.button[data-v-c3690e8a]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;background:transparent;border:0;border-radius:3px;box-shadow:inset 0 0 0 2px #258aef;box-sizing:border-box;color:#258aef;cursor:pointer;display:inline-flex;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.6;margin:0 8px 24px 0;padding:0;text-decoration:none;transition:all .2s ease;will-change:transform}.button[data-v-c3690e8a]:last-child{margin-bottom:0;margin-right:0}.button.hover[data-v-c3690e8a],.button[data-v-c3690e8a]:hover{-webkit-transform:translateZ(0) scale(1.03);background:#258aef;color:#fff;transform:translateZ(0) scale(1.03)}.button.active[data-v-c3690e8a],.button[data-v-c3690e8a]:active{-webkit-transform:translateZ(0) scale(1);background:#1070d1;box-shadow:none;color:#fff;transform:translateZ(0) scale(1);transition:none}.button.focus[data-v-c3690e8a],.button[data-v-c3690e8a]:focus{-webkit-transform:translateZ(0) scale(1);background:#0c57a1;box-shadow:none;color:#fff;outline:0;transform:translateZ(0) scale(1)}.button .icon[data-v-c3690e8a]{color:#258aef;float:right;margin:-8px -8px -16px 4px}.button.large[data-v-c3690e8a]{font-size:24px;padding:8px 16px 9px}.button.medium[data-v-c3690e8a]{font-size:16px;padding:8px 16px 9px}.button.small[data-v-c3690e8a]{font-size:13px;padding:4px 8px 5px}.button.primary[data-v-c3690e8a]{background:#258aef;box-shadow:none;color:#fff}.button.primary.hover[data-v-c3690e8a],.button.primary[data-v-c3690e8a]:hover{background-color:#2179d2}.button.primary.active[data-v-c3690e8a],.button.primary[data-v-c3690e8a]:active{background-color:#1e6ebf;transition:none}.button.primary[data-v-c3690e8a]:focus{outline:0}.heading[data-v-614943df]{box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;line-height:1;margin:0 0 24px;padding:0}.heading[data-v-614943df]:last-child{margin-bottom:0}h1[data-v-614943df]{font-size:48px;font-weight:600;letter-spacing:-1px}@media (min-width:1024px){h1[data-v-614943df]{font-size:64px}}h2[data-v-614943df]{font-size:48px;font-weight:600;letter-spacing:-.5px}h3[data-v-614943df]{font-size:36px;font-weight:600}h4[data-v-614943df]{font-size:24px;font-weight:600}h5[data-v-614943df]{font-size:16px;font-weight:400}h6[data-v-614943df]{font-size:13px;font-weight:400}.icon{box-sizing:border-box;margin:0;padding:0}.icon.large svg{height:48px;width:48px}.icon.medium svg{height:24px;width:24px}.icon.small svg{height:16px;width:16px}.input[data-v-698acc83]{font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;margin-bottom:16px;width:auto}.input[data-v-698acc83]:last-child{margin-bottom:0}.input-expand[data-v-698acc83]{width:100%}.input label[data-v-698acc83]{color:#33414f;cursor:pointer;display:block;font-size:13px;margin-bottom:8px}.input label[data-v-698acc83]:last-child{margin-bottom:0}.input input[data-v-698acc83]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:3px;box-shadow:inset 0 1px 0 0 rgba(0,17,35,.07),0 0 0 1px #cccfd3;box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;margin:0;padding:8px 16px 9px;transition:all .2s ease;width:100%}.input input[data-v-698acc83]::-webkit-input-placeholder{-webkit-font-smoothing:antialiased;color:#bfc4c8}.input input[data-v-698acc83]:-ms-input-placeholder{color:#bfc4c8}.input input[data-v-698acc83]::-moz-placeholder{-moz-osx-font-smoothing:grayscale;color:#bfc4c8;opacity:1}.input input.hover[data-v-698acc83],.input input[data-v-698acc83]:hover{box-shadow:0 1px 5px 0 rgba(0,17,35,.07),0 0 0 1px #99a0a7}.input input.focus[data-v-698acc83],.input input[data-v-698acc83]:focus{box-shadow:inset 0 0 0 1px #258aef,0 0 0 1px #258aef;outline:0;transition:box-shadow .2s ease}.input input[disabled][data-v-698acc83]{background:#fff;box-shadow:0 0 0 1px #cccfd3;color:#ccd0d3;cursor:not-allowed;opacity:.7}.input input[disabled][data-v-698acc83],.paragraph[data-v-c864d2b4]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.paragraph[data-v-c864d2b4]{box-sizing:border-box;color:#26292c;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6;margin:0 0 24px;padding:0;transition:color .3s ease}.paragraph[data-v-c864d2b4]:last-child{margin-bottom:0}.paragraph a[data-v-c864d2b4]{color:#258aef;text-decoration:none}.paragraph a[data-v-c864d2b4]:hover{color:#0c57a2}.paragraph.intro[data-v-c864d2b4]{font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:24px;font-weight:300;margin-bottom:24px}.paragraph.intro[data-v-c864d2b4]:last-child{margin-bottom:0}.paragraph.large[data-v-c864d2b4]{font-size:24px}.paragraph.small[data-v-c864d2b4]{font-size:13px}.text-style[data-v-7610f142]{box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 16px;padding:0}.text-style[data-v-7610f142]:last-child{margin-bottom:0}.text-style.disabled[data-v-7610f142]{color:#808891;text-decoration:line-through}.text-style.strong[data-v-7610f142]{font-weight:600}.text-style.positive[data-v-7610f142]{color:#639113}.text-style.negative[data-v-7610f142]{color:#eb3b24}.textarea[data-v-49700027]{font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;margin-bottom:16px;width:auto}.textarea[data-v-49700027]:last-child{margin-bottom:0}.textarea-expand[data-v-49700027]{width:100%}.textarea label[data-v-49700027]{color:#33414f;cursor:pointer;display:block;font-size:13px;margin-bottom:8px}.textarea label[data-v-49700027]:last-child{margin-bottom:0}.textarea textarea[data-v-49700027]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:3px;box-shadow:inset 0 1px 0 0 rgba(0,17,35,.07),0 0 0 1px #cccfd3;box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;margin:0;min-height:128px;padding:8px 16px 9px;resize:vertical;transition:all .2s ease;width:100%}.textarea textarea[data-v-49700027]::-webkit-input-placeholder{-webkit-font-smoothing:antialiased;color:#bfc4c8}.textarea textarea[data-v-49700027]:-ms-input-placeholder{color:#bfc4c8}.textarea textarea[data-v-49700027]::-moz-placeholder{-moz-osx-font-smoothing:grayscale;color:#bfc4c8;opacity:1}.textarea textarea.hover[data-v-49700027],.textarea textarea[data-v-49700027]:hover{box-shadow:0 1px 5px 0 rgba(0,17,35,.07),0 0 0 1px #99a0a7}.textarea textarea.focus[data-v-49700027],.textarea textarea[data-v-49700027]:focus{box-shadow:inset 0 0 0 1px #258aef,0 0 0 1px #258aef;outline:0;transition:box-shadow .2s ease}.textarea textarea[disabled][data-v-49700027]{-webkit-font-smoothing:antialiased;background:#fff;box-shadow:0 0 0 1px #cccfd3;color:#ccd0d3;cursor:not-allowed;opacity:.7}.wrapper[data-v-4b05eca0]{box-sizing:border-box;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0;padding:48px;width:100%}@media (min-width:1024px){.wrapper[data-v-4b05eca0]{padding:64px}}.nav[data-v-0ee66408]{color:#fff;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.6;margin-bottom:24px;text-align:center;width:100%}.nav[data-v-0ee66408]:last-child{margin-bottom:0}.nav a[data-v-0ee66408]{color:#258aef;display:inline-block;margin:0 8px;padding:8px 0;text-decoration:none}.nav a[data-v-0ee66408]:hover{color:#258aef}.nav a.active[data-v-0ee66408]{border-bottom:2px solid #258aef;color:#258aef;font-weight:700}.index[data-v-20191d76]{background:#001123;background:linear-gradient(0deg,#001021,#0d1d2e 100%);box-sizing:border-box;float:left;height:100%;margin:0;min-height:512px;padding:24px;position:relative;text-align:center;width:100%}.index .heading[data-v-20191d76],.index .paragraph[data-v-20191d76]{color:#fff}.index .text-link[data-v-20191d76]{color:#258aef}.index .wrapper[data-v-20191d76]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-transform:translateX(-50%) translateY(-50%);left:50%;max-width:576px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.index a[data-v-20191d76]{color:#258aef;font-family:Fira Sans,Helvetica,Arial,sans-serif;text-decoration:underline}.not-found[data-v-622af9fe]{background:#001123;background:linear-gradient(0deg,#001021,#0d1d2e 100%);box-sizing:border-box;float:left;height:100%;margin:0;min-height:512px;padding:24px;position:relative;text-align:center;width:100%}.not-found .heading[data-v-622af9fe],.not-found .paragraph[data-v-622af9fe]{color:#fff}.not-found .text-link[data-v-622af9fe]{color:#258aef}.not-found .wrapper[data-v-622af9fe]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-transform:translateX(-50%) translateY(-50%);left:50%;max-width:576px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)} \ No newline at end of file +.button[data-v-d2d2e682]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;background:transparent;border:0;border-radius:3px;box-shadow:inset 0 0 0 2px #258aef;box-sizing:border-box;color:#258aef;cursor:pointer;display:inline-flex;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.6;margin:0 8px 24px 0;padding:0;text-decoration:none;transition:all .2s ease;will-change:transform}.button[data-v-d2d2e682]:last-child{margin-bottom:0;margin-right:0}.button.hover[data-v-d2d2e682],.button[data-v-d2d2e682]:hover{-webkit-transform:translateZ(0) scale(1.03);background:#258aef;color:#fff;transform:translateZ(0) scale(1.03)}.button.active[data-v-d2d2e682],.button[data-v-d2d2e682]:active{-webkit-transform:translateZ(0) scale(1);background:#1070d1;box-shadow:none;color:#fff;transform:translateZ(0) scale(1);transition:none}.button.focus[data-v-d2d2e682],.button[data-v-d2d2e682]:focus{-webkit-transform:translateZ(0) scale(1);background:#0c57a1;box-shadow:none;color:#fff;outline:0;transform:translateZ(0) scale(1)}.button .icon[data-v-d2d2e682]{color:#258aef;float:right;margin:-8px -8px -16px 4px}.button.large[data-v-d2d2e682]{font-size:24px;padding:8px 16px 9px}.button.medium[data-v-d2d2e682]{font-size:16px;padding:8px 16px 9px}.button.small[data-v-d2d2e682]{font-size:13px;padding:4px 8px 5px}.button.primary[data-v-d2d2e682]{background:#258aef;box-shadow:none;color:#fff}.button.primary.hover[data-v-d2d2e682],.button.primary[data-v-d2d2e682]:hover{background-color:#2179d2}.button.primary.active[data-v-d2d2e682],.button.primary[data-v-d2d2e682]:active{background-color:#1e6ebf;transition:none}.button.primary[data-v-d2d2e682]:focus{outline:0}.heading[data-v-614943df]{box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;line-height:1;margin:0 0 24px;padding:0}.heading[data-v-614943df]:last-child{margin-bottom:0}h1[data-v-614943df]{font-size:48px;font-weight:600;letter-spacing:-1px}@media (min-width:1024px){h1[data-v-614943df]{font-size:64px}}h2[data-v-614943df]{font-size:48px;font-weight:600;letter-spacing:-.5px}h3[data-v-614943df]{font-size:36px;font-weight:600}h4[data-v-614943df]{font-size:24px;font-weight:600}h5[data-v-614943df]{font-size:16px;font-weight:400}h6[data-v-614943df]{font-size:13px;font-weight:400}.icon{box-sizing:border-box;margin:0;padding:0}.icon.large svg{height:48px;width:48px}.icon.medium svg{height:24px;width:24px}.icon.small svg{height:16px;width:16px}.input[data-v-75da1bd8]{font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;margin-bottom:16px;width:auto}.input[data-v-75da1bd8]:last-child{margin-bottom:0}.input-expand[data-v-75da1bd8]{width:100%}.input label[data-v-75da1bd8]{color:#33414f;cursor:pointer;display:block;font-size:13px;margin-bottom:8px}.input label[data-v-75da1bd8]:last-child{margin-bottom:0}.input input[data-v-75da1bd8]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:3px;box-shadow:inset 0 1px 0 0 rgba(0,17,35,.07),0 0 0 1px #cccfd3;box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;margin:0;padding:8px 16px 9px;transition:all .2s ease;width:100%}.input input[data-v-75da1bd8]::-webkit-input-placeholder{-webkit-font-smoothing:antialiased;color:#bfc4c8}.input input[data-v-75da1bd8]:-ms-input-placeholder{color:#bfc4c8}.input input[data-v-75da1bd8]::-moz-placeholder{-moz-osx-font-smoothing:grayscale;color:#bfc4c8;opacity:1}.input input.hover[data-v-75da1bd8],.input input[data-v-75da1bd8]:hover{box-shadow:0 1px 5px 0 rgba(0,17,35,.07),0 0 0 1px #99a0a7}.input input.focus[data-v-75da1bd8],.input input[data-v-75da1bd8]:focus{box-shadow:inset 0 0 0 1px #258aef,0 0 0 1px #258aef;outline:0;transition:box-shadow .2s ease}.input input[disabled][data-v-75da1bd8]{background:#fff;box-shadow:0 0 0 1px #cccfd3;color:#ccd0d3;cursor:not-allowed;opacity:.7}.input input[disabled][data-v-75da1bd8],.paragraph[data-v-c864d2b4]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.paragraph[data-v-c864d2b4]{box-sizing:border-box;color:#26292c;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6;margin:0 0 24px;padding:0;transition:color .3s ease}.paragraph[data-v-c864d2b4]:last-child{margin-bottom:0}.paragraph a[data-v-c864d2b4]{color:#258aef;text-decoration:none}.paragraph a[data-v-c864d2b4]:hover{color:#0c57a2}.paragraph.intro[data-v-c864d2b4]{font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:24px;font-weight:300;margin-bottom:24px}.paragraph.intro[data-v-c864d2b4]:last-child{margin-bottom:0}.paragraph.large[data-v-c864d2b4]{font-size:24px}.paragraph.small[data-v-c864d2b4]{font-size:13px}.text-style[data-v-7610f142]{box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0 0 16px;padding:0}.text-style[data-v-7610f142]:last-child{margin-bottom:0}.text-style.disabled[data-v-7610f142]{color:#808891;text-decoration:line-through}.text-style.strong[data-v-7610f142]{font-weight:600}.text-style.positive[data-v-7610f142]{color:#639113}.text-style.negative[data-v-7610f142]{color:#eb3b24}.textarea[data-v-4c791c86]{font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;margin-bottom:16px;width:auto}.textarea[data-v-4c791c86]:last-child{margin-bottom:0}.textarea-expand[data-v-4c791c86]{width:100%}.textarea label[data-v-4c791c86]{color:#33414f;cursor:pointer;display:block;font-size:13px;margin-bottom:8px}.textarea label[data-v-4c791c86]:last-child{margin-bottom:0}.textarea textarea[data-v-4c791c86]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:3px;box-shadow:inset 0 1px 0 0 rgba(0,17,35,.07),0 0 0 1px #cccfd3;box-sizing:border-box;color:#001123;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;margin:0;min-height:128px;padding:8px 16px 9px;resize:vertical;transition:all .2s ease;width:100%}.textarea textarea[data-v-4c791c86]::-webkit-input-placeholder{-webkit-font-smoothing:antialiased;color:#bfc4c8}.textarea textarea[data-v-4c791c86]:-ms-input-placeholder{color:#bfc4c8}.textarea textarea[data-v-4c791c86]::-moz-placeholder{-moz-osx-font-smoothing:grayscale;color:#bfc4c8;opacity:1}.textarea textarea.hover[data-v-4c791c86],.textarea textarea[data-v-4c791c86]:hover{box-shadow:0 1px 5px 0 rgba(0,17,35,.07),0 0 0 1px #99a0a7}.textarea textarea.focus[data-v-4c791c86],.textarea textarea[data-v-4c791c86]:focus{box-shadow:inset 0 0 0 1px #258aef,0 0 0 1px #258aef;outline:0;transition:box-shadow .2s ease}.textarea textarea[disabled][data-v-4c791c86]{-webkit-font-smoothing:antialiased;background:#fff;box-shadow:0 0 0 1px #cccfd3;color:#ccd0d3;cursor:not-allowed;opacity:.7}.wrapper[data-v-17ac5440]{box-sizing:border-box;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0;padding:48px;width:100%}@media (min-width:1024px){.wrapper[data-v-17ac5440]{padding:64px}}.nav[data-v-5620a27a]{color:#fff;font-family:Fira Sans,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.6;margin-bottom:24px;text-align:center;width:100%}.nav[data-v-5620a27a]:last-child{margin-bottom:0}.nav a[data-v-5620a27a]{color:#258aef;display:inline-block;margin:0 8px;padding:8px 0;text-decoration:none}.nav a[data-v-5620a27a]:hover{color:#258aef}.nav a.active[data-v-5620a27a]{border-bottom:2px solid #258aef;color:#258aef;font-weight:700}.index[data-v-51cd77f8]{background:#001123;background:linear-gradient(0deg,#001021,#0d1d2e 100%);box-sizing:border-box;float:left;height:100%;margin:0;min-height:512px;padding:24px;position:relative;text-align:center;width:100%}.index .heading[data-v-51cd77f8],.index .paragraph[data-v-51cd77f8]{color:#fff}.index .text-link[data-v-51cd77f8]{color:#258aef}.index .wrapper[data-v-51cd77f8]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-transform:translateX(-50%) translateY(-50%);left:50%;max-width:576px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.index a[data-v-51cd77f8]{color:#258aef;font-family:Fira Sans,Helvetica,Arial,sans-serif;text-decoration:underline}.not-found[data-v-72de55c1]{background:#001123;background:linear-gradient(0deg,#001021,#0d1d2e 100%);box-sizing:border-box;float:left;height:100%;margin:0;min-height:512px;padding:24px;position:relative;text-align:center;width:100%}.not-found .heading[data-v-72de55c1],.not-found .paragraph[data-v-72de55c1]{color:#fff}.not-found .text-link[data-v-72de55c1]{color:#258aef}.not-found .wrapper[data-v-72de55c1]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-transform:translateX(-50%) translateY(-50%);left:50%;max-width:576px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)} \ No newline at end of file diff --git a/dist/system/system.js b/dist/system/system.js index 2d7a808a..ae31af59 100644 --- a/dist/system/system.js +++ b/dist/system/system.js @@ -1 +1 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.system=e():t.system=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var a=e[r]={i:r,l:!1,exports:{}};return t[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)n.d(r,a,function(e){return t[e]}.bind(null,a));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=0)}({"/kPn":function(t,e,n){"use strict";n.r(e);var r={name:"Button",status:"prototype",release:"3.5.0",props:{type:{type:String,default:"button",validator:function(t){return t.match(/(button|a)/)}},size:{type:String,default:"medium",validator:function(t){return t.match(/(small|medium|large)/)}},href:{type:String,default:null},submit:{type:String,default:null,validator:function(t){return t.match(/(null|submit)/)}},state:{type:String,default:null,validator:function(t){return t.match(/(hover|active|focus)/)}},variation:{type:String,default:null,validator:function(t){return t.match(/(primary|secondary)/)}}}},a=(n("kApE"),n("KHd+")),o=n("tcIX"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.type,{tag:"component",class:["button",this.size,this.state,this.variation],attrs:{href:this.href,type:this.submit}},[this._t("default")],2)},[],!1,null,"c3690e8a",null);"function"==typeof i.a&&i()(u),u.options.__file="Button.vue";e.default=u.exports},"/thn":function(t,e){t.exports=''},0:function(t,e,n){t.exports=n("5m5j")},"1phr":function(t,e){},"2dpg":function(t,e,n){"use strict";var r=n("H4RJ");n.n(r).a},"2dwG":function(t,e){t.exports=''},"4K1/":function(t,e,n){"use strict";n.r(e);var r={name:"NotFound",metaInfo:{title:"Page Not Found | Vue Design System",htmlAttrs:{lang:"en"}},props:{type:{type:String,default:"div"}}},a=(n("vJ+2"),n("KHd+")),o=n("gkHm"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement,e=this._self._c||t;return e(this.type,{tag:"component",staticClass:"not-found"},[e("NavBar",{attrs:{active:"NotFound",navItems:[{name:"Template",component:"Index",href:"/#/"},{name:"Documentation",href:"http://localhost:6060/"}]}}),this._v(" "),e("Wrapper",[e("Heading",[this._v("404 Error")]),this._v(" "),e("Paragraph",[this._v("Couldn’t find a component that would match the URL you entered. Double check configuration in router/index.js.")])],1)],1)},[],!1,null,"622af9fe",null);"function"==typeof i.a&&i()(u),u.options.__file="NotFound.vue";e.default=u.exports},"5m5j":function(t,e,n){"use strict";n.r(e);var r=[];[n("Xl01"),n("JtIp"),n("c1KM")].forEach(function(t){t.keys().forEach(function(e){return r.push(t(e).default)})});var a={install:function(t){r.forEach(function(e){return t.component(e.name,e)})}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(a),e.default=a},"5wPu":function(t,e,n){},"68yd":function(t,e,n){"use strict";n.r(e);var r=n("bzL3"),a={name:"Icon",status:"review",release:"1.0.0",props:{name:{required:!0,default:"settings"},fill:{type:String,default:"currentColor"},ariaLabel:{type:String,default:"icon"},type:{type:String,default:"span"},size:{type:String,default:"medium",validator:function(t){return t.match(/(small|medium|large)/)}}},data:function(){return{svg:r("./"+this.name+".svg").replace(/^'},ECTP:function(t,e){},FmFd:function(t,e,n){"use strict";n.r(e);var r={name:"Paragraph",status:"prototype",release:"3.5.0",props:{type:{type:String,default:"p",validator:function(t){return t.match(/(p|span)/)}},variation:{type:String,default:"medium",validator:function(t){return t.match(/(medium|intro|large|small)/)}}}},a=(n("TCTD"),n("KHd+")),o=n("ECTP"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.type,{tag:"component",class:["paragraph",this.variation]},[this._t("default")],2)},[],!1,null,"c864d2b4",null);"function"==typeof i.a&&i()(u),u.options.__file="Paragraph.vue";e.default=u.exports},H4RJ:function(t,e,n){},HpXA:function(t,e){},"Ii/R":function(t,e,n){"use strict";var r=n("vAeE");n.n(r).a},JB6r:function(t,e,n){},JtIp:function(t,e,n){var r={"./NavBar.vue":"nrZS"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="JtIp"},"KHd+":function(t,e,n){"use strict";function r(t,e,n,r,a,o,i,u){var s,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),o&&(c._scopeId="data-v-"+o),i?(s=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=s):a&&(s=u?function(){a.call(this,this.$root.$options.shadowRoot)}:a),s)if(c.functional){c._injectStyles=s;var l=c.render;c.render=function(t,e){return s.call(e),l(t,e)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,s):[s]}return{exports:t,options:c}}n.d(e,"a",function(){return r})},KzwA:function(t,e,n){},PTKP:function(t,e,n){},TCTD:function(t,e,n){"use strict";var r=n("U50v");n.n(r).a},Tof5:function(t,e){},U50v:function(t,e,n){},UklV:function(t,e,n){"use strict";n.r(e);var r={name:"Input",status:"ready",release:"1.0.0",props:{type:{type:String,default:"text",validator:function(t){return t.match(/(text|number|email)/)}},value:{type:String,default:null},placeholder:{type:String,default:null},label:{type:String,default:null},wrapper:{type:String,default:"div",validator:function(t){return t.match(/(div|section)/)}},id:{type:String,default:null},width:{type:String,default:"expand",validator:function(t){return t.match(/(auto|expand)/)}},disabled:{type:Boolean,default:!1},state:{type:String,default:null,validator:function(t){return t.match(/(hover|active|focus)/)}}},methods:{onInput:function(t){this.$emit("change",t)},onFocus:function(t){this.$emit("focus",t)}}},a=(n("9+RL"),n("KHd+")),o=n("7dOS"),i=n.n(o),u=Object(a.a)(r,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.wrapper,{tag:"component",class:["input",{"input-expand":"expand"===t.width}]},[t.label?n("label",{attrs:{for:t.id}},[t._v(t._s(t.label))]):t._e(),t._v(" "),n("input",{class:t.state,attrs:{id:t.id,disabled:t.disabled,type:t.type,placeholder:t.placeholder},domProps:{value:t.value},on:{input:function(e){t.onInput(e.target.value)},focus:function(e){t.onFocus(e.target.value)}}})])},[],!1,null,"698acc83",null);"function"==typeof i.a&&i()(u),u.options.__file="Input.vue";e.default=u.exports},UvfI:function(t,e,n){},Xl01:function(t,e,n){var r={"./Button.vue":"/kPn","./Heading.vue":"oIR/","./Icon.vue":"68yd","./Input.vue":"UklV","./Paragraph.vue":"FmFd","./TextStyle.vue":"r6ov","./Textarea.vue":"lK0x","./Wrapper.vue":"9t9y"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="Xl01"},Z0DB:function(t,e,n){"use strict";var r=n("eUC7");n.n(r).a},bzL3:function(t,e,n){var r={"./deprecated.svg":"/thn","./prototype.svg":"2dwG","./ready.svg":"AAsE","./review.svg":"eAtJ"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="bzL3"},c1KM:function(t,e,n){var r={"./Index.vue":"lF/O","./NotFound.vue":"4K1/"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="c1KM"},c5QI:function(t,e,n){"use strict";var r=n("KzwA");n.n(r).a},eAtJ:function(t,e){t.exports=''},eUC7:function(t,e,n){},frqv:function(t,e,n){"use strict";var r=n("UvfI");n.n(r).a},gkHm:function(t,e){},jzLE:function(t,e,n){},kApE:function(t,e,n){"use strict";var r=n("PTKP");n.n(r).a},"lF/O":function(t,e,n){"use strict";n.r(e);var r={name:"Index",status:"deprecated",release:"1.0.0",metaInfo:{title:"Vue Design System",htmlAttrs:{lang:"en"}},props:{type:{type:String,default:"div"}}},a=(n("2dpg"),n("KHd+")),o=n("9I8L"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement,e=this._self._c||t;return e(this.type,{tag:"component",staticClass:"index"},[e("NavBar",{attrs:{active:"Index",navItems:[{name:"Template",component:"Index",href:"/#/"},{name:"Documentation",href:"http://localhost:6060/"}]}}),this._v(" "),e("Wrapper",[e("Heading",[this._v("Vue Design System")]),this._v(" "),e("Paragraph",[e("a",{attrs:{href:"https://vueds.com"}},[this._v("Vue Design System")]),this._v(" is an open-source tool for building design systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices. It works as the foundation for your application development.")])],1)],1)},[],!1,null,"20191d76",null);"function"==typeof i.a&&i()(u),u.options.__file="Index.vue";e.default=u.exports},lK0x:function(t,e,n){"use strict";n.r(e);var r={name:"Textarea",status:"ready",release:"3.5.0",props:{value:{type:String,default:null},placeholder:{type:String,default:null},label:{type:String,default:null},wrapper:{type:String,default:"div",validator:function(t){return t.match(/(div|section)/)}},id:{type:String,default:null},width:{type:String,default:"expand",validator:function(t){return t.match(/(auto|expand)/)}},disabled:{type:Boolean,default:!1},state:{type:String,default:null,validator:function(t){return t.match(/(hover|active|focus)/)}}},methods:{onInput:function(t){this.$emit("change",t)},onFocus:function(t){this.$emit("focus",t)}}},a=(n("wzGU"),n("KHd+")),o=n("7DUr"),i=n.n(o),u=Object(a.a)(r,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.wrapper,{tag:"component",class:["textarea",{"textarea-expand":"expand"===t.width}]},[t.label?n("label",{attrs:{for:t.id}},[t._v(t._s(t.label))]):t._e(),t._v(" "),n("textarea",{directives:[{name:"model",rawName:"v-model",value:t.value,expression:"value"}],class:t.state,attrs:{id:t.id,disabled:t.disabled,placeholder:t.placeholder},domProps:{value:t.value},on:{input:[function(e){e.target.composing||(t.value=e.target.value)},function(e){t.onInput(e.target.value)}],focus:function(e){t.onFocus(e.target.value)}}})])},[],!1,null,"49700027",null);"function"==typeof i.a&&i()(u),u.options.__file="Textarea.vue";e.default=u.exports},nZfC:function(t,e,n){"use strict";var r=n("oXgq");n.n(r).a},nrZS:function(t,e,n){"use strict";n.r(e);var r={name:"NavBar",status:"ready",release:"1.0.0",model:{prop:"active"},props:{type:{type:String,default:"nav"},active:{required:!0,type:String},navItems:{required:!0,type:Array}},computed:{localActive:{get:function(){return this.active},set:function(t){this.$emit("input",t)}}}},a=(n("Ii/R"),n("KHd+")),o=n("Tof5"),i=n.n(o),u=Object(a.a)(r,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.type,{tag:"component",staticClass:"nav"},t._l(t.navItems,function(e,r){return n("a",{key:r,class:{active:t.localActive===e.component},attrs:{href:e.href},domProps:{innerHTML:t._s(e.name)}})}))},[],!1,null,"0ee66408",null);"function"==typeof i.a&&i()(u),u.options.__file="NavBar.vue";e.default=u.exports},"oIR/":function(t,e,n){"use strict";n.r(e);var r={name:"Heading",status:"prototype",release:"1.0.0",props:{level:{type:String,default:"h1",validator:function(t){return t.match(/(h1|h2|h3|h4|h5|h6)/)}}}},a=(n("Z0DB"),n("KHd+")),o=n("woMB"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.level,{tag:"component",staticClass:"heading"},[this._t("default")],2)},[],!1,null,"614943df",null);"function"==typeof i.a&&i()(u),u.options.__file="Heading.vue";e.default=u.exports},oXgq:function(t,e,n){},r6ov:function(t,e,n){"use strict";n.r(e);var r={name:"TextStyle",status:"ready",release:"1.0.0",props:{type:{type:String,default:"span",validator:function(t){return t.match(/(span|em|i|strong)/)}},variation:{type:String,default:"default",validator:function(t){return t.match(/(default|disabled|strong|positive|negative)/)}}}},a=(n("nZfC"),n("KHd+")),o=n("7kMZ"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.type,{tag:"component",class:["text-style",this.variation]},[this._t("default")],2)},[],!1,null,"7610f142",null);"function"==typeof i.a&&i()(u),u.options.__file="TextStyle.vue";e.default=u.exports},tcIX:function(t,e){},vAeE:function(t,e,n){},"vJ+2":function(t,e,n){"use strict";var r=n("JB6r");n.n(r).a},woMB:function(t,e){},wzGU:function(t,e,n){"use strict";var r=n("jzLE");n.n(r).a}})}); \ No newline at end of file +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.system=e():t.system=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var a=e[r]={i:r,l:!1,exports:{}};return t[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)n.d(r,a,function(e){return t[e]}.bind(null,a));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=0)}({"/kPn":function(t,e,n){"use strict";n.r(e);var r={name:"Button",status:"prototype",release:"3.5.0",props:{type:{type:String,default:"button",validator:function(t){return t.match(/(button|a)/)}},size:{type:String,default:"medium",validator:function(t){return t.match(/(small|medium|large)/)}},href:{type:String,default:null},submit:{type:String,default:null,validator:function(t){return t.match(/(null|submit)/)}},state:{type:String,default:null,validator:function(t){return t.match(/(hover|active|focus)/)}},variation:{type:String,default:null,validator:function(t){return t.match(/(primary|secondary)/)}}}},a=(n("IBcm"),n("KHd+")),o=n("tcIX"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.type,{tag:"component",class:["button",this.size,this.state,this.variation],attrs:{href:this.href,type:this.submit}},[this._t("default")],2)},[],!1,null,"d2d2e682",null);"function"==typeof i.a&&i()(u),u.options.__file="Button.vue";e.default=u.exports},"/thn":function(t,e){t.exports=''},0:function(t,e,n){t.exports=n("5m5j")},"1phr":function(t,e){},"2dwG":function(t,e){t.exports=''},"4K1/":function(t,e,n){"use strict";n.r(e);var r={name:"NotFound",metaInfo:{title:"Page Not Found | Vue Design System",htmlAttrs:{lang:"en"}},props:{type:{type:String,default:"div"}}},a=(n("74Cn"),n("KHd+")),o=n("gkHm"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement,e=this._self._c||t;return e(this.type,{tag:"component",staticClass:"not-found"},[e("NavBar",{attrs:{active:"NotFound",navItems:[{name:"Template",component:"Index",href:"/#/"},{name:"Documentation",href:"http://localhost:6060/"}]}}),this._v(" "),e("Wrapper",[e("Heading",[this._v("404 Error")]),this._v(" "),e("Paragraph",[this._v("Couldn’t find a component that would match the URL you entered. Double check configuration in router/index.js.")])],1)],1)},[],!1,null,"72de55c1",null);"function"==typeof i.a&&i()(u),u.options.__file="NotFound.vue";e.default=u.exports},"5m5j":function(t,e,n){"use strict";n.r(e);var r=[n("Xl01"),n("JtIp"),n("c1KM")],a=[];r.forEach(function(t){t.keys().forEach(function(e){return a.push(t(e).default)})});var o={install:function(t){a.forEach(function(e){return t.component(e.name,e)})}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(o),e.default=o},"68yd":function(t,e,n){"use strict";n.r(e);var r=n("bzL3"),a={name:"Icon",status:"review",release:"1.0.0",props:{name:{required:!0,default:"settings"},fill:{type:String,default:"currentColor"},ariaLabel:{type:String,default:"icon"},type:{type:String,default:"span"},size:{type:String,default:"medium",validator:function(t){return t.match(/(small|medium|large)/)}}},data:function(){return{svg:r("./"+this.name+".svg").replace(/^'},At04:function(t,e,n){},CAAC:function(t,e,n){},ECTP:function(t,e){},FmFd:function(t,e,n){"use strict";n.r(e);var r={name:"Paragraph",status:"prototype",release:"3.5.0",props:{type:{type:String,default:"p",validator:function(t){return t.match(/(p|span)/)}},variation:{type:String,default:"medium",validator:function(t){return t.match(/(medium|intro|large|small)/)}}}},a=(n("TCTD"),n("KHd+")),o=n("ECTP"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.type,{tag:"component",class:["paragraph",this.variation]},[this._t("default")],2)},[],!1,null,"c864d2b4",null);"function"==typeof i.a&&i()(u),u.options.__file="Paragraph.vue";e.default=u.exports},H8HP:function(t,e,n){"use strict";var r=n("RAI/");n.n(r).a},HpXA:function(t,e){},IBcm:function(t,e,n){"use strict";var r=n("SXs2");n.n(r).a},JtIp:function(t,e,n){var r={"./NavBar.vue":"nrZS"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="JtIp"},"KHd+":function(t,e,n){"use strict";function r(t,e,n,r,a,o,i,u){var s,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),o&&(c._scopeId="data-v-"+o),i?(s=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=s):a&&(s=u?function(){a.call(this,this.$root.$options.shadowRoot)}:a),s)if(c.functional){c._injectStyles=s;var l=c.render;c.render=function(t,e){return s.call(e),l(t,e)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,s):[s]}return{exports:t,options:c}}n.d(e,"a",function(){return r})},KzwA:function(t,e,n){},"RAI/":function(t,e,n){},SXs2:function(t,e,n){},TCTD:function(t,e,n){"use strict";var r=n("U50v");n.n(r).a},Tof5:function(t,e){},TykR:function(t,e,n){},U50v:function(t,e,n){},UP9d:function(t,e,n){"use strict";var r=n("UlHA");n.n(r).a},UklV:function(t,e,n){"use strict";n.r(e);var r={name:"Input",status:"ready",release:"1.0.0",props:{type:{type:String,default:"text",validator:function(t){return t.match(/(text|number|email)/)}},value:{type:String,default:null},placeholder:{type:String,default:null},label:{type:String,default:null},wrapper:{type:String,default:"div",validator:function(t){return t.match(/(div|section)/)}},id:{type:String,default:null},width:{type:String,default:"expand",validator:function(t){return t.match(/(auto|expand)/)}},disabled:{type:Boolean,default:!1},state:{type:String,default:null,validator:function(t){return t.match(/(hover|active|focus)/)}}},methods:{onInput:function(t){this.$emit("change",t)},onFocus:function(t){this.$emit("focus",t)}}},a=(n("H8HP"),n("KHd+")),o=n("7dOS"),i=n.n(o),u=Object(a.a)(r,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.wrapper,{tag:"component",class:["input",{"input-expand":"expand"===t.width}]},[t.label?n("label",{attrs:{for:t.id}},[t._v(t._s(t.label))]):t._e(),t._v(" "),n("input",{class:t.state,attrs:{id:t.id,disabled:t.disabled,type:t.type,placeholder:t.placeholder},domProps:{value:t.value},on:{input:function(e){t.onInput(e.target.value)},focus:function(e){t.onFocus(e.target.value)}}})])},[],!1,null,"75da1bd8",null);"function"==typeof i.a&&i()(u),u.options.__file="Input.vue";e.default=u.exports},UlHA:function(t,e,n){},Xl01:function(t,e,n){var r={"./Button.vue":"/kPn","./Heading.vue":"oIR/","./Icon.vue":"68yd","./Input.vue":"UklV","./Paragraph.vue":"FmFd","./TextStyle.vue":"r6ov","./Textarea.vue":"lK0x","./Wrapper.vue":"9t9y"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="Xl01"},Z0DB:function(t,e,n){"use strict";var r=n("eUC7");n.n(r).a},bzL3:function(t,e,n){var r={"./deprecated.svg":"/thn","./prototype.svg":"2dwG","./ready.svg":"AAsE","./review.svg":"eAtJ"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="bzL3"},c1KM:function(t,e,n){var r={"./Index.vue":"lF/O","./NotFound.vue":"4K1/"};function a(t){var e=o(t);return n(e)}function o(t){var e=r[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}a.keys=function(){return Object.keys(r)},a.resolve=o,t.exports=a,a.id="c1KM"},c5QI:function(t,e,n){"use strict";var r=n("KzwA");n.n(r).a},eAtJ:function(t,e){t.exports=''},eUC7:function(t,e,n){},gkHm:function(t,e){},"gx/T":function(t,e,n){"use strict";var r=n("TykR");n.n(r).a},"lF/O":function(t,e,n){"use strict";n.r(e);var r={name:"Index",status:"deprecated",release:"1.0.0",metaInfo:{title:"Vue Design System",htmlAttrs:{lang:"en"}},props:{type:{type:String,default:"div"}}},a=(n("w9Xg"),n("KHd+")),o=n("9I8L"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement,e=this._self._c||t;return e(this.type,{tag:"component",staticClass:"index"},[e("NavBar",{attrs:{active:"Index",navItems:[{name:"Template",component:"Index",href:"/#/"},{name:"Documentation",href:"http://localhost:6060/"}]}}),this._v(" "),e("Wrapper",[e("Heading",[this._v("Vue Design System")]),this._v(" "),e("Paragraph",[e("a",{attrs:{href:"https://vueds.com"}},[this._v("Vue Design System")]),this._v("is an open-source tool for building design systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices. It works as the foundation for your application development.\n ")])],1)],1)},[],!1,null,"51cd77f8",null);"function"==typeof i.a&&i()(u),u.options.__file="Index.vue";e.default=u.exports},lK0x:function(t,e,n){"use strict";n.r(e);var r={name:"Textarea",status:"ready",release:"3.5.0",props:{value:{type:String,default:null},placeholder:{type:String,default:null},label:{type:String,default:null},wrapper:{type:String,default:"div",validator:function(t){return t.match(/(div|section)/)}},id:{type:String,default:null},width:{type:String,default:"expand",validator:function(t){return t.match(/(auto|expand)/)}},disabled:{type:Boolean,default:!1},state:{type:String,default:null,validator:function(t){return t.match(/(hover|active|focus)/)}}},methods:{onInput:function(t){this.$emit("change",t)},onFocus:function(t){this.$emit("focus",t)}}},a=(n("gx/T"),n("KHd+")),o=n("7DUr"),i=n.n(o),u=Object(a.a)(r,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.wrapper,{tag:"component",class:["textarea",{"textarea-expand":"expand"===t.width}]},[t.label?n("label",{attrs:{for:t.id}},[t._v(t._s(t.label))]):t._e(),t._v(" "),n("textarea",{directives:[{name:"model",rawName:"v-model",value:t.value,expression:"value"}],class:t.state,attrs:{id:t.id,disabled:t.disabled,placeholder:t.placeholder},domProps:{value:t.value},on:{input:[function(e){e.target.composing||(t.value=e.target.value)},function(e){t.onInput(e.target.value)}],focus:function(e){t.onFocus(e.target.value)}}})])},[],!1,null,"4c791c86",null);"function"==typeof i.a&&i()(u),u.options.__file="Textarea.vue";e.default=u.exports},nZfC:function(t,e,n){"use strict";var r=n("oXgq");n.n(r).a},nrZS:function(t,e,n){"use strict";n.r(e);var r={name:"NavBar",status:"ready",release:"1.0.0",model:{prop:"active"},props:{type:{type:String,default:"nav"},active:{required:!0,type:String},navItems:{required:!0,type:Array}},computed:{localActive:{get:function(){return this.active},set:function(t){this.$emit("input",t)}}}},a=(n("UP9d"),n("KHd+")),o=n("Tof5"),i=n.n(o),u=Object(a.a)(r,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.type,{tag:"component",staticClass:"nav"},t._l(t.navItems,function(e,r){return n("a",{key:r,class:{active:t.localActive===e.component},attrs:{href:e.href},domProps:{innerHTML:t._s(e.name)}})}))},[],!1,null,"5620a27a",null);"function"==typeof i.a&&i()(u),u.options.__file="NavBar.vue";e.default=u.exports},"oIR/":function(t,e,n){"use strict";n.r(e);var r={name:"Heading",status:"prototype",release:"1.0.0",props:{level:{type:String,default:"h1",validator:function(t){return t.match(/(h1|h2|h3|h4|h5|h6)/)}}}},a=(n("Z0DB"),n("KHd+")),o=n("woMB"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.level,{tag:"component",staticClass:"heading"},[this._t("default")],2)},[],!1,null,"614943df",null);"function"==typeof i.a&&i()(u),u.options.__file="Heading.vue";e.default=u.exports},oXgq:function(t,e,n){},r6ov:function(t,e,n){"use strict";n.r(e);var r={name:"TextStyle",status:"ready",release:"1.0.0",props:{type:{type:String,default:"span",validator:function(t){return t.match(/(span|em|i|strong)/)}},variation:{type:String,default:"default",validator:function(t){return t.match(/(default|disabled|strong|positive|negative)/)}}}},a=(n("nZfC"),n("KHd+")),o=n("7kMZ"),i=n.n(o),u=Object(a.a)(r,function(){var t=this.$createElement;return(this._self._c||t)(this.type,{tag:"component",class:["text-style",this.variation]},[this._t("default")],2)},[],!1,null,"7610f142",null);"function"==typeof i.a&&i()(u),u.options.__file="TextStyle.vue";e.default=u.exports},"s/Rj":function(t,e,n){},tcIX:function(t,e){},w9Xg:function(t,e,n){"use strict";var r=n("s/Rj");n.n(r).a},woMB:function(t,e){}})}); \ No newline at end of file diff --git a/docs/docs.styles.scss b/docs/docs.styles.scss index 9e1fdf11..c662be2f 100644 --- a/docs/docs.styles.scss +++ b/docs/docs.styles.scss @@ -412,7 +412,7 @@ pre[class^="rsg--pre"], min-height: $space-xxl / 1.5; margin-bottom: $space-m; color: $color-white; - padding: $space-m $space-m * 7 $space-m $space-m; + padding: $space-m; word-wrap: break-word; white-space: pre-wrap; word-break: normal; diff --git a/docs/faq.md b/docs/faq.md index 61aab476..364fe1a5 100644 --- a/docs/faq.md +++ b/docs/faq.md @@ -66,24 +66,20 @@ If you want to bundle your fonts into the project itself, that’s possible as w First, import tokens inside the component you want to use them in: -```html - +```javascript +import designTokens from "@/assets/tokens/tokens.raw.json" ``` Then, pass the data: -```html - + tokens: designTokens.props, + } + }, +} ``` Once done, you can utilize tokens inside `