diff --git a/.prettierignore b/.prettierignore
index 1bbed636..b0eaafc4 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,3 +1,4 @@
package.json
package-lock.json
-src/assets/tokens/*
\ No newline at end of file
+src/assets/tokens/*
+dist/*
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
index 3596aecc..631db63e 100644
--- a/build/webpack.prod.conf.js
+++ b/build/webpack.prod.conf.js
@@ -9,7 +9,7 @@ const CopyWebpackPlugin = require("copy-webpack-plugin")
const HtmlWebpackPlugin = require("html-webpack-plugin")
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const OptimizeCSSPlugin = require("optimize-css-assets-webpack-plugin")
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
+const TerserPlugin = require("terser-webpack-plugin")
const SafeParser = require("postcss-safe-parser")
const env = require("../config/prod.env")
@@ -88,9 +88,10 @@ const webpackConfig = merge(baseWebpackConfig, {
},
},
runtimeChunk: "single",
+ minimize: true,
minimizer: [
- new UglifyJsPlugin({
- uglifyOptions: {
+ new TerserPlugin({
+ terserOptions: {
compress: {
warnings: false,
},
diff --git a/build/webpack.system.conf.js b/build/webpack.system.conf.js
index eb7a6d26..fe05cdcc 100644
--- a/build/webpack.system.conf.js
+++ b/build/webpack.system.conf.js
@@ -8,7 +8,6 @@ const baseWebpackConfig = require("./webpack.base.conf")
const MergeWebpackPlugin = require("webpack-merge-and-include-globally")
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const OptimizeCSSPlugin = require("optimize-css-assets-webpack-plugin")
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
const CopyWebpackPlugin = require("copy-webpack-plugin")
const SafeParser = require("postcss-safe-parser")
@@ -41,15 +40,6 @@ const webpackConfig = merge(baseWebpackConfig, {
new webpack.DefinePlugin({
"process.env": env,
}),
- new UglifyJsPlugin({
- uglifyOptions: {
- compress: {
- warnings: false,
- },
- },
- sourceMap: config.system.productionSourceMap,
- parallel: true,
- }),
// extract css into its own file
new MiniCssExtractPlugin({
filename: utils.assetsSystemPath("[name].css"),
diff --git a/config/index.js b/config/index.js
index 2113083b..68192c0a 100644
--- a/config/index.js
+++ b/config/index.js
@@ -56,8 +56,6 @@ module.exports = {
// Enable or disable performance hints on build
performanceHints: false,
- // Source map
- productionSourceMap: false,
// https://webpack.js.org/configuration/devtool/#production
devtool: "#source-map",
diff --git a/dist/system/system.css b/dist/system/system.css
index 13d0093b..662993c5 100644
--- a/dist/system/system.css
+++ b/dist/system/system.css
@@ -1,461 +1 @@
-.button[data-v-34c95418] {
- -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 0.2s ease;
- will-change: transform;
-}
-.button[data-v-34c95418]:last-child {
- margin-bottom: 0;
- margin-right: 0;
-}
-.button.hover[data-v-34c95418],
-.button[data-v-34c95418]:hover {
- -webkit-transform: translateZ(0) scale(1.03);
- background: #258aef;
- color: #fff;
- transform: translateZ(0) scale(1.03);
-}
-.button.active[data-v-34c95418],
-.button[data-v-34c95418]: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-34c95418],
-.button[data-v-34c95418]: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-34c95418] {
- color: #258aef;
- float: right;
- margin: -8px -8px -16px 4px;
-}
-.button.large[data-v-34c95418] {
- font-size: 24px;
- padding: 8px 16px 9px;
-}
-.button.medium[data-v-34c95418] {
- font-size: 16px;
- padding: 8px 16px 9px;
-}
-.button.small[data-v-34c95418] {
- font-size: 13px;
- padding: 4px 8px 5px;
-}
-.button.primary[data-v-34c95418] {
- background: #258aef;
- box-shadow: none;
- color: #fff;
-}
-.button.primary.hover[data-v-34c95418],
-.button.primary[data-v-34c95418]:hover {
- background-color: #2179d2;
-}
-.button.primary.active[data-v-34c95418],
-.button.primary[data-v-34c95418]:active {
- background-color: #1e6ebf;
- transition: none;
-}
-.button.primary[data-v-34c95418]: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: -0.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, 0.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 0.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, 0.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 0.2s ease;
-}
-.input input[disabled][data-v-698acc83] {
- background: #fff;
- box-shadow: 0 0 0 1px #cccfd3;
- color: #ccd0d3;
- cursor: not-allowed;
- opacity: 0.7;
-}
-.input input[disabled][data-v-698acc83],
-.paragraph[data-v-eecd5d66] {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
-}
-.paragraph[data-v-eecd5d66] {
- 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 0.3s ease;
-}
-.paragraph[data-v-eecd5d66]:last-child {
- margin-bottom: 0;
-}
-.paragraph a[data-v-eecd5d66] {
- color: #258aef;
- text-decoration: none;
-}
-.paragraph a[data-v-eecd5d66]:hover {
- color: #0c57a2;
-}
-.paragraph.intro[data-v-eecd5d66] {
- font-family: Fira Sans, Helvetica, Arial, sans-serif;
- font-size: 24px;
- font-weight: 300;
- margin-bottom: 24px;
-}
-.paragraph.intro[data-v-eecd5d66]:last-child {
- margin-bottom: 0;
-}
-.paragraph.large[data-v-eecd5d66] {
- font-size: 24px;
-}
-.paragraph.small[data-v-eecd5d66] {
- 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-da564664] {
- 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-da564664]:last-child {
- margin-bottom: 0;
-}
-.textarea-expand[data-v-da564664] {
- width: 100%;
-}
-.textarea label[data-v-da564664] {
- color: #33414f;
- cursor: pointer;
- display: block;
- font-size: 13px;
- margin-bottom: 8px;
-}
-.textarea label[data-v-da564664]:last-child {
- margin-bottom: 0;
-}
-.textarea textarea[data-v-da564664] {
- -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, 0.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 0.2s ease;
- width: 100%;
-}
-.textarea textarea[data-v-da564664]::-webkit-input-placeholder {
- -webkit-font-smoothing: antialiased;
- color: #bfc4c8;
-}
-.textarea textarea[data-v-da564664]:-ms-input-placeholder {
- color: #bfc4c8;
-}
-.textarea textarea[data-v-da564664]::-moz-placeholder {
- -moz-osx-font-smoothing: grayscale;
- color: #bfc4c8;
- opacity: 1;
-}
-.textarea textarea.hover[data-v-da564664],
-.textarea textarea[data-v-da564664]:hover {
- box-shadow: 0 1px 5px 0 rgba(0, 17, 35, 0.07), 0 0 0 1px #99a0a7;
-}
-.textarea textarea.focus[data-v-da564664],
-.textarea textarea[data-v-da564664]:focus {
- box-shadow: inset 0 0 0 1px #258aef, 0 0 0 1px #258aef;
- outline: 0;
- transition: box-shadow 0.2s ease;
-}
-.textarea textarea[disabled][data-v-da564664] {
- -webkit-font-smoothing: antialiased;
- background: #fff;
- box-shadow: 0 0 0 1px #cccfd3;
- color: #ccd0d3;
- cursor: not-allowed;
- opacity: 0.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%);
-}
+.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
diff --git a/dist/system/system.js b/dist/system/system.js
index 5b62d2cb..2d7a808a 100644
--- a/dist/system/system.js
+++ b/dist/system/system.js
@@ -1,932 +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: "1.0.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("807b"), n("KHd+")),
- o = n("tcIX"),
- u = n.n(o),
- i = Object(a.a)(
- r,
- function() {
- var t = this,
- e = t.$createElement
- return (t._self._c || e)(
- t.type,
- {
- tag: "component",
- class: ["button", t.size, t.state, t.variation],
- attrs: { href: t.href, type: t.submit },
- },
- [t._t("default")],
- 2
- )
- },
- [],
- !1,
- null,
- "34c95418",
- null
- )
- "function" == typeof u.a && u()(i), (i.options.__file = "Button.vue"), (e.default = i.exports)
- },
- "/thn": function(t, e) {
- t.exports =
- ''
- },
- 0: function(t, e, n) {
- t.exports = n("5m5j")
- },
- "1ktO": function(t, e, n) {},
- "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"),
- u = n.n(o),
- i = Object(a.a)(
- r,
- function() {
- var t = this,
- e = t.$createElement,
- n = t._self._c || e
- return n(
- t.type,
- { tag: "component", staticClass: "not-found" },
- [
- n("NavBar", {
- attrs: {
- active: "NotFound",
- navItems: [
- { name: "Template", component: "Index", href: "/#/" },
- { name: "Documentation", href: "http://localhost:6060/" },
- ],
- },
- }),
- t._v(" "),
- n(
- "Wrapper",
- [
- n("Heading", [t._v("404 Error")]),
- t._v(" "),
- n("Paragraph", [
- t._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 u.a && u()(i), (i.options.__file = "NotFound.vue"), (e.default = i.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: "1.0.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("Nuxr"), n("KHd+")),
- o = n("ECTP"),
- u = n.n(o),
- i = Object(a.a)(
- r,
- function() {
- var t = this,
- e = t.$createElement
- return (t._self._c || e)(
- t.type,
- { tag: "component", class: ["paragraph", t.variation] },
- [t._t("default")],
- 2
- )
- },
- [],
- !1,
- null,
- "eecd5d66",
- null
- )
- "function" == typeof u.a && u()(i), (i.options.__file = "Paragraph.vue"), (e.default = i.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) return e
- var n = new Error("Cannot find module '" + t + "'")
- throw ((n.code = "MODULE_NOT_FOUND"), n)
- }
- ;(a.keys = function() {
- return Object.keys(r)
- }),
- (a.resolve = o),
- ((t.exports = a).id = "JtIp")
- },
- "KHd+": function(t, e, n) {
- "use strict"
- function r(t, e, n, r, a, o, u, i) {
- var c,
- l = "function" == typeof t ? t.options : t
- if (
- (e && ((l.render = e), (l.staticRenderFns = n), (l._compiled = !0)),
- r && (l.functional = !0),
- o && (l._scopeId = "data-v-" + o),
- u
- ? ((c = 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(u)
- }),
- (l._ssrRegister = c))
- : a &&
- (c = i
- ? function() {
- a.call(this, this.$root.$options.shadowRoot)
- }
- : a),
- c)
- )
- if (l.functional) {
- l._injectStyles = c
- var s = l.render
- l.render = function(t, e) {
- return c.call(e), s(t, e)
- }
- } else {
- var f = l.beforeCreate
- l.beforeCreate = f ? [].concat(f, c) : [c]
- }
- return { exports: t, options: l }
- }
- n.d(e, "a", function() {
- return r
- })
- },
- KzwA: function(t, e, n) {},
- Nuxr: function(t, e, n) {
- "use strict"
- var r = n("ONqy")
- n.n(r).a
- },
- ONqy: function(t, e, n) {},
- Tof5: function(t, e) {},
- 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"),
- u = n.n(o),
- i = 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 u.a && u()(i), (i.options.__file = "Input.vue"), (e.default = i.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) return e
- var n = new Error("Cannot find module '" + t + "'")
- throw ((n.code = "MODULE_NOT_FOUND"), n)
- }
- ;(a.keys = function() {
- return Object.keys(r)
- }),
- (a.resolve = o),
- ((t.exports = a).id = "Xl01")
- },
- Z0DB: function(t, e, n) {
- "use strict"
- var r = n("eUC7")
- n.n(r).a
- },
- Zohg: function(t, e, n) {},
- 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) return e
- var n = new Error("Cannot find module '" + t + "'")
- throw ((n.code = "MODULE_NOT_FOUND"), n)
- }
- ;(a.keys = function() {
- return Object.keys(r)
- }),
- (a.resolve = o),
- ((t.exports = 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) return e
- var n = new Error("Cannot find module '" + t + "'")
- throw ((n.code = "MODULE_NOT_FOUND"), n)
- }
- ;(a.keys = function() {
- return Object.keys(r)
- }),
- (a.resolve = o),
- ((t.exports = 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) {},
- jGdK: function(t, e, n) {
- "use strict"
- var r = n("Zohg")
- 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"),
- u = n.n(o),
- i = Object(a.a)(
- r,
- function() {
- var t = this,
- e = t.$createElement,
- n = t._self._c || e
- return n(
- t.type,
- { tag: "component", staticClass: "index" },
- [
- n("NavBar", {
- attrs: {
- active: "Index",
- navItems: [
- { name: "Template", component: "Index", href: "/#/" },
- { name: "Documentation", href: "http://localhost:6060/" },
- ],
- },
- }),
- t._v(" "),
- n(
- "Wrapper",
- [
- n("Heading", [t._v("Vue Design System")]),
- t._v(" "),
- n("Paragraph", [
- n("a", { attrs: { href: "https://vueds.com" } }, [t._v("Vue Design System")]),
- t._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 u.a && u()(i), (i.options.__file = "Index.vue"), (e.default = i.exports)
- },
- lK0x: function(t, e, n) {
- "use strict"
- n.r(e)
- var r = {
- name: "Textarea",
- status: "ready",
- release: "1.0.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("jGdK"), n("KHd+")),
- o = n("7DUr"),
- u = n.n(o),
- i = 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,
- "da564664",
- null
- )
- "function" == typeof u.a && u()(i), (i.options.__file = "Textarea.vue"), (e.default = i.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"),
- u = n.n(o),
- i = 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 u.a && u()(i), (i.options.__file = "NavBar.vue"), (e.default = i.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"),
- u = n.n(o),
- i = 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 u.a && u()(i), (i.options.__file = "Heading.vue"), (e.default = i.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"),
- u = n.n(o),
- i = Object(a.a)(
- r,
- function() {
- var t = this,
- e = t.$createElement
- return (t._self._c || e)(
- t.type,
- { tag: "component", class: ["text-style", t.variation] },
- [t._t("default")],
- 2
- )
- },
- [],
- !1,
- null,
- "7610f142",
- null
- )
- "function" == typeof u.a && u()(i), (i.options.__file = "TextStyle.vue"), (e.default = i.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) {},
- })
-})
+!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
diff --git a/dist/system/system.utils.scss b/dist/system/system.utils.scss
index e14f3182..7da3db13 100644
--- a/dist/system/system.utils.scss
+++ b/dist/system/system.utils.scss
@@ -1,3 +1,4 @@
+
$color-ucla-gold: rgb(255, 186, 10);
$color-ucla-gold-darker: rgb(179, 128, 0);
$color-vermilion-lighter: rgb(244, 151, 138);
@@ -25,8 +26,8 @@ $size-l: 24px;
$size-m: 16px;
$size-s: 13px;
$size-xs: 11px;
-$font-heading: "Fira Sans", Helvetica, Arial, sans-serif;
-$font-text: "Fira Sans", Helvetica, Arial, sans-serif;
+$font-heading: 'Fira Sans', Helvetica, Arial, sans-serif;
+$font-text: 'Fira Sans', Helvetica, Arial, sans-serif;
$weight-bold: 700;
$weight-semi-bold: 600;
$weight-normal: 400;
@@ -38,13 +39,9 @@ $duration-quickly: 0.08s;
$duration-slowly: 0.5s;
$z-index-modal: 9999;
$z-index-sticky: 100;
-$media-query-m: (
- min-width: 768px,
-);
-$media-query-l: (
- min-width: 1024px,
-);
-$shadow-s: 0 0 0 1px rgba(92, 106, 196, 0.1);
+$media-query-m: (min-width: 768px);
+$media-query-l: (min-width: 1024px);
+$shadow-s: 0 0 0 1px rgba(92,106,196,.1);
$spacing-xl: 2px;
$spacing-l: 1px;
$spacing-m: 0;
diff --git a/dist/system/tokens/tokens.json b/dist/system/tokens/tokens.json
index 4054d974..f37ec9fd 100644
--- a/dist/system/tokens/tokens.json
+++ b/dist/system/tokens/tokens.json
@@ -59,4 +59,4 @@
"line_height_m": "1.6",
"line_height_s": "1.3",
"line_height_xs": "1"
-}
+}
\ No newline at end of file
diff --git a/dist/system/tokens/tokens.map.scss b/dist/system/tokens/tokens.map.scss
index bf733e4b..2cb94b02 100644
--- a/dist/system/tokens/tokens.map.scss
+++ b/dist/system/tokens/tokens.map.scss
@@ -1,192 +1,63 @@
+
$tokens-map: (
- "color-ucla-gold": (
- rgb(255, 186, 10),
- ),
- "color-ucla-gold-darker": (
- rgb(179, 128, 0),
- ),
- "color-vermilion-lighter": (
- rgb(244, 151, 138),
- ),
- "color-vermilion-darker": (
- rgb(154, 31, 14),
- ),
- "color-ucla-gold-lighter": (
- rgb(255, 219, 128),
- ),
- "color-bleu-de-france-dark": (
- rgb(16, 112, 209),
- ),
- "color-bleu-de-france-light": (
- rgb(84, 163, 242),
- ),
- "color-silver": (
- rgb(127, 136, 145),
- ),
- "color-white": (
- rgb(255, 255, 255),
- ),
- "color-bleu-de-france": (
- rgb(37, 138, 239),
- ),
- "color-bleu-de-france-darker": (
- rgb(12, 87, 161),
- ),
- "color-bleu-de-france-lighter": (
- rgb(132, 189, 246),
- ),
- "color-ucla-gold-dark": (
- rgb(230, 164, 0),
- ),
- "color-vermilion-light": (
- rgb(239, 101, 82),
- ),
- "color-vermilion-dark": (
- rgb(201, 40, 19),
- ),
- "color-ucla-gold-light": (
- rgb(255, 204, 77),
- ),
- "color-rich-black": (
- rgb(0, 17, 35),
- ),
- "color-cloud": (
- rgb(233, 243, 253),
- ),
- "color-oxford-blue": (
- rgb(0, 38, 77),
- ),
- "color-vermilion": (
- rgb(235, 59, 36),
- ),
- "size-xxxl": (
- 64px,
- ),
- "size-xxl": (
- 48px,
- ),
- "size-xl": (
- 36px,
- ),
- "size-l": (
- 24px,
- ),
- "size-m": (
- 16px,
- ),
- "size-s": (
- 13px,
- ),
- "size-xs": (
- 11px,
- ),
- "font-heading": (
- "Fira Sans",
- Helvetica,
- Arial,
- sans-serif,
- ),
- "font-text": (
- "Fira Sans",
- Helvetica,
- Arial,
- sans-serif,
- ),
- "weight-bold": (
- 700,
- ),
- "weight-semi-bold": (
- 600,
- ),
- "weight-normal": (
- 400,
- ),
- "weight-light": (
- 300,
- ),
- "opacity-disabled": (
- 0.5,
- ),
- "height-footer": (
- 64px,
- ),
- "tappable-square": (
- 44px,
- ),
- "duration-quickly": (
- 0.08s,
- ),
- "duration-slowly": (
- 0.5s,
- ),
- "z-index-modal": (
- 9999,
- ),
- "z-index-sticky": (
- 100,
- ),
- "media-query-m": (
- (
- min-width: 768px,
- ),
- ),
- "media-query-l": (
- (
- min-width: 1024px,
- ),
- ),
- "shadow-s": (
- 0 0 0 1px rgba(92, 106, 196, 0.1),
- ),
- "spacing-xl": (
- 2px,
- ),
- "spacing-l": (
- 1px,
- ),
- "spacing-m": (
- 0,
- ),
- "spacing-s": (
- -0.5px,
- ),
- "spacing-xs": (
- -1px,
- ),
- "radius-default": (
- 3px,
- ),
- "radius-circle": (
- 50%,
- ),
- "space-xxl": (
- 128px,
- ),
- "space-xl": (
- 64px,
- ),
- "space-l": (
- 48px,
- ),
- "space-m": (
- 24px,
- ),
- "space-s": (
- 16px,
- ),
- "space-xs": (
- 8px,
- ),
- "space-xxs": (
- 4px,
- ),
- "line-height-m": (
- 1.6,
- ),
- "line-height-s": (
- 1.3,
- ),
- "line-height-xs": (
- 1,
- ),
+ 'color-ucla-gold': (rgb(255, 186, 10)),
+ 'color-ucla-gold-darker': (rgb(179, 128, 0)),
+ 'color-vermilion-lighter': (rgb(244, 151, 138)),
+ 'color-vermilion-darker': (rgb(154, 31, 14)),
+ 'color-ucla-gold-lighter': (rgb(255, 219, 128)),
+ 'color-bleu-de-france-dark': (rgb(16, 112, 209)),
+ 'color-bleu-de-france-light': (rgb(84, 163, 242)),
+ 'color-silver': (rgb(127, 136, 145)),
+ 'color-white': (rgb(255, 255, 255)),
+ 'color-bleu-de-france': (rgb(37, 138, 239)),
+ 'color-bleu-de-france-darker': (rgb(12, 87, 161)),
+ 'color-bleu-de-france-lighter': (rgb(132, 189, 246)),
+ 'color-ucla-gold-dark': (rgb(230, 164, 0)),
+ 'color-vermilion-light': (rgb(239, 101, 82)),
+ 'color-vermilion-dark': (rgb(201, 40, 19)),
+ 'color-ucla-gold-light': (rgb(255, 204, 77)),
+ 'color-rich-black': (rgb(0, 17, 35)),
+ 'color-cloud': (rgb(233, 243, 253)),
+ 'color-oxford-blue': (rgb(0, 38, 77)),
+ 'color-vermilion': (rgb(235, 59, 36)),
+ 'size-xxxl': (64px),
+ 'size-xxl': (48px),
+ 'size-xl': (36px),
+ 'size-l': (24px),
+ 'size-m': (16px),
+ 'size-s': (13px),
+ 'size-xs': (11px),
+ 'font-heading': ('Fira Sans', Helvetica, Arial, sans-serif),
+ 'font-text': ('Fira Sans', Helvetica, Arial, sans-serif),
+ 'weight-bold': (700),
+ 'weight-semi-bold': (600),
+ 'weight-normal': (400),
+ 'weight-light': (300),
+ 'opacity-disabled': (0.5),
+ 'height-footer': (64px),
+ 'tappable-square': (44px),
+ 'duration-quickly': (0.08s),
+ 'duration-slowly': (0.5s),
+ 'z-index-modal': (9999),
+ 'z-index-sticky': (100),
+ 'media-query-m': ((min-width: 768px)),
+ 'media-query-l': ((min-width: 1024px)),
+ 'shadow-s': (0 0 0 1px rgba(92,106,196,.1)),
+ 'spacing-xl': (2px),
+ 'spacing-l': (1px),
+ 'spacing-m': (0),
+ 'spacing-s': (-0.5px),
+ 'spacing-xs': (-1px),
+ 'radius-default': (3px),
+ 'radius-circle': (50%),
+ 'space-xxl': (128px),
+ 'space-xl': (64px),
+ 'space-l': (48px),
+ 'space-m': (24px),
+ 'space-s': (16px),
+ 'space-xs': (8px),
+ 'space-xxs': (4px),
+ 'line-height-m': (1.6),
+ 'line-height-s': (1.3),
+ 'line-height-xs': (1),
);
diff --git a/dist/system/tokens/tokens.raw.json b/dist/system/tokens/tokens.raw.json
index 84c15f60..75628400 100644
--- a/dist/system/tokens/tokens.raw.json
+++ b/dist/system/tokens/tokens.raw.json
@@ -441,4 +441,4 @@
"name": "line_height_xs"
}
}
-}
+}
\ No newline at end of file
diff --git a/dist/system/tokens/tokens.scss b/dist/system/tokens/tokens.scss
index 00d5b9c9..571381ad 100644
--- a/dist/system/tokens/tokens.scss
+++ b/dist/system/tokens/tokens.scss
@@ -1,3 +1,4 @@
+
$color-ucla-gold: rgb(255, 186, 10);
$color-ucla-gold-darker: rgb(179, 128, 0);
$color-vermilion-lighter: rgb(244, 151, 138);
@@ -25,8 +26,8 @@ $size-l: 24px;
$size-m: 16px;
$size-s: 13px;
$size-xs: 11px;
-$font-heading: "Fira Sans", Helvetica, Arial, sans-serif;
-$font-text: "Fira Sans", Helvetica, Arial, sans-serif;
+$font-heading: 'Fira Sans', Helvetica, Arial, sans-serif;
+$font-text: 'Fira Sans', Helvetica, Arial, sans-serif;
$weight-bold: 700;
$weight-semi-bold: 600;
$weight-normal: 400;
@@ -38,13 +39,9 @@ $duration-quickly: 0.08s;
$duration-slowly: 0.5s;
$z-index-modal: 9999;
$z-index-sticky: 100;
-$media-query-m: (
- min-width: 768px,
-);
-$media-query-l: (
- min-width: 1024px,
-);
-$shadow-s: 0 0 0 1px rgba(92, 106, 196, 0.1);
+$media-query-m: (min-width: 768px);
+$media-query-l: (min-width: 1024px);
+$shadow-s: 0 0 0 1px rgba(92,106,196,.1);
$spacing-xl: 2px;
$spacing-l: 1px;
$spacing-m: 0;
diff --git a/package-lock.json b/package-lock.json
index f76bd381..902eedfd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18316,6 +18316,110 @@
"integrity": "sha1-JLFUOXOrRCiW2a02fdnL2/r+kYs=",
"dev": true
},
+ "terser": {
+ "version": "3.9.3",
+ "resolved": "https://registry.npmjs.org/terser/-/terser-3.9.3.tgz",
+ "integrity": "sha512-7CAUcdTRzfxvMUqhSDe95MQ/qVEV3JqiSB8mMGQZSe1CL7AKB1iMpF7Mj6DatC9YfG/4xxE25Egp1kxVNORdGQ==",
+ "dev": true,
+ "requires": {
+ "commander": "~2.17.1",
+ "source-map": "~0.6.1",
+ "source-map-support": "~0.5.6"
+ },
+ "dependencies": {
+ "source-map-support": {
+ "version": "0.5.9",
+ "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.9.tgz",
+ "integrity": "sha512-gR6Rw4MvUlYy83vP0vxoVNzM6t8MUXqNuRsuBmBHQDu1Fh6X015FrLdgoDKcNdkwGubozq0P4N0Q37UyFVr1EA==",
+ "dev": true,
+ "requires": {
+ "buffer-from": "^1.0.0",
+ "source-map": "^0.6.0"
+ }
+ }
+ }
+ },
+ "terser-webpack-plugin": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.1.0.tgz",
+ "integrity": "sha512-61lV0DSxMAZ8AyZG7/A4a3UPlrbOBo8NIQ4tJzLPAdGOQ+yoNC7l5ijEow27lBAL2humer01KLS6bGIMYQxKoA==",
+ "dev": true,
+ "requires": {
+ "cacache": "^11.0.2",
+ "find-cache-dir": "^2.0.0",
+ "schema-utils": "^1.0.0",
+ "serialize-javascript": "^1.4.0",
+ "source-map": "^0.6.1",
+ "terser": "^3.8.1",
+ "webpack-sources": "^1.1.0",
+ "worker-farm": "^1.5.2"
+ },
+ "dependencies": {
+ "find-cache-dir": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.0.0.tgz",
+ "integrity": "sha512-LDUY6V1Xs5eFskUVYtIwatojt6+9xC9Chnlk/jYOOvn3FAFfSaWddxahDGyNHh0b2dMXa6YW2m0tk8TdVaXHlA==",
+ "dev": true,
+ "requires": {
+ "commondir": "^1.0.1",
+ "make-dir": "^1.0.0",
+ "pkg-dir": "^3.0.0"
+ }
+ },
+ "find-up": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+ "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+ "dev": true,
+ "requires": {
+ "locate-path": "^3.0.0"
+ }
+ },
+ "locate-path": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+ "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+ "dev": true,
+ "requires": {
+ "p-locate": "^3.0.0",
+ "path-exists": "^3.0.0"
+ }
+ },
+ "p-limit": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.0.0.tgz",
+ "integrity": "sha512-fl5s52lI5ahKCernzzIyAP0QAZbGIovtVHGwpcu1Jr/EpzLVDI2myISHwGqK7m8uQFugVWSrbxH7XnhGtvEc+A==",
+ "dev": true,
+ "requires": {
+ "p-try": "^2.0.0"
+ }
+ },
+ "p-locate": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+ "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+ "dev": true,
+ "requires": {
+ "p-limit": "^2.0.0"
+ }
+ },
+ "p-try": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.0.0.tgz",
+ "integrity": "sha512-hMp0onDKIajHfIkdRk3P4CdCmErkYAxxDtP3Wx/4nZ3aGlau2VKh3mZpcuFkH27WQkL/3WBCPOktzA9ZOAnMQQ==",
+ "dev": true
+ },
+ "pkg-dir": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+ "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+ "dev": true,
+ "requires": {
+ "find-up": "^3.0.0"
+ }
+ }
+ }
+ },
"test-exclude": {
"version": "4.2.3",
"resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-4.2.3.tgz",
@@ -18837,87 +18941,6 @@
"dev": true,
"optional": true
},
- "uglifyjs-webpack-plugin": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-2.0.1.tgz",
- "integrity": "sha512-1HhCHkOB6wRCcv7htcz1QRPVbWPEY074RP9vzt/X0LF4xXm9l4YGd0qja7z88abDixQlnVwBjXsTBs+Xsn/eeQ==",
- "dev": true,
- "requires": {
- "cacache": "^11.2.0",
- "find-cache-dir": "^2.0.0",
- "schema-utils": "^1.0.0",
- "serialize-javascript": "^1.4.0",
- "source-map": "^0.6.1",
- "uglify-js": "^3.0.0",
- "webpack-sources": "^1.1.0",
- "worker-farm": "^1.5.2"
- },
- "dependencies": {
- "find-cache-dir": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.0.0.tgz",
- "integrity": "sha512-LDUY6V1Xs5eFskUVYtIwatojt6+9xC9Chnlk/jYOOvn3FAFfSaWddxahDGyNHh0b2dMXa6YW2m0tk8TdVaXHlA==",
- "dev": true,
- "requires": {
- "commondir": "^1.0.1",
- "make-dir": "^1.0.0",
- "pkg-dir": "^3.0.0"
- }
- },
- "find-up": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
- "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
- "dev": true,
- "requires": {
- "locate-path": "^3.0.0"
- }
- },
- "locate-path": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
- "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
- "dev": true,
- "requires": {
- "p-locate": "^3.0.0",
- "path-exists": "^3.0.0"
- }
- },
- "p-limit": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.0.0.tgz",
- "integrity": "sha512-fl5s52lI5ahKCernzzIyAP0QAZbGIovtVHGwpcu1Jr/EpzLVDI2myISHwGqK7m8uQFugVWSrbxH7XnhGtvEc+A==",
- "dev": true,
- "requires": {
- "p-try": "^2.0.0"
- }
- },
- "p-locate": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
- "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
- "dev": true,
- "requires": {
- "p-limit": "^2.0.0"
- }
- },
- "p-try": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.0.0.tgz",
- "integrity": "sha512-hMp0onDKIajHfIkdRk3P4CdCmErkYAxxDtP3Wx/4nZ3aGlau2VKh3mZpcuFkH27WQkL/3WBCPOktzA9ZOAnMQQ==",
- "dev": true
- },
- "pkg-dir": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
- "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
- "dev": true,
- "requires": {
- "find-up": "^3.0.0"
- }
- }
- }
- },
"underscore": {
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/underscore/-/underscore-1.7.0.tgz",
diff --git a/package.json b/package.json
index 71454704..0976a7a8 100644
--- a/package.json
+++ b/package.json
@@ -164,8 +164,8 @@
"semver": "^5.5.1",
"shelljs": "^0.8.2",
"style-loader": "^0.23.0",
+ "terser-webpack-plugin": "^1.1.0",
"theo": "^8.0.0-beta.2",
- "uglifyjs-webpack-plugin": "^2.0.1",
"url-loader": "^1.1.1",
"vue-jest": "^2.6.0",
"vue-loader": "^15.4.2",